*{margin: 0px;padding: 0px;}
html, body { position: relative; height: 100%;}
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: 40px; color: #fff;}
.ix-banner h3{ font-size: 20px;}
.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;}
.ban-bj{ width: 100%; height: 100%; position: absolute; background: #000; opacity: 0.25;}

.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;}


/*顶部*/
.ix-header{ top: 0;z-index:2; left: 0; right: 0; height: 100px;  transition: all 0.36s ease; position: fixed; }
.ix-logo img{ padding-top: 10px; }
.ix-nav ul li{float: left; line-height: 100px;  padding-left: 100px;} 
.ix-nav ul li a{ font-size: 14px; position: relative; display: block; transition: all 0.36s ease; color: #fff;}
.ix-nav ul li a::after{ content: ''; position: absolute; bottom: 0px; height: 2px; width:0%; transition: all 0.36s ease; left: 0; background: #fff;}
.ix-nav ul li a:hover{ color:#fff;}
.ix-nav ul li a:hover::after{ width: 100%;}
.ix-nav ul li a.select{ color: #fff;}
.ix-nav ul li a.select::after{  width: 100%;}
.ix-header.active{ background: #fff; border-bottom:solid 1px #ededed;}
.ix-header.active .ix-nav ul li a{  color: #666;}
.ix-header.active .ix-nav ul li a::after{ background: #055ca0;}
.ix-header.active .ix-nav ul li a:hover{ color:#055ca0;}
.ix-header.active .ix-nav ul li a.select{ color: #055ca0;}

/*手机导航*/
.ix-m-logo{ float: left;}
.ix-m-logo img{ max-height: 40px; margin-top: 10px;}
.ix-m-head{ position: relative; height: 60px; display: none;}
.m-nav-an{  width: 40px; height: 40px; float: right;  margin-top: 15px;  cursor: pointer;}
.m-nav-an span{ width: 22px; height: 2px; background: #999999; display: block; margin: 0px auto; margin-top: 5px; margin-right: 0px;}

.leftcontrol { width:240px; height:100%; background:#fafafa; position:fixed; top:0; right:-240px; z-index:2000; overflow-x:hidden; overflow-y:scroll;
transition:all .3s; -webkit-transition:all .3s;}
.leftcontrol.open{ right:0;}
.leftcontrol ul li { display:block; overflow:hidden; width:100%; min-height:49px; border-bottom:1px solid #ebebeb;}
.leftcontrol ul li a { display:block; overflow:hidden; color:#666; padding:0 20px; height:49px; line-height:49px; font-size:15px;  }
.leftcontrol ul li a span { display:inline-block; }
.leftcontrol ul li a span.circle { border: #d8d8d8 1px solid;border-radius: 5px;width: 8px;height: 8px; background-color: transparent;margin-right: 15px; position: relative; top: 1px; }
.leftcontrol ul.subnav { overflow: hidden; transition:all .3s; -webkit-transition:all .3s; background: #f2f2f2; }
.leftcontrol ul.subnav li{ border-bottom:solid 1px #e5e5e5;}
.leftcontrol ul.subnav li:nth-last-child(1){ border:none;}
.leftcontrol ul.subnav li a { font-size:13px; }
.leftcontrol ul.subnav li a i { margin-right: 20px; font-size:16px; } 
.leftcontrol ul.subnav li.active a { background: #555;color: #fff; }
.leftcontrol ul li a span.more { width:12px; height:12px; position: relative; float: right; top: 20px }
.leftcontrol ul li a span.more span { background: #b7b7b7; position: absolute; }
.leftcontrol ul li a span.more span.h { width: 12px; height: 2px; transform: translate3d(0, 5px, 0); }
.leftcontrol ul li a span.more span.v { transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); transition:all .3s; -webkit-transition:all .3s; }

.leftcontrol ul li.active a.hassub { background: #055ca0; color:#fff;  } 
.leftcontrol ul li.active a span.circle { border-color: #fff; background-color: #fff;margin-right: 15px;}
.leftcontrol ul li.active a span.more span.v { transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); }
.leftcontrol .close{ float:right; width:50px; height:50px; line-height:50px; display:block; overflow:hidden; text-align:center; color:#999; font-size:18px; cursor:pointer; opacity: 0.8;     padding-top: 15px;}

.nav-bg { display: none;; background-color: rgba(0,0,0,.7); position: fixed; right: 0; left:0; top: 0; width: 100%; height: 100%;  z-index: -1; transition:all .3s; -webkit-transition:all .3s;}
.nav-bg.open{opacity: 1; z-index: 11; display: block;}

/*===============================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: 120px; position: relative;}
.ix-pro-tit p{ font-size: 16px; color: #666;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.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;}
.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;
}

/*============== 关于我们 =================*/
.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;}
.ix-foot-t2{ position:absolute; top: 0; right: 15px; font-size: 13px; }
.ix-foot-t2 div{ display: inline-block; vertical-align: top; font-size: 13px;}
.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; position: absolute; top: 0; left: 50%; right: 0; 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: 5px;}
.foot-xx{padding-left: 40px;}
.ix-foot-copy{ color: #666; background-color: #0d0d0d; padding: 13px 30px;  font-size: 13px; line-height: 180%; text-align: center;}
.foot-xx h1{ color: #fff; font-style: italic; padding-bottom: 10px;}