html {overflow-x: scroll;}

@charset "utf-8";
/*end*/
body{overflow-x:hidden;}
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset,button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
.content{ width:1400px;margin: 0 auto;font-family:"Open Sans",Arial,sans-serif;}

input,textarea {border:  none; box-shadow: none; outline: none;}

body{min-width: 1400px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;}
/* 设置默认字体 */
body,
button, input, select, textarea {
    font: 16px/22px "Open Sans";color: #666;
}

h1 {font-size: 18px;font-family:"Open Sans",Arial;}
h2 {font-size: 16px;font-family:"Open Sans",Arial;}
h3 {font-size: 14px;font-family:"Open Sans",Arial;font-weight:normal;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none;}


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"]{
    -webkit-appearance: none;}
input{background:0; border:0;}
textarea {-webkit-appearance: none;}

html img{width:100%;}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


*{}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/*字体大小*/
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.clear{clear: both;height: 0;}
.clearfix:after{height: 0;content: "";clear: both;display: block;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}





/**/
.ban1{line-height: 0;}
.ban1 img{width: 100%;display: block;}
.ban .swiper-slide{position: relative;}
.ban2{display: none;}
.ban1 .banner-prev, .ban1 .banner-next{position: absolute;width: 46px;height: 46px;line-height: 46px;font-size: 18px;font-family: "Arial Narrow";color: #ffffff;text-align: center;border: 1px solid #FFFFFF;border-radius: 50%;top: 50%;margin-top: -24px;z-index: 5;cursor: pointer;opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;}
.ban1 .banner-prev{left: 3%;}
.ban1 .banner-next{right: 3%;}
.ban1:hover .banner-prev, .ban1:hover .banner-next{opacity: 1;}
.ban1 .banner-prev:hover, .ban1 .banner-next:hover{background: #1e63c1;border-color: #1e63c1;}
.ban1 .swiper-slide{position: relative;}
.ban1 .swiper-slide .ban-txt1,.txt{ position: absolute;left:0; top:50%;transform:translate(0,-50%); padding-left:8.4%;}
.ban1 .swiper-slide .ban-txt1 span{display: block;line-height: 3.15rem; height:7rem; font-size: 3.0rem; color:#ffffff; font-family: "Open Sans"; font-weight: bold; margin-bottom: 11px;}
.ban1 .swiper-slide .ban-txt1 p{line-height: 35px;font-size: 1.1rem; color:#ffffff; margin-bottom: 3.1rem;}
.ban1 .swiper-slide .ban-txt1 em{display: block; line-height: 2.75rem;font-size: 1.4rem; color:#ffffff;}
.ban1 .swiper-slide .ban-txt1 strong i{display: block; width:3.7rem;height:3.7rem;background:rgba(255,255,255,.2);border-radius: 50%;float:left; margin-right: 9px; font-size: 1rem; color:#ffffff; font-weight: normal;text-align: center;padding-top:0.8rem; line-height: 1rem;box-sizing: border-box;}
.ban1 .swiper-slide .ban-txt2 span{display: block;line-height: 3.7rem; height:3.7rem; font-size: 3rem; color:#ffffff; font-family: "Open Sans"; font-weight: bold;}
.ban1 .swiper-slide .ban-txt2 p{line-height: 1.75rem;font-size: 1.1rem; color:#ffffff; margin-bottom: 4.45rem;}
.ban1 .swiper-slide .ban-txt2 strong i{display: block;float:left;line-height: 2.55rem;width:185px; text-align: center;background:rgba(0,0,0,.3);border-radius: 10px; font-weight: normal; margin:0 12px 13px 0;}
.ban1 .swiper-slide .ban-txt2 strong i a{display:block;font-size: 1.2rem; color:#FFF;}
.ban1 .swiper-slide .ban-txt2 strong i:hover{background:#15368E;}
.ban1 .swiper-slide .ban-txt3.txt{padding-left:0;}
.ban1 .swiper-slide .ban-txt3 span{display: block; line-height: 3.05rem; text-align: center; margin-bottom: 2.85rem; font-size: 2.7rem; color:#FFF; font-weight: bold;}
.ban1 .swiper-slide .ban-txt3 ul{text-align: center;}
.ban1 .swiper-slide .ban-txt3 ul li{display: inline-block;width:13rem; height:7.35rem;background:rgba(21,54,142,.79);border-radius: 10px;padding-top:1.8rem; box-sizing: border-box;margin:0 14px; vertical-align: top;}
.ban1 .swiper-slide .ban-txt3 ul li b{display: block; line-height: 2.4rem;font-size: 2.7rem; color:#FFF; text-align: center;}
.ban1 .swiper-slide .ban-txt3 ul li p{ line-height: 1.35rem; text-align: center;font-size: 1.2rem; color:#FFF;}
.ban2{display: none;}
@media screen and (max-width: 767px){
    .ban1{display: none;}
    .ban2{display: block;line-height:0;}
    .ban2 img{width:100%;}
    .ban2 .swiper-slide{position: relative;}
    .ban2 .txtmc{width:100%; padding:3.65rem 1.75rem 0; position: absolute;left:0;top:0; box-sizing: border-box;}
    .ban2 .banmc-txt1 span{display: block;line-height: 2.8rem;font-size: 2.65rem;color:#ffffff; margin-bottom: .65rem; font-weight: bold;}
    .ban2 .banmc-txt1 p{line-height: 1.8rem;font-size: 1.2rem;color:#ffffff; margin-bottom: 2.6rem;}
    .ban2 .banmc-txt1 em{display: block;height:2.85rem; line-height: 2.85rem;font-size: 1.5rem;color:#ffffff;}
    .ban2 .banmc-txt1 strong i{display: block;float:left;width:3.75rem;height: 3.75rem;background:rgba(255,255,255,.2);border-radius: 50%;margin-right: .45rem; font-weight: normal;font-size: 1rem; line-height: 1rem;;color:#FFF;padding-top:.8rem; box-sizing: border-box;text-align: center;}
    .ban2 .banmc-txt2 span{display: block;line-height: 2.7rem;margin-bottom: 1rem;  font-size: 2.6rem;color:#FFF; font-weight: bold;}
    .ban2 .banmc-txt2 p{line-height: 1.75rem;font-size: 1.3rem;color:#ffffff; margin-bottom: 3.45rem;}
    .ban2 .banmc-txt2 strong i{display: block; float:left;width:9.25rem;height:2.55rem; line-height: 2.55rem; text-align: center; border-radius: .5rem;margin:0 .6rem .6rem 0;background:rgba(0,0,0,.3); }
    .ban2 .banmc-txt2 strong i a{font-size: 1.2rem;color:#FFF;font-weight: normal;}
    .ban2 .banmc-txt3.txtmc{padding:14.5rem 1.75rem 0;}
    .ban2 .banmc-txt3 span{display: block;height:9.8rem; line-height: 2.35rem; text-align: center;font-size: 2.2rem;color:#ffffff; font-weight: bold;}
    .ban2 .banmc-txt3 ul li{float:left;width:31.9%;height:7.35rem;background:rgba(21,54,142,.8);border-radius: .5rem;padding-top:1.75rem; box-sizing: border-box; margin-left: 2%;}
    .ban2 .banmc-txt3 ul li b{display: block;line-height: 2.5rem;text-align: center;font-size: 2.7rem;color:#FFF;font-weight: bold;}
    .ban2 .banmc-txt3 ul li p{line-height: 1.65rem;text-align: center;font-size: 1.2rem;color:#ffffff;}
    .ban2 .banmc-txt3 ul li:first-child{margin-left: 0;}
}
/**/
.serve-pc{padding:64px 8.4% 63px;}
.serve-pc h2{line-height: 165px;font-size: 64px;color:#333333;font-weight: bold; text-align: center;text-transform: uppercase;}
.serve-pc .ser-list dl{background:#F2F2F2;}
.serve-pc .ser-list dl dt{width:50%;line-height: 0; overflow: hidden;float:left;}
.serve-pc .ser-list dl dt img{width:100%; transition: 1s;}
.serve-pc .ser-list dl dd{width:50%;float:left;padding:52px 2.75rem 0 4.05rem; box-sizing: border-box;}
.serve-pc .ser-list dl dd h4{height:77px; line-height: 77px; margin-bottom: 32px;}
.serve-pc .ser-list dl dd h4 a{font-size: 36px; color:#333333;font-weight: bold;}
.serve-pc .ser-list dl dd p{line-height: 23px; margin-bottom: 27px;font-size: 17px; color:#333333;text-align: justify;}
.serve-pc .ser-list dl dd span{display: block; margin-bottom: 64px;}
.serve-pc .ser-list dl dd span em{display: block; line-height: 29px; padding-left:15px;background:url(../images/ser-ico.png) no-repeat left;width:50%; box-sizing: border-box;}
.serve-pc .ser-list dl dd span em a{font-size: 18px; color:#333333; font-weight: bold;}
.serve-pc .ser-list dl dd span em a:hover{color:#15368e;}
.serve-pc .ser-list .s2 dl dd span em{float:left;}
.serve-pc .ser-list dl dd strong{display: block; width:190px;height:55px;background:#15368E; border-radius: 28px;}
.serve-pc .ser-list dl dd strong a{display: block; height:55px; text-align: center; position:relative;}
.serve-pc .ser-list dl dd strong a:before{width:0; height:55px;background:#F28D00;content:"";position:absolute;left:50%;top:50%; transition:.5s; border-radius: 28px;   transform:translate(-50%,-49%);}
.serve-pc .ser-list dl dd strong a:hover:before{width:100%;}
.serve-pc .ser-list dl dd strong i{display: inline-block; height:55px; line-height: 55px;font-size: 18px; color:#ffffff; padding-right:29px;background:url(../images/ser-jt.png) no-repeat right; font-weight: normal;z-index:200; position:relative;}
.serve-pc .ser-list dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.serve-pc .ser-nav{height:196px;border-bottom:3px solid #eeeeee; box-sizing: border-box;margin-bottom:20px;}
.serve-pc .ser-nav ul li{width:12.5%; height:193px;float:left;padding-top:33px; box-sizing: border-box; position: relative;}
.serve-pc .ser-nav ul li:before{width:0;height:3px;background:#15368e;content:""; position: absolute;left:0;bottom:-3px;transition: .5s;}
.serve-pc .ser-nav ul li em{display: block;width:67px;height:67px; position: relative;margin:0 auto 19px;}
.serve-pc .ser-nav ul li em i{display: block; width:100%; line-height: 0; overflow: hidden;position: absolute; left:0;top:0;}
.serve-pc .ser-nav ul li em i.default{-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.serve-pc .ser-nav ul li em i.hover{opacity: 0; transform: scale(0);transition: .5s;border-radius: 50%;}
.serve-pc .ser-nav ul li span{display: block; line-height: 20px; text-align: center;font-size: 18px; color:#333333; font-weight: bold; transition: .5s; }
.serve-pc .ser-nav ul li.ser.cur em i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.serve-pc .ser-nav ul li.ser.cur em i.hover{opacity: 1; transform: scale(1);background:#15368e;}
.serve-pc .ser-nav ul li.ser.cur span{color:#15368e;}
.serve-pc .ser-nav ul li a{display: block;}
.serve-pc .ser-nav ul li:last-child:hover em i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.serve-pc .ser-nav ul li:last-child:hover em i.hover{opacity: 1; transform: scale(1);background:#15368e;}
.serve-pc .ser-nav ul li:last-child:hover span{color:#15368e;}
.serve-pc .ser-nav ul li.cur:before,.serve-pc .ser-nav ul li:last-child:hover:before{width: 100%;}
.serve-mc{display: none;}
@media screen and (max-width: 767px){
    .serve-pc{display: none;}    
    .serve-mc{display: block;padding:2.5rem 4.6% 4.5rem;background:#F2F2F2;}
    .serve-mc h2{text-align: center; line-height: 5.7rem;font-size: 2.4rem;color:#333333; font-weight: bold; text-transform: uppercase;}
    .serve-mc .sermc-list{padding-bottom:3.95rem;}
    .serve-mc .sermc-list dl{background:#FFF; border-radius: .75rem; overflow: hidden;}
    .serve-mc .sermc-list dl dt{width:100%; overflow: hidden;}
    .serve-mc .sermc-list dl dt img{width:100%;}
    .serve-mc .sermc-list dl dd{padding:1.8rem 1.6rem 2.8rem;box-sizing:border-box;height:37.75rem;}
    .serve-mc .sermc-list dl dd h4{height:2.25rem; line-height: 2.25rem;margin-bottom: .7rem;}
    .serve-mc .sermc-list dl dd h4 a{font-size: 1.8rem;color:#333333;font-weight: bold;}
    .serve-mc .sermc-list dl dd p{line-height: 2rem; margin-bottom: 1.15rem;font-size: 1.2rem;color:#333333;}
    .serve-mc .sermc-list dl dd span{display: block;margin-bottom: 1.95rem;}
    .serve-mc .sermc-list dl dd span em{display: block;width:50%;float:left;height:1.95rem; line-height: 1.95rem;padding-left:.8rem; box-sizing: border-box;background:url(../images/ser-ico.png) no-repeat left;background-size:.2rem .3rem; }
    .serve-mc .sermc-list dl dd span em a{font-size: 1.0rem;color:#333333; font-weight: bold;}
    .serve-mc .sermc-list dl dd strong{display: block;width:13rem;height:3.25rem;background:#F28D00;border-radius: 1.65rem;}
    .serve-mc .sermc-list dl dd strong a{display: block;height:3.25rem; text-align: center;}
    .serve-mc .sermc-list dl dd strong a i{display: inline-block;height:3.25rem; line-height: 3.25rem;font-size: 1.2rem;color:#ffffff; font-weight: bold;padding-right:1.6rem;background:url(../images/ser-jt.png) no-repeat right;background-size:1rem .4rem;}
    .serve-mc .sermc-list .swiper-pagination{height:2.45rem; bottom:0; line-height: 2.45rem; font-size: 1rem;color:#cccccc;}
    .serve-mc .sermc-list .swiper-pagination:before{width: 9.15rem;height: .05rem;background:#dcdcdc;content:""; position: absolute; left: 4.25rem; top: 1.2rem;}
    .serve-mc .sermc-list .swiper-pagination:after{width: 9.15rem;height: .05rem;background:#dcdcdc;content:""; position: absolute; right: 4.25rem; top: 1.2rem;}
    .serve-mc .sermc-list .swiper-pagination .swiper-pagination-current{font-size: 1.5rem;color:#15368e;font-weight: bold;}
    .serve-mc .sermc-list .swiper-pagination .swiper-pagination-total{font-weight: bold;}
    .serve-mc .sermc-list .sermc-jt i{display: block;width:2.45rem;height:2.45rem;z-index:300;}
    .serve-mc .sermc-list .sermc-jt i.sermc-prev{background:url(../images/sermc-prev.png) no-repeat center;background-size: 2.45rem 2.45rem; position: absolute;left:0;bottom:0;}
    .serve-mc .sermc-list .sermc-jt i.sermc-next{background:url(../images/sermc-next.png) no-repeat center;background-size: 2.45rem 2.45rem; position: absolute;right:0;bottom:0;}
}
/**/
.product-pc h2{height:165px; line-height: 165px; text-align: center; text-transform: uppercase;}
.product-pc h2 a{font-size: 64px; color:#333333; font-weight: bold;}
.product-pc ul{height:849px; overflow: hidden;}
.product-pc ul li{float:left; width:12.4%;height:849px;border-right:1px solid rgba(255,255,255,.1);box-sizing: border-box;padding-top:85px; transition:.5s;}
.product-pc ul li:last-child{border-right:0}
.product-pc ul li span{display: block;line-height: 30px; text-align: center; font-size: 18px; color:#ffffff; font-weight: bold;padding:0 9%;}
.product-pc ul li span.txt2{display: none;}
.product-pc ul li b{display: block;width:43px;height:43px; margin:589px auto 0;background:url(../images/ser-jt2.png) no-repeat center;}
.product-pc ul li strong{display: none; width:180px; height:55px;background:#15368E;border-radius: 28px; text-align: center; margin-left: 9%; position:relative;}
.product-pc ul li strong:before{width: 0;height: 55px;background: #F28D00;content: "";position: absolute;left: 50%;top: 50%;transition: .5s;border-radius: 28px;transform: translate(-50%,-49%);}
.product-pc ul li strong i{display: inline-block; height:55px; line-height: 55px;font-size: 18px; color:#ffffff; font-weight: bold;padding-right:29px;background:url(../images/ser-jt.png) no-repeat right;z-index:300; position:relative;}
.product-pc ul li strong:hover:before{width:100%;}
.product-pc ul li.cur{width:50.4%;}
.product-pc ul li.cur span{text-align: left; line-height: 47px; margin-bottom:48px; font-size: 30px;}
.product-pc ul li.cur span.txt1{display: none;}
.product-pc ul li.cur span.txt2,.product-pc ul li.cur strong{display: block;}
.product-pc ul li.cur b{display: none;}
.product-mc{display: none;}
@media screen and (max-width: 767px){
    .product-pc{display: none;}
    .product-mc{display: block;padding:2.45rem 0 4.5rem;}
    .product-mc h2{line-height: 5.7rem;text-align: center;font-size: 2.4rem;color:#333333; font-weight: bold; text-transform: uppercase;}
    .product-mc .promc-list{padding-bottom:3.35rem;}
    .product-mc .promc-list dl{position: relative;}
    .product-mc .promc-list dl dt{width:100%; line-height: 0; overflow: hidden;}
    .product-mc .promc-list dl dt img{width:100%;}
    .product-mc .promc-list dl dd{width:100%; position: absolute;left:0;bottom:0; height:9.3rem;}
    .product-mc .promc-list dl dd h4{height:3.8rem; line-height: 3.8rem; text-align: center;}
    .product-mc .promc-list dl dd h4 a{font-size: 1.3rem;color:#ffffff; font-weight: bold;}
    .product-mc .promc-list dl dd strong{display: block;width:11.4rem;height:2.95rem;background:#F28D00; border-radius: 1.5rem;margin:0 auto;}
    .product-mc .promc-list dl dd strong a{display: block;height:2.95rem; text-align: center;}
    .product-mc .promc-list dl dd strong a i{display: inline-block;height:2.95rem; line-height: 2.95rem;font-size: 1.1rem;color:#FFF; padding-right:1.55rem;background:url(../images/ser-jt.png) no-repeat right;background-size:1rem .4rem;}
    .product-mc .promc-list .swiper-pagination{bottom:0;}
    .product-mc .promc-list .swiper-pagination .swiper-pagination-bullet{width:.85rem; height:.85rem;border-radius: 50%; border:.1rem solid #BFBFBF;background:0;margin:0 .25rem; box-sizing: border-box;}
    .product-mc .promc-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#15368E;border:.1rem solid #15368E;}
}

/**/
.jishu{padding:131px 8.4% 139px;background:url(../images/jishu.jpg) no-repeat center;}
.jishu .left{width:42.3%;float:left;box-sizing: border-box;}
.jishu .left h2{line-height: 64px; margin-bottom: 57px;font-size: 64px; color:#333333;font-weight: bold; text-transform: uppercase;}
.jishu .left p{line-height: 29px; font-size: 17px; color:#333333; margin-bottom: 118px;width:88.3%; text-align: justify;}
.jishu .left strong{display: block; width:180px; height:55px;background:#15368E;border-radius: 28px;position:relative;}
.jishu .left strong a{display: block; height:55px;text-align: center;}
.jishu .left strong i{display: inline-block; height:55px; line-height: 55px;font-size: 18px; color:#ffffff; padding-right:29px;background:url(../images/ser-jt.png) no-repeat right;font-weight: normal;z-index:200;position:relative;}
.jishu .left strong:before{width: 0;height: 55px;background: #F28D00;content: "";position: absolute;left: 50%;top: 50%;transition: .5s;border-radius: 28px;transform: translate(-50%,-49%);}
.jishu .left strong:hover:before{width:100%;}
.jishu .rig{width:56.9%;float:right;padding-top:8px;}
.jishu .rig ul li{float:left;width:25%;height:297px;background:#FFF;padding-top:80px; box-sizing: border-box;border-right:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4; transition: .5s;}
.jishu .rig ul li em{display: block; width:57px; height:52px; line-height: 0;margin:0 auto 33px; position: relative;}
.jishu .rig ul li em i{display: block; width:100%; line-height: 0; overflow: hidden;position: absolute; left:0;top:0;}
.jishu .rig ul li em i.default{-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.jishu .rig ul li em i.hover{opacity: 0; transform: scale(0);transition: .5s;}
.jishu .rig ul li span{display: block; line-height: 27px; text-align: center;font-size: 22px; color:#333333;font-weight: bold; transition: .5s;}
.jishu .rig ul li:nth-child(4n){float:right;border-right:0;}
.jishu .rig ul li:nth-child(5),.jishu .rig ul li:nth-child(6),.jishu .rig ul li:nth-child(7),.jishu .rig ul li:nth-child(8){border-bottom:0;}
.jishu .rig ul li:hover{background:#15368e;}
.jishu .rig ul li:hover em i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.jishu .rig ul li:hover em i.hover{opacity: 1; transform: scale(1);}
.jishu .rig ul li:hover span{color:#FFF;}
.jishu-mc{display: none;}
@media screen and (max-width: 767px){
    .jishu{display: none;}
    .jishu-mc{display: block;padding:4.15rem 4.6% 4.5rem;background:url(../images/jishu-mc.jpg) no-repeat center top;background-size:100% 100%;}
    .jishu-mc h2{line-height: 2.4rem;margin-bottom: 1.8rem; text-align: center;font-size: 2.4rem;color:#333333; font-weight: bold;text-transform: uppercase;}
    .jishu-mc ul{margin-bottom: 2.15rem;}
    .jishu-mc ul li{float:left;width:23.6%;height:12.2rem;background:#FFF; border-radius: .75rem; overflow: hidden; margin:0 .55rem .6rem 0;padding-top:2.8rem; box-sizing: border-box;}
    .jishu-mc ul li:nth-child(4n){margin-right: 0;}
    .jishu-mc ul li i{display: block;width:2.85rem;line-height: 0; overflow: hidden;margin:0 auto 1.65rem;}
    .jishu-mc ul li i img{width:100%;}
    .jishu-mc ul li span{display: block; line-height: 1.35rem;text-align: center;font-size: 1.1rem;color:#333333; font-weight: bold;}
    .jishu-mc .jishu-desc{line-height: 1.65rem;margin-bottom: 2.15rem;font-size: 1.2rem;color:#333333;text-align: justify;}
    .jishu-mc strong{display: block;width:13rem;height:3.25rem;background:#F28D00;border-radius: 1.65rem;}
    .jishu-mc strong a{display: block;height:3.25rem; text-align: center;}
    .jishu-mc strong a i{display: inline-block;height:3.25rem; line-height: 3.25rem;font-size: 1.2rem;color:#ffffff; font-weight: bold;padding-right:1.6rem;background:url(../images/ser-jt.png) no-repeat right;background-size:1rem .4rem;}
}

/**/
.about dl{background:#F2F2F2;}
.about dl dt{width:43.3%; line-height: 0; overflow: hidden;float:left;}
.about dl dt img{width:100%; transition: 1s;}
.about dl dd{width:56.6%;float:left;padding:144px 8rem 0 5.85rem; box-sizing: border-box;}
.about dl dd h4{line-height: 62px; margin-bottom: 25px;}
.about dl dd h4 a{font-size: 68px; color:#333333; text-transform: uppercase; font-weight: bold;}
.about dl dd p{ line-height: 29px; margin-bottom: 20px;font-size: 17px; color:#333333;}
.about dl dd em{display: block; height:54px;margin-bottom: 30px;}
.about dl dd em i{display: block; line-height: 54px;float:left; margin-right: 47px;font-size: 20px; color:#333333;font-weight: bold;}
.about dl dd em i:hover{color:#15368E;}
.about dl dd strong{display: block; width:190px;height:55px;background:#15368E;border-radius: 28px;position:relative;}
.about dl dd strong a{display: block; height:55px; text-align: center;}
.about dl dd strong i{display: inline-block; height:55px; line-height: 55px; font-size: 18px; color:#FFF;padding-right:29px;background: url(../images/ser-jt.png) no-repeat right;z-index:200;position:relative;}
.about dl dd strong:before{width: 0;height: 55px;background: #F28D00;content: "";position: absolute;left: 50%;top: 50%;transition: .5s;border-radius: 28px;transform: translate(-50%,-49%);}
.about dl dd strong:hover:before{width:100%;}
.about dl dd .abo-swiper .abo-listpic{margin-top: 93px;padding-bottom:50px;}
.about dl dd .abo-swiper .abo-listpic .swiper-pagination{bottom:0;}
.about dl dd .abo-swiper .abo-listpic .swiper-pagination .swiper-pagination-bullet{background:#15368E;}
.about dl dd .abo-swiper .abo-listpic .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#F28D00;}
.about dl dd ul li{float:left; width:32.5%; line-height: 0; overflow: hidden;}
.about dl dd ul li img{width:100%; transition: 1s;}
.about dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.about dl dd ul li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.about-mc{display: none;}
@media screen and (max-width: 767px){
    .about{display: none;}
    .about-mc{display: block;}
    .about-mc dl dt{width:100%; line-height: 0; overflow: hidden;}
    .about-mc dl dt img{width:100%;}
    .about-mc dl dd{width:90.6%;height:29.7rem;background:#FFF;box-shadow: 0px 0px 30px 0px rgba(14,14,19,0.11);margin:-3.4rem auto 0; border-radius: .75rem;z-index:300;padding:3.1rem 4.6% 0; box-sizing: border-box;position: relative;}
    .about-mc dl dd h4{line-height: 2.3rem;text-align: center; margin-bottom: 1.55rem;}
    .about-mc dl dd h4 a{font-size: 2.4rem;color:#333333; font-weight: bold;}
    .about-mc dl dd p{line-height: 1.8rem;font-size: 1.18rem;color:#333333; margin-bottom: 2.55rem;text-align: justify;}
    .about-mc dl dd strong{display: block;width:13rem;height:3.25rem;background:#F28D00;border-radius: 1.65rem;margin:0 auto;}
    .about-mc dl dd strong a{display: block;height:3.25rem; text-align: center;}
    .about-mc dl dd strong a i{display: inline-block;height:3.25rem; line-height: 3.25rem;font-size: 1.2rem;color:#ffffff; font-weight: bold;padding-right:1.6rem;background:url(../images/ser-jt.png) no-repeat right;background-size:1rem .4rem;}
}
/**/
.super{padding-top:60px;}
.super h2{line-height: 167px; text-align: center;font-size: 64px; color:#333333; font-weight: bold; text-transform: uppercase;}
.super .sup-list dl{position: relative;overflow: hidden;}
.super .sup-list dl dt{width:100%; line-height: 0; overflow: hidden;}
.super .sup-list dl dt img{width:100%; transition: 1s;}
.super .sup-list dl dd{width:25.95rem;height:15.35rem;background:rgba(21,54,142,.6);position: absolute;right:0;bottom:0; transition: .5s;padding:0 2.8rem 0; box-sizing: border-box;}
.super .sup-list dl dd h4{height:3.95rem; line-height:3.95rem;border-bottom:0.05rem solid rgba(255,255,255,.2); box-sizing: border-box;font-size: 1.5rem; color:#FFF;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-bottom: 21px;}
.super .sup-list dl dd p{line-height:29px;font-size: 0.85rem; color:rgba(255,255,255,.7); height:6.15rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; }
.super .sup-list .sup-qh{width:25.95rem;height:3.15rem;position: absolute;right:14.28%;bottom:0;padding:0 2.8rem; box-sizing: border-box; z-index:200;}
.super .sup-list .sup-qh .swiper-pagination{width:30%;float:left;font-size: 0.9rem; color:#FFF; text-align: left;padding-left:2.8rem;top:0;}
.super .sup-list .sup-qh .swiper-pagination .swiper-pagination-current{height:2.15rem; line-height: 2.35rem;font-size: 1.5rem; color:#FFF; font-weight: bold; }
.super .sup-list .sup-qh .swiper-pagination .swiper-pagination-total{height:2.15rem; line-height: 2.75rem;font-size: 0.9rem; color:#FFF; font-weight: bold;}
.super .sup-list .sup-qh .sup-jt{width:5.15rem;float:right;z-index:200; position: relative;}
.super .sup-list .sup-qh .sup-jt i{display: block; width:2.15rem;height:2.15rem;float:left; line-height: 0;}
.super .sup-list .sup-qh .sup-jt i img{width:100%;}
.super .sup-list .sup-qh .sup-jt i.sup-next{float:right;}
.super .sup-list .swiper-slide:before{width:100%; height:100%;background:rgba(0,0,0,.5);content:""; position: absolute;left:0;top:0;z-index:10;}
.super .sup-list .swiper-slide.swiper-slide-active:before{display: none;}
.super .sup-list .swiper-slide.swiper-slide-active dl dd{bottom:0;}
.super-mc{display: none;}
@media screen and (max-width: 767px){
    .super{display: none;}
    .super-mc{display: block;padding:2.6rem 0 4.55rem;}
    .super-mc h2{text-align: center; line-height: 5.5rem;font-size: 2.4rem;color:#333333; font-weight: bold; text-transform: uppercase;}
    .super-mc .supmc-list{padding-bottom:3.35rem;}
    .super-mc .supmc-list dl{border-radius: .75rem; overflow: hidden;background:#F2F2F2;}
    .super-mc .supmc-list dl dt{width:100%; line-height: 0; overflow: hidden;}
    .super-mc .supmc-list dl dt img{width:100%;}
    .super-mc .supmc-list dl dd{height:15.95rem;padding:1.85rem 0 0; box-sizing: border-box;}
    .super-mc .supmc-list dl dd h4{line-height: 2.25rem;margin-bottom: .8rem;font-size: 1.8rem;color:#333333; font-weight: bold; text-align: center;}
    .super-mc .supmc-list dl dd p{line-height: 1.8rem;text-align: center;font-size: 1.0rem;color:#333333;padding:0 2.5rem;}
    .super-mc .supmc-list .swiper-pagination{bottom:0;}
    .super-mc .supmc-list .swiper-pagination .swiper-pagination-bullet{width:.85rem; height:.85rem;border-radius: 50%; border:.1rem solid #BFBFBF;background:0;margin:0 .25rem; box-sizing: border-box;}
    .super-mc .supmc-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#15368E;border:.1rem solid #15368E;}
}
/**/
.news{padding:60px 8.4% 115px;}
.news h2{height:164px; line-height: 164px; text-align: center;}
.news h2 a{font-size: 64px; color:#333333; font-weight: bold; text-transform: uppercase;}
.news .news-left{width:49.3%;float:left;}
.news .news-left dl{width:48.7%;float:left;}
.news .news-left dl:nth-child(2n){float:right;}
.news .news-left dl dt{width:100%; line-height: 0; overflow: hidden;}
.news .news-left dl dt img{width:100%;}
.news .news-left dl dd{padding-top:29px;}
.news .news-left dl dd h4{margin-bottom: 14px;}
.news .news-left dl dd h4 a{display: block; height:29px; line-height: 29px;font-size: 22px; color:#333333;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-left dl dd h4 i{display: block; height:24px; line-height: 24px;font-size: 16px; color:#999999; font-weight: normal;}
.news .news-left dl dd p{line-height: 24px;font-size: 16px; color:#666666; margin-bottom: 45px;padding-right:17px;}
.news .news-left dl dd span a{display: inline-block; height:24px; line-height: 24px;font-size: 16px; color:#15368E; padding-right:26px;background:url(../images/news-jt.png) no-repeat right 10px; font-weight: bold;}
.news .news-left dl dd span:hover a{color:#F28D00; background:url(../images/news-jt_h.png) no-repeat right 10px;}
.news .news-rig{width:47.7%;float:right;}
.news .news-rig ul li{background:#F2F2F2; margin-bottom: 20px;padding:0 20px 0 39px;}
.news .news-rig ul li:last-child{margin-bottom:0;}
.news .news-rig ul li span{display: block; height:100px;}
.news .news-rig ul li span i{display: block; line-height:75px;float:left;font-size: 50px; color:#15368e; margin-right: 13px; font-weight: bold;}
.news .news-rig ul li span a{display: block; width:80%;line-height:100px;float:left;font-size: 22px; color:#333333;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig ul li span em{display: block; width:24px; height:24px;margin-top: 42px;float:right;background:url(../images/news-jia.png) no-repeat center;}
.news .news-rig ul li p{line-height: 25px;font-size: 17px;color:#666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;padding-bottom:46px;display: none;padding-right:27px; text-align: justify;}
.news .news-rig ul li.cur p{display: block;}
.news .news-rig ul li.cur em{background:url(../images/news-jian.png) no-repeat center;}
.news-mc{display: none;}
@media screen and (max-width: 767px){
    .news{display: none;}
    .news-mc{display: block;padding:2.6rem 4.6% 4.5rem;background:#F2F2F2;}
    .news-mc h2{line-height: 5.5rem;text-align: center;border-bottom:.05rem solid #dcdcdc;text-transform: uppercase;}
    .news-mc h2 a{font-size: 2.4rem;color:#333333; font-weight: bold;}
    .news-mc ul{margin-bottom: 2.45rem;}
    .news-mc ul li{height:11.1rem;border-bottom:.05rem solid #dcdcdc; box-sizing: border-box;padding-top:1.35rem;}
    .news-mc ul li h4{height:1.65rem;}
    .news-mc ul li h4 a{font-size: 1.4rem;color:#333333; font-weight: bold;}
    .news-mc ul li i{display: block;height:1.25rem; line-height: 1.25rem;font-size: 1rem;color:#999999; margin-bottom: 0.7rem;}
    .news-mc ul li p{line-height: 1.45rem;font-size: 1.1rem;color:#666666;}
    .news-mc strong{display: block;width:13rem;height:3.25rem;background:#F28D00;border-radius: 1.65rem;margin:0 auto;}
    .news-mc strong a{display: block;height:3.25rem; text-align: center;}
    .news-mc strong a i{display: inline-block;height:3.25rem; line-height: 3.25rem;font-size: 1.2rem;color:#ffffff; font-weight: bold;padding-right:1.6rem;background:url(../images/ser-jt.png) no-repeat right;background-size:1rem .4rem;}
}
/**/
.hfbj{height:219px;background:url(../images/hfbj.jpg) no-repeat center;padding:0 8.4%;}
.hfbj span{display: block; height:219px; line-height: 219px;float:left;font-size: 46px; color:#FFF;font-weight: bold;}
.hfbj b{display: block;width:245px;height:60px;background:#15368E;border-radius: 30px;float:right;margin-top: 80px;position:relative;}
.hfbj b:before{width: 0;height: 60px;background: #F28D00;content: "";position: absolute;left: 50%;top: 50%;transition: .5s;border-radius: 28px;transform: translate(-50%,-49%);}
.hfbj b a{display: block; line-height: 60px; text-align: center;font-size: 28px; color:#FFF;font-weight: bold;z-index:200;position:relative;}
.hfbj b:hover:before{width:100%;}
@media screen and (max-width: 767px){
    .hfbj{display: none;}
}















html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.5333px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.66666666666px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
@media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17.06666666666667‬px;}}
@media screen and (min-width:680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}

@media screen and (min-width: 800px) {html {font-size: 12.5px;}}
@media screen and (min-width: 900px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1000px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1100px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}