@charset "utf-8";
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {-webkit-text-size-adjust: 100%;}
body {padding: 0;margin: 0 auto;font-size: 16px; color: #333;background-color: #f8f8f8;font-family: "Microsoft YaHei","Arial";min-width: 320px;-webkit-text-size-adjust: none;/*取出点击出现半透明的灰色背景*/-webkit-tap-highlight: rgba(0,0,0,0);/*控制内容的可选择性*/-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none;-khtml-user-select: none;user-select: none;}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul,
li,
form,
dl,
dt,
dd,
div,
ol,
figure,
aside{padding: 0;margin: 0;}
ul,ul li {list-style: none;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
button {border: 0;border-radius: 0%;appearance: button;-moz-appearance: button;-webkit-appearance: button; background-color: #3390d7;}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #3390d7;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0;font-family: "Microsoft YaHei";text-align:justify;text-justify:inter-ideograph;}
img, object {border: none;max-width: 100%;border: 0;overflow: hidden;vertical-align: middle;}
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; }
.lf{ float: left;}
.rt{ float: right;}
.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*2行文本省略号*/
.dot2 {display: box;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.ytable{ display:table; width:100%;table-layout: fixed;}
.ytable-cell{ display:table-cell; vertical-align:middle;}

.bg-cover{background-size: cover;background-position: center center;background-repeat: no-repeat;}
.bg-contain{background-size: contain;background-position: center center;background-repeat: no-repeat;}
a {color: #585858;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/* 去掉链接触摸高亮 */
a:focus {outline: none;-moz-outline: none;}
.hide {display: none;}

/*通用page*/
.page{color: #777777; text-align: center; margin-top: 30px; clear:both;float: none;}
.page a,.page span { color: #777777;border: 1px solid #ededed;padding: 13px 18px;vertical-align: rightdle; margin-left:5px}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background: #318fd6;border: 1px solid #318fd6;padding: 13px 18px;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}
.page .fa{ font-size:22px;}
@media (max-width:426px) {
.page a,.page span { padding: 4px 8px; margin-left:2px}
.page a:hover,.page span{padding: 4px 8px;}
}

.page .a1{ background:#fff;}
.page .a1,.page .a2{ padding: 14px 25px;}
.page .a2{ background:#fff;}

.page .a1:hover,.page .a2:hover{ border: 1px solid #318fd6; padding: 14px 25px;}
.page .a1:hover{ background:#318fd6;color: #fff;}
.page .a2:hover{ background:#318fd6; color: #fff;}

@media  screen and (-webkit-min-device-pixel-ratio:0) {
.text-gradient{background: linear-gradient(-135deg, #346ff4, #3390d7);-webkit-background-clip: text;color: transparent;}
}
.top{transition: all .5s;-webkit-transition: all .5s;position: fixed;width:100%;z-index:9999;left:0;top:0;}
.top.fix{position: fixed;width:100%;z-index:9999;left:0;top:0;box-shadow: 0 0 10px rgba(0,0,0,.1);}

.top{position: relative;z-index: 100;background-color: #fff;}
.top .logo{position: absolute;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);max-height: 90%;display: inline-block;}
.top .logo img{max-width: 264px;max-height: 100%;}
.top .top-nav{float: right;display: block;}
.top .top-nav .item{float: left;margin: 0 30px;}
.top .top-nav .item>a{position:relative;display: inline-block;font-size: 17px;padding: 40px 0;color: #666666;}
.top .top-nav .item.has-sub >a::after{content:"";display: block;width: 10px;height: 6px;background: url("../images/top-more.png") no-repeat center center;background-size: 100% 100%;position: absolute;right: -17px ;top: 0;bottom: 0;margin: auto;}
.top .top-nav .item.has-sub a.on >::after,.top .top-nav .item.has-sub >a:hover::after{background: url("../images/top-more-on.png") no-repeat center center;background-size: 100% 100%;}
.top .top-nav .item >a.on,.top .top-nav .item >a:hover{color:#3390d7;}
.top .top-search{float: right;margin: 25px 0; height: 50px;width: 50px;position: relative;}
.top .search{	position: absolute;z-index: 1;height: 100%;right: 0;font-size: 0;white-space: nowrap;}
.top .search .btns{width: 50px;height: 100%;background: url("../images/top-search.png") no-repeat center right transparent; display: inline-block;vertical-align: middle;}
.top .search input{display: inline-block;width: 0px;vertical-align: middle;margin-right: -5px;border: 0;outline: none;transition: all 0.3s;-webkit-transition: all 0.3s;height: 48px;line-height: 48px;background: transparent;}
.top .search:hover { border:1px solid transparent;border:1px solid #3390d7 \9; /*IE8 背景红色*/background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-color: #fff;
  background-image:-moz-linear-gradient(45deg,#fff,#fff),linear-gradient(45deg,#346ff4,#06ccb4);background-image:-ms-linear-gradient(45deg,#fff,#fff),linear-gradient(45deg,#346ff4,#06ccb4);
  background-image:-webkit-linear-gradient(45deg,#fff,#fff),linear-gradient(45deg,#346ff4,#06ccb4);background-image:linear-gradient(45deg,#fff,#fff),linear-gradient(45deg,#346ff4,#06ccb4);}
.top .search:hover input{width: 280px; padding: 0 10px;}
.top .search:hover .btns{width: 50px;}
.top .search input[type="submit"]{ border: 0px;}
.top .search:hover input[type="submit"]{ border: 0px; border: transparent;}
.top .sub-nav{position: absolute;top: 100%;width: 100%;left: 0;background-color: #3390d7; display: none;}
.top .nav-mask{position: fixed;height: 100vh;width: 100%;left: 0;top: 110px;background: rgba(0,0,0,0.23);z-index: -1;display: none;}
.top .sub-nav .ctg-nav {float: right; width: 60%; margin: 0 auto;}
.top .sub-nav .ctg-nav li {float: left;height: 80px;line-height: 80px;padding: 0 38px;position: relative;}
.top .sub-nav .ctg-nav li:last-child {padding-right: 0;}
.top .sub-nav .ctg-nav li a {color: #fff;}
.top .sub-nav .ctg-nav li::before {content: "";position: absolute;left: 0;top: 50%;margin-top: -10px;height: 20px;width: 2px;background-color: #1981d1;}
.top .sub-nav .ctg-nav li:first-child::before {display: none}
.top .sub-nav .ctg-nav li .icon {margin-right: 16px; max-width: 25px}
@keyframes translatelinerightleft {
  0% {-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);
  }
  100% {webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);
  }
}
@-webkit-keyframes translatelinerightleft {
  0% {-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);
  }
  100% {webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);
  }
}
.top .sub-nav .center .ctg-nav li>a{margin-bottom: 25px;}
.top .sub-nav .center .ctg-nav li{padding: 0 2.966%;margin-bottom: 20px;}
.top .sub-nav .center .ctg-nav li:last-child{margin-bottom: 0;}
.top .sub-nav .center .ctg-nav li:last-child > a{margin-bottom: 0;}
.top .ctg-sub{min-height: 200px;}
.top .ctg-sub dd{margin-top: 20px;}
.top .ctg-sub dd a{padding: 0;font-size: 14px;}
.top .sub-nav .right .tit{font-size: 36px;margin: 50px 0 0;font-weight: normal;}
.top .sub-nav .right .intro{font-size: 16px;line-height: 28px;margin: 25px 0 35px;max-width: 230px;}
.top .sub-nav .right .view-detail{display: inline-block;width: 140px;line-height: 42px;text-align: center;font-size: 16px;color: #fff;border: 1px solid #fff;-webkit-transition: .3s;transition: .3s;}
.top .sub-nav .right .view-detail:hover{color: #3390d7;background-color: #fff;}
.top .sub-nav .right li{width: 100%;padding-right: 10%;padding-left: 17%;display: none;}
.top .sub-nav .right li:first-child{display: table-cell;}

.top .nav_btn{float: right;margin:16px 0 16px 20px;width: 28px;height: 28px;position: relative;cursor: pointer;display: none;}
.top .nav_btn::before,.top .nav_btn::after,.top .nav_btn i{content:"";background: #3390d7;position: absolute;border-radius: 10px;width: 100%;height: 2px;left: 0;}
.top .nav_btn::before{top: 10%;}
.top .nav_btn i{top: 50%;margin-top: -1px;}
.top .nav_btn::after{bottom: 10%;}
.top .nav_btn.open{transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.top .nav_btn.open i{display: none;}
.top .nav_btn.open::before{top: 0;bottom: 0;margin: auto;}
.top .nav_btn.open::after{bottom: auto;width: 2px;height: 100%;left: 0;right: 0;margin: auto;}
.top .sub-nav .center:first-child{vertical-align: middle;width: 71%;overflow: hidden;}
.top .sub-nav .center:first-child .ctg-nav li:nth-child(3n+1){clear: both}
@media screen and (max-width:1200px){
.top .top-nav .item{float: left;margin: 0 26px;}
.top .top-nav .item>a{ padding: 35px 0; }
.top .top-search{ margin: 20px 0; }
}
@media screen and (max-width:1100px){
.top .top-nav .item{float: left;margin: 0 20px;}
.top .top-nav .item.has-sub >a::after{ width: 10px; padding-left: 10px;}

}
.fd .foot-container{padding:60px 0px!important}
.fd{width:100%;background:#1d1d1d;}
.fd .foot-container .container-logo{border-bottom:1px solid rgba(255,255,255,0.1); height:110px; justify-content:space-between;margin-bottom:50px;}
.fd .foot-container .container-logo .logo-gp{align-items:center; }
.fd .foot-container .container-logo .logo-gp .logo{ text-align:left;width:60%; float: left;}
.fd .foot-container .container-logo .third-party{text-align:right; width:40%; float: right;}
.fd .foot-container .container-logo .third-party .f_social { margin-top: 15px;  text-align:right; color:#fff; height: 40px; float: right;}
.fd .foot-container .container-logo .third-party .f_social a{ float:left; color:#777; }
.fd .foot-container .container-logo .third-party .f_social i {width:35px; height:35px; border-radius:10px; background-color: #fff; line-height:35px;  margin-left:10px; }
.fd .foot-container .container-logo .third-party .f_social .fa{text-align:center; font-size: 20px; color:#1d1d1d;}
.fd .foot-container .container-logo .third-party .f_social .fa:before{position: static;}
.fd .foot-container .container-logo .third-party .f_social ul .weixin {position: relative;}
.fd .foot-container .container-logo .third-party .f_social .wechat { position: relative;}
.fd .foot-container .container-logo .third-party .f_social .wechat:hover .vx { display: block;}
.fd .foot-container .container-logo .third-party .f_social .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
.fd .foot-container .container-logo .third-party .f_social .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;}
.fd .foot-container .container-logo .third-party .f_social .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.fd .foot-container .container-logo .third-party .f_social .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.fd .foot-container .container-logo .third-party .f_social .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.footer-item-info {position: relative;font-size: 0;}
.footer-item-info-colum {display: inline-block;width:22%;vertical-align: top;}
.footer-item-info-colum:first-child{ width: 34%;} 
.footer-title ,.footer-title a{font-size: 22px;font-weight: 500;line-height: 1.2;margin-bottom: 0.69444vw;color: #fff; opacity:.96;}
.footer-desc {font-size:16px; line-height: 1.2;margin-bottom: 0.69444vw;color: #fff; opacity:.6;}
.footer-description-container {margin-bottom: 15px; margin-top: 25px;}
.footer-description {display: block;font-size: 18px;line-height: 2; color: #fff; opacity:.6;}
.footer-text-link {margin-bottom: 15px;font-size: 18px;line-height: 1.7;}
.footer-text-link a { color: #fff; opacity:.6;}
.fd .foot-last{background:#171717; padding: 10px 0px; height: 60px;}
.fd .foot-last .last-ll{align-items:center;  line-height: 40px; justify-content:space-between}
.fd .foot-last .last-ll span{color:#fff;display:inline-block; font-weight: normal; line-height:32px;opacity:.4;padding-right:4rem;position:relative}
.fd .foot-last .last-ll span a{color:#fff}
.fd .foot-last .last-ll span:hover{cursor:pointer;opacity:0.8}
.fd .foot-last .last-ll span:after{background-color:#fff;bottom:.4rem;content:"";opacity:.1;position:absolute;right:2rem;top:.4rem;width:2px}
.fd .foot-last .last-l{ float: left; width: 70%;}
.fd .foot-last .last-r{ float: right; width: 30%; text-align: right;}
.fd .foot-last .last-r a{color:#fff; opacity: .4;}
.fd .foot-last .last-r a:hover{cursor:pointer;opacity:0.8}
@media screen and (max-width:1280px){
.fd .foot-container{padding:50px 0px!important}
.fd .foot-container .container-logo{ height:90px; margin-bottom:40px;}
.footer-title {font-size: 24px; }
.footer-description,.footer-text-link { font-size: 18px;line-height: 1.8; }
}
@media screen and (max-width:992px){
.fd .foot-container{padding:40px 0px!important}
.footer-title {font-size: 20px; margin-bottom: 15px; }
.footer-description,.footer-text-link  { font-size: 17px; }
.footer-item-info-colum:first-child { width: 100%; }
.fd .foot-last .last-ll { font-size: 16px;}
.fd .foot-last .last-ll span{ padding-right:2rem; }
.fd .foot-last .last-ll span:after{ right:1rem; }
.fd .foot-last{ padding: 10px 0px; height: 90px;}
.fd .foot-last .last-ll{ line-height:30px; }
.fd .foot-last .last-l{ float: left; width: 100%;}
.fd .foot-last .last-r{ float: left; width: 100%; text-align: left;}
}
@media screen and (max-width:850px){
.fd{width:100%}
.footer-description,.footer-text-link  { font-size: 16px; }
.footer-text-link  { margin-bottom: 5px;}
.fd .foot-last .last-ll span{ padding-right:20px; display: initial; }
.fd .foot-last .last-ll span:after{right:10px;bottom: 2px; top:2px; width:2px}
}
@media screen and (max-width:768px){
.fd .foot-last .last-ll span{ padding-right:10px; }
.fd .foot-last .last-ll span:after{right:5px; width: 0px; }
.fd .foot-last{ padding: 5px 0px; height: 110px;}
}
.cnetercolumn a{cursor:pointer}
@media  (min-width: 769px){.top .sub-nav .center:first-child,.top .sub-nav .right:nth-child(2){min-height: 400px;padding-top: 0;padding-bottom: 0;}
.top .sub-nav .right:nth-child(2) .tit{margin-top: 0;}/*.top .sub-nav .right:nth-child(2){padding-left: 3.2%;padding-right: 4.1%;}*/
}
@media  (max-width: 1024px){.top .top-nav .item{margin: 0 20px;}
.top .logo img{max-width: 150px;}
.top .top-nav .item>a{padding: 30px 0;}
.top .top-search{margin: 20px 0;}
}
@media  (max-width: 1000px){
.top .container { padding-left: 0px; padding-right: 0px;}
.top .nav_btn{display: block;}
.top .top-search{height: 30px;width: 30px;margin: 15px 0; display: none;}
.top .search .btn{width: 30px;vertical-align: top;}
.top .search input{height: 28px;line-height: 28px;}
.top .search.open input{width: 200px;}
.top .top-nav{display: none;position: absolute;top: 100%;left: 0;width: 100%;height: calc(100vh - 60px);overflow: auto;padding: 5% 2%;background: #fff;}
.top .top-nav .item{float: none;margin: 0;width: 100%;}
.top .top-nav .item>a{padding: 15px 20px 15px 0; border-bottom: 1px solid #ececec; display: block;}
.top .top-nav .item.has-sub >a::after{right: 0;}
.top .sub-nav{position: relative;top: auto;left: auto;display: none;}
.top .sub-nav .left, .top .sub-nav .center, .top .sub-nav .right{display: block;width: 100%;padding: 0 4%;}
.top .sub-nav .right{padding-bottom: 5%;padding-top: 5%;}
.top .sub-nav .right .tit{font-size: 24px;margin-top: 0;}
.top .sub-nav .center .ctg-nav li{width: 100%;padding: 0;}
.top .sub-nav .center .ctg-nav li>a{margin-bottom: 0;}
.top .sub-nav .has-ctg-sub >a{position: relative;}
.top .sub-nav .center .ctg-nav .has-sub> a::after{content:"";display: block;width: 10px;height: 6px;background: url("../images/top-more.png") no-repeat center center;
background-size: 100% 100%;position: absolute;right: -0px ;top: 0;bottom: 0;margin: auto;}
.top .ctg-nav .txt::after{display: none!important;}
.top .sub-nav .ctg-nav li {padding: 0;float: none;height: 50px;line-height: 50px;}
.top .sub-nav .ctg-nav li::before {display: none;}
.top .ctg-sub{min-height: auto;}

.top .sub-nav .center:first-child {width: 100%;}
.top .sub-nav .right:nth-child(2) {padding-top: 50px;padding-bottom: 50px;}
}
@media (max-width: 992px) {
.top .sub-nav .ctg-nav {float: none; width: 100%; margin: 0 auto;}
.top .ctg-nav {width: 100%;float: none;border-left: none;padding: 0;}
.top .sub-nav .ctg-nav li>a {border-bottom: 1px solid rgba(255,255,255,0.1);display: block;}
.top .search {  border:1px solid transparent;
  border:1px solid #06ccb4 \9; /*IE8 背景红色*/
  background-clip:padding-box,border-box;
  background-origin:padding-box,border-box;
  background-color: #fff;
  background-image:-moz-linear-gradient(45deg,#fff,#fff),linear-gradient(45deg,#346ff4,#06ccb4);
  background-image:-ms-linear-gradient(45deg,#fff,#fff),linear-gradient(45deg,#346ff4,#06ccb4);
  background-image:-webkit-linear-gradient(45deg,#fff,#fff),linear-gradient(45deg,#346ff4,#06ccb4);
  background-image:linear-gradient(45deg,#fff,#fff),linear-gradient(45deg,#346ff4,#06ccb4);
  white-space: nowrap;}
}

.pad-80{padding: 80px 0;}
@media (max-width:1440px) {
.pad-80{padding: 60px 0;}
}
@media (max-width:1280px) {
.pad-80{padding: 50px 0;}
}
@media (max-width:767px) {
.pad-80{padding: 40px 0;}
}

.index-bn{z-index: 5;position: relative; }
.index-bn li .mb{display: none;}
.index-bn .slick-dots{position: absolute;width: 100%;text-align: center;bottom: 40px;z-index: 5;}
.index-bn .slick-dots li{display: inline-block;height: 44px;width: 44px;vertical-align: middle;background-color: transparent;border: 1px solid transparent;position: relative;border-radius: 50%;cursor: pointer;}
.index-bn .slick-dots li >*{display: none;}
.index-bn .slick-dots li::after{content:"";display: inline-block;position: absolute; left: 0;bottom: 0;right: 0;top:0; margin: auto;border-radius: 50%; width: 8px;height: 8px;background-color: #2283ce;}
.index-bn .slick-dots li.slick-active{border-color: rgba(34,131,206,0.92);}
.index-bn .slick-prev, .index-bn .slick-next { position: absolute; display: block; height: 50px; width: 50px; border-radius: 100%; z-index: 9999; cursor: pointer; 
  background: rgba(31,31,31,0.22); color: #333; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.index-bn .slick-prev { left: 20px;  background:rgba(31,31,31,0.32) url(../images/1901-1.png) no-repeat center; height: 50px; width: 50px; line-height: 50px;}
.index-bn .slick-next { right: 20px; background:rgba(31,31,31,0.32) url(../images/1902-2.png) no-repeat center; height: 50px; width: 50px; line-height: 50px;}
.index-bn .slick-prev:hover { background:rgba(34,131,206,0.52) url(../images/1901-1.png) no-repeat center;}
.index-bn .slick-next:hover {background:rgba(34,131,206,0.52) url(../images/1902-2.png) no-repeat center;}
.index-bn li .mb{display: none;}
.index-bn img{ width: 100%;}
.index-part{position: relative;overflow: hidden;}
.index-part .auto-1600{position: relative;z-index: 5;}
.index-top{position: relative;}
.index-top .left{width: 57.75%;float: left;}
.index-top .right{width: 42.25%;float: right;padding-top: 5px;}
.index-top .left .tit{font-size: 48px;font-weight: bold;color: #318fd6;display: inline-block;margin: 0;position: relative;z-index: 1;}
.index-top .left .tit::after{content:"";display: block; width: 50px;height: 50px;position: absolute;right: -20px;top:-5px;background: url("../images/index-tit.png") no-repeat center center;background-size: contain;z-index: -1;}
.index-top .left .intro{line-height: 30px;margin: 20px 0 0;color: #666;}
.index-top .slick-box li{text-align: center;padding: 0 1%; cursor: pointer;}
.index-top .slick-box .pic{position: relative;height: 70px;}
.index-top .slick-box .pic img{position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;-webkit-transition: .3s;transition: .3s;}
.index-top .slick-box .pic .on{opacity: 0;}
.index-top .slick-box .name{font-size: 20px;font-weight: normal;color: #333333;margin: 10px 0 0;-webkit-transition: .3s;transition: .3s;}
.index-top .slick-box .slick-current .normal{opacity: 0;}
.index-top .slick-box .slick-current .on{opacity: 1;}
.index-top .slick-box .slick-current .name{color: #3390d7;}
.index-part1 .slick-cont{margin-top: 60px;}
.index-part1 .slick-cont li{padding-top: 70px; min-height: 650px;}
.index-part1 .slick-cont .pic{width: 70%;position: absolute;left: 0;top:0;height: 100%;transform: translateX(-10%);transition: .3s;overflow: hidden;;}
.index-part1 .slick-cont .pic .bg-cover {height: 100%;width: 100%;-webkit-transition: .3s;transition: .3s;position: absolute;left: 0;top: 0;}
.index-part1 .slick-cont .pic .bg-cover:hover {-webkit-transform: scale(1.1);transform: scale(1.1);}
.index-part1 .slick-cont .txt{width: 40%;float: right;position: relative;z-index: 1;background: #fff;padding: 80px 5% 80px 6.6%;transform: translateX(10%);transition: .3s;}
.index-part1 .slick-cont .slick-active .pic {transform: translateX(0);}
.index-part1 .slick-cont .slick-active .txt {transform: translateX(0);}
.view-more{display: inline-block;	width: 320px;height: 80px;line-height: 80px;text-align: center;color: #fff!important;vertical-align: middle; background-color: #318fd6;font-size: 16px;font-style:italic;}
.view-more:before{content:"";display: inline-block;vertical-align: middle;height: 7px;width: 108px;background: url("../images/view-more.png") no-repeat center center;background-size: contain;margin-right: 18px;margin-top: -3px;-webkit-transition: .3s;transition: .3s;}
.view-more:hover::before {-webkit-transform: translateX(70%);transform: translateX(70%);}
.view-more_hzq{display: block;	width: 320px;height: 80px;line-height: 80px;text-align: center;color: #fff!important;vertical-align: middle; background-color: #318fd6;font-size: 16px;font-style:italic;margin: 5% auto 0;}
.view-more_hzq:before{content:"";display: inline-block;vertical-align: middle;height: 7px;width: 108px;background: url("../images/view-more.png") no-repeat center center;background-size: contain;margin-right: 18px;margin-top: -3px;-webkit-transition: .3s;transition: .3s;}
.view-more_hzq:hover::before {-webkit-transform: translateX(70%);transform: translateX(70%);}
.index-part1 .view-more{position: absolute;left: 17%;bottom:70px;}
.index-part1 .slick-cont .ls dt{font-size: 16px;color: #333333;font-weight: bold;margin: 0 0 20px;}
.index-part1 .slick-cont .area dd{float: left;width: 57%;position: relative;padding-left: 12px;	font-size: 16px;line-height: 30px;color: #999999;max-height: 90px;overflow: hidden;}
.index-part1 .slick-cont .area dd:nth-of-type(2n){width: 43%;float: right;}
.index-part1 .slick-cont .area dd:nth-of-type(2n+1){clear: both;}
.index-part1 .slick-cont .area dd:before{content:"";display: inline-block;width: 5px;height: 5px;background-color: #3390d7;position: absolute;border-radius: 50%;left: 0;top: 12px;bottom: auto;margin: auto;}
.index-part1 .slick-cont .cont{position: relative;z-index: 1;}
.index-part1 .slick-cont .cont .more{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.index-part1 .slick-cont .rank{position: absolute;z-index: -1;transform: translate(-50%,-35%);-ms-transform: translate(-22%, -43%);-webkit-transform: translate(-50%,-35%);font-size: 150px;font-style: italic;font-weight: bold;font-family: 'Arial';display: inline-block;line-height: 1;}
.index-part1 .slick-cont .tit{font-size: 36px;font-weight: normal;margin: 0; color: #333!important;}
.index-part1 .slick-cont .tit-en{	font-size: 18px;color: #333333; text-transform: uppercase; opacity: 0.2;font-weight: normal;margin: 10px 0 30px;}
.index-part1 .slick-cont .intro{height: 220px;margin-bottom: 10px;color: #666666;line-height: 30px;overflow: hidden;}
.index-part1 .slick-cont .tit:hover{ color: #3390d7;}
.index-part1 .slick-cont .app dd{display: inline-block;margin:0 15px 10px 0;}
.index-part1 .slick-cont .app .text{display: inline-block;color: #3390d7;padding: 10px;	background-color: #f1fffd;border: dashed 1px #3390d7;-webkit-transition: .3s;transition: .3s; margin: 0;}
.index-part1 .slick-cont .app .text:hover{background:#f1fffd;border-color: #3390d7;color: #3390d7;}
.index-part1 .slick-arrow{opacity: 0.6; position: absolute;width: 40px;height: 40px;border: solid 1px #eeeeee;margin: 0;background: transparent;color: transparent;overflow: hidden;z-index: 5;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.index-part1 .slick-arrow::after{content:"";cursor: pointer; display: block;width: 50%;height: 7px;background: url("../images/new-more.png") no-repeat right center transparent;background-size: auto 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.index-part1 .index-bn .slick-prev::after{transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.index-part1 .slick-next{right: 0;}
.index-part1 .slick-arrow:hover{	background-color: #318fd6;border-color: #318fd6;}
.index-part1 .slick-arrow:hover::after,.index-part2 .slick-arrow::after{background: url("../images/view-more.png") no-repeat right center transparent;background-size: auto 100%;}

.index-part2 .index-top .left .tit{color: #fff;}
.index-part2 .index-top .left .intro{color: #bacde9;}
.index-part2 .index-top .slick-box .name{color: #fff;}
.index-part2 .index-top .slick-box .slick-current .name{color: #3390d7;}
.index-part2 .slick-cont li{ margin-top: 80px;}
.index-part2 .content{padding: 20px 20px 10px; background: #fff; border-radius: 10px;}
.index-part2 .content a{display: block;/*padding: 50px 40px 0;background-color: #fff;position: relative;min-height: 300px;*/}
.index-part2 .img img{ width: 100%; }
.index-part2 .tit{font-size: 20px;font-weight: normal;line-height: 32px;color: #333333;margin: 20px auto; text-align: center; }
.index-part2 .intro{ font-size: 16px;line-height: 30px;color: #999999;margin: 15px 0; }
.index-part2 .option{ width: 80%;padding: 0px 0px 20px; z-index: 5; margin: 0 auto; text-align: center;}
.index-part2 .view-more{display: inline-block;vertical-align: middle;	font-size: 16px; width: 180px;height:45px; line-height: 45px; margin: 0 auto; font-weight: normal;color: #333333;font-style: italic; }
.index-part2 .view-more::before{content:"";display: inline-block;vertical-align: middle;width: 80px;height: 7px;margin-right: 18px;background: url("../images/view-more.png") no-repeat left center;background-size: contain;margin-top: -3px;}
.index-part2 .content a:hover .tit{ color: #318fd6;z-index: 5;}
.index-part2 .content a:hover .intro{color: #666;}
.index-part2 .content a:hover .view-more{color: #318fd6; }
.index-part2 .content a:hover .view-more:before{background: url("../images/view-more.png") no-repeat center center;background-size: contain;}

.index-part3 .index-top .right{position: absolute;right: 0;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);width: auto;padding: 0;}
.index-part3 .index-top .right .view-more { background-color: transparent; color: #333!important; text-align: right;}
.index-part3 .index-top .right .view-more::before{content:"";display: inline-block;vertical-align: middle;width: 108px;height: 7px;margin-right: 18px;background: url("../images/new-more.png") no-repeat center center;background-size: contain;margin-top: -3px;}
.index-part3 .index-top .right .view-more:hover::before {-webkit-transform: translateX(60%);transform: translateX(60%);}
.index-part3-ul li{ margin-top: 50px; list-style: none;}
.index-part3-box{ display: block; height: 268px; border: 1px solid #E6E6E6; background: #fff; padding: 32px 40px 0px; border-radius:0 0 6em 0; position:relative; }
.index-part3-box span{ font-size: 16px; color: #2b8ad3; line-height: 28px; transition:all 0.5s ease-in-out; }
.index-part3-box h4{ font-size: 24px; line-height: 32px; display: block; color: #333; margin-top: 25px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow:hidden}
.index-part3-box p{ font-size: 16px; line-height: 32px; color: #888; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow:hidden}
.index-part3-box:hover{ background:#2B8AD3;box-shadow:0px 10px 30px rgba(0,92,167,0.3); color:#fff}
.index-part3-box:hover h4{ color: #fff; }
.index-part3-box:hover span,.index-part3-box:hover p{ color:#fff}
.index-part3-box:after{ content: ""; background: url(../images/hmc4ar.png) no-repeat center center; height: 12px; width: 25px; position: absolute; left: 40px; bottom: 38px; display: inline-block; }
.index-part3-box:hover:after{ background: url(../images/hmc4ar2.png) no-repeat center center; }
 
.index-part4.pad-80{ padding: 120px 0;}
.index-part4{ background: url(../images/about_bg.jpg) no-repeat #fff;}
.index-part4 .index-line .item{background: #f5f5f5;}
.index-part4 .cont{margin-top: 70px;}
.index-part4 .cont .left{width: 50%;float: left;}
.index-part4 .cont .left .tit{	font-size: 30px;font-weight: normal;color: #333333;margin: 0;}
.index-part4 .cont .left .tit::before{content:"";display: block;width: 60px;height: 4px;background-color: #333333;margin-bottom: 35px;}
.index-part4 .cont .left .intro{line-height: 30px;color: #333333;opacity: 0.6;margin: 30px 0 80px; padding-right: 2%;}
.index-part4 .right-img{position: absolute;right: 0;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%); width: 50%;z-index: 6;}

.index-part5{ background: url(../images/index-server.jpg) no-repeat center; background-size:cover; height: 513px;}
.index-part5 .item{ width: 100%; position: relative;overflow: hidden;}
.index-part5 .pic{padding-bottom: 27%;-webkit-transition: .3s;transition: .3s;}
.index-part5 .tit{position: absolute;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%); left: 0;right: 0;margin: auto; color: #ffffff;text-align: center;z-index: 5;}
.index-part5 .item::after{content:"";display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;margin: auto;background: url("../images/link-mask.png") no-repeat center center;background-size: cover;-webkit-transition: .3s;transition: .3s;z-index: 1;}
.index-part5 .item::before{content:"";display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;margin: auto;background: url("../images/link-mask-on.png") no-repeat center center;background-size: cover;opacity: 0;-webkit-transition: .3s;transition: .3s;z-index: 1;}
.index-part5 .item:hover::before {opacity: 1;}
.index-part5 .item:hover::after {opacity: 0;}
.index-part5 .item:hover .pic {-webkit-transform: scale(1.1);transform: scale(1.1);}
.index-part5 .index-top .left { width: 100%;}
.index-part5 .index-top .left .tit{ color: #fff; }
.index-part5 .index-top .left .tit::after{ background: url("../images/index-tit.png") no-repeat center center; }
.index-part5 .index-top .left .intro{ color: #fff; font-size: 20px;}

.index-part5 ul{ width: 100%; }
.index-part5 ul li { width: 33.333337%;padding-left: 25px; padding-right: 25px; float: left; list-style: none;}
.index-part5 ul li .lin{ text-align: left; margin-top:60px;}
.index-part5 ul li a { display: block; padding-bottom: 6px;}
.index-part5 ul .pics { height: 58px; line-height: 58px; float: left; width: 20%;}
.index-part5 ul .pics img { max-width: 100%;}
.index-part5 ul .txt { float: left; width: 80%;  font-size: 16px; color: #fff; line-height: 26px;}
.index-part5 ul h3 { font-size: 22px; font-weight:bold; color: #fff; height: 34px; line-height: 34px; margin-bottom: 16px; margin-top: 0px; -webkit-transition: 0.3s; transition: 0.3s;}

@media (max-width:1799px){
.index-top .left .tit{font-size: 42px; }
.index-part1 .slick-cont{margin-top: 80px;}
.index-part2 .slick-cont li{ margin-top:60px;}
}
@media (max-width:1440px){
.view-more{ width: 280px; height: 75px;line-height: 75px;}
.index-top .left .tit{font-size: 40px; }
.index-part1 .slick-cont{margin-top: 60px;}
.index-part1 .slick-cont .txt{ padding: 60px; }
.index-part1 .slick-cont .tit{font-size: 32px; }
.index-part1 .slick-cont .tit-en{	font-size: 17px; }
.index-part1 .view-more{ left: 60px;bottom:40px;}
.index-part3-box h4{ font-size: 22px; }
.index-part4 .cont{margin-top: 40px;}
.index-part4 .cont .left .tit{	font-size: 26px;}
.index-part4.pad-80{padding: 80px 0;}
}
@media (max-width:1366px){
.view-more{ width: 260px;height: 60px;line-height: 60px; }
.view-more:before{ height: 7px;width: 108px;background: url("../images/view-more1.png") no-repeat center center; }
.index-top .left .tit{font-size: 36px; }
.index-top .slick-box .pic{ height: 65px;}
.index-top .slick-box .name{font-size: 18px;}
.index-part1 .slick-cont li{ min-height: 580px;}
.index-part1 .slick-cont{margin-top:40px;}
.index-part1 .slick-cont .txt{ padding: 40px; }
.index-part1 .slick-cont .tit{font-size: 28px; }
.index-part1 .view-more{ left: 40px; }
.index-part2 .slick-cont li{ margin-top:50px; }
.index-part2 .tit{font-size: 18px;}
.index-part2 .view-more{ width: 150px;height:40px; line-height: 40px; }
.index-part2 .view-more::before{ width: 55px;background: url("../images/view-more1.png") no-repeat left center; }
.index-part2 .content a:hover .tit{ color: #318fd6;z-index: 5;}
.index-part3-box p{ line-height:30px; margin-top:15px;}
.index-part3-box{padding:22px 20px 0px; height:245px;}
.index-part3-box h4{ font-size: 20px; margin-top: 15px;}
.index-part3-box:after{ left: 20px; bottom: 25px;}
.index-part3 .index-top .right .view-more::before{ width: 58px; margin-right: 15px;background: url("../images/new-more1.png") no-repeat center center;}
.index-part4 .cont{margin-top:30px;}
.index-part4 .cont .left .tit{	font-size: 24px;}
}
@media (max-width:1280px){
.view-more{ width: 200px;height: 55px;line-height: 55px; }
.view-more:before{ width: 78px; }
.index-top .left .tit{font-size: 34px; }
.index-top .left .tit::after{right: -25px; top: -10px;}
.index-part1 .slick-cont .tit-en{	margin: 10px 0 20px;}
.index-part1 .slick-cont .tit{font-size: 24px; }
.index-part2 .slick-cont li{ margin-top:40px; }
.index-part1 .slick-cont li{ min-height: 550px;}
.index-part3-box{padding:15px 20px 0px; height:215px; border-radius: 0 0 4em 0;}
.index-part3-box h4{ font-size: 18px; margin-top: 10px;}
.index-part3-ul li{ margin-top:30px}
.index-part4 .cont{margin-top:5px;}
.index-part4 .cont .left .tit{ font-size: 22px;}
.index-part4 .cont .left .tit::before{ margin-bottom: 20px;}
.index-part4 .cont .left .intro{line-height: 30px; margin: 20px 0 30px; padding-right: 0px;}
.index-part4.pad-80{padding: 60px 0;}
}

@media (max-width: 1200px) {
.index-part5 ul li .lin{ margin-top:20px;}
.index-part5 ul h3 { font-size: 20px;margin-bottom: 10px;}
}
@media (max-width:1124px){
.index-bn li .mb{display: block;}
.index-bn li .pc{display: none;}
.index-top .left .tit{font-size: 30px; }
}
@media (max-width:992px){
.index-bn .slick-dots{ bottom: 10px; }
.index-bn .slick-dots li{ height: 30px;width: 30px; }
.index-bn .slick-dots li::after{ width: 6px;height: 6px; }
.index-bn .slick-prev { left: 5px; height: 36px; width: 36px; line-height: 36px;}
.index-bn .slick-next { right: 5px; height: 36px; width: 36px; line-height: 36px;}
.index-top .left{width: 100%;float: left;}
.index-top .left .tit{font-size: 26px; }
.index-top .right{width: 100%;float: right;padding-top: 15px;}
.index-part1 .slick-cont .pic{width:80%; }
.index-part1 .slick-cont .txt{ padding: 30px; }
.index-part1 .view-more{ left:30px; }
.index-part2 .tit{font-size: 16px;margin: 5px auto;}
.index-part2 .content{ padding: 0px 0px 5px; border-radius: 0px;}
.index-part2 .option{ display: none;}
.index-part3-box{ border-radius: 0 0 2em 0;}
.index-part4.pad-80{padding: 50px 0;}
.index-part4 .cont .left{width: 100%;float: left;}
.index-part4 .right-img{ top: 50%; width: 100%; display: none;}
.index-part5 .pic{padding-bottom:40%;}
.index-part5 ul{  margin-top: 20px;}
.index-part5 ul h3 { font-size: 18px;margin-bottom:5px;}
.index-part5 ul li {padding-left: 0px; padding-right: 0px; }
}
@media (max-width:768px){
.index-part1 .slick-cont{margin-top:20px;}
.index-part1 .slick-cont li{ min-height: 500px;}
.index-part1 .slick-cont .pic{width: 80%;}
.index-part1 .slick-cont .txt{width: 50%; padding: 25px;}
.index-part1 .slick-cont .tit{font-size: 20px; }
.index-part1 .slick-cont .tit-en{	font-size: 15px; }
.index-part1 .view-more{ left:25px; }
.index-part2 .content{ margin-bottom: 15px; border-radius: 5px;}
.index-part3-ul{margin-top:25px;}
.index-part3-box{ padding: 15px 15px 0px; border-radius:0px; }
.index-part3-box h4{ font-size: 17px; margin-top: 5px; margin-bottom: 5px; line-height: 30px;}
.index-part3-box p{ line-height:28px; margin-top: 0px;}
.index-part5 .pic{padding-bottom:72%;}
.index-part5 .index-top .left .intro{ font-size: 18px;}
.index-part5 ul h3 {font-size: 18px; }
.index-part5 ul li { width:100%; float: none; margin-bottom: 20px; clear: both; }
.index-part5 ul .txt { margin-bottom: 20px;}

}
@media (max-width:668px){
.index-part1 .slick-cont li{ min-height: 700px;}
.index-part1 .slick-cont .pic{width: 100%; height: 500px; }
.index-part1 .slick-cont .txt{width: 100%; margin-top: 80%;}
.index-part4.pad-80{padding: 40px 0;}
.index-part5 .pic{padding-bottom:87%;}
.fd .foot-last .last-ll{ line-height: 28px; }
}
@media (max-width:568px){
.fd .foot-container{padding:30px 0px!important}
.fd .foot-container .container-logo{ height:80px; margin-bottom:30px;}
.index-top .left .tit{font-size: 22px; }
.index-part1 .slick-cont .pic{  height: 450px; }
.index-part4 .cont .left .tit{ font-size: 20px;}
.index-part5 .pic{padding-bottom:42%;}
.fd .foot-container .container-logo .logo-gp .logo{ text-align:left;width:100%; float: left;}
.fd .foot-container .container-logo .third-party{ display: none; width:100%;}
.index-part3-ul{margin-top:15px;}
.index-power .slick-prev, .index-power .slick-next {  height: 0px; width: 0px; display: none!important; }
.index-part5 .pic{padding-bottom:107%;}
.index-part5 ul h3 {font-size: 17px; line-height: 30px; margin-bottom: 0px; }
.index-part5 ul li { margin-bottom: 0px;}
.index-part5 ul .txt { margin-bottom: 0px;}
.index-part5 ul .pics { height: 48px; line-height: 48px; float: left; width: 17%;}
.index-part5 ul .pics img { width: 100%;}
.index-part5 ul .txt { width: 82%; margin-left: 1%; }
}
@media (max-width:468px){
.index-part1 .slick-cont .pic{  height: 380px; }
.index-part2 .tit{font-size: 15px;}
.index-part3-ul li{width:100%; margin-top:22px;}
.index-part3-box{ height:175px; }
.index-part3-box p{line-height: 28px; -webkit-line-clamp: 1; }
.index-part5 .pic{padding-bottom:112%;}
.index-part5 .index-top .left .intro{ font-size: 17px;}
.index-part5 ul li .lin{ margin-top:10px;}
.index-part5 ul .txt {font-size: 15px; line-height: 24px;}
}
@media (max-width:428px){
  .index-part1 .slick-cont .pic{ height:320px; }
  .index-part1 .slick-cont .txt{width: 100%;margin-top: 70%; padding: 15px;}
  .index-part1 .view-more{ left:15px; }
  .index-part5 .pic{padding-bottom:122%;}
}
/*pages*/
.Pages{overflow:hidden;text-align: center;line-height: 50px;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px;width: 50px;height: 50px;font-size: 0;background-color: #fff;vertical-align: top;line-height: 50px;}
/*.Pages .p_cur{ float:left;}*/
.Pages .p_cur b{ color:#F00;}
.Pages .p_count{ float:right;margin-left: 10px;}
.Pages .p_page .a_first,.Pages .p_page .a_end{font-size: 16px;}
.Pages .p_count b{ color:#F00;}
/*.Pages .p_total { float:left;}*/
.Pages .p_total b{ color:#F00;}
/*.Pages .p_page{ float:right;}*/
.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .p_page em a{ padding:0px 7px;font-size: 16px;}
.Pages .p_page em a:hover {color: #333;}
.Pages .p_page em a.a_cur{ color:#fff; background:#318fd6;}
.Pages .p_page b{ font-weight:normal;}
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;}
.Pages .i_button { position:relative; top:5px; width:32px; height:20px; cursor:pointer; border:none; background:url(page_goto.jpg) no-repeat;}
.Pages .p_cur,
.Pages .p_total,
.Pages .p_jump {display: none;}
.Pages .a_prev {background: #fff url(../images/page-prev.png) no-repeat center center;}
.Pages .a_next {background: #fff url(../images/page-next.png) no-repeat center center;}
/*pages end*/

.page_banner { width:100%; overflow:hidden; margin:0 auto; padding:9% 0; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.page_banner img { display:block; width:100%;height: 100%; overflow:hidden; margin:0 auto; padding:0; position:absolute; left:0; top:0;}
.page_banner .page_text { height:auto; margin:0 auto; position:relative; z-index:1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.page_text p { width:100%; overflow:hidden; line-height:52px; color:#fff; font-size:40px; font-weight:bold; margin:0 auto; padding:0;}
.page_text em { display:block; width:60px; height:5px; overflow:hidden; margin:24px 0; padding:0; background-color:#fff;}
.page_text span { display:block; width:100%;font-size:22px; max-height:64px; overflow:hidden; line-height:32px; color:#fff; margin:0 auto; padding:0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.page_navs{height: 80px;line-height: 80px;border-bottom: 1px solid #eaeaea;box-shadow: 0 0 8px rgba(153,153,153,0.4); }
.page_navs .crumb{float: right;}
.page_navs .crumb li{float: left;font-size: 16px;color: #666;}
.page_navs .crumb a{color: #666;  }
.page_navs .crumb li:last-child{ color:#318fd6;}
.page_navs .crumb li .fa{color: #666;}
.page_navs .r_sec.pic_sec { float:left;}
.page_navs .r_sec li{ float:left; margin-right: 5%;}
.page_navs .r_sec li a{color:#666666; font-size:21px;}
.page_navs .r_sec li:hover a,
.page_navs .r_sec li.cur a{color:#318fd6;}
.page_navs .fa {margin:22px 8px 0; }
.page_navs a:hover{color:#318fd6;}
.page_navs .swiper-button-next,.page_navs .swiper-button-prev{ display: none!important;}
.page_navs .container{ position: relative;}
.products_left .swiper-button-next,.products_left .swiper-button-prev{ display: none!important;}
.products_left .container{ position: relative;}
@media(max-width:1440px) {
.page_text p { font-size:38px; }
}
@media(max-width:1366px) {
.page_text p { font-size:36px; }
.page_navs .r_sec li{float:left; font-size:17px;}
.page_navs .r_sec li:last-child{ margin-right: 0px;}
}
@media screen and (min-width:1280px) and (max-width:1359px) {
.page_text p { line-height:48px; font-size:36px;}
.page_text span { max-height:60px; line-height:30px; font-size:16px;}
.page_text em { width:56px; height:4px;}
}
@media(max-width:1280px) {
.page_navs .r_sec li{margin-right: 3.2%;}
.page_text p { font-size:32px; }
}
@media screen and (min-width:1080px) and (max-width:1279px) {
.page_text p { line-height:48px; font-size:32px;}
.page_text p font { font-size:32px;}
.page_text span { max-height:60px; line-height:30px; font-size:16px;}
.page_text em { width:56px; height:4px;}
}
@media(max-width:1200px) {
.page_text p { font-size:28px; }
.page_text span { font-size:20px;}
.page_navs .r_sec li{margin-right: 2.2%;}
.page_navs .r_sec li a{ font-size:18px;}
}
@media screen and (min-width:1024px) and (max-width:1079px) {
.page_banner .page_text { max-width:inherit; padding:0 20px;}
.page_text p { line-height:48px; font-size:26px;}
.page_text p font { font-size:32px;}
.page_text span { max-height:60px; line-height:30px; font-size:16px;}
.page_text em { width:56px; height:4px;margin: 14px 0; height: 3px;}
}
@media screen and (max-width:1023px) and (min-width:768px) {
.page_banner .page_text { max-width:inherit; padding:0 20px;}
.page_text p { line-height:40px; font-size:30px;}
.page_text p font { font-size:22px;margin: 0 0 0 10px;}
.page_text span { max-height:60px; line-height:30px; font-size:15px;}
.page_text em { width:48px; height:3px; margin:20px 0;}
}
@media(max-width:992px) {
.page_text p { line-height:30px; font-size:28px;}
.page_navs .crumb{ display: none;}
.page_navs .swiper-button-next,.page_navs .swiper-button-prev{ display: block!important;margin-top:-8px;width: 10px;height: 16px;-moz-background-size: 10px 16px;-webkit-background-size: 10px 16px;background-size: 10px 16px;}
.page_navs .r_sec.pic_sec { float: none; width: 100%;}
.products_left { position: relative;}
.products_left .swiper-button-next,.products_left .swiper-button-prev{ display: block!important;width: 15px;height: 24px;-moz-background-size: 15px 24px;-webkit-background-size: 15px 24px;background-size: 15px 24px;}
}
@media(max-width:768px) {
.page_navs{line-height:50px; height:50px;}
.page_navs .r_sec li:after{left:-7px; }
.page_navs .crumb{ display: none;}
}
@media(max-width:767px) {
.page_banner { padding: 13% 0 15%;}
.page_banner .page_text { max-width:inherit; padding:0 20px;}
.page_text p { line-height:30px; font-size:24px;}
.page_text p font { font-size:20px; margin:0 0 0 10px;}
.page_text span { max-height:48px; line-height:24px; font-size:16px;}
.page_text em { width:40px; height:2px; margin:12px 0;} 
.page_navs{line-height:40px; height:40px;}

}
@media (max-width: 567px) {
.page_banner { padding:9% 0 14%;}
.page_text p { font-size:18px;}
.page_text p font { font-size:16px; margin:0 0 0 5px;}
.page_text em { width:35px; margin:6px 0;}
}
@media(max-width:460px) {
.page_navs .container{padding-right: 0px;padding-left:1px;}
.page_navs{height: 40px;line-height: 40px;border-bottom: 1px solid #eaeaea;}
.page_navs .r_sec li{ font-size:14px; padding:0 6px; margin:0 6px; }
.page_text p { font-size:17px;}
}
@media (max-width: 425px) {
.page_subnav .container{ width:100%;}
.page_subnav li a{height:40px;line-height:40px;}
}
@media only screen and (max-width: 400px){
.page_navs .r_sec li{ padding:0 5px; margin:0 4px; }
}
@media (max-width: 375px) {
.page_banner .page_text { max-width:inherit; padding:0 0px;}
.page_text span { display: none;}
}
@media (max-width: 320px) {
.page_text p {line-height: 24px; font-size:18px;}
.page_text p font { font-size:14px;}
}   



.page_about .page_about_img{ text-align: right;}
.page_about .page_about_content{ padding-right: 50px;}
.page_about .page_about_content h3{ font-size:36px; line-height: 42px; color: #318fd6;position: relative;}
.page_about .page_about_content h3:after{content:"";display: block; width: 50px;height: 50px;position: absolute;left: 45%;top:-15px;background: url("../images/index-tit.png") no-repeat center center;background-size: contain;z-index: -1;}
.page_about .page_about_content h2{ font-size:38px; line-height: 52px; margin-bottom: 25px; color: #318fd6;}
.index-top .left .intro{line-height: 30px;margin: 20px 0 0;color: #666;}
.page_about .page_about_content p{ font-size:16px; line-height: 32px; margin-bottom: 10px; color: #666; }
@media(max-width:1468px) {
.page_about .page_about_content h3{ font-size:32px;}
.page_about .page_about_content h2{ font-size:34px;}
}
@media(max-width:1366px) {
.page_about .page_about_content h3{ font-size:30px; line-height:38px; }
.page_about .page_about_content h2{ font-size:32px; line-height: 42px; }

}
@media(max-width:1280px) {
.page_about .page_about_content{ padding-right: 30px;}
.page_about .page_about_content h3{ font-size:26px; line-height:34px;}
.page_about .page_about_content h2{ font-size:28px; }
}
@media(max-width:1200px) {
.page_about .page_about_content{ padding-right: 0px;}
.page_about .page_about_content h3{ font-size:22px; line-height:32px;}
.page_about .page_about_content h2{ font-size:24px; line-height:38px;}
.page_about .page_about_content p{ line-height: 28px;}
}
@media(max-width:992px) {
.page_about .page_about_content h3{ font-size:20px;line-height:30px; margin-bottom: 0px;}
.page_about .page_about_content h2{ font-size:22px; line-height:36px; margin-top: 10px;}
}

.bg-cover{background-size: cover;background-position: center center;background-repeat: no-repeat;}
.bg-contain{background-size: contain;background-position: center center;background-repeat: no-repeat;}

.technology-part{overflow: hidden;}
.technology-part .tits{text-align: center;font-size: 22px;margin: 30px 0;font-weight: normal;}
.technology-tit{text-align: center;font-size: 36px;font-weight: normal;margin: 0;}
.technology-part .tit{font-size: 36px;margin: 20px 0 15px;font-weight: normal;}
.technology-part .intro{color: #999999;line-height: 30px;text-align: justify;}
.technology-part .desc{color: #666666;	line-height: 30px;}
.technology-part1 .left,.technology-part3 .left{width: 59%; padding-right: 2%;}
.technology-part1 .right,.technology-part3 .right{width: 38%;}
.technology-part2 .left{width:38%; padding-right: 2%;}
.technology-part2 .right{width: 59%;}
.technology-part3 .right .tit { color: #fff;}
.technology-part3 .right .desc { color: #fff;}
.technology-part .cont{ padding-top: 120px;}
.technology-part .cont .view-more{ margin-top: 40px; width: 240px; height: 70px; line-height: 70px;}

@media(max-width:768px) {
.technology-part1 .left,.technology-part3 .left{width:100%; padding-right: 0px;}
.technology-part1 .right,.technology-part3 .right{width: 100%;}
.technology-part2 .left{width:100%; padding-right: 0px;}
.technology-part2 .right{width: 100%;}
.technology-part .cont{ padding-top: 40px;}
.technology-part .cont .view-more{ margin-top: 20px; margin-bottom: 20px;  width: 200px; height: 60px; line-height: 60px;}
.technology-part .cont{display: block;min-height: auto;}
.technology-part .left,.technology-part .right{width: 100%;display: block;}
.technology-part .left >.pic,  .technology-part .right >.pic{display: block;max-width: 100%;transform: none;}
.technology-part .tit{font-size: 24px;}
.technology-part{background: #fff!important;padding: 5% 0;}
.technology-part:nth-child(2n){background: #f8f8f8!important;}
.technology-part .tit-icon{max-width: 35px;}
.technology-part2 .pics-tit li{padding: 10px 25px;}
.technology-part.white-text .intro{color: #999;}
.technology-part.white-text .tit{color: #333;}
.technology-part.white-text .intro-ls .text,.technology-part.white-text .desc{color: #666;}
}
@media(max-width:568px) {
.technology-part .tit{font-size: 20px;}
.technology-part .cont{ padding-top: 30px;}
.technology-part .cont .view-more{width: 180px; height:55px; line-height: 55px;}

}

.pro_list .content {margin-bottom: 30px;}
.news_detail .left{width:86%; float:left; }
.news_detail .left .box{padding-right:16%;}
.news_detail .left .tit{font-size:18px; line-height:28px; color:#318fd6; font-weight:lighter;}
.news_detail .left .intro .title{font-size:30px; line-height:42px; color:#333; margin-top:25px; font-weight:lighter; margin-bottom:30px;}
.news_detail .left .intro .text{font-size:16px; line-height:30px; color:#575757; font-weight:lighter;padding-top:30px;  margin-top:30px; border-top:1px solid #d0d0d0; }
.news_detail .left .intro .text a{color:#318fd6; text-decoration:underline;}
.news_detail .left .intro .text a:hover{background:#318fd6; color:#fff;text-decoration:none;}
.news_detail .left .intro .text img{ max-width: 100%;}
.news_detail .left .intro .text p{ margin-top: 10px;  margin-bottom: 10px;}
.news_detail .right{  float:left;}
.news_detail .right .bdsharebuttonbox{overflow:hidden;}
.news_detail .right .bdsharebuttonbox a{display:block; float:none; width:84px; height:84px; padding:0; margin:0 0px 1px; background-position:0 0;}
.news_detail .right .bdsharebuttonbox a:hover{background-position:-84px 0;}

.news_detail .right .right-share { width: 100%;}
.news_detail .right .right-share .wechat { position: relative;}
.news_detail .right .right-share .wechat:hover .vx { display: block;}
.news_detail .right .right-share .wechat .vx::after { content: ''; position: absolute; right:0; margin-right: -12px; bottom: 40%; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color:  transparent #fff transparent transparent}
.news_detail .right .right-share .wechat .vx { position: absolute; top: -45px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; right: 105px; display: none;}
.news_detail .right .right-share .wechat .vx h4 { font-weight: normal; height: 30px; line-height: 30px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.news_detail .right .right-share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.news_detail .right .right-share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.news_detail .right .right-share .share-item { width: 75px; height: 75px; line-height: 75px; margin-bottom:8px; background-color: #7c8188;}
.news_detail .right .right-share .share-item .img{width: 75px; height: 75px; line-height: 75px; border-radius: 5px; margin-bottom:2px; text-align: center; background-color: #7c8188;}
.news_detail .right .right-share>a:first-child .img,.news_detail .right .right-share>a:hover .img{ background-color: #318fd6;}

.turn_page{overflow: hidden;margin-top: 20px;margin-bottom: 20px;padding-bottom: 20px;}
.p_previewBox{float: right;width: 50%;}
.p_nextBox{float: right;width: 50%;text-align: right;}

@media only screen and (max-width: 1366px){
.news_detail .left .intro .title{font-size:24px; line-height:34px;}
.news_detail .left .box{padding-right:3%;}
}
@media only screen and (max-width: 1200px){
.news_detail .left .intro .text img{ width: 100%;}
}
@media only screen and (max-width: 768px){
.news_detail .left{width:100%;}
.news_detail .left .intro .text{ padding-top:20px; margin-top:20px; }
.news_detail .left .box{padding-right:0px;}
.news_detail .left .intro .title{font-size:18px; line-height:24px; margin:10px 0; padding-bottom:5px;}
.news_detail .left .intro .text{font-size:15px; font-weight:normal}
.p_previewBox{float: left;width: 100%;}
.p_nextBox{float: left;width: 100%;text-align: left;}
.news_detail .right { float: none; display: none;} 
}

.news-list .item {overflow: hidden;padding: 40px;border-bottom: 1px solid #eee;-webkit-transition: .3s;transition: .3s;position: relative;background-color: #fff;}
.news-list .item:hover {-webkit-transform: scale(1.02);transform: scale(1.02);box-shadow: 0 12px 20px 0 rgba(95, 101, 105, 0.15);z-index: 1;}
.news-list .item .image {width: 22%;overflow: hidden;float: left;}
.news-list .item .image-contain { display: block;-webkit-transition: .3s;transition: .3s;}
.news-list .item .image:hover .image-contain {-webkit-transform: scale(1.05);transform: scale(1.05);}
.news-list .item .content { width:78%; float: left;padding: 30px 220px 0 100px;position: relative;}
.news-list .item .item-title {font-size: 22px;font-weight: 300;}
.news-list .item .item-title a:hover,.news-list .item:hover .item-title a{color: #318fd6;}
.news-list .item .desc {line-height: 1.9;font-weight: 300;color: #666;}
.news-list .item .time .day {line-height: 100%;font-size: 60px;color: #666;display: block;}
.news-list .item .time .year {color: #ccc;display: block;margin-top: 6px;}
.news-list .item .time1 {display: none; }
.news-list .item .time1 .year { color: #ccc;display: block;margin-top: 6px;}
.news-list .item .content .time {position: absolute;right: 0;top: 26px;border-left: 1px solid #eee;padding: 24px 0 20px 70px;font-family: "Oswald";}
.news-list .item:hover .time .day { color: #318fd6;}
.news-list .item.no_img .image {width: 0px; display: none;}
.news-list .item.no_img .content { width:100%; padding: 30px 30px 0 30px;}
.Pages {margin-top: 80px;}
@media (max-width: 1200px) {
 .news-list .item .content {padding: 10px 180px 0 30px; }
.news-list .item .content .time {padding: 24px 0 20px 70px;top: 30px;}
.news-list .item .time .day {font-size: 40px;}
}
@media (max-width:992px) {
.news-list .item .image {width: 30%;overflow: hidden;float: left;}
.news-list .item .content {width:70%; padding: 0px 80px 0 30px;  }
.news-list .item .content h3{ margin-top: 0px; color: #333;}
}
@media (max-width: 768px) {
.news-list .item:first-child{ padding-top: 0px;}
.news-list .item .image {width: 100%;}
.news-list .item .image img{width: 100%;}
.news-list .item .content {width: 100%;padding: 15px 0px 0 0;}
.news-list .item.no_img .content { padding: 15px 0px 0 0;}
.news-list .item .desc {  overflow:hidden; text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient:vertical; }
.news-list .item .item-title {font-size: 18px; color: #000;}
.news-list .item .time .day {font-size: 30px;}
.news-list .item .content .time {padding: 20px 0 20px 30px;}
.news-list .item {padding: 30px 0 24px;}
.news-list .item .time { display: none;}
.news-list .item .time1 .year { display: block; }
}
.jsfw { background: #fff;}
.he_h4wp2 {width:100%;position:relative; }
.he_h4wp2::after {content:'';position:absolute;top:0;left:0;top:0;height:495px;width:100%;z-index:-1;}
.he_h4wp2ti .g_title h3 {margin-bottom:11px;font-size: 42px; position: relative;}
.he_h4wp2ti .g_title h3:after{content:'';position:absolute;top:0;left:54%;top:-10px; width: 50px; height: 50px; background: url(../images/index-tit.png);}
.he_h4wp2ti .g_title p {text-align: center;font-size:20px; }
.he_h4wp2ht {width: 98%;position:relative;margin-top: 40px;}
.he_h4wp2hri {width: 27%;position:relative;height: 464px;}
.he_h4wp2sw:hover .he_h4wp2te {bottom: 0;}
.he_h4wp2sw:hover .he_h4wp2the2 p {opacity: 1;}
.he_h4wp2sw:hover .he_h4wp2ig::after {background: rgba(49, 143, 214, 0.75);}
.he_f1p1phy:hover {background: #318fd6;}
.he_h4wp2ig {width:100%;position:relative;height: 100%;}
.he_h4wp2hle {position:relative;padding-right: 10px;width: 73%;}
.he_h4wp2sw {position:relative;width:100%;height: 100%;overflow:hidden;}
.he_h4wp2te {position:absolute;/* left:0; */bottom:-67px;z-index:10;padding: 36px 20px;transition:all 0.36s;}
.he_h4wp2the p {font-size:22px;line-height:28px;color:#fff;font-weight:bold;}
.he_h4wp2the2 {margin-top:12px;}
.he_h4wp2the2 p {font-size:16px;line-height:30px;height: 60px;overflow:hidden;color:#fff;opacity:0;transition:all 0.36s;}
.he_h4wp2ig::after {content:'';height:100%;background:rgba(0,0,0,0.3);top:0;/* left:0; *//* z-index:2; */position: absolute;z-index: 2;bottom: 100%;left: 0;width: 100%;transition:all 0.36s;}
.he_h4wp2tul {margin:0 -5px;}
.he_h4wp2tli {width: 33.333333%;padding: 0 5px;margin-bottom: 10px;position: relative;}

.he_h1p2yu {padding:45px 35px 0;}
.he_h1p2ul {margin:0 -10px;}
.he_h1p2li {padding:0 10px;}
.he_h1p2li1,.he_h1p2li2 {width: 22%;}
.he_h1p2li3 {width:48%;height: 442px;}
.he_h4wp2ti .g_title h3 {font-size:40px;line-height:50px;color: #318fd6;text-align:center;margin-bottom:20px;}
.he_h1p2lyg {width:100%;position:relative;height:100%;}
.he_h1p2lig {width: 100%;position:relative;height:100%;overflow:hidden;}
.he_h1p2lig img {transition:all 0.36s;height: 420px;}
.he_img1 {width:100%;position:absolute;top:0;left:0;height: 100%;}
.he_h1p2lyg .wh1{padding: 168px 20px;}
.he_h1p2lyg .wh2{padding: 168px 20px;}
.he_h1p2lyg .wh3{padding: 130px 53px;}
.he_h1p2lte {position:absolute;bottom:0;width: 85%;text-align: center;z-index:10;left:0;padding:45px 20px;}

.server2 {width: 100%;background: url(../images/serverbg.jpg)no-repeat bottom center; }
.server2_con {margin-top: 50px;overflow: hidden;}
.server2_con ul { justify-content: space-between;align-items: center;}
.server2_con li { align-items: center; box-shadow: 0 0 20px #ddd;width: 16.6666666%; float: left; text-align: center; padding: 60px 0px;background: #f8f8f8;}
.server2_con li:last-child:after {display:none;}
.server2_con li:hover i {-webkit-animation: hvr-buzz-out 0.75s linear;animation: hvr-buzz-out 0.75s linear;color:#318fd6;}
.server2_con li i {font-size: 36px;}
.server2_con li i img{width:37px;}
.server2_con li p { font-size: 16px;align-items:  center;line-height:  30px;padding-top: 16px;}
.server2_more { justify-content: center;margin: 40px 0 0;align-items: center;}
.server2_more p {font-size: 36px; font-weight: bold;}
.server2_r {height: 68px; line-height: 68px;width: 450px;border-radius: 33px;background: #318fd6;margin-left: auto; margin-right: auto; align-items: center;}
.server2_r .icon {width: 54px;height: 54px; line-height: 54px;border-radius: 100%;background: #fff;margin-left: 7px;margin-top: 6px;text-align: center; float: left; }
.server2_r span { margin-left: 22px; font-size: 20px;color: #fff;}
.server2_r b {font-size: 26px;font-weight: normal;color: #fff;font-family: Arial;}

@media (max-width: 1479px){
.he_h4wp2hri { height: 428px;}
.he_h4wp2the p {font-size:20px;}
.he_h4wp2te {padding: 30px 20px;}
}
@media (max-width: 1359px){
.he_h4wp2hri { height: 402px;}
.he_h4wp2ti .g_title h3 {font-size:36px;}
}
@media (max-width: 1299px){
.he_h4wp2hri { height: 389px;}
}
@media (max-width: 1279px){
.he_h4wp2hri { height: 369px;}
.he_h4wp2ti .g_title h3 {font-size:32px;}
}
@media (max-width: 1179px){
.he_h4wp2hri { height: 359px;}
}
@media (max-width: 1125px){
.he_h4wp2hri {width: 30%; height: 334px;}
.he_h4wp2hle { width: 70%;}
}
@media (max-width: 1100px){
.he_h4wp2hri { height: 324px;}
}
@media (max-width: 1064px){
.he_h4wp2hri { height: 315px;}
}
@media (max-width: 1024px){
.he_h4wp2hri { height: 302px;}
.he_h4wp2ti .g_title h3 {font-size:28px; margin-bottom: 10px;}
.he_h4wp2ti .g_title p { font-size:18px; }
}
@media (max-width: 992px){
.he_h4wp2hri { height:292px;}
.he_h4wp2hri .he_h4wp2te { bottom:-147px; }
}
@media (max-width: 892px){
.he_h4wp2hri {width: 28%; height: 264px;}
.he_h4wp2hle { width: 72%;}
.he_h4wp2the p {font-size:18px;}
.he_h4wp2te {padding: 20px 20px;}
.server2_con li { width: 33.33333337%;padding: 30px 0px; margin-bottom: 15px;}

}
@media (max-width: 768px){
.he_h4wp2tli{width:100%;}
.he_h4wp2hle{width:100%;padding-right: 0;}
.he_h4wp2hri{width:100%; height: 384px;}
.he_h4wp2ti .g_title h3 { font-size: 26px; }
.he_h4wp2ti .g_title h3:after{ left:53%; }
  .server2_con ul{display:block;}
.server2_box{width:95%;padding-top: 50px;}
.server2_tit p{font-size: 26px;}
.server2_more p{width: 100%;font-size: 18px;text-align: center;line-height: 66px;color: #fff;}
.server2_r{width:45%;display: block; }
.server2_more{display:block;margin: 20px 0 0;}
.server2_r i img{display:none;}
.server2_r span{margin-left: 0;display: none;}
.server2_r em{float:left;font-size: 30px;width: 95%;text-align: center;}
}

@media (max-width: 568px){
.server2_con li{width: 50%;text-align: center;float: left;display: block;padding: 20px 5px;}
.server2_r{width:55%; }

}
@media (max-width: 468px){
.server2_r{width:75%; }
.server2_r b {font-size: 24px;}

}
@media (max-width: 428px){
  .server2_r{width:85%; }
  .server2_r b {font-size: 22px;}

}
.contactBox{ background: #fff; padding: 40px; margin-top: 40px; min-height: 620px;}
.contactBox .contact_l .name{ font-size: 28px; line-height:45px; color: #000; font-weight: bold; padding-bottom: 20px; }
.contactBox .contact_l .list li{ padding-left:90px; position: relative; height: 108px; padding-bottom:50px;}
.contactBox .contact_l .list li .ico{ position: absolute; left: 0; top: 50%; margin-top: -30px; width: 68px; height:68px; background: #ebebeb; border-radius: 50%; }
.contactBox .contact_l .list li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -15px; }
.contactBox .contact_l .list li .wen{ padding-top: 25px; color: #999; font-size: 16px; line-height: 28px; }
.contactBox .contact_l .list li .msg{ font-size: 20px; line-height: 32px; color: #000; padding-top: 5px; }
.formCheck {line-height: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;-ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;-webkit-box-align: start;    -ms-flex-align: start;        align-items: flex-start;-ms-flex-line-pack: stretch;    align-content: stretch;}
.formCheck:after {display: none;}
.formItem {position: relative;color: #666666; }
.formItem:last-child {margin-bottom: 0;}
.formItem.w0 {width: 100%;}
.formItem.red:after {content: "x";position: absolute;right: 10px;top: 0;white-space: nowrap;font-size: 14px;pointer-events: none;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;color: #f00 ;}
.formItem:first-child {margin-top: 0;}
.formItem .skin { display: block;width: 100%; line-height: 58px; font-size: 16px; color: #999; border-left: #e5e5e5 solid 0px; border-right: #e5e5e5 solid 0px; border-top: #e5e5e5 solid 0px; border-bottom: #ebebeb solid 1px; -webkit-box-sizing: border-box;box-sizing: border-box;background-color: #fff;}
.formItem textarea.skin {height: 116px;}
.formItem.yzm {width: 100%; height:58px; white-space: nowrap;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;-ms-flex-wrap: nowrap; flex-wrap: nowrap;-webkit-box-pack: justify;    -ms-flex-pack: justify;        justify-content: space-between;-webkit-box-align: stretch;    -ms-flex-align: stretch;        align-items: stretch;-ms-flex-line-pack: start;    align-content: flex-start;}
.formItem.yzm:after {display: none;}
.formItem.yzm .skin {width: 100%;display: inline-block;vertical-align: top;}
.formItem.yzm .refreshVC {width: 48px;height: 58px;background-size: 36px 36px;background-position: 50% 50%;background-repeat: no-repeat;-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;min-width: 48px;}
.formItem.yzm .bindClick {display: inline-block;vertical-align: top;width: 118px;height: 56px;border: #d7d7d7 solid 1px;}
.formItem .enter {display: inline-block;vertical-align: top; border-radius: 4px;min-width: 148px;width: 164px;height: 56px;line-height: 56px;text-align: center;background-color: #3390d7;color: #fff;font-size: 16px;}
.formItem .btn-contact{height: 52px;line-height: 52px;}
.btn_button {padding: 17px 30px;}
.btn_default {padding: 0;/*background: none;border: none;*/display: inline-block;text-align: center; position: relative;padding: 15px 30px;overflow: hidden;font-weight: 400;cursor: pointer;-moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;-webkit-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.btn_default span {position: relative;z-index: 300; color: #fff; -moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;-webkit-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.btn_default:after {content: "";display: block;position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;background-color: #015bad; color: #fff; z-index: 100;-moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;-webkit-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.hint{ line-height: 32px; color: #666; font-size: 16px;}
.contactBox .contact_r .item {margin-top: 3px; margin-bottom: 3px;}
.contactBox .contact_r .item1{ line-height: 30px; color: #666;margin-top: 6px; margin-bottom: 6px;}
@media (max-width: 1280px){
.contactBox{ padding: 30px; margin-top:30px;}
.contactBox .contact_l .name{ font-size: 24px;}
.formItem .skin { line-height: 52px; }
.contactBox .contact_r .item1{margin-top: 3px; margin-bottom: 3px;}
}
@media (max-width: 992px){
.contactBox{ padding: 20px; min-height: 880px;}
.contactBox .contact_l .name{ font-size: 20px;}
.contactBox .contact_l .list li{ width: 48%; margin-right: 2%; float: left;}
.contactBox .contact_l .list li .msg{ font-size: 18px; margin-bottom: 10px; }
.contactBox .contact_r { margin-top: 20px;}
}
@media (max-width: 768px){
.contactBox{  min-height: 1100px;}
.contactBox .contact_l .list li{ width: 100%; margin-right: 0px; float: none; padding-bottom: 30px;}
.contactBox .contact_r .item {margin-top: 0px; margin-bottom: 0px;}
.formItem .skin { font-size: 15px;}
.contactBox .contact_r .item1{ font-size: 15px; line-height: 28px;}
}

.policy h3{ margin-bottom: 10px;}
.policy div{ line-height: 30px;}


.pro_info_1_1{ overflow:hidden; background-color:#fff;}
.pro_info_1_1_left{float:left; width:49.5%;}
.pro_info_1_1_left img{ width: 100%;}
.pro_info_1_1_right{float:right; width:45%;margin-top: 40px; }
.pro_info_1_1_right_1{font-size:36px; color:#318fd6; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.pro_info_1_1_right_2{font-family:Arial, Helvetica, sans-serif; color:#666; margin-top:.8em;}
.pro_info_1_1_right_3{font-size:16px; color:#666; line-height:2.1; margin:2.1em 0 2.5em 0;}
.pro_info_1_1_right .tel{ float: left; line-height: 25px; font-size: 20px;}
.pro_info_1_1_right .tel span{color: #666;}
.pro_info_1_1_right .tel span a{ font-size: 28px; height: 30px; line-height: 30px;color: #318fd6;background: none; text-align: left;}
.pro_info_1_1_right .link{margin:35px 0 0;}
.pro_info_1_1_right .link a{display:inline-block; margin-right:20px;}
.pro_info_1_1_right .link a span{display:inline-block; vertical-align:middle;}
.pro_info_1_1_right .link a span.icon{width:36px; height:36px; margin-right:5px;}
.pro_info_1_1_right .link a span.icon img{display:none;}
.pro_info_1_1_right .link a.link_a2 span.icon{background:url(../images/pro_detail01_icon2.png) no-repeat;}
.pro_info_1_1_right .link a.link_a3 span.icon{background:url(../images/pro_detail01_icon3.png) no-repeat;}
.pro_info_1_1_right .link a.link_a4 span.icon{background:url(../images/pro_detail01_icon4.png) no-repeat;}
.pro_info_1_1_right .link a span.txt{font-size:16px;}
.pro_info_1_1_right .link a:hover{color:#318fd6;}
.pro-big-img {width: 100%;height:600px;overflow: hidden;}
.pro-big-img .gallery-left{width:100%;height: 470px;border: 1px solid #eeeeee; margin: 0; }
.pro-big-img .gallery-left img{width: 100%;}
.pro-big-img .gallery-left .swiper-slide{width: 100%;height: 100%;margin: 0 auto; text-align: center;}
.pro-big-img .gallery-left .swiper-slide img{width: auto;height: 100%; margin: 0 auto; text-align: center;}
.pro-big-img .gallery-thumbs{padding: 12px 25px 0px; width:98%; height: 140px;margin:10px 0 0 10px; box-sizing: border-box;}
.pro-big-img .gallery-thumbs img{width: 100%; overflow: hidden; border: 2px solid #eeeeee; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(180deg) translate(0, 0);transform: rotate(180deg) translate(0, 0);/**/left:inherit;right:1px;top:40px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(180deg) translate(0, 0);transform: rotate(180deg) translate(0, 0);/**/left:0px;right:inherit;top:40px; }
.pro-big-img .gallery-thumbs .swiper-slide {opacity: 0.6;height: initial; }
.pro-big-img .gallery-thumbs .swiper-slide img{width: 100%;}
.pro-big-img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.pro-big-img .gallery-thumbs .swiper-button-next,.pro-big-img .gallery-thumbs .swiper-button-prev  {width: 16px;height: 26px;-moz-background-size:16px 26px;-webkit-background-size: 16px 26px;background-size: 16px 26px;}

@media screen and (max-width: 1650px){  
.pro_info_1_1_left img { width: 100%;}
}
@media screen and (max-width: 1440px){  
.pro_info_1_1_right_1{font-size:24px; }
}
@media screen and (max-width: 1366px){ 
.pro_info_1_1_right_1{font-size:22px; }
.pro_info_1_1_right .pro-btn a{ width:190px;}
.pro-big-img .gallery-thumbs{ width:96%; height: 120px; padding: 12px 0px 0px;}
}
@media screen and (max-width: 1300px){ 
.pro_info_1_1_right .ys{  margin-top:40px; }  
}
@media screen and (max-width: 1200px){
.pro-big-img { height:560px; }
.pro-big-img .gallery-left{ height: 460px; }
.pro_info_1_1_right_1{font-size:20px; }
.pro_info_1_1_right_2{font-size:0.875em;}
.pro_1_1{font-size:1.875em;}
.pro_info_1_1_left{float:left; width:100%;}
.pro_info_1_1_right{float:right; width:100%;}
.pro_right .row{margin-right: -20px;margin-left: -20px;}
.pro_list_1{font-size:18px;}
.pro_list_left,.pro_list_right{width:3em; height:3em; margin-top:-1.5em;}
.pro-big-img .gallery-thumbs{padding: 12px 35px 0px;width:97%; height: 120px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:30px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:30px; }
.pro-big-img .gallery-thumbs .swiper-button-next,.pro-big-img .gallery-thumbs .swiper-button-prev  {width: 14px;height: 23px;-moz-background-size:14px 23px;-webkit-background-size: 14px 23px;background-size: 14px 23px;}
.pro_info_1_1_right .pro-btn a{ width:150px; margin-right: 10px; }
}
@media screen and (max-width: 1090px){ 
.pro_list_1{font-size:1.25em;}
.pro_list li:hover .pro_list_img img{margin-top:0px;}
.pro_list_1{font-size:18px;}
.pro_info_1_1_right .ys{display: none;}
.pro_info_1_1_right .pro-btn a{margin-bottom: 10px; margin-right: 20px;  padding: 0 15px; }
.pro-big-img { height:460px; }
.pro-big-img .gallery-left{ height: 320px; }
.pro_info_1_1_left{float:left; width:40%;}
.pro_info_1_1_right{float:right; width:56%;}
}
@media screen and (max-width: 1024px){
.pro_info_1_1_left{float:none; width:100%; margin-bottom: 15px;}
.pro_info_1_1_right{float:none; width:100%;} 
.pro-big-img { height:900px; }
.pro-big-img .gallery-left{ height:700px; }
.pro-big-img .gallery-thumbs{ height: 150px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:70px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:70px; }
}
@media screen and (max-width: 992px){
.pro-big-img { height:870px; }
.pro-big-img .gallery-thumbs{ height: 180px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:60px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:60px;}
}
@media screen and (max-width: 768px){
.pro_list_left, .pro_list_right{width:2em; height:2em; margin-top:-1em;}
.pro_info_1_1_right_1{font-size:18px; }
.pro_list_1{font-size:1.125em;}
.pro_list_img{margin-bottom:1.5em;}
.pro_list_1{font-size:17px; padding-bottom:10px;}
.pro_info_1_1_left{float:left; width:100%;}
.pro_info_1_1_right{float:right; width:100%; margin-top: 30px;}
.pro_info_1_1_right .pro-btn a{ margin-bottom: 10px;}
.pro-big-img { height:800px; }
.pro-big-img .gallery-left{ height: 620px; }
}
@media screen and (max-width: 750px){
.pro-big-img { height:680px; }
.pro-big-img .gallery-left{ height:550px; }
}
@media screen and (max-width: 650px){
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:40px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:40px;}
.pro-big-img { height:650px; }
.pro_info_1_1_right .tel{ font-size: 18px;}
.pro_info_1_1_right .tel span a{ font-size: 24px; }
}
@media screen and (max-width: 580px){
.pro-big-img { height:580px; }
.pro-big-img .gallery-left{ height:450px; }
}
@media screen and (max-width: 530px){
.pro-big-img { height:600px; }
.pro-big-img .gallery-left{ height:470px; }
.pro-big-img .gallery-thumbs{padding: 12px 0px 0px;width:96%; height: 140px;}
.pro_info_1_1_right{ margin-top: 10px;}
}
@media screen and (max-width: 480px){
.pro-big-img .gallery-left{ height: 380px;}
.pro-big-img { height:500px; }
.pro-big-img .gallery-thumbs{ height: 120px;}

}
@media screen and (max-width: 420px){
.pro-big-img .gallery-left{ height: 300px;}
.pro-big-img { height:430px; }
}
@media screen and (max-width: 380px){
.pro-big-img .gallery-left{ height: 250px;}
.pro-big-img { height:340px; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:40px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:40px;}
.pro_info_1_1_right .pro-btn a{ width:130px;}
}  
@media screen and (max-width: 340px){
.pro-big-img { height:350px; }
}
.section-content-bottom { background: #fff;}
.section-content-bottom .pro_info_1_2 {background-color:#f4f4f4; height: 80px;line-height: 80px;}
.section-content-bottom .pro_info_1_2 ul li{float:left; }
.section-content-bottom .pro_info_1_2 ul li a{ font-size:1.25em; padding:0 2.5em;display:block; }
.section-content-bottom .pro_info_1_2{ border-bottom:2px #318fd6 solid;overflow:hidden}
.section-content-bottom .pro_info_1_2 ul li a.active,.section-content-bottom .pro_info_1_2 ul li a:hover{background-color:#318fd6; color: #fff;font-weight: 600;}
.pro_info_2{ padding: 0px 40px 40px;}
.pro_info_2_1_t{ margin-top:55px;font-size:18px; padding-left: 15px; color:#333; position: relative;}
.pro_info_2_1_t span{ font-size: 18px; text-transform: uppercase;}
.pro_info_2_1_t:after{ position: absolute; left: 0; top: 5px; height: 20px; background: #318fd6; content: ""; width: 3px;}
.pro_info_2_3_t{margin-top:2.3em; margin-bottom:0em; color:#666; line-height:2; font-size: 16px;}
.pro_info_2_3_t table tr td{ line-height: 34px;}
.pro_info_2_mid{overflow:hidden;}
.nav-wrap.navFix{position: fixed;top: 89px;left: 0; width:100%; box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3; z-index: 99999; background-color:#92959b;}
.nav-wrap .container{padding-left:0; padding-right:0}
.nav-wrap.navFix .container{padding-left:1em; padding-right:1em;}
.pro_show_left { border: 1px solid #e5e5e5;margin-bottom: 70px;}
.pro_show_right { border: 1px solid #e5e5e5; }
.pro_show_right .tit {background-color:#318fd6; height: 80px;line-height: 80px; color: #fff; text-align: center; font-size:1.25em;}
.pro_show_right .content{padding: 20px 20px 20px;}
.section-content-bottom .pro_show_right .content ul{ margin-bottom: 40px;}
.section-content-bottom .pro_show_right .content ul li img{ width: 100%;}
.section-content-bottom .pro_show_right .content ul li .product_title {margin-top: 5px; margin-bottom: 5px; text-align: center;}
.section-content-bottom .pro_show_right .content ul li .product_title a{ line-height: 40px; color: #666; text-align: center; font-size: 18px;}
.pro_info_2_3_t img,.pro_info_2_3_t video{ max-width: 100%;}
@media screen and (max-width: 1200px){ 
.section-content-bottom .pro_info_1_2 { height: 60px;line-height: 60px;}
.pro_show_right .tit {height: 60px;line-height: 60px;}
}
@media screen and (max-width: 992px){ 
.section-content-bottom .pro_info_1_2 { height: 50px;line-height: 50px;}
.pro_show_right .tit {height: 50px;line-height: 50px;}
.pro_info_2{ padding: 0px 20px 30px;}
.pro_info_2_1_t{ margin-top:35px;}
}
@media screen and (max-width:768px){ 
.section-content-bottom .pro_info_1_2 { height: 40px;line-height: 40px;}
.pro_show_right .tit {height: 40px;line-height: 40px;}
.pro_info_2{ padding: 0px 15px 30px;}
.pro_info_2_1_t{ margin-top:25px;}
.pro_show_left { margin-bottom: 30px;}
.section-content-bottom .col-xs-12{ padding: 0px;}
}
@media screen and (max-width:568px){ 
.pro_info_2{ padding: 0px 10px 30px;}
.section-content-bottom .pro_show_right .content ul li .product_title {margin-top: 10px; }
.pro_show_right .content{padding: 20px 10px 0px;}
}

.honor li{ margin-bottom: 40px;}
.honor li .img{ border: 1px solid #bcbcbc; padding: 10px;}
.honor li img{ width:100%;}
.honor li .tit{ line-height: 45px; text-align: center; color: #333;}
@media (max-width:768px){
.honor li{ margin-bottom: 20px;}
}