a,body,button,dd,dl,dt,h1,h2,h3,h4,h5,i,img,input,li,ol,p,select,span,strong,textarea,ul{margin:0;padding:0;word-wrap:break-word}h1,h2,h3,h4,h5,h6{font-weight:400}body{font-family:Arial,"microsoft yahei";font-size:14px;line-height:1;color:#333}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-sizing:border-box;box-sizing:border-box}li{list-style-type:none;float:left}table{border-collapse:collapse;border-spacing:0}a,area{text-decoration:none;outline:0;color:#000}img{border:none;vertical-align:middle}em,i,var{font-style:normal}button{font-family:Arial,"microsoft yahei";font-size:14px;outline:0;cursor:pointer;border:none;line-height:1}input[type=submit]{border:none}iframe{border:none}input,select,textarea{outline:0;font-family:Arial,"microsoft yahei";font-size:14px}textarea{resize:none;overflow-y:auto}.at{margin:0 auto}.fl{float:left}.fr{float:right}.clear{clear:both}.dt{display:table;width:100%}.fl-w{float:left;width:100%}.hide{display:none}.ver-container{display:table;width:100%;text-align:center}.ver-container>*{vertical-align:middle;display:table-cell}.swiper-button-disabled{cursor:no-drop!important;opacity:.5}[class*=icon]{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class*=ico]{vertical-align:middle;display:inline-block}.min-menu{display:none}.wid{width:1200px;margin:0 auto}.title{text-align:center}.title h2{font-size:32px; color:#2b2b2b; font-weight: bold}.title p{margin-top:20px;color:#5d5d5d;font-size:16px}.news{float:left;width:100%;padding-top:59px; padding-bottom:60px}.news ul{margin-top:41px}.news ul li{ overflow:hidden;width:23%;float:left;margin-left:2%; margin-bottom:2%;border:1px solid #e3e3e3;}.news ul li:nth-of-type(1){margin-left:0}.news ul li:nth-of-type(5){margin-left:0}



.news ul li .text h2 img:hover{   transform:scale(1.05);}
.news ul li .text:hover{ color:#fff; background-color:#5c8ee3}


.news ul li:nth-of-type(9){margin-left:0}.news ul li:nth-of-type(13){margin-left:0}.news ul li .pict{ height:110px;overflow:hidden; text-align:center}.news ul li .pict img{ text-align:center}.news ul li .text{border-top:none}.news ul li .text h2 img{ width:100%;transition:all 1s;}.news ul li .text h2{ color:#000000;font-size:20px; text-align:center}.news ul li .text p{color:#444; font-size:16px;line-height:60px; text-align:center; background-color:#FFFFFF; -webkit-line-clamp:2;display:-webkit-box;word-wrap:break-word;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical}.news ul li .text span{display:block;color:#989898 ; text-align:center;margin-top:10px}.ping{float:left;width:100%;padding-top:54px;padding-bottom:60px}.ping .scroll{float:left;width:100%;margin-top:33px;position:relative}.ping .scroll .pos{position:absolute;top:45px;cursor:pointer;outline:0}.ping .scroll .pos.next{right:0}.ping .scroll .pos.prev{left:0}.ping .scroll .box{width:calc(100% - 0px);float:left;overflow:hidden}.ping .scroll .box ul{display:flex}.ping .scroll .box ul li{ overflow:hidden; margin:20px 0px; border:1px solid #efefef;background-color:#fff;box-shadow:0 0 15px rgba(186,204,207,.5);flex-shrink:0}.fonwa{ text-align:center; font-size:22px; padding-top:10px; padding-bottom:10px; text-align:center}.ping .scroll .box ul li p{ text-align:center; font-size:16px; padding-top:10px; padding-bottom:40px}

.ping .scroll .box ul li .pict img{ width:100%;transition:all 1s;}
.ping .scroll .box ul li .pict:hover img{   transform:scale(1.05);}

.ping .scroll .box ul li span{display:block;margin-top:21px;text-align:center;font-size:14px;color:#393939; line-height:26px}

.banner {
  height: 630px;
  width: 100%;
  position: relative;
}
.banner .bann {
  width: 100%;
  height: 100%;
}
.banner .bann ul {
  width: 100%;
  height: 100%;
}
.banner .bann ul li {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.wariInt2l p{ color:#cfcfcf; font-size:16px; line-height:30px; padding-top:10px}


.wariInt2lc {
    padding: 6% 0% 0 0%;
    width: 35%;
}

.wariLeft2c{
    width: 60%;
    padding-top: 6%;
    text-align: right;
}

.wariInt2lc b {
    font-size: 26px;
    color: #0f39b5;
    line-height: 30px;
    font-weight: bold;
}
.wariInt2lc p {
    font-size: 16px;
    color: #5f5f5f;
    text-align: left;
    padding-top: 5px;
    line-height: 30px;
}

.banner .bann ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.banner .bann ul li .text {
  text-align: center;
  padding-top: 256px;
}
.banner .bann ul li .text h3 {
  font-size: 60px;
  color: #fff;
  font-family: 'ºÚÌå';
}
.banner .bann ul li .text p {
  color: #fff;
  font-size: 40px;
  text-transform: uppercase;
  font-family: DINCondensedC;
  margin-top: 30px;
}
.banner .cirl {
  position: absolute;
  bottom: 46px;
  width: 50%;
  left: 25%;
  z-index: 1;
  text-align: center;
}
.banner .cirl ul {
  font-size: 0;
}
.banner .cirl ul li {
  width: 70px;
  height: 4px;
  background: #fff;
  cursor: pointer;
  margin: 0 4px;
  float: none;
  display: inline-block;
}
.banner .cirl ul li.acti {
  background: #1272e0;
}

.m-banner {
  display: none;
  overflow: hidden;
  position: relative;
}
.m-banner ul {
  display: flex;
}
.m-banner ul li {
  flex-shrink: 0;
  width: 750px;
  position: relative;
}
.m-banner ul li img {
  width: 100%;
}
.m-banner ul li .text {
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
  bottom: 26%;
}
.m-banner ul li .text h3 {
  font-size: 20px;
  color: #fff;
}
.m-banner ul li .text p {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-family: DINCondensedC;
  margin-top: 10px;
}

.footer{float:left;width:100%; padding-bottom:120px}.footer .bot-menu{float:left;width:100%;min-height:250px;padding-bottom:20px;padding-top:46px}.footer .bot-menu ul{float:left;width:80%}.footer .bot-menu ul li{width:18%}.footer .bot-menu ul li h3{font-size:18px}.footer .bot-menu ul li p{margin-top:16px}.footer .bot-menu ul li p a{color:#4e4e4e}.footer .bot-menu ul li span{display:block;color:#484848;margin-top:4px;line-height:1.6}.footer .bot-menu ul li span:nth-of-type(1){margin-top:12px}.footer .bot-menu ul li.last{width:44%}.footer .bot-menu .fr-code{float:right;width:20%;text-align:center}.footer .bot-menu .fr-code h2{font-size:18px}.footer .bot-menu .fr-code .pict{width:126px;margin:15px auto 0}.footer .bot-menu .fr-code .pict img{width:100%}.footer .copyright{ color:#666666;float:left;width:100%;padding:18px 0;}.footer .copyright p{text-align:center;font-size:14px;line-height:2}.wel{float:left;width:100%;background:#f5f5f5;border-bottom:1px solid #dfdfdf;line-height:44px}.wel .fl{font-size:14px;color:#414141}.wel .fr span{font-size:14px;color:#3e3e3e}.wel .fr b{font-size:20px;color:#063365}.top{float:left;width:100%;padding:20px 0; border-bottom:1px  solid #ededed}.top .logo{float:left}.top .fr-menu{float:right}.top .fr-menu ul{float:left}.top .fr-menu ul li{margin-left:41px; line-height:50px;font-size:17px;position:relative}.top .fr-menu ul li>a{padding-bottom:30px}.top .fr-menu ul li:hover .down{display:block}.top .fr-menu ul li .down{ border:1px solid #106eb1; display:none;top:60px;position:absolute;left:50%;transform:translate(-50%,0);z-index:999;right:0;background:#1778df; color:#FFFFFF;width:170px;text-align:center}.top .fr-menu ul li .down a{border-bottom:1px solid #32a6dc;font-size:14px; color:#FFFFFF;line-height:3.3;display:block}.top .fr-menu ul li .down a:first-child{border-top:none}.top .fr-menu ul li .down a:hover{color:#fff; background-color:#1039b5}.top .fr-menu ul li:hover>a{color:#256090}.top .fr-menu ul li.en{position:relative}.top .fr-menu ul li.en a{color:#256090}.top .fr-menu ul li.en:after{content:'/';position:absolute;top:50%;transform:translate(0,-50%);width:1px;height:20px;left:-20px;color:#565656}.search{float:left;position:relative}.search .ico-search{width:16px;height:16px;margin-top:23px;margin-left:30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAzNzIyRjUyOEU3QzExRUE4RDc4RjM2NTlFMTE5QjRBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAzNzIyRjUzOEU3QzExRUE4RDc4RjM2NTlFMTE5QjRBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM3MjJGNTA4RTdDMTFFQThENzhGMzY1OUUxMTlCNEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM3MjJGNTE4RTdDMTFFQThENzhGMzY1OUUxMTlCNEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Oz9hyAAABXklEQVR42mL4//8/AxCkgAkQByCAQMAJzIDyvAECCC4CFchmBDEYGRmzgZwHQKwHEEAwmQogZgZLwkyCASYGLEAMiPWBOAGkGiCA4GbAbILybUEKYcahSCIp0ocpYAbpwKIgAaurkAHQP5UAAQTzGAeQHw/E/EB8BCh2DFmhChAbIhnNhOwuEIjBYj8zTBNI9QF0u4ESf4GUKcw4WRxufANjZGCxwh9qEgPMF6A4fQLEr4DYHohBvvgElLuOMxyAmjRBNECAwRUABUDe9YHafQuInwExCxBLArE2lL0JqP4ZumGgQCxADitcGAicoUmQCTkc04HYjJBmJA0eQBwG4zNBo+8VA/EApJYPOcUeAWIXYBgwEdIJTTOgUD4KF4NGgxSQHQfEp0ExD41pdI3u4FzEwLALKH8SxQAkhUxQRapALAjE/4D4LRDfAOLrUMtA0RcAxBvwxjMR3gEZpAYATCEWoYqeCAAAAAAASUVORK5CYII=) center top no-repeat;background-size:cover;cursor:pointer}.search .down{right:-8px;top:15px;display:none;position:absolute;border:1px solid #ccc;background:#fff;height:32px;width:202px}.search .down input{width:170px;height:100%;float:left;padding:0 10px;border:none;background:0 0}.search .down button{float:left;height:30px;width:30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAzNzIyRjUyOEU3QzExRUE4RDc4RjM2NTlFMTE5QjRBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAzNzIyRjUzOEU3QzExRUE4RDc4RjM2NTlFMTE5QjRBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM3MjJGNTA4RTdDMTFFQThENzhGMzY1OUUxMTlCNEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM3MjJGNTE4RTdDMTFFQThENzhGMzY1OUUxMTlCNEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Oz9hyAAABXklEQVR42mL4//8/AxCkgAkQByCAQMAJzIDyvAECCC4CFchmBDEYGRmzgZwHQKwHEEAwmQogZgZLwkyCASYGLEAMiPWBOAGkGiCA4GbAbILybUEKYcahSCIp0ocpYAbpwKIgAaurkAHQP5UAAQTzGAeQHw/E/EB8BCh2DFmhChAbIhnNhOwuEIjBYj8zTBNI9QF0u4ESf4GUKcw4WRxufANjZGCxwh9qEgPMF6A4fQLEr4DYHohBvvgElLuOMxyAmjRBNECAwRUABUDe9YHafQuInwExCxBLArE2lL0JqP4ZumGgQCxADitcGAicoUmQCTkc04HYjJBmJA0eQBwG4zNBo+8VA/EApJYPOcUeAWIXYBgwEdIJTTOgUD4KF4NGgxSQHQfEp0ExD41pdI3u4FzEwLALKH8SxQAkhUxQRapALAjE/4D4LRDfAOLrUMtA0RcAxBvwxjMR3gEZpAYATCEWoYqeCAAAAAAASUVORK5CYII=) center no-repeat;background-color:#fff}.liaojie{float:left;width:100%;background:#eee;padding-top:55px;padding-bottom:62px}.liaojie .wrap{display:block;margin-top:48px;overflow:hidden;position:relative}.liaojie .wrap .next-button,.liaojie .wrap .prev-button{position:absolute;height:100%;width:218px;cursor:pointer;z-index:1;outline:0}.liaojie .wrap .prev-button{left:0}.liaojie .wrap .next-button{right:0}.liaojie .wrap ul{display:flex}.liaojie .wrap ul li{flex-shrink:0;position:relative;overflow:hidden}.liaojie .wrap ul li img{transition:.3s}.liaojie .wrap ul li:hover .boxs{background:rgba(0,0,0,.64)}.liaojie .wrap ul li:hover img{transform:scale(1.1)}.liaojie .wrap ul li.swiper-slide-active .boxs{opacity:1;filter:alpha(opacity=100)}.liaojie .wrap ul li .boxs{opacity:0;filter:alpha(opacity=0);position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0);display:flex;justify-content:center;flex-direction:column;align-items:center;transition:.3s}.liaojie .wrap ul li .boxs h2{color:#fff; font-size:36px; line-height:50px}.liaojie .wrap ul li .boxs p{color:#fff;margin-top:1.5vmin}

.bgc{ background-color:#f3f3f3;}
.textb{ vertical-align:middle; line-height:30px;}


.zhiyinshui{float:left;width:100%;padding-top:59px; padding-bottom:60px}
.zhiyinshui ul{margin-top:41px}
.zhiyinshui ul li{width:29.33%;float:left;margin-left:3%; margin-bottom:5%; }
.zhiyinshui ul li:nth-of-type(1){margin-left:0}
.zhiyinshui ul li:nth-of-type(4){margin-left:0}
.zhiyinshui ul li:nth-of-type(7){margin-left:0}
.zhiyinshui ul li:nth-of-type(10){margin-left:0}
.zhiyinshui ul li .pict{ height:110px;overflow:hidden; text-align:center}
.zhiyinshui ul li .pict img{ text-align:center}
.zhiyinshui ul li .text{border-top:none}
.zhiyinshui ul li .text h2 { overflow:hidden}
.zhiyinshui ul li .text h2 img{ width:100%;transition:all 1s;}
.zhiyinshui ul li .text h2 img:hover{   transform:scale(1.1);}


.zhiyinshui ul li .text h2{ color:#000000;font-size:20px; text-align:center; padding-bottom:5%}
.zhiyinshui ul li .text p{color:#444; font-weight:bold; font-size:16px;line-height:50px; text-align:center; background-color:#ededed; -webkit-line-clamp:2;display:-webkit-box;word-wrap:break-word;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;}

.zhiyinshui ul li .text p:hover{ background-color:#5c8ee3; color:#FFFFFF}


.zhiyinshui ul li .text span{display:block;color:#989898 ; text-align:center;margin-top:10px}






.quanjing {
  float: left;
  width: 100%;
  padding-bottom: 80px;
  padding-top: 60px;
}


.quanjing .wrap {
  float: left;
  width: 100%;
  margin-top: 48px;
  overflow: hidden;    padding:1%;
}
.quanjing .wrap ul {
  display: flex;
  float: left;
  width: 100%;
}
.quanjing .wrap ul li {
  flex-shrink: 0;
}



.quanjing .wrap ul li:hover .item img {
  transform: scale(1.1);
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.quanjing .wrap ul li:hover .item .look {
  opacity: 1;
  filter: alpha(opacity=100);
}
.quanjing .wrap ul li .item {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
}
.quanjing .wrap ul li .item img {
  width: 100%;
  transition: 0.9s
}
.quanjing .wrap ul li .item .look {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0,0,0,0.3);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: 0.9s
}
.quanjing .wrap ul li .item .look .ico-ease {
  display: block;
  width: 50px;
  height: 31px;
  background: url("../img/27b632_50x31.png") center top no-repeat;
  background-size: cover;
}
.quanjing .wrap ul li .item .look span {
  color: #fff;
  margin-top: 16px;
  font-size: 14px;
}
.quanjing .wrap ul li .item .look span a{
  color: #fff;


}
.quanjing .wrap ul li .text {
  float: left;
  width: 100%;
 box-shadow: 0 0 15px rgba(186,204,207,.7); line-height:70px; text-align:center;
}
.quanjing .wrap ul li .text h3 {
  font-size: 18px;
  white-space:nowrap;

overflow:hidden;

text-overflow:ellipsis; padding:3px 8px
}
.quanjing .wrap ul li .text p {
  font-size: 16px;
  color: #929292;
  margin-top: 22px;
  padding-left: 15px;
  background: url("../img/18826c_10x16.png") left center no-repeat;
}

.moeab{ text-align:center; font-size:18px; border:1px solid #0f39b5; width:200px; margin:0 auto; margin-top:50px; line-height:40px; color:#0f39b5}

.moeab:hover{ background-color:#d8e0f7; color:#0f39b5}

.news{float:left;width:100%; padding-top:0px; }

.newsbga{background: url("../img/aboutbg.jpg") }



.loeagmore{background-color:#efefef; height:336px; text-align:center; font-size:30px; line-height:330px}
.loeagmore:hover{background-color:#90d8f9; color:#fff}

.wariLeft2 {
    width: 40%; padding-top:6% ;
}


.wariLeft2 img{
    width:100%; 
}

.wariInt2l {
  
    padding:6%  5% 6% 5%;
    width:60%; 
}
.wariInt2l b {
    font-size: 35px;
    color: #fff;
    line-height: 30px; margin-top:10%
}
.wariInt2l b p{
    font-size: 20px;
    color: #fff;
    line-height: 30px; font-weight:normal
}


.wariIntm{
font-size: 16px;
    color: #5f5f5f;
    text-align: left;
    padding-top: 20px;
    line-height: 30px; 
}
.wariInt2l p img {

    padding-right: 22px;

}

.wariLeft2a {
    width: 40%; padding-top:6% ;    text-align: right;
}
.wariLeft2a img{
    width: 100%; 
}

.wariInt2la {
  
    padding:6%  0% 0 0%;
    width:60%; 
}
.leia{ padding-right:7%}
.wariInt2la b {
    font-size: 24px;
    color: #0f39b5;
    line-height: 30px; font-weight: bold
}
.asdfp10{ padding-left:40px}

.wariInt2la b span{
    font-size: 16px; color: #90d8f9; padding-left:10px
   
}
.wariInt2la b p{
    font-size: 18px;
    color: #333;
    line-height: 30px; font-weight: bold
}
.wariInt2la p {
    font-size: 16px;
    color: #5f5f5f;
    text-align: left;
    padding-top: 5px;
    line-height:30px; 
}
.wariInt2la p img {

    padding-right: 22px;

}

.baojia {
	padding:20px 0 20px;
}
.jia_tab .tab {
	float:left;
	display:inline-block;
	width:150px;
	height:50px;
	margin-right:1px;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	line-height:50px;
	text-align:center;
	background-color:#c8c8c8;
}
.jia_tab .tab.on {background-color:#0f39b5;}
.baojia .title {
	padding:0 0 20px;
	font-size:20px;
	color:#333;
	border-bottom:1px solid #eee; text-align:left
}
.baojia .form {
	padding:20px 0 20px;
}
.baojia .left_s {
	float:left;
	width:100%;
	padding:20px 0 0 0px;
	background-color:#fff;
	margin-bottom:20px;
}
.baojia .left_s .each {
	margin-bottom:16px; margin-top:20px
}
.baojia .left_s .label {
	float:left;
	width:100px;
	font-size:16px;
	color:#0f39b5;
	line-height:40px;
	text-align:right;
}
.baojia .left_s .h30 .label {
	line-height:30px;
}
.baojia .left_s .input_w {
	margin-left:135px;
	line-height:40px;
}
.baojia .left_s .h30 .input_w {
	line-height:30px;
}
.baojia .left_s .input_text {
	width:50%;
	height:44px;
	padding:0 10px;
	border:1px solid #ebebeb;
}
.baojia .left_s .tips {
	font-size:14px;
	color:#999;
}
.baojia .left_s .submit_w {
	padding-left:135px;
}
.baojia .left_s .input_submit {
	width:130px;
	height:45px;
	font-size:14px;
	color:#fff;
	line-height:45px;
	text-align:center;
	background-color:#0f39b5;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.baojia .right_s {
   float:right;
   width:325px;
   padding:20px;
   background-color:#fff;
}
.baojia .right_s .each {
	margin-bottom:20px;
	line-height:1.8;
}
.baojia .right_s .label {
   float:left;
   width:100px;
   font-size:16px;
   color:#999;
   text-align:right;
}
.baojia .right_s .r_con {
	margin-left:120px;
	margin-bottom:20px;
}


.radio_a {
    position: relative;
    display: inline-block;
    width:auto;
    margin-right:10px;
	margin-bottom:10px;
}
.radio_a input {
    z-index: 2;
    position: absolute;
    top:0;
    left: 0;
    width:100%;
    height:100%;
    opacity: 0; 
    cursor: pointer;
}
.radio_a label {
	position: relative;
	display:block;
    height:28px;
    padding:0 8px;
    line-height:28px;
    cursor: pointer;
    white-space:nowrap;
    border:1px solid #eee;
}
.radio_a input:checked + label:after {
    content: '';
    width:100%;
    height:28px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../img/bgcolor_03.png) no-repeat right bottom;
    border:1px solid #0068b7;
}

.aboutBox03 {
    padding: 76px 0 110px 0;
}



 .layout{ width: 1200px; margin:0 auto }
 
 
 .service-center {
  float: left;
  width: 100%; padding-top:50px
}
.service-center .layout {
  display: table;
  -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.3);
          box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  width: 100%;
}
.service-center .layout .fl-box {
  float: left;
  width: 255px;
}
.service-center .layout .fl-box h2 {
  background: #0f39b5;
  color: #fff;
  padding: 25px 0;
  text-align: center;
  line-height: 1.6;
}
.service-center .layout .fl-box ul {
  float: left;
  width: 100%;
  background: url("../img/e30f1_257x1.png") right top repeat-y;
}
.service-center .layout .fl-box ul li {
  height: 67px;
  border-bottom: 1px solid #bbbdb8;
  width: 100%;
  line-height: 66px;
  font-size: 16px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  position: relative;
  cursor: pointer;
}
.service-center .layout .fl-box ul li:after {
  content: '';
  position: absolute;
  width: 3px;
  height: 6px;
  background: #0f39b5;
  left: 30px;
  top: 50%;
  margin-top: -3px;
}
.service-center .layout .fl-box ul li.acti,
.service-center .layout .fl-box ul li:hover {
  background: #06288e;
}
.service-center .layout .fl-box ul li.acti:after,
.service-center .layout .fl-box ul li:hover:after {
  background: #fff;
}
.service-center .layout .fl-box ul li.acti a,
.service-center .layout .fl-box ul li:hover a {
  color: #fff;
}
.service-center .layout .fl-box ul li a {
  display: block;
  padding-left: 47px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.service-center .layout .fl-box .hot {
  float: left;
  width: 100%;
  padding: 29px 0 30px;
  background: url("../img/e30f1_257x1.png") right top repeat-y;
  text-align: center;
}
.service-center .layout .fl-box .hot p {
  font-size: 18px;
}
.service-center .layout .fl-box .hot h3 {
  font-size: 30px;
  font-family: 'Impact';
  margin-top: 18px;
  color: #0f39b5;
}
.service-center .layout .fr-box {
  float: right;
  position: relative;
  width: -webkit-calc(100% - 255px);
  width: calc(100% - 255px);
}
.service-center .layout .fr-box .item {
  position: relative;
}
.service-center .layout .fr-box img {
  width: 100%;
}
.service-center .layout .fr-box .box {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  right: 0;
  background: rgba(255,255,255,0.9);
  border: 13px solid rgba(255,255,255,0.61);
  padding: 30px;
  width: 481px;
}
.service-center .layout .fr-box .box h2 {
  color: #0f39b5;
  font-size: 24px;
}
.service-center .layout .fr-box .box p {
  display: table; width:100%; line-height:25px;  margin-top: 20px;
}
.listli{ line-height:60px}

.service-center .layout .fr-box .box .more {
  width: 113px;
  height: 33px;
  line-height: 33px;
  background: #0f39b5;
  color: #fff;
  display: block;
  text-align: center;
  margin-top: 30px;
}
.pub-title {
  display: table;
  width: 100%;
  padding: 65px 0 0  0;
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.pub-title i {
  height: 5px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: url("../img/440a1_1x5.png") repeat-x;
}
.pub-title .box {
  position: relative;
  padding: 0 20px;
  min-height: 78px;
  z-index: 1;
  margin: 0 15px;
}
.pub-title .box:after {
  content: '';
  position: absolute;
  background: url("../img/29aef_11x78.png") center no-repeat;
  width: 11px;
  height: 100%;
  top: 0;
  left: 0;
}
.pub-title .box:before {
  content: '';
  position: absolute;
  background: url("../img/9eaad_11x78.png") center no-repeat;
  width: 11px;
  height: 100%;
  top: 0;
  right: 0;
}
.pub-title .box h2 {
  font-size: 32px;
  color: #0f39b5;
  margin-top: 10px; font-weight:bold
}
.pub-title .box p {
  color: #636363;
  margin-top: 10px;
}
 

.aboutTit{text-align:center;}
.aboutTit h2{font-size:35px;  color:#0f39b5;}
.historyBox{width:100%; margin-top:46px;}
.historyBox .swiper-slide{max-width:25%;}
.historyBox .box{background-color:#f6f6f6; padding:20px; min-height:280px; margin-bottom:24px;}
.historyBox .box ul{list-style:disc;}
.historyBox .box h2{font-size:16px; color:#333; line-height:1.1; border-bottom:1px solid #ededed; padding:20px 0;}
.historyBox .box:hover h2{color:#0f39b5;}
.historyBox .box h2 span{font-size:36px; margin-right:3px;}
.historyBox .box li{font-size:14px; color:#999; margin-top:30px; text-align: justify; text-justify:inter-ideograph; line-height:26px}
.historyBox .swiper-scrollbar-drag{background-color:#0f39b5; border-radius:5px;}

.inner img {
    width: 100%;
}

.float_qq {
    position: fixed;
    top: 50%;
    right: 0;
    margin-top: -101px;
    width: 50px;
    height: 203px;
    z-index: 6666
}

.float_qq li {
    width: auto;
    height: 50px;
    z-index: 20
}

.float_qq li.float_qq1,
.float_qq li.float_qq4 {
    position: absolute;
    left: 0;
    width: 62px
}

.float_qq li.float_qq1 {
    top: 0
}

.float_qq li.float_qq2 {
    position: absolute;
    top: 51px;
    left: 0;
    width: 126px
}

.float_qq li.float_qq3 {
    position: absolute;
    top: 102px;
    left: 0;
    width: 172px
}

.float_qq li.float_qq31 {
    position: absolute;
    top: 153px;
    left: 0;
    width: 172px
}
.float_qq li.float_qq4 {
    top: 204px
}

.float_qq4 {
    position: absolute;
    top: 204px;
    left: 0
}

.float_qq li a {
    display: block;
    font-family: "Microsoft Yahei";
    color: #FFF;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    background-color: #000;
    opacity: .8;
    border-radius: 6px
}

.float_qq li a img {
    display: block;
    float: left;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: 12px 12px 14px 14px
}

.float_qq li a:hover {
    background-color: #c70c1f;
    opacity: 1
}

.float_shwx {
    position: absolute;
    top: -146px;
    left: -196px;
    background: url(../images/float_wxbd.png) no-repeat bottom right;
    width: 216px;
    height: 216px;
    padding-bottom: 9px;
    display: none
}

.float_shwx img {
    display: block;
    padding: 14px;
    background-color: #FFF;
    width: 188px;
    height: 188px
}
.pub_cate{border-bottom:1px solid #e5e5e5;  box-shadow: 0 0 15px rgba(186,204,207,.7);}

.pub_cate ul li{    margin: 15px 10px 15px 0px;}

.pub_cate ul li span{line-height: 14px;
    color: #fff;
    padding: 10px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    background-color: #5c8ee3;
    border: 1px solid #5c8ee3;border-radius: 10px 10px 10px 10px;}
	
	.pub_cate ul li a{line-height: 14px;
    padding: 10px;
    text-align: center;
    display: inline-block;
    background-color: #f9f9f9;
    font-size: 14px;
    border: 1px solid #eee;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;}
	
.pub_cate ul li.cur a,.pub_cate ul li a:hover{background:#90d8f9; color:#FFFFFF}
.pub_cate ul li a span{margin-right:15px;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;position:relative;top:0px;}
.pub_cate ul li a:hover span{top:-5px;}
.In-newsL{padding:50px 0;}
.In-newsL ul li{width:97.6%;float:left;margin-bottom:30px;margin-right:2.1953333%;color:#333; border-bottom:1px solid #DFDFDF; padding:30px 0px}
.In-newsL ul li:nth-child(3n){margin-right:0;}
.In-newsL ul li .newleft{float:left; width:33%; overflow:hidden}
.In-newsL ul li .note{padding: 10px; float:right; width:64%}
.In-newsL ul li img{width:100%;height:212px;object-fit: cover;transition:all 1s;}
.In-newsL ul li img:hover{   transform:scale(1.1);}




.In-newsL ul li .date{font-size:16px;font-weight:bold;}
.In-newsL ul li h4{margin:15px 0 10px;font-weight:bold;font-size:20px;line-height:30px;}
.In-newsL ul li h4:hover{color:#1279cb;}
.In-newsL ul li p{ line-height:25px; padding-bottom:20px}
.In-newsL ul li a.more{color:#1279cb;}

.pub-all-tit{font-size:30px;color:#333;text-align: center;font-weight:lighter; padding-top:50px}
.recruitDl dt{padding: 20px 40px;
    font-size: 16px;
    font-weight: normal;
    cursor: pointer;
    background: #eee url(../img/icon05.png) no-repeat right 40px center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    margin-top: 10px;

}
.sitea{ line-height:60px}
.plaels{ min-height:450px;}
.conata{ border: 1px solid #eee; padding:20px; height:100px; margin-top:30px}
.confl{ padding-right:20px}
.confr h4{ font-size:16px; line-height:26px}
.confr p{ font-size:21px; color:#0f39b5}
.job-cont .info {
    text-align: center;
    color: #777;
    line-height: 30px;
    margin: 20px 0 35px;
}

.recruitCon{ margin-bottom:100px}
.recruitDl dt span{display: inline-block;
	               width: 22%;

}
.recruitDl dt span:nth-child(1){width: 32%;}
.recruitDl dt:hover{
	 background: #0f39b5 url(../img/icon05_2.png) no-repeat right 40px center;
    -webkit-transition: all .3s;
    color: #fff;
}
.recruitDl dt.on {
    background: #0f39b5 url(../img/icon05_on.png) no-repeat right 40px center;
    -webkit-transition: all .3s;
    color: #fff;
}
.recruitDl dd{padding: 40px;
	background: #f9f9f9;
	display: none;

}
.recruitDl dd h1{font-size: 18px;
	            color: #17294d;
	            margin-bottom: 10px;

}
.recruitDl dd p{margin-bottom: 38px; 
	          font-size: 14px;
	          color: #666;
	          line-height: 28px;

}
.recruitDl dd strong{color: #17294d;

}
.recruitDl .butDiv2{margin: 0;}
.recruitDl .downloadBut{    background-image: url(../img/icon11.png);
	                    padding-left: 22px;

}
.recruitDl .butDiv2:hover .downloadBut{background-image: url(../img/icon11_on.png);

}
.prodaa{    float: left;
    width: 100%;
    padding-top: 54px;
    padding-bottom: 50px;}
	
.bgf{ background-color:#FFFFFF; }
.proleft{ float:left; width:240px;background: #fff; }
.proright{ float:right;background: #fff; width:925px; border:1px solid #dddddd; }
.proright ul{ width:100% ; padding:2%}
.proright ul li{ width:100%; float:left; padding:4%; border-bottom:1px solid #dddddd; }

.proright ul li .newleft {
    float: left;
    width:40%;
}
.proright ul li .note {
    padding: 1% 1% 1% 5%;
    float: right;
    width: 58%;
}

.proright ul li h4 {
    margin: 15px 0 10px;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
}
.proright ul li p {
    line-height: 25px;
    padding-bottom: 20px;
}

.proright ul li img {
    width: 100%;
   
    object-fit: cover;transition:all 1s;
}

.proright ul li img:hover { transform:scale(1.1);}
.dowebok { width: 100%; height: 450px; border:1px solid #eee; }
.dowebok ul { margin: 0; }
.dowebok ul  li{ text-align:center; width:100%; padding-top:30px ; height:210px}
.dowebok ul  li p{ font-size:16px; line-height:30px;}
/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	background:#f6f6f6;
	white-space:nowrap;
}

.str_wrap.str_active {
	background:#f1f1f1;
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important; width:100%
}

.proright ul li .text {  width:100%}
.proright ul li .text img{ width:100%}
.proright ul li .textspan{   margin:5px 20px 20px 20px; font-size:18px; line-height:56px}
.proright ul li .text p{  font-size:14px; line-height:23px;margin:20px; color:#777}

.menu{  width: 100%; height: 66px;  margin: 0 auto;  background: #0f39b5; text-align:center;border:1px solid #333333;  }
.productrig{font-size:20px; line-height:65px; color:#fff;background: #0f39b5; height:65px; text-indent:30px }

.menuali ul li{ /*height:45px; */line-height: 56px; border-bottom: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; font-size: 15px; width:100%; text-align:left;padding: 0 20px; }
.menuali ul li p{ text-align:center}
.menuali ul li span{ display: block;  width: 100%; position: relative; padding: 0 20px;  }
.menuali ul li span i{ display: block; height: 20px; width: 20px; background: url(../img/arr.png) no-repeat center center; background-size:80% 80%; position: absolute; right: 20px; top: 50%; margin-top: -10px;  transition: all 0.3s ease-out; transform: rotate(0deg);}
.menuali ul li:hover{ background-color:#f0f0f0; }
.actia{ background-color:#f0f0f0; }
.menu b{ font-size:20px; line-height:66px; color:#fff; text-align:center; font-weight:normal}

.proa {
    float: left;
    width: 100%;
    padding-top: 64px;
    padding-bottom: 80px;
}
.tabox{width:100%;margin:0 auto;border-top:1px solid #ddd; margin-top:40px}
.tabox .hd{overflow:hidden;background:url(../images/bg.png) 0 -32px #efefef;border-left:1px solid #ddd;}
.tabox .hd li{position:relative;margin-left:-1px;height:55px;line-height:55px;text-align:center;width:14.3%;float:left;border:1px solid #ddd;border-top:0}
.tabox .hd li.on{width:14.6%;background:#0f39b5;color:#fff;}
.tabox .bd{border:1px solid #ddd;border-top:0;}
.tabox .lh{overflow:hidden;}
.tabox .lh li{width:25%;padding:40px 50px ;float:left;}
.tabox .lh li .p-img{margin:0 auto;text-align:center;}
.tabox .lh li .p-img img{ width:100%;}
.tabox .lh li .p-name{height:36px;line-height:18px;word-break:break-all;word-wrap:break-word;overflow:hidden; text-align:center; margin-top:10px;}
.tabox .lh li .p-price{color:#999;}
.tabox .lh li .p-price strong{color:#c00;font-size:14px;font-family:verdana;}

.gongneng{float:left;width:100%;padding-top:59px; background-color:#f3f3f3; padding-bottom:30px}.gongneng ul{margin-top:41px}.gongneng ul li{width:23%;float:left;margin-left:2%; margin-bottom:4%;border:1px solid #E8E8E8; background-color:#FFFFFF; padding:20px;padding-bottom: 50px;}.gongneng ul li:nth-of-type(1){margin-left:0}.gongneng ul li:nth-of-type(5){margin-left:0}.gongneng ul li .pict{ overflow:hidden; text-align:center}.gongneng ul li .pict img{ text-align:center; margin-top:20px;}.gongneng ul li .text{padding:19px 5px;border-top:none}.gongneng ul li .text h2{ color:#000000;font-size:18px; text-align:center}.gongneng ul li .text p{color:#989898;line-height:1.8;margin-top:15px;-webkit-line-clamp:2;display:-webkit-box;word-wrap:break-word;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical}.gongneng ul li .text span{display:block;color:#989898 ; text-align:center;margin-top:10px}
.nal{  width:60px; border-bottom:2px solid #0f39b5; margin:0 auto}

.jiage{float:left;width:100%;padding-top:59px; padding-bottom:10px}.jiage ul{margin-top:41px}.jiage ul li{width:32%;float:left;margin-left:2%; margin-bottom:2%;border:1px solid #E8E8E8; background-color:#FFFFFF;}.jiage ul li:nth-of-type(1){margin-left:0}.jiage ul li:nth-of-type(5){margin-left:0}.jiage ul li .pict{ height:130px;overflow:hidden; text-align:center}
.jiage ul li .pict h2{ text-align:center; color:#FFFFFF; padding-top:30px; font-size:24px}
.jiage ul li .pict p{ text-align:center; color:#FFFFFF; padding-top:20px; font-size:30px}
.jiage ul li .pict p span{ font-size:18px}
.jiage ul li .text{padding:19px 10px;border-top:none; text-align:center}.jiage ul li .text h2{ color:#000000;font-size:20px; text-align:center}
.jiage ul li .text p{ font-size:16px;color:#989898;line-height:1.8;margin-top:10px;-webkit-line-clamp:2;display:-webkit-box;word-wrap:break-word;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical}
.jiage ul li .text span{display:block;color:#989898 ; text-align:center;margin-top:40px; border:1px solid #CCCCCC; width:140px; height:40px; margin: 0 auto; line-height:40px}


.calculator { background-image:url(../img/bag.jpg);
	height:176px;
	width: 100%;
	line-height: 1; 
}

.calculator .content {
	width: 1200px;
	margin: 0 auto;
	padding-top: 20px;
}

.calculator .content:after {
	content: "";
	width: 0;
	display: block;
	clear: both;
}

.calculator li {
	position: relative;
	float: left;
	width: 438px;
	vertical-align: top;

}

.calculator li:last-child {
	width: 315px;
}

.calculator li:before {
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	width: 1px;
	height: 64px;
	background-color: #e6f0fe;

}

.calculator li:last-child:before {
	display: none;
}

.calculator .title {
	padding-top: 30px;
	font-size: 24px;
	color: #fff;
	margin-bottom: 18px; text-align:left
}

.calculator .sub-title {
	font-size: 18px;
	color: #fff;
}

.calculator li:nth-child(2) {
	text-align: center;
}

.calculator .buy {
	padding-top: 10px;
	font-size: 20px;
	color: #fff;
	margin-bottom: 18px;
}
.calculator .buy .el-input-number{
	display: inline-block;
}
.calculator .buy input {
	color: #fff;
	font-size: 16px;
	width: 58px;
	height: 28px;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #e6e6e6;
	outline: none;
	margin: 0 13px;
	/* box-shadow: 0px 3px 9.84px 2.16px rgba(210, 210, 210, 0.18); */
	border-radius: 3px;
	text-align: center;
	display: inline-block;
}

.calculator .text {
	font-size: 16px;
	color: #fff;
}

.calculator .text span {
	color: #92dfc9;
}

.calculator .open {
	width: 214px;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	background-color: #3585f9; 
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin: 0 0 0 auto;margin-top:20px;
	margin-bottom: 17px;
}

.calculator .open a {
	display: block;
	color: #fff;
}

.calculator .description {
	color: #fff;
	font-size: 16px;
	text-align: right;
}


.partners {
	margin-top: 100px;
	margin-bottom: 72px;
	line-height: 1;
	text-align: center;
}

.partners .title {
	font-size: 26px;
	color: #333;
	margin-bottom: 34px;
}

.partners .sub-title {
	font-size: 18px;
	color: #888;
	margin-bottom: 50px;
}

.partners .content {
	width: 1200px;
	margin: 0 auto;
}

.partners .content:after {
	width: 0;
	content: "";
	display: block;
	clear: both;
}

.partners li {
	position: relative;
	display: inline-block;
	float: left;
	width: 20%;
	height: 146px;
	line-height: 146px;
	/* border-right: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5; */
	box-sizing: border-box;
}

.partners li:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 90px;
	background-color: #e4e4e4;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.partners li:after {
	content: "";
	position: absolute;
	height: 1px;
	width: 200px;
	background-color: #e4e4e4;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.partners li img {
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
}



.on-line {
  border-top: 1px solid #0d0d0d;
  padding: 29px 0;
      background: rgba(0,0,0,0.8);
  position: fixed;
  display: table;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
}
.on-line .wid {
  position: relative;
}
.on-line .close {
  width: 11px;
  height: 13px;
  background: url("../img/087f5_11x13.png") center top no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.on-line .ico-dengji {
  height: 52px;
  width: 52px;
  background: url("../img/99d54_52x52.png") center no-repeat;
  float: left;
}
.on-line .title {
  float: left;
  margin-left: 17px;
  margin-top: 6px;
}
.on-line .title h2 {
  color: #3585f9;
  font-size: 27px;
}
.on-line .title p {
  font-size: 13px;
  color: #f4f4f4;
  margin-top: 6px;
}
.on-line ul {
  float: left;
  margin-top: 7px;
}
.on-line ul li {
  margin-left: 19px;
}
.on-line ul li input {
  width: 186px;
  height: 40px;

  -webkit-border-radius: 10px;
          border-radius: 10px;
  border: none;
  padding: 0 15px;
}
.on-line ul li input::-webkit-input-placeholder {
  color: #9e9e9e;
}
.on-line ul li button {
  color: #fff;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  width: 118px;
  height: 40px;
  background: #3585f9;
}
.on-line .tel {
  float: right;
}
.on-line .tel p {
  color: #fff;
  padding-left: 30px;
  background: url("../img/4e1ea_20x20.png") left center no-repeat;
  height: 20px;
  line-height: 20px;
}
.on-line .tel h3 {
  font-size: 30px;
  color: #3585f9;
  margin-top: 6px;
}
.clearFix {*zoom:1}
.clearFix:before, .clearFix:after {display:table;content:""}
.clearFix:after {clear:both}
h6{ margin-block-start: 1.23em;
    margin-block-end: 1.23em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;l}
.indtit {
    width:1200px; margin:0 auto
}
.indtit-wd{float: left;}
.indtit-wd p{font-size: 44px;color: #1a1a1a;font-family: "MONTSERRAT_BOLD";text-transform: uppercase;}
.indtit-wd h6{font-size: 30px;color: #0f39b5;margin-top: 12px;}
.indtit-wd h6 span{display: inline-block;position: relative;}
.indtit-wd h6 span:after{content: "";position: absolute;width: 40px;height: 2px;background: #0f39b5;top: 50%;right: -64px;}
.indtit-xm{float: right;font-size: 0;width: 92px;padding-top: 24px;}
.indtit-xm>div{width: 50%;height: 46px;display: inline-block;background: url("../img/eventArr.png") no-repeat right center;cursor: pointer;transition: all .4s ease;}
.indtit-xm>div:hover{background-image: url('../img/eventArrH.png');}
.indtit-xm>div.indtit-xm-prev{transform: rotate(180deg);}
.indtit-xm>div.swiper-button-disabled{opacity: .5;cursor: default;}
.indtit-xm>div.swiper-button-disabled:hover{background-image: url('../images/index/eventArr.png');}
.indxm-loop{width: 100%;margin-top: 68px;position: relative;}
.indxm-link{display: block;width: 100%;position: relative;overflow: hidden;}
.indxm-link img{width: 100%;object-fit: cover;transition: all .4s linear;}
.indxm-link h1{position: absolute;width: 100%;bottom: 32px;padding: 0 32px;left: 0;font-size: 20px;color: #fff;font-weight: 700;z-index: 2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.indxm-link:after{content: "";position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: url('../images/index/eventSd.png') repeat-x left bottom /auto 100%;}
.indxm-link:hover img{transform: scale(1.06);}
.indxm-line{width: 100%;height: 2px;background: #ededed;position: relative;margin-top: 56px;}
.indxm-line-roll{position: absolute;width: 0;height: 2px;top: 0;left: 0;background: #0f39b5;}
.indxw{width: 100%;padding: 0 100px 134px;overflow: hidden;}
.indtit-xw{float: right;padding-top: 24px;}
.indtit-xw a{display: block;position: relative;width: 116px;height: 36px;font-size: 0;overflow: hidden;}
.indtit-xw a span, .indtit-xw a i{display: block;height: 24px;line-height: 24px;transition: all .4s ease;}
.indtit-xw a span{font-size: 14px;color: #1a1a1a;font-weight: 700;letter-spacing: .2em;text-transform: uppercase;float: left;}
.indtit-xw a i{float: right;width: 16px;background: url('../img/eventArr.png') no-repeat center;}
.indtit-xw a:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #1a1a1a;transition: all .4s ease;}
.indtit-xw a:hover span{color: #0f39b5;letter-spacing: .3em;}
.indtit-xw a:hover i{background-image: url('../img/eventArrH.png');transform: translateX(-4px);}
.indtit-xw a:hover:after{background: #0f39b5;}
.indxw-item{width: 1200px; margin:0 auto;}
.indxw-loop{width: 48.8%;float: left;}
.indxw-loopwdimg{width: 100%;position: relative;display: block;overflow: hidden;}
.indxw-loopimg{width: 100%;object-fit: cover;height: 442px;transition: all .4s linear;}
.indxw-loopwd{position: absolute;z-index: 2;overflow: hidden;background: rgba(0,0,0,.5);transition: all .4s ease;padding: 18px 50px 18px 18px;left: 0;bottom: 0;width: 100%;}
.indxw-loopwd span{display: block;width: 100%;color: #fff;font-size: 16px;font-family: Arial, Helvetica, sans-serif;}
.indxw-loopwd h1{width: 100%;font-size: 18px;margin-top: 8px;color: #fff;font-weight: 700;position: relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.indxw-loop .swiper-pagination{width: 150px;left: auto;right: 0;padding-right: 16px;text-align: right;bottom: 18px;}
.indxw-loop .swiper-pagination-bullet {width: 6px;height: 6px;border-radius: 100%;background: #fff;opacity: 1;margin: 0 4px !important;}
.indxw-loop .swiper-pagination-bullet-active {background: #0f39b5;}
.indxw-loopwdimg:hover .indxw-loopimg{transform: scale(1.06);}
.indxw-loopwdimg:hover .indxw-loopwd{background: rgba(0,0,0,.6);}
.swiper-slide-active .indxw-loopwd span{animation: indxwP .8s ease both 400ms;}
.swiper-slide-active .indxw-loopwd h1{animation: indxwP .8s ease both 800ms;}
.indxw-list{width: 48.2%;float: right;}
.indxw-list a{display: block;width: 100%;padding: 18px 0;border-top: 1px solid #d7d7d7;overflow: hidden;}
.indxw-list a:last-child{border-bottom: 1px solid #d7d7d7;}
.indxw-listimg{width: 110px;height: 110px;float: left;overflow: hidden;background: #e7e9eb;text-align: center;padding-top: 10px;transition: all .4s ease;}
.indxw-listimg b{font-size: 46px;color: #0f39b5;padding-bottom: 8px;position: relative;transition: all .4s ease;}

.indxw-listimg p{font-size: 20px;color: #666;margin-top: 8px;transition: all .4s ease;}
.indxw-listwd{width: calc(100% - 110px);float: right;padding-left: 30px;padding-top: 10px;}
.indxw-listwd h1{font-size: 18px;color: #333;font-weight: 700;line-height: 1.4em;transition: all .4s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.indxw-listwd p{font-size: 14px;color: #666;line-height: 28px;height: 56px;margin-top: 12px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indxw-list a:hover .indxw-listwd h1{color: #0f39b5;}
.indxw-list a:hover .indxw-listimg{background: #0f39b5;}
.indxw-list a:hover .indxw-listimg b, .indxw-list a:hover .indxw-listimg p{color: #fff;}
.indxw-list a:hover .indxw-listimg h6:after{background: #fff;}

.index_product_buy_bg {margin:0 auto;position:relative;background-image:url("../img/dibu15.png"); height:300px}
.index_product_buy_opt {height:107px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;text-align:center;font-weight:lighter;}
.index_product_buy_opt_txt {font-family:"STHeitiSC-Light",BlinkMacSystemFont,"Helvetica","lucida Grande","PingFang SC","SCHeiti","Microsoft YaHei";font-size:30px;color:#000;letter-spacing:0;height:30px;line-height:30px;margin-bottom:40px;}
.index_product_buy_opt_btn {height:37px;}
.index_product_buy_opt_btn {height:37px;}
.index_product_buy_opt_btn a {width:144px;height:35px;line-height:35px;display:inline-block;*display:inline;*zoom:1;font-family:"STHeitiSC-Light",BlinkMacSystemFont,"Helvetica","lucida Grande","PingFang SC","SCHeiti","Microsoft YaHei";font-size:14px;}
.index_product_buy_btn_white {border:1px solid #2A8AE2;color:#2A8AE2;margin-right:30px;}
.index_product_buy_btn_blue {border:1px solid #2A8AE2;background-color:#2A8AE2;color:#FFFFFF;}

.ind-abt{margin-top:25px;background-position:center bottom;background-repeat: no-repeat;padding-bottom:135px; background-color:#f6f6f6}
.ind-abt .intro{padding:0px 5%;line-height:30px;text-align: center; font-size:16px; padding-top:30px}
.ind-abt dl{background:#f6f6f6;position:relative;padding:70px 15%;overflow:hidden;}
.ind-abt dl dd{float:left;text-align: center;width:33.3333%;}
.ind-abt dl dd span{font-family: Arial;font-size: 40px;font-weight: bold;color:#0f39b5;display:block;margin-bottom:5px;}

a {color: #333;text-decoration: none}
a:hover {color: #082f54}
.about-banner { position:relative;width:100%;max-height:400px;margin-top: 80px;overflow:hidden;}
.about-banner img {display: block;width: 100%;height: auto;}
.about-banner-content {width: 1200px;position: absolute;left:50%;top:0;height: 100%; z-index: 20;margin-left: -600px;}
.about-banner-content h1{ font-size: 32px;position: absolute;right:0;top:30%;overflow:hidden;color: #a3a7b6;  text-transform: uppercase;font-weight:normal;display:none}
.about-banner-content .logoicon {position: absolute;left:0;top:20%;width:93px;text-align: left;}
.about-banner-content .logoicon img {display:inline-block;max-width:100%;height:auto;max-height:80px;width: auto;opacity: 0.5;}
.about-nav {position: absolute;width: 1200px;margin-left: -600px;left:50%;bottom:0;background: #295d86;opacity:0.8;}
.about-nav a { padding:2% 0;overflow: hidden;color: #fff;display: block; text-align: center;width:10%;float: left;font-size: 16px; line-height:16px;}
.about-nav a.cur {color:#0b308e;background: #fff;}
.artInfo-left .artInfo-con img{max-width: 100% ! important;
    height: auto ! important;}
.about-nav a:hover  {background:#65c6ff;}
.p50{ padding-top:60px; font-size:14px; line-height:25px}
.p80{ padding-top:80px;}
.col-sm-12 {
	width: 100%
}
.col-sm-11 {
	width: 91.66666667%
}
.col-sm-10 {
	width: 83.33333333%
}
.col-sm-9 {
	width: 75%
}
.col-sm-8 {
	width: 66.66666667%
}
.col-sm-7 {
	width: 58.33333333%
}
.col-sm-6 {
	width: 50%
}
.col-sm-5 {
	width: 41.66666667%
}
.col-sm-4 {
	width: 33.33333333%
}
.col-sm-3 {
	width: 25%
}
.col-sm-2 {
	width: 16.66666667%
}
.col-sm-1 {
	width: 8.33333333%
}
.arcit { font-size:16px; line-height:30px; color:#666666; padding-top:35px}
.arcit p{ font-size:16px; line-height:30px;color:#666666}
.article-info{padding:74px 0 96px;border-bottom:1px solid #cccccc;}

.artInfo-left{ padding-bottom:5%}
.artInfo-left .artInfo-name{line-height:65px;font-size:24px;font-weight:600;color:#000; text-align:center}
.artInfo-left .artInfo-action{line-height:22px;color:#888888;margin:1px 0 0; text-align:center; margin-bottom:20px}
.artInfo-action .see{display:inline-block;padding:0 0 0 23px;background:url(../images/icon/icon-see2.png) no-repeat left center;margin:0 0 0 40px;}
.artInfo-left .artInfo-con{padding:0px 0 0;line-height:24px;color:#666666;border-top:1px solid #e5e5e5;position:relative;overflow:hidden; padding-bottom:80px; padding:2% 0}
 .artInfo-con p{ line-height:30px}
.artInfo-con table tr td{border:1px solid #666;}
.artInfo-conp4{ padding:2% 4% ; }

.aboutLeft{ float:left;padding-top:0px; padding-bottom:80px;}
.aboutLeft img{ width:100%}
.aboutInt {
float:right; margin-top:0px;margin-right:50px;
}

.aboutInt b{
font-size:36px; color: #cbcbcb;  line-height: 120%;
}


.aboutInt p.zwc{ font-size:20px; font-weight:bold; line-height:30px; color:#000000}
.aboutfoot{

    padding-bottom: 60px; padding-left:60px
}
.aboutInt p {
    font-size: 14px;
    line-height: 180%; color:#666666; 
}
.aboutInt span{
    font-size: 14px;
    line-height: 250%; color: #0a335b; font-weight:bold; text-decoration:underline

}


.aboutInt span a{ color: #0a335b;}
.aboutInt span a:hover{ color: #ef9b07;}



.aboutWord {
    margin-top: 40px;
    margin-bottom: 85px; 
}
.aboutWord h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
}
.aboutWord p {
    font-size: 16px;
    line-height: 220%;
}
.products_list{ padding-top:60px;}

.products_list ul  { padding-bottom:80px;
	
}

.products_list ul li {
	margin-bottom: 34px;box-shadow: 1px 2px 15px 3px rgba(0, 0, 0, 0.1);
}
.products_list ul li:first-child {
	margin-top: 0
}


.products_list ul li img{ transition:all 1s; width:100%}
.products_list ul li:hover img{
    transform:scale(1.1);
}

.products_list ul li .img {
	overflow: hidden;
	float: left;
	width: 240px;margin:50px 20px 50px 50px
}
.products_list ul li:after {
	content: '';
	display: block;
}
.products_list ul li .text {
	overflow: hidden;
		border-left: 0;

	margin:50px 20px 50px 50px; border-left:1px solid #E6E6E6; padding-left:50px;
}
.products_list ul li .text .time {
	color: #f2af3a; font-size:14px; margin-top:10px;
}
.products_list ul li .text h3 {
	font-size: 20px;
	margin-bottom:10px;
	line-height:26px; color:#0a345c
}

.products_list ul li .text h3 a{ color:#0a345c}
.products_list ul li .text h3 a:hover{ color:#cea76e}

.products_list ul li .text p {
	color: #666;
	height: 100px;
	overflow: hidden; font-size:14px; line-height:26px; color:#666
}
.products_list ul li a:hover .text h3, .products_list ul li a:hover .text p {
	color: #cea76e
}


.newin{
    font-size: 16px;
    line-height: 23px;
   ; text-align:center
}


.news_details .d_text {
	background: #f6f6f6;
	padding: 50px;
}
.news_details .d_text h2 {
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: 10px;
}
.news_details .d_text .tit {
	border-bottom: 1px solid #d0d0d0;
	padding-bottom: 10px;
	margin-bottom: 40px;
}
.news_details .d_text .tit p{ text-align:center; line-height:30px;
}


.news_details .d_text h3 {
	font-size: 16px;
	margin: 10px 0;
	font-weight: 600;
}
.news_details .d_text .text {  line-height:26px; 
}
.news_details .d_text .text p {
	margin-bottom: 15px; line-height:26px; font-size:16px;
}
.news_details .d_text .text div{
	margin-bottom: 15px; line-height:26px; font-size:16px;
}
.news_details {
	position: relative; padding-top:30px; padding-bottom:30px;
}
.news_details.product {
	padding-left: 300px;
}
.news_details .products_list, .pro_menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
}


.news_list{ padding-top:80px;}

.news_list ul  { padding-bottom:80px;
	
}

.news_list ul li {
	margin-bottom: 34px;box-shadow: 1px 2px 15px 3px rgba(0, 0, 0, 0.1);
}
.news_list ul li:first-child {
	margin-top: 0
}


.news_list ul li img{ width:100%;    transition:all 1s;}
.news_list ul li:hover img{
    transform:scale(1.1);
}

.news_list ul li .img {
	height: 256px;
	overflow: hidden;
	float: left;
	width: 386px;
}
.news_list ul li:after {
	content: '';
	display: block;
}
.news_list ul li .text {
	overflow: hidden;
		border-left: 0;
	height: 256px;
	padding: 30px;
}
.news_list ul li .text .time {
	color: #f2af3a; font-size:14px; padding-top:10px
}
.news_list ul li .text h3 {
	font-size: 20px;
	margin-bottom:10px;
	line-height:26px; color:#0a345c
}

.news_list ul li .text h3 a{ color:#0a345c}
.news_list ul li .text h3 a:hover{ color:#cea76e}

.news_list ul li .text p {
	color: #666;font-size:14px; line-height:26px;
}
.news_list ul li a:hover .text h3, .news_list ul li a:hover .text p {
	color: #cea76e
}



.Footer-wrapper{color:#fff;}
.F-cr{line-height:20px;font-size:13px;color:rgba(255,255,255,.6);background:#161616;}
.F-cr .contain{border-top:1px solid #2e2e2e;padding:14px 0;}
.F-cr-fl{float:left;width:50%;}
.F-cr-fl a{margin:0px 8px;opacity:0.5;}
.F-cr-fl a:hover{opacity:1;}
.F-cr-fl a:first-child{margin-left:0px;}
.F-cr-fr{float:left;width:100%;text-align:center;}
.F-cr-fr a{vertical-align: middle;}
.F-cr-fr a:hover{color: #fff;}
.F-cr-fr p{margin-top:10px;}
.footer-container{padding:56px 0 45px;background:#f2f2f2;}
.F-nav{width:20%;float:left; }
.F-nav.F-nav2{width:18.0833%;}
.F-nav dt,
.F-ct .top{line-height:25px;font-size:18px;position:relative; color:#000;}
.F-nav dt i{display:block;width:50px;height:50px;background:url(../images/icon-dd2.png) no-repeat center center / 14px auto;position:absolute;right:0px;top:0px;display:none;}
.F-nav dt.cur i{transform:rotate(-180deg);-webkit-transform:rotate(-180deg); }
.F-nav dd{margin:15px 0 0; color:#666; line-height:30px}
.F-nav dd img{ padding-top:10px; padding-right:15px}
.F-nav dd b{ font-size:20px}
.F-nav dd a{display:block;padding:5px 0;line-height:20px; color:#717171;}
.F-nav dd a:hover{ color:#0f39b5}

.F-ct{width:130px;float:right;}
.F-ct .tel{line-height:22px;color:rgba(255,255,255,.6);margin:11px 0 0;}
.F-ct .tel a{font-size:18px;color:#fff;}
.F-ct .adr{line-height:22px;color:rgba(255,255,255,.6);margin:7px 0 0;}
.F-code{display:inline-block;text-align:center;margin:18px 0 0;}
.F-code .type{line-height:22px;font-size:13px;color:#b6b6b6;margin:10px 0 0;}
.F-split{width:1px;height:13px;background:#666;margin:0px 10px;display: inline-block;vertical-align: middle}

.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

.finden{ width:1200px; margin:0 auto}
.finden ul{}
.finden ul li{ width:25%; float:left; padding-bottom:30px; padding-left:1%; padding-right:1%}

.findenimg{ text-align:center}
.findenimg img{ text-align:center; width:100%}

.texta{ font-size:18px; color:#0a345c; line-height:40px; text-align:center}
.finden ul li p{ font-size:14px; line-height:30px; margin-left:117px;}
.powert{ font-size:16px; line-height:36px; padding-top:50px; text-align:center; padding-bottom:40px;}
.powert h2{ font-size: 34px;
    font-weight: bold;
    color: #0a345c;
    text-align: center; padding-bottom:10px}
	
.powert span{ font-size: 20px;
    font-weight: bold;
    color: #3078bb;
    text-align: center; padding-bottom:10px}	

.powert p{ font-size: 26px;
    font-weight: bold;
    color: #3078bb;
    text-align: center; padding-bottom:10px}

.pagination-wrapper{ margin-top:20px; margin-bottom:20px;   text-align: center;}
.pagination{height:34px;text-align:center;}
.pagination {display:inline-block;height:34px;margin-right:5px; }
.pagination  a{float:left;display:block;height:32px;line-height:32px;padding:0 12px;font-size:14px;border:1px solid #dddddd;color:#555555;text-decoration:none;}
.pagination  a:hover{background:#f5f5f5;color:#0099ff;}
.pagination a.thisclass{background:#09f;color:#fff;}
.pagination a.acti{background:#279cda;color:#fff;}
.pagination a.thisclass a,.pagination a.thisclass a:hover{background:transparent;border-color:#09f;color:#fff;cursor:default;}
.liaojie .wrap ul li .boxs p a{color: #fff;}
.liaojie .wrap ul li .boxs p a:hover{color: #fff;}

.Service { padding: 4% 0; width:1200px; margin:0 auto }
.Service .Ser_zx > ul > li { margin-bottom: 25px; border: 1px solid #d3d3d3; padding: 30px 60px;     width: 48%; float:left; margin-left:1%; margin-right:1%}

.Service .Ser_zx .zx_img { width: 98px; height: 144px; background: url(../img/icon_9.png)/*tpa=http://www.coremail.cn/Public/Ho../img/icon_9.png*/ no-repeat center; background-size: 100%; }

.Service .Ser_zx .zx_txt { width: calc(100% - 138px); }

.Service .Ser_zx .zx_txt h4 { margin-bottom: 10px; line-height: 34px; }

.Service .Ser_zx .zx_txt h4 span { float: left; font-size: 16px; color: #333; }

.Service .Ser_zx .zx_txt  p a { float: left; line-height:34px; width: 111px; height: 34px; background: #458ebe; font-size: 14px; color: #fff; text-align: center; }

.Service .Ser_zx .zx_txt h4 a:hover { opacity: .7; }

.Service .Ser_zx .zx_txt h5 { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d4d4d4; }

.Service .Ser_zx .zx_txt h5 em { display: inline-block; position: relative; padding-left: 15px; margin-right: 30px; font-size: 14px; color: #999; line-height: 20px;width: 100%; }

.Service .Ser_zx .zx_txt h5 em:before { position: absolute; left: 0; top: 50%; width: 7px; height: 7px; content: ''; margin-top: -3px; background: #7fbad7; }

.Service .Ser_zx .zx_txt p { font-size: 14px; color: #666; line-height: 24px; }

.Service .Ser_zx .zx_txt p span { display: block; }
.Service .Ser_mian { width:100%; }
  .wrap {  width:100% }
  

@media screen and (max-width:768px){.min-nav{float:right;transition:.3s;width:30px;height:21px;margin-top:9.5px;position:relative;cursor:pointer;margin-right:0;margin-left:20px;display:none}.min-nav:after{content:'';transition:.3s;position:absolute;width:100%;height:1px;left:0;top:0;background:#063365}.min-nav:before{content:'';transition:.3s;position:absolute;width:100%;height:1px;background:#063365;left:0;top:100%}.min-nav.active{transform:scale(.9)}.min-nav.active:after{transform:rotate(45deg);top:50%}.min-nav.active:before{top:50%;transform:rotate(-45deg)}.min-nav.active i{opacity:0;filter:alpha(opacity=0);transform:translate(10px,0)}.min-nav i{margin-top:10px;transition:.3s;display:block;height:1px;background:#063365}.min-menu{width:100%;background:#e8e8e8;z-index:5;display:none}.min-menu ul li{width:100%;border-bottom:1px solid #d8d8d8;text-align:center}.min-menu ul li [class*=ico]:after{position:absolute;top:50%;transform:translate(0,-50%);margin-left:10px}.min-menu ul li:hover>a{background:#e8e8e8}.min-menu ul li>a{display:block;padding:0 3%;line-height:40px; font-size:16px; font-weight:bold; color:#1a1a77;transition:.2s}.min-menu ul li>a .ico-arrow{float:right;width:10px;height:10px;margin-top:14px;border-bottom:1px solid #000;border-left:1px solid #000;transform:rotate(-45deg);transition:.3s}.min-menu ul li>a .ico-arrow.rogate{transform:rotate(-225deg);margin-top:18px}.min-menu ul li>a .wap-none{display:none}.min-menu ul li .down{display:none;float:left;width:100%;background:#d8d8d8}.min-menu ul li .down a{border-top:1px solid #ccc;line-height:40px;display:block;width:100%;padding:0 3%}.min-menu ul li .down a:first-child{border-top:none}.search{display:none}.min-nav{display:block}.wid{padding-left:3%;padding-right:3%;width:100%}.wel{line-height:1;padding:15px 0}.wel .fl{line-height:1.4}.wel .fr{width:100%;margin-top:10px}.banner .cirl{bottom:15px}.banner .cirl span{width:20px}.top .logo img{}.top .fr-menu{display:none}.title h2{font-size:18px; font-weight:bold}.title p{line-height:1.4;font-size:14px;margin-top: 10px;}.ping{padding-bottom:20px; padding-top:30px}.ping .scroll{margin-top:13px;padding:0 0px;display:block;overflow:hidden}.ping .scroll .box{width:100%;margin-left:0}.ping .scroll .box ul li{margin-right:1%;width:49%; margin-left:1%}.ping .scroll .box ul li .pict{width:100%;}.ping .scroll .box ul li .pict img{max-width: 100% ! important;height: auto ! important;}.liaojie{padding-top:30px}.liaojie .wrap ul li img{width:280px}.liaojie .wrap .next-button,.liaojie .wrap .prev-button{width:40px}.news{padding-top:30px;padding-bottom:30px}.news ul li{width:48%;margin-left:1%; margin-right:1%;margin-top:10px}.footer .bot-menu ul{width:100%}.footer .bot-menu ul li{width:33.33%;text-align:center}.footer .bot-menu ul li.last{width:100%;margin-top:30px; text-align:left;    padding-top: 20px; border-top:1px solid #CCCCCC}.footer .bot-menu .fr-code{width:100%;margin-top:30px}

.fonwa{ font-size:16px}

.wariLeft2c { width:100%

}
.wariInt2lc { width:100%

}
.wariInt2lc b {
    font-size: 18px;

}
.wariInt2lc p {
    font-size: 14px;
    color: #5f5f5f;
    text-align: left;
    padding-top: 5px;
    line-height: 20px;
}

.zhiyinshui ul li {
    width: 48%;
    float: left;
    margin-left: 2%;
    margin-bottom: 2%;
}

.zhiyinshui ul li:nth-of-type(1){margin-left:2%}
.zhiyinshui ul li:nth-of-type(4){margin-left:2%}
.zhiyinshui ul li:nth-of-type(7){margin-left:2%}
.zhiyinshui ul li:nth-of-type(10){margin-left:2%}

.zhiyinshui ul li .text p {
    color: #444;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    background-color: #FFFFFF;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    word-wrap: break-word;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.loeagmore {
    background-color: #efefef;
    height: 218px;
    text-align: center;
    font-size: 20px;
    line-height: 218px;
}
  .quanjing {
    padding-bottom: 30px;
   
  }
  .quanjing .title .fll .font {
    font-size: 24px;
    background-size: 15px;
    padding-left: 26px;
  }
  .quanjing .title .fll .color {
    font-size: 18px;
    top: 1px;
    margin-left: 6px;
  }
  .quanjing .title .flr i {
    background-size: 10px !important;
  }
  .quanjing .wrap {
    margin-top: 20px;
  }
  .quanjing .wrap ul li .text {
    margin-top: 0px;
  }
  .quanjing .wrap ul li .text h3 {
    font-size: 16px; line-height:2.6
  }
  .quanjing .wrap ul li .text p {
    font-size: 14px;
    margin-top: 12px;
  }

.moeab {
    text-align: center;
    font-size: 16px;
    border: 1px solid #0f39b5;
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    line-height: 40px;
    color: #0f39b5;
}
.arcit{padding-top: 0px;}
.arcit img{ width:100%}
.wariInt2l {
   padding: 6% 5% 6% 5%;
    width: 100%;
}

.wariInt2l p{padding-top: 1px;    font-size: 14px;line-height: 26px; color:#CCCCCC}
.wariInt2l p img {
     padding-right: 3%; width:32%
}
.wariLeft2 {
    width: 100%;
    padding-top: 6%;
}
.wariLeft2  img{
    width: 100%;
 
 
 
}

.wariLeft2a {
    width: 100%;

}
.wariLeft2a  img{
    width: 100%;

}
.layout {
    width: 95%;
}
.historyBox .swiper-slide {
    max-width: 48%; margin-right:2%
}
.aboutBox03{padding:30px 0 60px 0;}

.aboutTit h2, .abcurBox .h2 {
    font-size: 20px;
}

.historyBox .box {
    background-color: #f6f6f6;
    padding: 20px;
    min-height: 250px;
    margin-bottom: 24px;
}

.wariInt2la {

    width: 100%;
}

.wariInt2la b {
    font-size: 20px;
    color: #0f38b4;
    line-height: 30px;
    margin-top: 10%;
}
.wariInt2la b p {
    font-size: 16px;
    color: #333;
    line-height: 25px;
    
}
.wariInt2la p {
    font-size: 14px;
    color: #7e7e7e;
    text-align: left;
    padding-top: 5px;
    line-height: 25px;
    padding-top: 1px;
}
.asdfp10{ padding-left:0}

.leia{ padding-right:0}
 .banner {
    display: none;
  }
  .m-banner {
    display: block;
  }
.pub_cate ul li a {
    padding: 10px 10px;
    font-size: 14px;
}
.In-news .F-news-fl, .In-news .F-news-fr, .In-newsL ul li, .proct-fl, .proct-fr {
    width: 100%;
}
.proa {
      padding: 0 1% 32px;  margin-top:30px
}

.indtit {
    width: 100%;
    margin: 0 auto;
}
.p80 {
    padding-top:40px;
}
.tabox .hd li {
    position: relative;
    margin-left: -1px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 25%;
    float: left;
    border: 1px solid #ddd;
    border-top: 0; font-size:12px
}
.ping .scroll .pos {
    position: absolute;
    top: 20px;
    cursor: pointer;
    outline: 0;
}
.float_qq { display:none
}
.gongneng {
    float: left;
    width: 100%;
    padding-top:25px;
    background-color: #f3f3f3;
    padding-bottom: 30px;
}
.tabox .hd li.on {
    width: 25%;
    background: #0f39b5;
    color: #fff;font-size:12px
}
.tabox .lh li {
    width:46%;
    padding: 20px; margin-left:2%; margin-right:2%;
    float: left;
}
.tabox .lh li img{ width:100%
}
.top {
    float: left;
    width: 100%;
    padding: 15px 0;
}
.indxw-loop {
    width: 100%;
    float: left;
}
.indxw-list {
    width:100%;
    float: right;
}
.indtit-wd p {font-size: 22px;}
    .indtit-wd h6 {font-size: 18px;}
    .indtit-xm {padding-top: 8px;}
    .indxm {padding: 38px 4% 40px;}
    .indxm-loop, .indxw-item {margin-top: 32px;}
    .indxm-line {margin-top: 28px;}
    .indxm-link h1{font-size: 18px;}
    .indtit-xw {padding-top: 8px;}
    .indtit-xw a{width: 104px;}
    .indxw-loopimg{min-height: 200px;}
    .indxw-loopwd {padding: 16px 18px 28px;}
    .indxw-loop .swiper-pagination{width: 100%;bottom: 6px;}
    .swiper-slide-active .indxw-loopwd span, .swiper-slide-active .indxw-loopwd h1{animation: none;}
    .indxw-listimg h6 {font-size: 28px;}
    .indxw-listimg {width: 86px;height: 86px;}
    .indxw-listwd {width: calc(100% - 86px);padding-left: 20px;padding-top: 6px;}
    .indxw {padding: 0 4% 42px;}
    .indxw-loopimg {height: 220px;}
    .indxw-listimg p {font-size: 16px;}
.jiage {

    padding-top:2px;


}
 .service-center .layout .fr-box {
    margin-top: 15px;
    /* display:none */
  }
  .service-center .layout .fr-box .box {
    position: relative;
    width: 100%;
    padding: 0;
    top: 0;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); border-bottom:1px solid #E6E6E6 ; padding-bottom:30px;
  }

  .service {

    -webkit-background-size: cover;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    height: 380px;
    float: left;
    width: 100%;
padding-top: 0;margin-top: 30px;

}


.pub_cate ul li {
    margin: 5px 5px 5px 0px; }


.ping .scroll .box ul li p {
    text-align: center;
    font-size: 14px;
}
.gongneng ul li:nth-of-type(5) {
       margin-left:1%; margin-right:1%;
}
.gongneng ul li {
    width:48%;
    float: left;
    margin-left:1%; margin-right:1%;
    margin-bottom: 2%;
    border: 1px solid #E8E8E8;

    background-color: #FFFFFF;
    padding: 10px;
}
.gongneng ul li:nth-of-type(1) {
    margin-left:1%; margin-right:1%;
}

.index_product_buy_bg {margin:0 auto;position:relative; width:100%; height:200px;background-image:url("../img/dibu15.png")}

.box ul li .pict {
    width: 100%;
    
}
.news ul li:nth-of-type(1) {
    margin-left: 1%; margin-right:1%;
}
.news ul li:nth-of-type(4) {
   margin-left: 1%; margin-right:1%;
}


.gongneng ul li .text h2 {
    color: #000000;
    font-size: 16px;
    text-align: center;
}

.footer{ padding-bottom:10px;}
.news ul {margin-top: 20px;}
.about-banner {max-height:auto;min-height:auto;margin-top:50px;background: #275a86;padding:5% 0 5% 0; }
.about-banner-content {width: 100%;left:auto;top:auto;height:auto; margin-left:0px;position:relative; }
.about-banner-content h1{ font-size: 24px;position:relative;right:auto;top:auto;text-align: center;color: #fff;padding-bottom:10px;display: block;}
.about-banner img {display: none;}
.about-nav {position:relative;width: 100%;margin-left:0px;left:auto;bottom:auto;text-align: center;}
.about-nav a { padding:1% 3%;display:inline-block; width:auto;float: none;font-size: 14px;margin:0.1%;border: 1px solid #ccc;width: 25%;margin-bottom: 3%;margin-left: 2%;}
.about-nav a.cur {color:#fff;background:#65c6ff;}
.mb-rolling-top {display: block!important;}
.pc-rolling-top {display: none!important;}
.calculator .title {
    font-size: 22px;
    margin-bottom: 15px; text-align:center
}
.calculator{ background-image:url(../img/biaojia.jpg);
    height: 176px;
    width: 100%;
    line-height: 1;
}


.baojia .left_s .input_text {
    width: 100%;
    height: 44px;
    padding: 0 10px;
    border: 1px solid #ebebeb;
}
.footer-container {
    padding: 6px 0 45px;
    background: #f2f2f2;
}
.F-nav {
    width: 50%;
    float: left; margin-left:0%;    padding-top: 30px;
}

.F-nav:nth-of-type(5) {
    width: 100%;
   
}
.In-newsL ul li .newleft {

    width: 100%;
}
.In-newsL ul li .note {

    width: 100%;
}

.artInfo-left .artInfo-name {

    font-size: 20px;

}
.dowebok ul li{ height:170px; width:48%; margin-left:2%}


.F-nav dd img {
    padding-top: 10px;
    padding-right: 15px; width:50%
}
.ind-abt dl {
    background: #f6f6f6;
    position: relative;
    padding: 70px 5%;
    overflow: hidden;
}
.F-nav dd {
    margin: 5px 0 0;
    color: #666;
    line-height: 30px;
}
.F-nav dd b {
    font-size:14px;
}
	
	.ind-abt .intro {
    padding: 0px 5%;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
}
.news ul li .text p {
    color: #444;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    background-color: #FFFFFF;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    word-wrap: break-word;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
	.ind-abt dl dd span {
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    color: #0f39b5;
    display: block;
    margin-bottom: 5px;
}
.banner_buy_exmail_custom {
    height: 200px; background-color:#CCCCCC

}

.jiage ul li .pict p {
    text-align: center;
    color: #FFFFFF;
    padding-top: 20px;
    font-size:16px;
}
.jiage ul li .pict p span{

    font-size:12px;
}

.jiage ul li .text p {
    font-size: 12px;
   
}
.jiage ul li .pict h2 {
    text-align: center;
    color: #FFFFFF;
    padding-top: 30px;
    font-size: 20px;
}

.jiage ul li .text span {
    display: block;
    color: #989898;
    text-align: center;
    margin-top: 40px;
    border: 1px solid #CCCCCC;
    width: 80%;
    height: 40px;
    margin: 0 auto;
    line-height: 40px; font-size:14px
}
.proleft {
    float: left;
    width: 100%;
    background: #fff;
}
.proright {
    float: right;
    background: #fff;
    width: 100%;
    padding-top: 15px;
}
.proright ul li {
    width: 100%;
    float: left;

}
.proright ul li .newleft {
    float: left;
    width: 100%;
}
.proright ul li .note {
    padding: 1% 1% 1% 1%;
    float: right;
    width: 100%;
}
.proright ul li h4{ font-size:18px; text-align:center}

.proright ul li .textspan {
    border-bottom: 1px solid #333333;
    margin: 5px 20px 20px 20px;
    font-size: 16px;
    line-height: 26px; padding-bottom:15px
}
.proright ul li .text p {
    font-size: 12px;
    line-height: 23px;
    margin: 20px;
    color: #777;
}
.prodaa {
    float: left;
    width: 100%;
    padding-top: 24px;
    padding-bottom: 20px;
}
.index_product_buy_opt_txt{ font-size:20px;}
.footer .copyright p img{ width:100%}
.calculator .content{
		width: 100%;
	}
	.calculator{
		height: auto;
	}
	.calculator li{
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
	}
	.calculator li:last-child{
		width: 100%;
	}
	.calculator .open{
		margin: 0 auto;
	}
	.calculator .description{
		text-align: center;
	}
	.calculator .content{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.calculator .title{
		font-size: 22px;
		margin-bottom: 15px;
	}
	.calculator .sub-title{
		font-size: 16px;
	}
	.calculator .buy{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.calculator .text{
		margin-bottom: 15px;
	}
	.calculator .open{
		width: 150px;
		height: 35px;
		line-height: 35px;
		font-size: 16px;
		margin-bottom: 10px;
	}



.partners{
		margin-top: 40px;
		margin-bottom: 30px;
	}
	.partners .title{
		font-size: 22px;
		padding: 0 10px;
		line-height: 1.3;
	}
	.partners .content{
		width: 100%;
	}
	.partners li{
		width: 33.3%;
		height: 100px;
		line-height: 100px;
	}
	.partners li img{
		max-width: 85%;
		max-height: 85%;
	}
	.partners li:before,.partners li:after{
		display: none;
	}
	

 .box-xs-rel {
    position: relative !important;
  }
  .box-xs-h240 {
    height: 240px;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .box-xs-lr {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .box-xs-none {
    display: none;
  }
  .box-xs-show {
    display: block;
  }
  .box-xs-pr0 {
    padding-right: 0 !important;
  }
  .box-xs-pt0 {
    padding-top: 0 !important;
  }
  .box-xs-pl0 {
    padding-left: 0 !important;
  }
  .box-xs-mt0 {
    margin-top: 0 !important;
  }
  .box-xs-ml0 {
    margin-left: 0 !important;
  }
  .box-xs-mh-auto {
    min-height: auto !important;
  }
  .box-xs-mt20 {
    margin-top: 20px !important;
  }
  .box-xs-tac {
    text-align: center;
  }
  .box-xs-fr {
    float: right;
  }
  .box-xs-fl {
    float: left;
  }
  .fz-xs-20 {
    font-size: 20px !important;
  }
  .fz-xs-18 {
    font-size: 18px !important;
  }
  .fz-xs-16 {
    font-size: 16px !important;
  }
  .fz-xs-14 {
    font-size: 14px !important;
  }
  .fz-xs-10 {
    font-size: 10px !important;
  }
  .fz-xs-30 {
    font-size: 30px !important;
  }
  .box-xs-ptb30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .box-hei-auto > .pict {
    height: auto !important;
  }
  
 .recruitDl dt span:nth-child(1) {
    display: block;
    width: 92%;
}
.recruitDl dt span {
    display: none;
} 
  
   .col-xs-12 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: left;
  }
.col-sm-6{ width:100%}
.col-sm-5 {width:100%;}
.col-sm-3 {width:100%;}
.col-sm-8 {width:100%;}
.col-sm-7 {width:100%;}
.col-sm-9 {width:100%;}
.col-sm-4{ width:100%}
.col-sm-10 {width:100%;}
.col-sm-11 {width:100%;}
.col-sm-12 {width:100%;}

.aboutLeft {
    float: left;
    padding-bottom: 10px;
}
.aboutInt {
    float: right;
    margin-top: 20px;
    margin-right: 0px;    padding-bottom: 50px;
}
.aboutInt b {
    font-size: 26px;
    color: #cbcbcb;
    line-height: 120%;
}
.aboutInt p.zwc {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    color: #000000;
}

.news-title h2 {
    font-size: 32px;
    color: #0a345c;
    font-weight: bold; line-height:40px;
}
.newsbga{ background-color: #0f38b4;}
.news {
    background-color: #fff;
    height: 100%;
    padding-top: 60px;
}
.news-title p {
    font-size: 20px;
    color: #6b6b6b;
    line-height: 30px;
    padding-bottom: 40px;
}
.newslist ul li {
    width: 97%;
    box-shadow: 1px 3px 8px 1px rgba(0, 0, 0, 0.1);
    margin-left: 2%; margin-bottom:5%
}

.products_list ul li .img {
    height: auto;
    overflow: hidden;
    float: left;
    width: 100%;    margin:20px;
}
.newslistimg {
    transition: all 1s;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.products_list ul li .text .time {
    color: #f2af3a;
    font-size: 16px; padding-top:5px;
}
.wariInt3 p {
    font-size: 14px;
    color: #666666;
    text-align: left;
    padding-top: 5px;
    line-height: 28px;
}

.products_list ul li .text {
    overflow: hidden;
    border-left: 0;
    margin: 20px;
    padding-left: 10px;
}
.products_list ul li .text h3 {
    font-size:18px;
    margin-bottom: 2px;
    line-height: 20px;
    color: #0a345c;
}
.products_list {
    padding-top: 20px;
}
.news_details .d_text {
    background: #f6f6f6;
    padding: 20px;
}
.news_details {
    position: relative;
   padding-top: 0px; 
    padding-bottom: 0px; 
}

.finden ul li {
    width: 50%;
    float: left;
 padding-left:2%; padding-right:2%
}

.finden ul li p {
    font-size: 14px;
    line-height: 20px;
    margin-left: 27px;
}
.powert h2 {
    font-size: 24px;
    font-weight: bold;
    color: #0a345c;
    text-align: center;
    padding-bottom: 10px;
}
.powert {
    font-size: 14px;
    line-height: 26px;
    padding-top: 50px;
    text-align: center;
    padding-bottom: 40px;
}
.texta {
    font-size: 16px;
    color: #0a345c;
    line-height: 40px;
    text-align: center;
}
.findenimg img{ width:100%
}
.liaojie .wrap ul li .boxs h2 {
    color: #fff;
    font-size: 20px;
    line-height:30px;
}
.news ul li .text h2 {
    font-size: 14px;
}
.p50 {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 14px;
    line-height: 25px;
}
.news-title h2 {
    font-size: 32px;
    color: #0a345c;
    font-weight: bold; line-height:40px;
}
.news ul li .text {
    padding: 1px 1px;
    border-top: none;
}
.news ul li .pict img { width:50%; padding-top:15px
}
.news ul li .pict {
    height: 90px;
    overflow: hidden;
    text-align: center;
}
.news {
 
    height: 100%;
    padding-top:20px;
}

.wariInt2l b {
    font-size: 25px;
    color: #fff;
    line-height: 30px;
    margin-top: 10%;
}

.news-title p {
    font-size: 20px;
    color: #6b6b6b;
    line-height: 30px;
    padding-bottom: 40px;
}
.newslist ul li {
    width: 97%;
    box-shadow: 1px 3px 8px 1px rgba(0, 0, 0, 0.1);
    margin-left: 2%; margin-bottom:5%
}

.news_list ul li .img {
    height: auto;
    overflow: hidden;
    float: left;
    width: 100%;
}
.newslistimg {
    transition: all 1s;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.news_list ul li .text .time {
    color: #f2af3a;
    font-size:14px;
}
.wariInt3 p {
    font-size: 14px;
    color: #666666;
    text-align: left;
    padding-top: 5px;
    line-height: 28px;
}
.news_list {
    padding-top: 20px;
}
.news_list ul li .text h3 {
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 26px;
    color: #0a345c;
}
.news_list ul li .text {
    overflow: hidden;
    border-left: 0;
    height: 100%;
    padding: 20px;
}
.news_list ul li .text p {
    color: #666;
    font-size: 12px;
    line-height: 20px;
}
.news_details .d_text h2 {
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2em;
    margin-bottom: 10px; font-weight:bold
}
.news_details .d_text .text div {
    margin-bottom: 15px;
    line-height: 26px;
    font-size: 14px;
}
.news_details .d_text .text div  img{
      max-width: 100% ! important;
    height: auto ! important;
}
}
.Service .Ser_yx .Ser_gg a { width: 50%; }

  .Service .Ser_zx > ul > li {     margin-bottom: 20px;
    border: 1px solid #d3d3d3;
    padding: 30px 60px;
    width: 100%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
} 

  .Service .Ser_zx .zx_img { display: none; }

  .Service .Ser_zx .zx_txt { width: 100%; }

  .Service .Ser_zx .zx_txt h4 { line-height: 28px; }

  .Service .Ser_zx .zx_txt h4 span { font-size: 14px; }

  .Service .Ser_zx .zx_txt h4 a { width: 90px; height: 28px; font-size: 12px; }

  .Service .Ser_zx .zx_txt h5 em { font-size: 12px; }

  .Service .Ser_zx .zx_txt p { font-size: 12px; line-height: 20px; }
   .wrap {  padding: 0 4%; width:100% }
   .Service .Ser_mian {
    float: none;
    width: 100%;
}
.Service {
    padding: 4% 0;
    width: 100%;
    margin: 0 auto;
}
}