*{margin: 0px;padding: 0px;}
html, body { position: relative;}
body{font: 14px/200% "Microsoft Yahei", "宋体", Arial, Verdana, Geneva, sans-serif;color: #666;background-color: #fff;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr{margin: 0px;padding: 0px;}
a{color: #808080;text-decoration: none;}
a:hover{color: #0062a6;text-decoration: none;}
img{border: 0;}
ul{display: block;}
ul, ul li{list-style: none;}
input, select, textarea{vertical-align: middle;font: 14px "Microsoft Yahei", Verdana, Geneva, sans-serif;border: 1px solid #dedede;}
.left{float: left;}
.right{float: right;}
.mt{margin-top: 10px;}
.mr{margin-right: 10px;}
.mb{margin-bottom: 10px;}
.ml{margin-left: 10px;}
.pt{padding-top: 10px;}
.pt2{padding-top:20px;}
.pt3{padding-top:30px;}
.pt4{padding-top:40px;}
.pt5{padding-top:50px;}
.pt6{padding-top:60px;}
.pt7{padding-top:70px;}
.pt8{padding-top:80px;}
.pt9{padding-top:90px;}
.pt10{padding-top:100px;}
.pr{padding-right: 10px;}
.pb{padding-bottom: 10px;}
.pb2{padding-bottom: 20px;}
.pb3{padding-bottom: 30px;}
.pb4{padding-bottom: 40px;}
.pb5{padding-bottom: 50px;}
.pb6{padding-bottom: 60px;}
.pb7{padding-bottom: 70px;}
.pb8{padding-bottom: 80px;}
.pb9{padding-bottom: 90px;}
.pb10{padding-bottom: 100px;}
.pl{padding-left: 10px;}
.wp{margin: 0px auto;width: 1200px;}
.wps{margin: 0px auto;width: 1140px;}
.cls{font-size: 0px;height: 0px;line-height: 0px;clear: both;}
.en{font-family: "Arial";}
.hs{ background-color: #f5f5f5;}
a:active, a:hover, a:after {
    outline: 0;
    transition: text-shadow 300ms ease-in 0ms, color 300ms ease-in 0ms;
    -webkit-transition: text-shadow 300ms ease-in 0ms, color 300ms ease-in 0ms;
    -o-transition: text-shadow 300ms ease-in 0ms, color 300ms ease-in 0ms;
    -moz-transition: text-shadow 300ms ease-in 0ms, color 300ms ease-in 0ms;
    transition: background 200ms ease-in 0ms, color 300ms ease-in 0ms;
    -webkit-transition: background 200ms ease-in 0ms, color 300ms ease-in 0ms;
    -o-transition: background 200ms ease-in 0ms, color 300ms ease-in 0ms;
    -moz-transition: background 200ms ease-in 0ms, color 300ms ease-in 0ms;
}

/*===============================首页广告banner==========================*/
.ix-banner{width:100%;height:100%; color: #fff; }
.ix-banner .swiper-slide{text-align:center;font-size:18px;background:#fff;/* Center slide text vertically */
display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.ix-banner .swiper-slide{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;pointer-events:none;min-height:300px;background-size:cover !important;margin-bottom:0px;}
.ix-banner .container{ position: relative; z-index: 1; }
.ix-banner h1{ font-size: 50px; color: #fff;}
.ix-banner h2{ font-size: 38px; color: #fff;     line-height: 130%;}
.ix-banner h3{ font-size: 20px;}
.ix-banner p{font-size: 38px;     line-height: 150%;}
.ix-banner button{ background: #005ca1; color: #fff;}
.ix-b-k{width:36%;height:200px;position:absolute;right:auto;left:50%; margin-left: -18%; top:-12%;border-style:solid;border-width:0px;border-color:rgba(255,255,255,0.298039);}
.ix-b-d-img{background-size:auto;background-position:center center;background-repeat:no-repeat;background-image:url(http://qty83k.creatby.com/materials/95622/origin/01bc5630a601eb2850be4a29dce338c4_origin.png);width:25%;height:500px;position:absolute;left:0%;top:50%;margin-top:-250px;display:inline-block;opacity:0.1;z-index:1;}
.ix-b-d-img.rr{ right: 0; left:inherit;}



.ix-banner .swiper-slide::after{width: 100%; content:""; display:block; height: 100%; position: absolute; background: #000; opacity: 0.25;}
.ix-banner .swiper-slide a{ color:#fff;}
.zsy-img{ width: 100%; overflow: hidden;  height: 100%;position: relative; text-align: center;}
.zsy-img img{ max-width:100%}
.zsy-img img.abc {position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 100%; max-height: 100%; display: block; text-align: center; margin: auto; background: #f6f6f6; transition:all 0.36s ease; }
.zsy-img a:hover img.abc{ transform: scale(1.08);} 

.zoom-box{ overflow:hidden;}
.zoom-box img{ max-width:100%;}
.zoom-box:hover .zoom{ transform:scale(1.08); border-radius:0px;}


/*================= 字体=================*/
@font-face {
    font-family: 'HelveticaNeueLTPro-ThEx';
    src: url('../font/HelveticaNeueLTPro-ThEx.ttf') format('ttf'),
		 url('../font/HelveticaNeueLTPro-ThEx.woff') format('woff'),
         url('../font/HelveticaNeueLTPro-ThEx.svg#oswaldextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}
.zt{ font-family: 'HelveticaNeueLTPro-ThEx'; font-size: 14px; color: #999999; letter-spacing: 1px;}


*首页头部*/
.logo img{  padding-top: 30px; padding-left: 30px;}
.head_bg{ width:100%; overflow:hidden; position:fixed; top:0; z-index:1000;  margin:0 auto;}
.head{ overflow:hidden;  position:relative; background:transparent;}
.i_search{ height:30px; overflow:hidden; background:#fff; border-radius:30px; margin:10px 50px 0 10px; position:relative; padding:0 0 0 35px;}
.i_search input{ width:100%; height:30px; line-height:30px; border:0 none; outline:none; font-size:12px; color:#666;}
.i_search a{ width:35px; height:30px; line-height:29px; display:block; overflow:hidden; text-align:center; color:#ababab; font-size:18px;
position:absolute; top:0; left:0; z-index:100;}
.menubtn{ text-align: center; line-height: 40px;  width:100px; height: 100px; display:block; overflow:hidden; position:absolute; top:30px; right:30px; z-index:100; font-size: 22px;  color: #e5e5e5;    background-color:#fff;}
.menubtn img{ }
.menubtn i{ width:100%; height:2px; display:block; overflow:hidden; background:#fff; margin:7px 0;}
.head_bg a.menubtn:hover { cursor: pointer;background: #005ca1; color: #fff;}
/*#region ===========页面菜单===========*/


/*首页头部*/
.logo img{  padding-top: 30px; padding-left: 30px; height:130px;} 
.head_bg{ width:100%; overflow:hidden; position:fixed; top:0; z-index:1000;  margin:0 auto;}
.head{ overflow:hidden;  position:relative; background:transparent;}
.i_search{ height:30px; overflow:hidden; background:#fff; border-radius:30px; margin:10px 50px 0 10px; position:relative; padding:0 0 0 35px;}
.i_search input{ width:100%; height:30px; line-height:30px; border:0 none; outline:none; font-size:12px; color:#666;}
.i_search a{ width:35px; height:30px; line-height:29px; display:block; overflow:hidden; text-align:center; color:#ababab; font-size:18px;
position:absolute; top:0; left:0; z-index:100;}
.menubtn{ text-align: center; line-height: 40px;  width:100px; height: 100px; display:block; overflow:hidden; position:absolute; top:30px; right:30px; z-index:100; font-size: 22px;  color: #e5e5e5;    background-color:#fff;}
.menubtn img{ }
.menubtn i{ width:100%; height:2px; display:block; overflow:hidden; background:#fff; margin:7px 0;}
.head_bg a.menubtn:hover { cursor: pointer;background: #005ca1; color: #fff;}
/*#region ===========页面菜单===========*/

/*容器*/
.pagemenu{ max-width:320px; width:66%; height:100%; overflow:hidden; background-color: #fff;position:fixed; right:-66%; top:0; z-index:1006;}
.pagemenu_box{ width:100%; height:100%; overflow:hidden; position:relative; border-left: solid 1px #e0e0e0;}
/*头部*/
.menu_top{  padding:20px 0 10px 0; text-align:center; position:relative;}
.menu_top a.close{ color:#fff; font-size:30px; position:absolute; left:20px; top:20px; z-index:10; opacity: 1}
.menu_top a.load{ color:#999; font-size:30px; position:absolute; right:5px; top:5px; z-index:10;}
.menu_top img.img{ width:60px; height:60px; display:block; margin:0 auto 5px auto; border-radius:100%;}
.menu_top a.btn{ line-height:20px; font-size:14px; color:#ff4444;}

/*菜单*/
.menu_listbox{position:absolute;width:100%;top:10%;bottom:50%;}
.menu_list li { overflow:hidden; padding:0 20px;}
.menu_list a{  height:50px; line-height:50px; display:block; overflow:hidden;  border-bottom:1px dashed #e0e0e0;}
.menu_list a span{ color: #666; float:left; font-size:14px;  }
/*#endregion */


/*===============================db_xs==========================*/
.db_xs{width: 50px;height: 50px;position: fixed;right: 30px;bottom: 49px;z-index: 9999;  display: none;background: url(../images/xs.png) no-repeat center center;background-color:rgba(0, 0, 0, 0.5);}


/*==============产品中心============*/
.ix-main .container-fluid{padding-left: 30px; padding-right: 30px; }
.ix-head{ text-align: center;}
.ix-head p.abc{ font-size: 52px; color:#055ca0; line-height:150%; padding-bottom: 5px;}
.ix-head h1{ font-size: 24px; color: #333; }
.ix-pro-img{ overflow:hidden; position: relative; }
.ix-pro-img img{ width:100%; height: auto; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ipl-list a:hover .ix-pro-img img { transform: scale(1.1, 1.1);}
.ix-pro-tit{ padding: 15px 0px; padding-bottom: 5px; height: 140px; position: relative;}
.ix-pro-tit p{ font-size: 18px; font-weight:bold; color: #666;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
                height:56px;
               overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}
.ix-pro-tit span{ color:#999; padding-top: 10px; display: block; font-size: 14px;     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;     height: 48px;
    line-height: 150%;}
.ipl-list{ padding-bottom: 30px;}
.ix-more{ text-align:center;}
.ix-more a{ width:250px; height: 40px; line-height: 40px; font-size:14px; border-radius: 4px; border:solid 1px #ccc; display: block;  margin:0px auto; }
.ix-more a:hover{ background:#005ca1; border:solid 1px #005ca1; color:#fff;}
.ipl-list a .ix-pro-tit div{ transition: all 0.6s ease 0s; padding-right: 20px;}
.ipl-list a:hover .ix-pro-tit div{ padding-left:20px;}
.ipl-list a:hover .ix-pro-tit p{ color: #005ca1; }
.ipl-list a:hover .ix-pro-tit{    box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.1);}
.ipl-list a{ display:block;}
.il-wp{ position:relative;}
.ix-pro-img::after {
    content: "";
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, 0.15 );
    position: absolute;
    top: 0px;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.ipl-list:hover .ix-pro-img::after {
    height: 100%;
	opacity: 1;
}

.pro-an{border-radius:6px; width:100%; height:50px; background:#005ca1; color:#fff; text-align:center; line-height:50px; display:block; font-size:18px; transition:all 0.36s ease;}
.pro-an:hover{background:#333; color:#fff;}
/*============== 关于我们 =================*/
.ix-about{ position: relative; display: flex; margin-bottom: 250px;}
.ix-ab-ys{height:100%;background-color:#003761;opacity:0.8;z-index:0;bottom:0px;right:0px;top:0px;left:0px;}
.ix-ab-bj{position:absolute;z-index:0;bottom:0;right:0;top:0;left:0;}
.ix-ab-tit{height:750px;position:relative;}
.ix-ab-tit>.row{height:100%;position:relative;top:250px;}
.ibt-yw{color:#fff;height:250px; position: relative;}
.ibt-yw h1{font-size:70px; color:#fff; font-weight:bold;}
.ibt-yw p{font-size: 18px; padding-top: 15px;}
.ibt-yw span{ position:absolute; top:10px; right:80px; font-size: 24px; font-weight: bold;}
.il-t1{color:#fff;padding-left:40px;padding-top:60px;padding-right:40px;-webkit-transform:rotate(0deg) scale(1) translate(0%,0%);-ms-transform:rotate(0deg) scale(1) translate(0%,0%);transform:rotate(0deg) scale(1) translate(0%,0%);transition:all 0.5s ease;height:250px;}
.il-t2{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%; width:350px; height:250px;overflow:hidden;}
.il-t2 img{width:100%;height:100%;     transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.il-t1 h1{font-size:18px;padding-bottom:20px;}
.il-t1 p{color:#b3b3b3;}
.ab1{width:350px;}
.ab2{width:820px;}
.i350{width:350px;}
.i470{width:470px;}
.ibt-list:hover .il-t1{background-color:rgba(0,92,161,0.8);-webkit-transform:rotate(0deg) scale(1) translate(0%,0%);-ms-transform:rotate(0deg) scale(1) translate(0%,0%);transform:rotate(0deg) scale(1) translate(0%,0%);transition:All 0.5s ease;}
.ibt-list:hover .il-t2 img{-webkit-transform:rotate(0deg) scale(1.1) translate(0%,0%);-ms-transform:rotate(0deg) scale(1.1) translate(0%,0%);transform:rotate(0deg) scale(1.1) translate(0%,0%);transition:all 0.5s ease;}
.ibt-list .mm{padding-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;}
.ibt-more{width:0px;min-height:0px;overflow:hidden;margin-right:10px;}
.il-t1 .cc{ color: #666;}
.ibt-jt{color: #b3b3b3; font-size: 24px; transition: All 0.5s ease;}
.ibt-list:hover .ibt-more { width: 40px; transition: All 0.5s ease;}
.ibt-list:hover .ibt-jt { color: #fff; transition: All 0.5s ease;}
.ibt-list:hover .il-t1 .cc{ color: #fff; }
.ibt-list:hover .il-t1 p{ color: #fff; }

/*新闻列表*/
.ix-news-list a:hover h1{color:#005ca1}
.ix-news-list{ margin-bottom:30px;}
.ix-news-tit h1{ font-size: 16px; font-weight: bold; color:#333; width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap ;}
.ix-news-tit p{ font-size: 12px; color:#999;  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}
.ix-news-bj{  height: 210px; background-color: #f5f5f5; padding: 30px;}
.ix-news-img{ width: 240px; height: 150px; overflow: hidden;}
.ix-news-img img{ max-width: 100%; height: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ix-news-tit{ width: auto; padding-left: 270px; height: 180px;}
.ix-news-list a:hover .ix-news-img img {
    transform: scale(1.1, 1.1);
}


/*===abc==*/
.ix-abc{  background: url(../images/abz_bj.jpg) no-repeat center center;}
.ix-abc-img{ width: 50%; position: relative;}
.ix-abc-tit{ width: 50%; color: #fff;}
.ix-abc-img img { width: 100%;}
.iat-0{padding: 0% 40px; padding-top: 15%;}
.iat-0 a{ border-radius: 4px; font-size: 14px; width:160px; height: 40px; line-height: 40px; text-align: center; border:solid 1px #fff; display: block; color: #fff;}
.iat-0 span{ font-size: 16px; font-family: "Arial"; display: block; padding-top: 5px; }
.iat-0 p{font-size: 14px;}
.iat-0 a:hover{ background: #fff; border:solid 1px #fff; color:#005ca1;}
.ab-zz{ position: absolute; bottom: 0px; height: 150px; width: 100%; /*background-color:rgba(0, 92, 161, 0.8); */padding-top: 20px;}
.ab-zz ul li{ float: left; width: 33.333%; text-align: center; color:#fff; font-size: 22px;} 
.ab-zz ul li h1{ font-size: 60px;}

/*合作伙伴*/
.ix-part-list{ margin-bottom:30px;     position: relative; }
.ix-part-list img {width: 100%;}
.ix-part-list:hover{box-shadow: rgba(0,0,0,0.188235) 0px 0px 50px 0px; -webkit-transform: translate3d(0px,-2px,0px); transform: translate3d(0px,-2px,0px); transition: all 0.3s cubic-bezier(0.55,0,0.1,1);  transition: All 0.3s ease; z-index: 10; z-index: 999;}


/*底部*/
.ix-footer{ background-color: #1a1a1a;}
.ix-footer .container-fluid{position: relative; display:flex;     justify-content: space-between;     flex-wrap: wrap;}
.ix-foot-t2{  font-size: 13px; }
.ix-foot-t2 div{ display: inline-block; vertical-align: top; font-size: 13px; width:350px;}
.pl15{ padding: 0px 15px;}
.ix-footer ul li{ float: left; padding-right: 40px; min-width: 100px;}
.ix-footer ul li h1 a{ font-size: 16px;  padding-bottom: 20px; color: #fff;}
.ix-footer ul li a{ display: block; font-size: 13px; color:#666; }
.ix-footer ul li a:hover{ color:#fff;}
.foot-ewm{ text-align: center;  width: 120px; height: 120px; margin-left: -60px; }
.foot-ewm-img{ width:120px; height: 120px; padding: 1px; background-color: #fff;  text-align: center;}
.foot-ewm-img img {width: 120px; height: 120px;   }
.foot-ewm p{padding-top: 10px; line-height: 150%;}

.ix-foot-copy{ color: #666; background-color: #0d0d0d; padding: 13px 30px;  font-size: 13px; line-height: 180%; text-align: center;}
.ix-foot-copy a{color: #666;}
.foot-xx h1{ color: #fff; font-style: italic; padding-bottom: 10px;}