﻿@charset "utf-8";
html{font-size:62.5%;}
body{margin:0px; font-size:12px; color:#91989f; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei; cursor:default;}
*{padding:0px; margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei;}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal; color:#555;}
input,select,button{font-size:12px; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#91989f; text-decoration:none;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;}
a:hover{color:#005caf;}
.clear{overflow:hidden; clear:both; height:0px;}
.fl{float:left;}
.fr{float:right;}

.con{width:80%; margin:0 auto;}
.container { width:80%; margin:0 auto}
.header{width:100%; position:fixed; top:0; left:0; z-index:10;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on{ background:rgba(255,255,255,0.9);box-shadow:0 0 10px #aaa;}
.header .container{}
.header .logo{width:230px;  float:left; margin:30px 0 0;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}

.header .logo img{ width:100%; display:block;}
.header .logo .img2 { display: none}
.header.on .logo .img1{ display:none}
.header.on .logo .img2 { display:block}
.header .an{position:absolute; top:50%; right:15px; height:18px; width:30px; display:none;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.header .an span{width:30px; height:2px; background-color:#555; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .right {float: right;text-align: left;margin-left:0px;}
.header .right .ss {line-height:95px;display: inline-block;padding: 0 15px;position: relative;color: #fff;}
.header.on .right .ss {color: #333;
}
.header .right i {font-size: 20px;}
.header .right .wx {line-height:95px;display: inline-block;padding: 0 15px;position: relative;color: #fff;}
.header.on .right .wx {color: #333;
}
.header .right .wx .e_j {position: absolute;width: 120px;left: 50%;margin-left: -60px;top: 90px;background: #fff;display: none}
.header .right .wx .e_j img {width: 100%;display: block;}
.header .right .wx .e_j p {line-height: 1.8;color: #333;text-align: center;}
.header .right .wx:hover .e_j{display: block;}
.header .language{float:right;  text-align:center; line-height:100px; color:#fff;   margin-left:15px; cursor:pointer; position:relative; z-index:9; font-size:16px }
.header.on .language{color:#333;}
.header .language .l_m i{display:inline-block; vertical-align:middle; margin-top:-2px; margin-right:5px;}
.header .language .x_l{width:120px; padding-top:8px; position:absolute; top:58px; left:50%; margin-left:-60px; display:none;}
.header .language .x_l:before{width:0; height:0; border-right:10px solid transparent; border-left:10px solid transparent; border-bottom:8px solid #535352; content:""; position:absolute; top:0; left:50%; margin-left:-10px;}
.header .language .x_l ul{padding:5px 15px; background-color:#535352;}
.header .language .x_l ul li a{color:#ddd; line-height:36px; display:block;}
.header .language .x_l ul li a:hover{color:#0068b7;}
.search{width:100%; padding:30px 5%; background-color:#f7f7f7; position:fixed; top:0; left:0; z-index:99; display:none;box-sizing: border-box;}
.search .an_sj {width: 5%;line-height: 52px;color: #555;float: right;text-align: right;}
.search input.w_z{width:90%; height:52px; border-radius:0; font-size:18px; line-height:52px; color:#555; float:left; -webkit-appearance:none;}
.search button.s_c{width:5%; height:52px;font-size:18px; line-height:52px; text-align:center; float:left; -webkit-appearance:none;font-weight: bold;}
.search i {font-size: 18px;}
.header .nav{ float:right;}
.header .nav i{font-size:12px; color:#aaa; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display:none;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}

.header .nav ul li{margin:0 2px; line-height:95px; float:left; padding:0 20px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .nav ul li a{display:block; font-size:16px; color:#fff;text-shadow: 0 0 3px #000; text-transform:capitalize}
.header.on .nav ul li a {color: #333;text-shadow: 0 0 0 #000;}
.header .nav ul li span{width:0; height:2px; background-color:#0068b7; position:absolute; right: 0; bottom:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
}
.header.on .nav ul li span{background-color: #0068b7;}
.header .nav ul li:hover span{width:100%;left: 0;}
.header .nav ul li.on span{width:100%;}
.header .nav ul li.po{position: relative;}
.nav .y_j{position:relative;}
.nav .e_j{width:100%; position:absolute; top:95px; left:0; z-index:9999;border-top: rgba(255,255,255,1) 1px solid;background-color:rgba(255,255,255,0.9);opacity:0; visibility:hidden;
transform:translateY(10px);
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
-ms-transform:translateY(10px);
-o-transform:translateY(10px);
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.nav .e_j.xdh {width: 150px; left: 50%;margin-left: -75px;padding: 15px 0;}
.nav .e_j.pp {}
.nav .e_j .box {padding: 35px 0; overflow: hidden;}
.nav .e_j.pp .container-fluid {display: flex;justify-content:flex-end;}
.nav .e_j.pp .tw {width: 15%;margin: 0 1%;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.nav .e_j.pp .tw:hover{transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.nav .e_j.pp .tw img {max-width:100%;}
.nav .e_j.pp .tw p {font-size: 16px;margin-top: 15px;color: #333;text-align: center;}
.nav .e_j.cp {}
.nav .e_j.cp .lm {width: 230px;float: left;}
/*.header.on .nav .e_j{box-shadow:0 2px 2px #aaa;}*/
.nav .e_j.ab .container-fluid {display: flex;justify-content:flex-end;}
.nav .e_j.ab a {padding: 0 25px;line-height: 1.2;}
.header .nav ul li .e_j a{display:block; font-size:14px; color:#333; line-height:40px;font-weight: normal;text-align: center;text-shadow: 0 0 0 #000;}
.header .nav ul li .e_j a:hover{color: #0068b7;}
.header.on .nav ul li .e_j {top: 95px;}

@media (min-width:1024px){

.header .nav ul li:hover .e_j{opacity:1; visibility:inherit;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);}
.head_h { height: 95px;display: none;}
}


.gallery-top{width:100%; position:relative;}
.gallery-top .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-top .swiper-pagination{bottom:20px !important;}
.gallery-top .swiper-pagination-bullet {width:15px; height:15px; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.gallery-top .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#000}
.ban{width:100%; position:relative;}
.ban .swiper-slide{width:100%; height:100vh;}
.ban .swiper-pagination{bottom:20px !important;}
.ban .swiper-pagination-bullet {width:15px; height:15px; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background: none;border: #fff 1px solid;}
.ban .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#0068b7;border: #0068b7 1px solid;}

.ban .swiper-slide .bg1 {
	position: absolute;
    height: 100vh;
	overflow: hidden;
	width:100%;
	left:0px !important;
	top:0px;z-index: 5;
}

.ban .swiper-slide .bg1 img {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: transform 7.6s linear;
	-moz-transition: transform 7.6s linear;
	-o-transition: transform 7.6s linear;
	-ms-transition: transform 7.6s linear;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
}
.ban .swiper-slide.swiper-slide-active .bg1 img {
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	-ms-transform: scale(1.0);
	filter:alpha(opacity=100); 
    -moz-opacity:1; 
    -khtml-opacity:1; 
    opacity: 1; 
}

.ban .swiper-slide .word {
	position: absolute;
	left:10%;width: 80%;
	height: 246px;
	top: 50%;
	margin-top: -103px;
	z-index: 10;text-align: left;
}

.ban .swiper-slide .word h4 {
	display: block;font-size: 22px;color: #fff; margin-top: 20px;
	transform: translateY(20px);
	filter:alpha(opacity=0); /* IE */
    -moz-opacity:0; /* 老版Mozilla */
    -khtml-opacity:0; /* 老版Safari */
    opacity: 0; /* 支持opacity的浏览器*/
	transition: all .2s linear .4s;
	-webkit-transition: all .2s linear .4s;text-shadow: 0 0 10px #333;
}

.ban .swiper-slide .word h3 {
	font-size: 60px;
	color: #fff;letter-spacing: 1px;
	line-height: 60px;
	margin: 15px 0 25px 0;
	transform: translateY(20px);
	filter:alpha(opacity=0); /* IE */
    -moz-opacity:0; /* 老版Mozilla */
    -khtml-opacity:0; /* 老版Safari */
    opacity: 0; /* 支持opacity的浏览器*/
	transition: all .2s linear .2s;
	-webkit-transition: all .2s linear .2s;font-weight: bold;text-shadow: 0 0 20px #333;
}


.ban .swiper-slide .word a.xq {
	display: block;
	width: 200px;
	height: 50px;
	font-size: 16px;background:#0068b7;
	color: #fff;
	box-sizing: border-box;
	padding: 0 30px;
	line-height: 50px;
	position: absolute;
	bottom: 20px;left:0; 
	transform: translateY(20px);
	filter:alpha(opacity=0); /* IE */
    -moz-opacity:0; /* 老版Mozilla */
    -khtml-opacity:0; /* 老版Safari */
    opacity: 0; /* 支持opacity的浏览器*/
	transition: all .2s linear .6s;
	-webkit-transition: all .2s linear .6s;border-radius:30px; text-align: center
}
.ban .swiper-slide .word.l1 a.xq {
	bottom: 0;left: 0%;margin-left:0px;
}

.ban .swiper-slide .word a.xq:after {
	content: '';
	display: block;
	width: 15px;
	height: 14px;
	background: url(../images/rights.png) no-repeat;
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -7px;
}


.ban .swiper-slide.swiper-slide-active .word h4 {
	transform: translateY(0);
	filter:alpha(opacity=100); /* IE */
    -moz-opacity:1; /* 老版Mozilla */
    -khtml-opacity:1; /* 老版Safari */
    opacity: 1; /* 支持opacity的浏览器*/
   
}

.ban .swiper-slide.swiper-slide-active .word h3 {
	transform: translateY(0);
	filter:alpha(opacity=100); /* IE */
    -moz-opacity:1; /* 老版Mozilla */
    -khtml-opacity:1; /* 老版Safari */
    opacity: 1; /* 支持opacity的浏览器*/
}

.ban .swiper-slide.swiper-slide-active .word a.xq {
	transform: translateY(0);
	filter:alpha(opacity=100); /* IE */
    -moz-opacity:1; /* 老版Mozilla */
    -khtml-opacity:1; /* 老版Safari */
    opacity: 1; /* 支持opacity的浏览器*/
}




.tit { margin-bottom:50px; text-align:center}
.tit h1 { font-size:32px; color:#333; margin-bottom:15px; position:relative; font-weight: bold}
.tit h3 { font-size:14px; color:#666; margin-top:25px;}

.title { height:66px; position:relative; text-align:center; margin-bottom:50px;}
.title .en { font-size:60px; color:#eaf1f6; position: absolute; left:0; top:0; width:100%; height:56px; z-index:2; text-transform:uppercase;font-weight: bold;}
.title .cn { font-size:40px; color:#333; line-height:30px; height:30px; width:100%; text-align:center; left:0; bottom:0; position:absolute; z-index:9;font-weight: bold;}

.title .line { margin-top: 15px}

.title .line:before {
    display: inline-block;
    content: '';
    height: 1px;
    width: 80px;
    background: #ccc;
    vertical-align: middle
}

.title .line:after {
    display: inline-block;
    content: '';
    height: 1px;
    width: 80px;
    background: #ccc;
    vertical-align: middle
}

.title .line .dot {
    display: inline-block;
    width: 40px;
    height: 1px;
    position: relative;
    vertical-align: middle
}

.title .line .dot:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #e74c3c;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: -9px
}
.title2 { height:66px; position:absolute; text-align:center; margin-bottom:35px;width: 100%;left: 0;top: 50px;z-index: 1000;}
.title2 .en { font-size:54px; color:rgba(255,255,255,0.2); position: absolute; left:0; top:0; width:100%; height:56px; z-index:2; text-transform:uppercase; font-weight: bold;}
.title2 .cn { font-size:36px; font-weight: bold;color:#fff; line-height:30px; height:30px; width:100%; text-align:center; left:0; bottom:0; position:absolute; z-index:9; }
.content{overflow: hidden;}

.index4{padding:70px 0; position: relative; background:url(../images/j18.jpg) center no-repeat; background-size:cover;}
.index4 .text{width:48%; float:left; padding:0px 0 35px 0;}
.index4 .text .H4{font-size:36px; color:#ccc; text-transform: uppercase; font-weight: bolder; font-family: Arial;}
.index4 .text .bold{font-weight: bold;}
.index4 .text .thin{font-weight:normal;}
.index4 .text .H5{font-size:36px; color:#313131; padding:5px 0 20px 0; position: relative;font-weight: bold;}
.index4 .text .H5::after{width:40px; height: 1px; content: ""; position: absolute; bottom:0; left: 0; background-color:#666666; opacity: .3;}
.index4 .text .p{font-size:17px; color:#333; line-height: 2; margin: 30px 0;letter-spacing: 1px;}
.more2{display:block; width:140px; height: 38px; line-height: 38px;background: linear-gradient(135deg,#0068dd,#00aeee);  text-align: center; font-size:16px; color:#fff;border-radius:5px;}
.more2 a{ color:#fff}
.index4Num{margin-top:45px; padding-top:60px; border-top:1px solid #e4e4e4;display: flex;justify-content: space-between;}
.index4Num .list{font-weight:bolder; float:left; }
.index4Num .list:nth-child(2){float:right;}
.index4Num .big{font-size:60px; color:#0068b7; font-family: Arial; font-weight: bolder; line-height: 58px; display: inline-block;}
.m2a h3 i{
	font-weight: bold;
	font-size: 60px;
  color: #0068b7;
	margin-right: 10px; font-style:normal
}
.m2a h3 {
  display: inline-block;
  font-size: 16px;
  color: #5a5a5a;
  line-height: 20px;
  vertical-align: middle;
  font-weight: normal;
}
.m2a span{	font-weight: bold;
  font-size: 24px;
  color: #0068b7;
  margin-right: 10px;
  font-style: normal;} 
.index4Num .small{font-weight:normal; display:inline-block;font-size:30px; color:#0068b7; font-family: Arial;line-height: 20px; margin: 0 20px 0 3px; vertical-align: bottom;}
.index4Num .p2{display:inline-block; font-size:16px; color:#5a5a5a; line-height: 20px; vertical-align: middle;font-weight:normal; }
.videoR{ width:48%;padding:0 0 32px 5%; background:url(../images/p13.png) left bottom no-repeat; background-size: 93% 91.58% ;float: right;box-sizing: border-box;}
.videoR .pic{height:auto;overflow: hidden;}
.videoR .playBtn{width:90px; height: 90px; position: absolute; top:37.98%; left: 11.11%; cursor: pointer;}
.videoBox{width:100%; height: 100%; position: fixed; top:0; left: 0; z-index: 99999; background-color:rgba(0,0,0,0.4); display: none;}
.videoBox2{width:50%; position:fixed; top:50%; left: 50%; z-index: 999999; display: none;
	-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.videoBox2 .aboutVideo{display:block; width:100%; min-height: 10px; background: #000;}
.videoBox2 .close3{width:25px; height: 25px; position: absolute; top:-15px;right:-15px;}

@media screen and (max-width:1549px){
	.index4Num .big{font-size:60px;}
}
@media screen and (max-width:1199px){
	.index4{padding:60px 0;}
	.index4Num .big{font-size:50px;}
	.index4Num .p2{display:block;}
	.videoR{padding:0 0 30px 30px;}
	.videoR .playBtn{width:60px; height: 60px; left: 0px;}
	.index4Num{margin-top:30px; padding-top:30px;}
	.index4 .text .H4{font-size:28px;}
	.index4 .text .H5{font-size:22px;}
	.videoBox2{width:90%;}
}
@media screen and (max-width:767px){
	.index4{padding:40px 0 30px 0;}
	.index4 .text{padding:0; width:100%;}
	.videoR{position:relative;}
	.index4 .text .H4{font-size:20px;}
	.index4 .text .H5{font-size:16px; padding:10px 0;}
	.index4 .text .p{font-size:13px; line-height: 22px; height: 110px; margin: 15px 0;}
	.more2{width:120px; font-size:12px;}
	.index4Num{margin-top:20px; padding-top:20px;}
	.index4Num .big{font-size:30px; line-height: 30px;}
	.index4Num .p2{font-size:13px; margin-top:5px;}
	.videoR{width:100%; top:auto; margin-top:20px; padding:0 0 20px 20px;}
	.videoR .pic{background:none !important; height: auto;}
	.videoR .playBtn{width:30px; height: 30px; top:50%; margin-top:-15px; left: 5px;}
.m2a h3 i{
	font-weight: bold;
	font-size: 30px;
  color: #0068b7;
	margin-right: 10px; font-style:normal
}	
.m2a span{ display:block}
}


.sy_gy {padding: 7em 0;overflow: hidden;}
.sy_gy .nr {margin: 0 auto;position: relative;}
.sy_gy .tp {width: 65%;float: right;}
.sy_gy .tp img {width: 100%;display: block;}
.sy_gy .wenz {width: 40%;position: absolute;z-index: 9;background: rgba(255,255,255,0.95);padding: 50px 50px;left: 0;top: 55px;box-sizing: border-box;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;box-shadow: 0px 0px 20px #ccc;}
.sy_gy .wenz .tit h1 {
    font-size: 28px;
    color: #333;
    margin-bottom: 38px;font-weight: bold;
    position: relative;
}
.sy_gy .wenz h2 {font-size: 40px;color: #ccc;text-transform: uppercase;line-height: 1.4;font-weight: normal;} 
.sy_gy .wenz h3 {font-size: 30px;margin-bottom: 25px;color: #333;line-height: 1.8;font-weight: normal;}
.sy_gy .wenz p {font-size: 16px;line-height: 2;color: #555;}
.sy_gy .wenz .more{width:160px;margin-top: 30px;height: 45px;position: relative;text-align: center;border-radius: 25px;overflow: hidden;border: #ccc 1px solid;}
.sy_gy .wenz .more a {font-size: 14px;display: block;line-height:45px;color: #333;position: relative;z-index: 3;}
.sy_gy .wenz .more a i {margin-left: 8px;}
.sy_gy .wenz .more span {position: absolute;left: 0;width: 0%;height: 100%;top: 0;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;background: #0068b7;}
.sy_gy .wenz .more:hover span{width: 100%;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.sy_gy .wenz .more:hover a{color: #fff;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}

.sy_gy .wenz:hover{transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);}
.sy_ditu {padding: 60px 0;}

.sy_ditu .left {width: calc(100% - 1000px);float: left;margin-top: 100px}
.sy_ditu .left h3 { font-size: 25px;color: #333;font-weight: bold;margin-bottom: 20px;}
.sy_ditu .left a {float: left; display: block;margin: 0 10px 10px;line-height: 32px;font-size: 18px;color: #666;}
.sy_ditu .left a:hover{color: #0068b7;}
.sy_ditu .left .more {width: 130px;border: #0068b7 1px solid;background: #0068b7; line-height: 40px;color: #fff;text-align: center;margin-top: 50px;border-radius: 5px;}
.map {width:950px;float: right;position: relative;}
.m4_l10 {
    position: absolute;
    bottom:30px;
    right: 0;
}
 
.indcase{width: 100%;overflow: hidden;padding-top: 60px;}
.indcase .con {position: relative;}
.indcase-title{width: 100%;padding: 88px 0 30px;}
.indcase-title .indtit h4{color: #fff;}
.indcase-title .indtit p{color: #a3a3a3;}
.indcase-title .contain{padding-right: 180px;position: relative;}
.indcase-more {position: absolute;right: 0;bottom: -4px;display: block;width: 132px;height: 36px;margin-left: 20px;line-height: 34px;border-radius: 5px;border: 2px solid #8589b2;font-size: 14px;text-align: center;color: #8589b2;transition: all .4s ease;}
.indcase-more span{position: relative;z-index: 2;}
.indcase-more span:after{content: "\f105";font-family: "FontAwesome";margin-left: 6px;font-size: 22px;display: inline-block;transform: translateY(2px);}
.indcase-more:after{content: "";width: 0;right: 0;height: 100%;background: linear-gradient(135deg,#0068dd,#00aeee);position: absolute;transition: all .4s ease;}
.indcase-more:hover{border: 2px solid #2386ee;color: #fff;}
.indcase-more:hover:after{width: 100%;right: auto;left: 0;}
.indcase-box{width: 100%;position: relative;}
.indcase-img{width: 100%;object-fit: cover;position: relative;min-height: 475px;}
.indcase-wd{position: absolute;z-index: 2;top: 50%;left: 0;transform: translateY(-50%);width: 100%;}
.indcase-wd-font{width: 540px;color: #fff;padding: 30px;background: rgba(0,0,0,0.65);opacity: 0;border-radius: 20px;}
.swiper-slide-active .indcase-wd-font{animation: indbanLeft 1s ease both .4s;}
.indcase-wd h2{font-size: 30px;margin-bottom: 15px;color: #fff;}
.indcase-wd p{font-size: 14px;line-height: 30px;}
.indcase-wd h2, .indcase-wd p{opacity: 0;}
.swiper-slide-active .indcase-wd h2{animation: indbanLeft 1s ease both .4s;}
.swiper-slide-active .indcase-wd p{animation: indbanLeft 1s ease both .6s;}
.swiper-slide-active .indcase-wd .indban-wd-link{animation: indbanOpacity 1s ease both .9s;}
.indcase-click{width: 100%;z-index: 4;user-select: none;margin-bottom: 10px;}
.indcase-click:after{content: "";position: absolute;bottom: 5px;width: 100%;height: 1px;background: #4bc0e9;opacity: .2;}
.indcase-click .equip-min{width: 100%;position: relative;text-align: center;cursor: pointer;}
.indcase-click .equip-min img {width: 40px !important;margin-bottom: 6px;height: auto !important;}
.indcase-click .equip-min p{font-size: 16px;color: #333;height:38px;line-height:38px;}
.indcase-click .equip-min i{position: absolute;width: 10px;height: 10px;border-radius: 50%;left: 50%;margin-left: -5px;bottom: -5px;background: #4bc0e9;}
.indcase-click .contain{position: relative;padding: 0 50px;}
.indcase-click .swiper-container{padding-bottom: 6px;}
.indcase-click .equip-min.cur i{width: 100%;border-radius: 0;height: 2px;left: 0;right: 0;margin: 0 auto;bottom: -1px;transition: width .6s ease;}
.indcase-click .equip-min.cur p{color: #205dab;}
.indcase-click-prev, .indcase-click-next{position: absolute;transition: all .4s ease;bottom:20px;z-index: 4;height: 34px;width: 34px;cursor: pointer;border-radius: 50%;background: #0068b7 url('../images/indcasearr.png') no-repeat left 10px center;overflow: hidden;border: 1px solid rgba(255, 255, 255, .2);}
.indcase-click-prev{left:-50px;}
.indcase-click-next{right:-50px;transform: rotate(180deg);}
.indcase-click-prev:hover, .indcase-click-next:hover{animation: casearr .6s linear both;}
.indcase-box .swiper-slide img {
    width: 100%;
    height: 556px;
    object-fit: cover;
}
@keyframes casearr{0%{background-position: left 10px center;}60%{background-position: -34px center;}60.0001%{background-position: 34px center;}100%{background-position: left 10px center;}}

.indban-wd-link a{display: inline-block;width: 140px;height: 38px;line-height: 38px;border-radius: 5px;overflow: hidden;font-size: 16px;text-align: center;margin-right: 10px;position: relative;color: #fff;margin-top: 30px;}
.indban-wd-link a:last-child{margin-right: 0;}
.indban-wd-link a span{position: relative;z-index: 2;}
.indban-wd-link a span:after{background: url(../images/rights.png) center no-repeat;font-family: "FontAwesome";margin-left: 6px;font-size: 22px;transition: all .4s ease;display: inline-block;transform: translateY(2px);height: 40px;position: absolute;}
.indban-wd-link a:first-child{background: linear-gradient(135deg,#0068dd,#00aeee);}

.indban-wd-link a:hover span:after{margin-left: 12px;}
.indban-wd h2, .indban-wd p, .indban-wd-link{opacity: 0;}
.swiper-slide-active .indban-wd h2{animation: indbanLeft 1s ease both .4s;}
.swiper-slide-active .indban-wd p{animation: indbanLeft 1s ease both .6s;}
.swiper-slide-active .indban-wd-link{animation: indbanOpacity 1s ease both .9s;}
@keyframes indbanLeft{0%{opacity: 0;transform: translateX(140px);}100%{opacity: 1;transform: translateX(0);}}
@keyframes indbanOpacity{0%{opacity: 0;transform: translateX(80px);}100%{opacity: 1;transform: translateX(0);}}

@media screen and (max-width:992px){
.indcase{width: 100%;overflow: hidden;padding-top: 20px;}

}


/*新闻*/
.zxzx .left {width: 40%;float: left;}
.zxzx .left img {width: 100%;display: block;}
.zxzx h4 {font-size: 14px;color: #888;margin: 15px 0;}
.zxzx h3 {font-size: 18px;color: #333;font-weight: bold;margin-bottom: 15px;}
.zxzx p {font-size: 14px;line-height: 1.8;color: #666;overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:2;}
.zxzx .more a {width: 140px;line-height: 38px;background: linear-gradient(135deg,#0068dd,#00aeee);;display: block;color: #fff;margin-top: 25px;font-size: 16px;text-align: center;border-radius:5px;}
.zxzx .more a i {margin-left: 15px;}
 
.zxzx .left .more a{margin-top: 40px}
.zxzx .right:hover .more a{background: #e60012;}
.zxzx .right {width: 56%;float: right;position: relative;}
.zxzx .hd {width: 80px;float: left;position: absolute;left: 0;top: 0;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}

.zxzx .hd li{ display:inline-block;width: 100%;writing-mode: tb-rl;
    font-size: 18px;letter-spacing: 1px;
    color: #ffffff;
    line-height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;color: #333;padding: 20px 0;margin: 35px 0}
.zxzx .hd li.on {border-right: #0068b7 2px solid;color: #0068b7;box-sizing: border-box;font-weight: bold;}
.zxzx .bd {width: calc(100% - 80px);float: right;border-left: #ccc 1px solid;box-sizing: border-box;}
.zxzx .bd ul li {width: calc(100% - 120px);margin-left: 120px;overflow: hidden;margin-bottom: 50px;}
.zxzx .bd ul li:nth-child(2){margin-left: 35px;}
.zxzx .bd ul li .tp {width: 20%;float: left;border-radius: 50%;overflow: hidden;}
.zxzx .bd ul li .tp img {width: 100%;display: block;border-radius: 50%;}
.zxzx .bd ul li .wenz {width:75%;float: right;}
.zxzx .bd ul li .wenz p {display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.zxzx .bd ul li:hover h3 {color: #0068b7;}
.zxzx {position:relative; padding: 70px 0 ; margin:0 auto ;background: #fff;}

.gg1 {
      top: 108px;
      right: 124px;
    }

    .gg2 {
      top: 165px;
      right: 142px;
    }

    .gg3 {
      top: 209px;
      right: 165px;
    }

    .gg4 {
      top: 280px;
      right: 255px;
    }

    .gg5 {
      top: 306px;
      right: 218px;
    }

    .gg6 {
      top: 385px;
      right: 213px;
    }

    .gg7 {
      top: 356px;
      right: 176px;
    }

    .gg8 {
      top: 414px;
      right: 168px;
    }

    .gg9 {
      top: 474px;
      right: 190px;
    }

    .gg10 {
      top: 515px;
      right: 256px;
    }

    .gg11 {
      top: 526px;
      right: 327px;
    }

    .gg12 {
      top: 460px;
      right: 285px;
    }

    .gg13 {
      top: 476px;
      right: 356px;
    }

    .gg14 {
      top: 400px;
      right: 280px;
    }

    .gg15 {
      top: 356px;
      right: 337px;
    }

    .gg16 {
      top: 413px;
      right: 416px;
    }

    .gg17 {
      top: 520px;
      right: 428px;
    }

    .gg18 {
      top: 326px;
      left: 438px;
    }

    .gg19 {
      top: 223px;
      left: 233px;
    }

    .gg20 {
      top: 519px;
      right: 232px;
    }

    .gg21 {
      top: 361px;
      right: 153px;
    }
.gg22 {
      top: 326px;
      right: 264px;
    }

.gg23 {
      top: 445px;
      right: 230px;
    }
.gg24 {
      top: 237px;
      right: 244px;
    }










.sy_td { padding:60px 0; overflow:hidden; background:#f6f6f6}
.sy_td ul li { width:360px; float:left; margin:0 60px 35px 0;}
.sy_td ul li .tu { margin:30px 0; text-align:center}
.sy_td ul li.last { margin-right:0}
.sy_td ul li .tu img { width:60px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.sy_td ul li:hover .tu img {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);}
.sy_td ul li h3 { margin:0 0 6px 0; text-align:center;font-size: 18px;font-weight: 600; color:#333}
.sy_td ul li p { font-size:14px; color:#555; line-height:1.5}



.hzhb {margin:60px auto 60px;}
.hzhb li { width:14%;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; border:#eee 1px solid; height:120px; display:table; float:left; text-align:center; position:relative;background: #fff;margin: 1%;border-radius: 10px;overflow: hidden;}
.hzhb li a { width:200px; height:120px; display:block;margin: 0 auto;}
.hzhb li .nrjz {display: table-cell;vertical-align: middle;text-align:center; width:200px; height:120px; margin:0 auto}
.hzhb li .nrjz img {margin: 0 auto;}
.hzhb li.bodnno { border-bottom:none}
.hzhb li.bodrno { border-right:none}
.hzhb li.bodtno { border-top:none}

.gg01_tc{ width:100%; height:120px;position:absolute;top:1px;left:0; text-align:center;display:table;

}
.sy_nl{padding: 60px 0;overflow: hidden;}
.sy_nl ul li{width: 30.3333%;margin: 0 1.5% 0px;float: left;box-sizing: border-box;}
.sy_nl ul li:nth-child(3){padding: 0;}
.sy_nl ul li img {width: 100%;display: block;}
.sy_nl ul li .mb {position: absolute;height: 100%;
    width: 100%;display: flex;justify-content:space-between;background:rgba(0,0,0,0.65);padding:30px 30px;box-sizing: border-box;}
.sy_nl ul li .mb .tb {width: 49px;}
.sy_nl ul li .mb .wenz {margin-left: 30px;width: calc(100% - 80px)}
.sy_nl ul li .mb .wenz h3 {font-size: 20px;
color: #fff;
margin-top: 0px;
font-weight: bold;
margin-bottom: 20px;}
.sy_nl ul li .mb .wenz p {position: relative;margin-bottom: 10px;font-size: 14px;
color: #fff;
line-height: 1.5;}
.sy_nl ul li .mb .wenz p::before{content: "●";margin-right: 10px;}
.advantage_dl {
    position: absolute;height: 100%;
    width: 100%;display: flex;justify-content:space-between;background:rgba(0,0,0,0.65);padding:30px 30px;box-sizing: border-box;
}
.advantage_dl dt {
}
.advantage_dl dt img{
	width: 90%;
}
.advantage_dl dt i {
    color: #0089ce;
    font-size: 40px;
}
.advantage_dl dd {margin-left: 30px;width: calc(100% - 80px)
}
.ad_titl {
    font-size: 80px;
    color: #d7d7d7;
    margin-bottom: 0px;
    font-weight: normal;
    letter-spacing: -6px;
    font-family: "Microsoft Yi Baiti";
}
.ad_name {
    font-size: 20px;
    color: #fff;
    margin-top: 0px;
    font-weight: bold;
    margin-bottom:20px;
}
.ad_con {
    font-size: 14px;
    color: #fff;
    line-height: 1.5;
}
.ad_con p {position: relative;margin-bottom: 10px;}
.ad_con p::before{content: "●";margin-right: 10px;}
.mt20{
	margin-top: 20px;
}

/*index-contact*/

.index-contact {

	min-width: 1200px;

	padding: 8em 0;

	background-image: url(../images/contact-bg.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-attachment: fixed;

	background-position: center top;

	position: relative;

}

.index-contact .cover {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background: rgba(0,0,0,0.5);

	z-index: 1;

}

.index-contact .s {

	position: relative;

	padding: 0 120px;

	z-index: 100;

}

.index-contact h6 {

	font-size: 30px;

	color: #fff;

	line-height: 40px;

}

.index-contact p {

	line-height: 50px;

	font-size: 18px;

	color: #eee;

}

.index-contact .btn {

	position: absolute;

	top: 50%;

	right: 120px;

	display: block;

	width: 200px;

	margin-top: -25px;

	border: 1px #fff solid;

	text-align: center;

	border-radius: 25px;-webkit-transition: 0.9s; -moz-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s;

}

.index-contact .btn a {

	display: block;

	height: 48px;

	line-height: 48px;

	font-size: 18px;

	color: #fff;

}
.index-contact .btn:hover  {background: #0068b7;border: #0068b7 1px solid}
@media (min-width: 992px){
.mu-footer {
  display: flex;
}
}
.mu-footer {
  flex-direction: column;
  width: 100%;
  font-size: 13px;
  color: #ffffff;
  background-color: #08225a;
}
.mu-footer .footer-title {
  color: #ffffff;
}
.pt-5, .py-5 {
  padding-top:1.5rem !important;
}
.pb-3, .py-3 {
  padding-bottom: 1rem !important;
}
.pt-3, .py-3 {
  padding-top: 1rem !important;
}
.pl-0, .px-0 {
  padding-left: 0 !important;
}
.pr-0, .px-0 {
  padding-right: 0 !important;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 992px){
.col-lg-6 {
  flex: 0 0 50%;
  max-width: 50%;
}}
.footer-contact-content .box {width: 100%; }
.footer-contact-content .box2 {width:55%;float: left;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto, .col-xxxl-1, .col-xxxl-2, .col-xxxl-3, .col-xxxl-4, .col-xxxl-5, .col-xxxl-6, .col-xxxl-7, .col-xxxl-8, .col-xxxl-9, .col-xxxl-10, .col-xxxl-11, .col-xxxl-12, .col-xxxl, .col-xxxl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.mu-footer .footer-contact {

}
.mu-footer .footer-title {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.align-items-end {
  align-items: flex-end !important;
}
.d-flex {
  display: flex !important;
}
.mu-footer .footer-title h4 {
  font-size: 17px;
  margin-bottom: 0;color: #fff
}
.mu-footer .footer-title h5 {
  font-size: 12px;
  text-transform: uppercase;color: #fff;
  margin-bottom: 0;
  padding-left: 15px;
}
.mu-footer .footer-contact .footer-contact-content h5 {
  font-size: 16px;
  letter-spacing: 1px;margin-bottom: 15px;color: #fff;
}
.footer-contact-content{line-height:24px;}
.mu-footer .footer-contact .footer-contact-content img {vertical-align: middle;
border-style: none;display: inline-block;}
.mu-footer .footer-contact .footer-contact-content i {font-size: 20px;}
.mu-footer .footer-contact .footer-contact-content h4 {
  font-size: 16px;
  margin-bottom: 0;line-height: 24px;
  padding-left: 10px;color: #fff;
}
.mu-footer .footer-contact .footer-contact-content .footer-icon {
  padding: 10px 0;
}
.justify-content-between {
  justify-content: space-between !important;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 992px){
.col-lg-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
}
.mu-footer .footer-nav {
  padding-left:105px;
}
.mu-footer .footer-title {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.align-items-end {
  align-items: flex-end !important;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;box-sizing: border-box;
}
.mu-footer .footer-erweima {
  padding-left: 105px;
}
.mu-footer .footer-nav a {
  display: block;
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 15px;
}
.mu-footer a {
  color: #ffffff !important;
}
.mu-footer .footer-erweima .erweima {
 
  width: 120px;
  height: auto  ;
  overflow: hidden;float: left; margin-right: 10px
}
.mu-footer .footer-erweima .erweima p{ color: #fff; text-align: center}
.mu-footer .footer-erweima .erweima img {width: 100%;}
.text-center {
  text-align: center !important;
}
.mu-footer .footer-erweima p {
  margin-bottom: 0;
  font-size: 15px;
  padding-top: 10px;
}
.mu-footer .footer-bottom {
  background-color: #051943;
}
.mu-footer .footer-bottom p {
  margin-bottom: 0;
}













/* start footer */
.footer_bg{background:url(../images/bg7.jpg) center / cover no-repeat; width:100%;padding:50px 0 20px;overflow: hidden;}
.footer { width:80%; margin:0 auto; padding:20px 0; }
.footer .logo {width: 230px;float: left;}
.footer .logo img {width: 100%;display: block;}
.footer .zuo3{width: calc(100% - 640px);float: left;margin-left: 200px;}
.footer .zuo3 ul{}
.footer .zuo3 ul li { float:left;padding-right: 80px;}
.footer .zuo3 ul li .tit1 a { font-size:18px; font-weight:bold; color:#fff; line-height:36px; display:block}
.footer .zuo3 ul li .line { margin-bottom:20px; height:2px; margin-top:10px}
.footer .zuo3 ul li .line span { width:15px; height:1px; background:#0068b7;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s; display:block}
.footer .zuo3 ul li:hover .line span { width:50px; height:1px;}
.footer .zuo3 ul li a { width:100%; display:block; line-height:32px; font-size:14px; color:#ccc;}
.footer .zuo3 ul li a:hover { color:#0068b7}

.footer .zuo3 .lx .tit1 a { font-size:18px; font-weight:bold; color:#fff; line-height:36px; display:block}
.dzwz {line-height:30px;color:#ccc;font-size:14px; float:left; margin-top:20px;}
.dzwz p { line-height:30px;color:#ccc;font-size:14px;}
.dzwz p a {color: #ccc}
.dzwz p.p1 { background: url(../images/fd-img2.png) left center no-repeat}
.dzwz p.p2 { background: url(../images/fd-img1.png) left center no-repeat}
.dzwz p.p3 { background: url(../images/fd-img4.png) left center no-repeat}
.footer .you3 { float:right;width: 120px;}
.footer .you3 .weixin { width:120px; padding-top:20px; float: right; line-height:30px; color:#fff; text-align:center}
.footer .you3 .weixin img {width: 100%}
.footer .you3 .dian { width:230px; float: left;}
.footer .you3 .dian h2 { font-size:20px; line-height:50px; color:#333; padding-top:20px;}
.footer .you3 .dian p { line-height:30px; font-size:14px; color:#333; text-align: left}
.footer_btm {margin:50px auto 0;border-top: 1px solid rgba(255,255,255,.23); width:100%;line-height: 60px;}
.copy { width: 80%;margin: 0 auto}
.copy p {font-size: 12px;text-transform: uppercase;color: #ccc;}
.copy p a { color: #ccc; -webkit-transition: 0.9s; -moz-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s;}


/*online qq*/



.izl-rmenu {position: fixed;right: 1rem;width: 62px;bottom: 30%;z-index: 999999;}



.izl-rmenu .btn{float: left;width: 62px;height: 62px;cursor:pointer;position:relative;margin: -0.5px 0;border-radius: 100%;margin-top: 5px;box-shadow: 0 3px 7px rgba(0,0,0,0.15);}



.izl-rmenu .btn-qq{background: #0db493 url(../images/r_qq.png) center no-repeat;}



.izl-rmenu .btn-qq:hover{background:#000bd7 url(../images/r_qq_on.png) center no-repeat;}



.izl-rmenu .btn-wx{background: #0068b7 url(../images/r_wx.png) center no-repeat;}



.izl-rmenu .btn-wx:hover{background: #0068b7 url(../images/r_wx_on.png) center no-repeat;}



.izl-rmenu .btn-wx .pic{position:absolute;left: -120px;top: -22px;display:none;width: 100px;height: 100px;border: #0068b7 4px solid;}



.izl-rmenu .btn-phone{background:#0068b7 url(../images/r_phone.png) center no-repeat;}



.izl-rmenu .btn-phone:hover{background: #0068b7 url(../images/r_phone_on.png) center no-repeat;}



.izl-rmenu .btn-phone .phone{background-color: #0068b7;position:absolute;width: 0;left:0;top:0px;line-height: 62px;height: 62px;color:#FFF;font-size:18px;text-align:center;border-radius: 31px;overflow: hidden;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;display:block !important;}



.izl-rmenu .btn-phone:hover .phone{ width:160px; left:-160px;}



.izl-rmenu .btn-top{background: #0068b7 url(../images/r_top.png) center no-repeat;display:none;}



.izl-rmenu .btn-top:hover{background: #0068b7 url(../images/r_top_on.png) center no-repeat;}



.izl-rmenu .btn-local{display:inline-block;background: #fff url(../images/r_local.png) center no-repeat;}



.izl-rmenu .btn-local:hover{background: #0068b7 url(../images/r_local_on.png) center no-repeat;}



/*online qq*/



.mast{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24em;width:100%;margin:0 auto;padding-top:6em;padding-bottom:4em;text-align:center;overflow:hidden;color:#fff;background-color:#111}

.mast__bg{z-index:0;position:absolute;height:100%;width:100%;top:0;left:0;overflow:hidden;background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:0;opacity:0.7;-webkit-animation:fade-in-mast 1.5s 1s ease both;animation:fade-in-mast 1.5s 1s ease both}

.mast [class*='grid']{position:relative;-ms-flex-item-align:center;align-self:center;margin:0}
.mast__content,.mast__header{position:relative;z-index:4;width: 100%; margin:0 auto;padding:0 2%}
.mast__pretitle{margin-bottom:1em}
.mast__title{-webkit-animation:fade-in 1.5s 1.5s ease both;animation:fade-in 1.5s 1.5s ease both}
.mast__text{max-width:30em;margin-left:auto;margin-right:auto;font-weight:400}
.mast__subtitle{font-size:.85em}
.mast__icon{display:block;font-size:2.75em;color:#fff}
.mast .btn{position:relative;right:-2em;margin:1.5em auto;-webkit-animation:fade-in 1s 2s ease both;animation:fade-in 1s 2s ease both}
.mast br{display:none}
@media (min-width: 32em){.mast br{display:block}
}
.mast video{-o-object-fit:cover;object-fit:cover}
.mast-author__figure img{display:block;height:5em;width:5em;margin:0 auto;border-radius:100%}
@media (min-width: 32em){.mast-author__figure img{height:10em;width:10em}
}
.mast-author__figure+.mast-author__author{margin-top:0.5em}
.mast-author__author{margin-bottom:0.5em}
@media (min-width: 32em){.mast--vh{min-height:100vh}
}
.mast--short,.mast--blog,.page-template-sitemap .mast,.page-template-legal .mast{min-height:25em;max-height:25em}
.mast--lg,.mast--home{height:37em;max-height:90vh}
@media (min-width: 91em){.mast--lg,.mast--home{height:42em}
}
.mast__title {
  -webkit-animation: fade-in 1.5s 1.5s ease both;
  animation: fade-in 1.5s 1.5s ease both;
}
.mast__header h2 {font-size: 20px;color: #fff;font-family: gotham,"Helvetica Neue",sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  line-height: 1.4;margin-top: 10px;}

.font-h1 {
  font-family: gotham,"Helvetica Neue",sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  line-height: 1.4;
}
.mast__title {
  font-size: 30px;color: #fff;letter-spacing: 0.2em;
}
.ntit{ width:100%;padding: 20px 0;background-color: #f5f5f5;overflow: hidden;border-bottom: #eee 1px solid;}
.ntit ul li { float:left; line-height:38px; margin-right:1px;}
.ntit ul li a { padding:0 35px; color:#333; font-size:16px; display:block;border-radius: 5px;}
.ntit ul li a:hover { background:#0068b7; color:#fff; -webkit-transition: all 0.4s linear -1ms;

-moz-transition: all 0.4s linear -1ms;

-ms-transition: all 0.4s linear -1ms;

-o-transition: all 0.4s linear -1ms;

transition: all 0.4s linear -1ms;}
.ntit ul li a.on { background:#0068b7; color:#fff}

.hback {
  background: #f6f6f6;
}
.ny_cp {padding: 60px 0;background: #fafafa;}
.ny_cp ul li {width: 32%;float: left;margin: 0 2% 2% 0;background: #fff;position: relative;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ny_cp ul li:nth-child(3n){margin-right:0; }
.ny_cp ul li:hover{
	-webkit-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
	-o-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;
}
.ny_cp ul li .tp {overflow: hidden;}
.ny_cp ul li img {width: 100%;display: block; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_cp ul li:hover img{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_cp ul li .wenz {padding: 15px;border-top: #eee 1px solid;}
.ny_cp ul li .wenz h3 {font-size: 20px;color: #333;line-height: 1.8;text-align: center;font-weight: 100;margin-bottom: 10px;}
.ny_cp ul li .wenz p {font-size: 16px;text-align: left;color: #555;line-height: 1.8;margin-bottom: 10px; text-align: center}
.ny_cp ul li span {position: absolute;left: 0;bottom: 0;height: 3px;background: #0068b7;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;width: 0;z-index: 3;}
.ny_cp ul li:hover span {width: 100%;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ny_cp ul li:hover .wenz h3{color: #0068b7;}
.ny_cp ul li:hover .wenz p{color: #0068b7;}
.page {padding: 35px 0;overflow: hidden;text-align: center;}
.page a {width: 38px;height: 38px;display: inline-block;margin: 0 10px;border-radius: 50%;background: #eee;line-height: 38px;text-align: center;font-size: 16px;color: #333;}
.page a:hover{background: #0068b7;color: #fff;}
.page a.on{background: #0068b7;color: #fff;}
.newstop {padding: 50px 0 0;}
.newstop .con {background: #fafafa;overflow: hidden;}
.newstop .left {width: 50%;float: left;padding-right: 25px;box-sizing: border-box;}
.newstop .left .tp {overflow: hidden;}
.newstop .left img {width: 100%;display: block;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.newstop .left:hover img{-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.newstop .right {width: 50%;float: right;padding:40px 50px 0 25px;box-sizing: border-box;}
.newstop .right h3 {font-size: 20px;margin-bottom: 15px;color: #32373b;line-height: 35px;font-weight: bold;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.newstop .right h5 {color: #666;font-size: 18px;margin-bottom: 10px;}
.newstop .right hr{width: 50px;
height: 2px;
background-color: #0068b7;
margin: 20px 0 20px;}
.newstop .right p{color: #333;
font-size: 14px;
margin-bottom: 0;
line-height: 32px;
transition: all .36s ease;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden; margin-bottom: 50px}

.newslist{ padding: 40px 0 60px; margin: 0 auto;}
.newslist li{ width: 100%; padding: 30px 0; border-bottom: 1px solid #eaeaea; background: #fafafa}
.newslist li a{ display: block; position: relative; padding-left: 410px;
	height: 210px; overflow: hidden; padding-right: 170px;}

.newslist li .pic{ position: absolute; left: 30px; top:0; z-index: 1;
	width: 340px; height: 100%; overflow: hidden;}
.newslist li .pic img{ width: 100%; height: 100%;}

.newslist li h3{ font-size: 20px; color: #303030; line-height: 40px; height: 40px; overflow: hidden; padding: 10px 0 0 0;}
.newslist li .txt{ color: #767676; line-height: 28px; overflow: hidden; height: 84px; margin-top: 12px; text-align: justify;font-size: 14px;}
.newslist li .info{ font-size: 12px; color: #999; line-height: 20px; margin-top: 30px;}
.newslist li .info span{ display: inline-block; padding-left: 22px; margin-right: 20px;}
span.clock{ background: url('../images/clock.png') left no-repeat;}
span.click{ background: url('../images/click.png') left no-repeat;}

.newslist li label{ display: block; width: 38px; height: 38px; position: relative;
	 background: #fff url('../images/jia1.png') center no-repeat; border: 1px solid #cacaca;
	position: absolute; right:30px; top:76px; z-index: 1; cursor: pointer;}

.newslist li:hover h3{ color: #0068b7;}
.newslist li:hover{ box-shadow: 0 4px 20px 1px rgba(112,112,112,0.2); background: #fff}
.newslist li:hover label{ background-color: #0068b7; border-color: #0068b7;
	 background-image: url('../images/jia1h.png');}
.newslist h3,.newslist li,.newslist label{ 
	-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
@media screen and (max-width:1200px){
	.newslist li a{ padding-right: 100px;}
}
@media screen and (max-width:1040px){
	.newslist li a{ padding-right: 30px;}
	.newslist li label{ display: none;}
	.newslist li .txt{ height: 96px;}
	.newslist li .info{ margin-top: 20px;}
}
@media screen and (max-width:900px){
	.newslist li .txt{ height: 120px;}
	.newslist li .info{ display: none;}
}
@media screen and (max-width:750px){
	.newslist li a{ padding-left: 312px; padding-right: 20px; height: 168px;}
	.newslist li .pic{ left:20px; width: 272px;}
	.newslist li h3{ font-size: 18px; line-height: 48px; height: 48px; padding-top: 0;}
	.newslist li .txt{ line-height: 36px; height: 108px;}
	.newstop .right h3 {font-size: 18px;margin-bottom: 15px;color: #32373b;line-height: 35px;font-weight: bold;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}

}
.ny_fw {padding: 60px 0;}
.ny_fw ul li {margin-bottom: 10px;background: #f6f6f6;position: relative;overflow: hidden;}
.ny_fw ul li .tp {width: 50%;overflow: hidden;}
.ny_fw ul li .tp img {width: 100%;display: block;}
.ny_fw ul li .wenz {width: 50%;position: absolute;right: 0;height: 100%;top: 0;padding: 25px 3% 25px 5% ;display: flex;justify-content: center;align-items: center;box-sizing: border-box;}
.ny_fw ul li:nth-child(2n) .wenz{left: 0;right: auto;}
.ny_fw ul li .wenz .tb {width: 80px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_fw ul li .wenz .tb i {font-size: 45px;color: #333;text-align: center;}
.ny_fw ul li:hover .wenz .tb {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_fw ul li .wenz h3 {font-size:24px; line-height:1.25; padding-bottom:20px; position:relative; margin-bottom:30px; color:#222;}
.ny_fw ul li .wenz h3:before{ content:''; position:absolute; left:0%; width:2em; height:4px; background:rgba(181,181,182,0.5); bottom:0px;}
.ny_fw p{  color:#666; line-height:1.8; letter-spacing: 0.1em;text-align:justify; margin-bottom:10px; font-weight: lighter;font-size: 14px;}
.ny_fw ul li .more {width: 120px;height: 38px;margin-top: 30px;text-align: center;font-size: 14px;position: relative;border: #333 1px solid;line-height: 38px;}
.ny_fw ul li .more::before{width: 30px;height: 1px;content: "";background: #333;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ny_fw ul li .more:hover::before{width: 0;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ny_fw ul li .more a {color: #333;position: relative;z-index: 3;}
.ny_fw ul li .more:hover a{color: #fff;}
.ny_fw ul li .more span {width: 0;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: #1f69a3;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ny_fw ul li .more:hover span{width: 100%;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ny_fw ul li:hover .tp img{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }

.ny_lxkf {padding: 80px 0 40px;background: #fff;overflow: hidden;}
.ny_lxkf h1{font-size: 48px;line-height: 48px;color: #292A2D;text-align: center;font-weight: bold;margin-bottom: 50px;}
.ny_lxkf ul li {width:23.5%;float: left;margin: 0 2% 3% 0;background: #fff;border-radius: 10px;padding: 20px;box-sizing: border-box;text-align: center;height: auto  ;box-shadow: 0 0 20px #eee}
.ny_lxkf ul li:nth-child(4){margin-right: 0;}
.ny_lxkf ul li:hover {transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ny_lxkf ul li img{width: 100%}
.ny_lxkf ul li:hover i{font-size: 70px;transition: transform 0.3s ease;color: #0068b7;}
.ny_lxkf ul li h3 {font-size: 20px;color: #333;margin-bottom: 20px;font-weight: bold;margin-top: 20px;}
.ny_lxkf ul li p {font-size: 14px;line-height: 1.8;color: #666; text-align: left; min-height: 120px}
.ny_lxkf .nr {padding-top: 35px;font-size: 16px;color: #333;line-height: 1.8;background: #fff;padding: 30px;box-sizing: border-box;box-shadow: 0 0 20px #eee;border-radius: 10px;}

.ny_news {padding: 10px 0 60px;background: #fafafa;}
.ny_news ul li { float: left;width: 32%;margin-right: 2%; background: #fff;display: block;margin-top: 2.8%; transition: box-shadow 0.5s ease-in-out;overflow: hidden;height: 567px;}
.ny_news ul li:nth-child(3n){margin-right: 0;}
.ny_news ul li .pic {display: block; overflow: hidden;}
.ny_news ul li img {width: 100%;display: block;transition: all 0.5s ease-in-out;}
.ny_news ul li:hover img{-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_news ul li .cont {padding: 30px;transition: all 0.5s ease-out;}
.ny_news ul li .cont h3{font-size: 20px;line-height: 30px;color: #333;}
.ny_news ul li .cont p {margin-top: 10px;font-size: 14px;line-height: 24px;color: #666;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.ny_news ul li .cont .more {
  width: 120px;
  height: 34px;
  transition: all 0.5s ease-out;
  background: #1f69a3;
  font-size: 14px;
  line-height: 34px;
  color: #fff;
  text-align: center;
  margin-top: 24px;
  transform: translateY(-20px);
  opacity: 0;
  filter: alpha(opacity=0);
}
.ny_news ul li:hover .cont .more{transform: translateY(0px);
  opacity: 1;
  filter: alpha(opacity=1);margin-bottom: 30px;}
.ny_news ul li .time {height: 60px;
transition: all 0.5s ease-in-out;
border-top: 1px solid #eeeeee;line-height: 54px;font-size: 14px;color: #333;}
.ny_news ul li:hover .time {height: 60px;}

.ny_gywm { padding:60px 0 0; overflow:hidden}
.ny_gywm .gsjj { padding-bottom:50px; overflow:hidden}
.ny_gywm .gsjj .tp { width:47%; overflow:hidden}
.ny_gywm .gsjj .tp img {-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;width: 100%;}
.ny_gywm .gsjj .tp:hover img { -webkit-transform:scale(1.09); -moz-transform:scale(1.09); -o-transform:scale(1.09); -ms-transform:scale(1.09); transform:scale(1.09); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.ny_gywm .gsjj .wz { width:50%;}
.ny_gywm .gsjj .wz h3 { font-size:22px; color:#222; margin:10px 0 20px; text-align:center}
.ny_gywm .gsjj .wz p { line-height:36px; font-size:16px; color:#222;margin-bottom: 15px;letter-spacing:0; text-align: justify  ;}
.ny_gywm .fgs {padding-bottom: 60px;}
.ny_gywm .fgs ul li {width: 32%;float: left;margin: 0 2% 0 0;}
.ny_gywm .fgs ul li img {width: 100%;display: block;}
.ny_gywm .fgs ul li h3 {padding: 15px;text-align: center;background: #0068b7;font-size: 20px;font-weight: bold;color: #fff;}
.ny_gywm .fgs ul li:hover{transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;-webkit-box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3);
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3);}
.ny_gywm .fgs ul li:nth-child(3){margin-right: 0;}
.ny_gywm .fzlc {padding: 60px 0;background: #f5f5f5;overflow: hidden;}

.fz_lc{width:100%; padding:80px 0 120px; background:url(../images/lc_bj.jpg) no-repeat bottom center; overflow:hidden;}
.fz_lc .container{height: 510px;}
.fz_lc .nf {width: 16.666667%;float: left;}
.fz_lc .n_r{text-align:center;}
.fz_lc .n_r.n_a{margin-top:235px;}
.fz_lc .n_r.n_b{margin-top:150px;}
.fz_lc .n_r.n_c{margin-top:106px;}
.fz_lc .n_r.n_d{margin-top:30px;}
.fz_lc .n_r.n_e{margin-top:-75px;}
.fz_lc .n_r.n_l{margin-top:-125px;}
.fz_lc .w_z{font-size:16px; line-height:26px; color:#fff;}
.fz_lc .n_f{display:inline-block; background-color:#0068b7; padding:0 25px; border-radius:18px; font-size:18px; font-weight:bold; color:#fff; line-height:36px; margin:10px auto;}
.fz_lc .col-lg-2:nth-child(2n) .n_f{background-color:#f88407;}
.fz_lc .x_y{width:12px; height:12px; border-radius:50%; margin:0 auto; background-color:#fff;}
.fz_lc .s_x{width:2px; height:80px; margin:0 auto; background-color:#b6daf5;}
.fz_lc .d_y{width:26px; height:26px; border-radius:50%; background-color:#0068b7; margin:0 auto;}
.fz_lc .col-lg-2:nth-child(2n) .d_y{background-color:#f88407;}
@media only screen and (max-width:992px) {
.fz_lc{padding:20px 0; background: url(../images/lc_bj1.jpg) no-repeat center / cover fixed; height:1100px}
.fz_lc .n_r{text-align:left; margin-top:0 !important; margin-bottom:30px; position:relative;}
.fz_lc .w_z{font-size:16px; line-height:1.8; left:90px; top:55px; position:absolute;}
.fz_lc .n_f{display:block; padding:0; width:120px; border-radius:25px; font-size:18px; text-align:center; line-height:30px; margin:0 0 10px;}
.fz_lc .x_y{width:8px; height:8px; border-radius:50%; margin:0 0 0 55px;}
.fz_lc .s_x{width:1px; height:90px; margin:0 0 0 59px;}
.fz_lc .d_y{margin:0 0 0 52px;width: 15px;height: 15px;}
}

.product-section{padding-bottom:100px;padding-top: 100px; position:relative;background: url(../images/lcbj.jpg) center / cover no-repeat;}
.product-section h2 {
  font-size: 40px;
  color: #333;
  line-height: 1.8;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
}
.product-section h4 {font-size: 35px;color: #000;
line-height: 90px;
/*background: linear-gradient(146deg, #00fdf1 0%, #019abc 100%);
  background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;*/text-align: center;}
.product-title{padding:50px 10px 30px;font-weight:normal;font-size:36px;line-height:46px;color:#252b3a;text-align:center;color:#333}

.product-wrapper{max-width:80%;padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto;position:relative;margin-top: 50px;}

.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}

.product-features .product-body{margin:0px 25px}

.product-features .product-body:after{content:"";width:100%;height:3px;background:url(../images/productBase-features-model.png) no-repeat;background-size:100% auto;background-position:center;position:absolute;top:70px;left:0;z-index:0}

/*li*/

.features-item{position:relative;float:left;height: 100%}

.features-slide .features-item>*{text-align:center}

.features-item h3{font-size:20px;line-height:38px;margin-bottom:50px;color:#333;opacity:0.9;transition:all 0.1s}

.features-item i{position:absolute;width:75%;height:33px;background:url(../images/hd.png) no-repeat;background-size:contain;background-position:right center;left:-25%;margin-left:10px;top:55px;z-index:3}

.features-item .features-info{display:block;margin:0 auto;padding:20px 30px;transition:all 0.3s;border-radius:2px}

.features-item .features-info .features-info-i{font-size:14px;color:#A0A2A8;line-height:22px;margin-bottom:10px}

.features-item .features-info .features-info-s{font-size:14px;color:#333;line-height:24px;overflow:hidden}

.features-item.dark i{background:url(../images/hd.png) no-repeat;background-size:contain;background-position:right center}

/*鼠标悬浮效果*/

.features-item:hover h3{font-size:25px;line-height:38px;opacity:1;color: #0068b7;}

.features-item:hover i{width:75%;margin-left:13px;background:url(../images/productBase-features-timeline-hover.png) no-repeat;background-size:contain;background-position:right center}

.features-item:hover a{background:url(../images/productBase-features-info.png) no-repeat;background-size:100% 100%}

/*左右按钮*/

.product-features .swiper-button-prev{width:30px;height:100%;left:-15px;top:0; background:none}

.product-features .swiper-button-prev:after{content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(../images/productBase-features-left.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px}

.product-features .swiper-button-next{width:30px;height:100%;right:-15px;top:0;background:none}

.product-features .swiper-button-next:after{content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(../images/productBase-features-right.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px}


.honor{ padding: 60px 0px;width: 100%;position: relative;}
.honor .swiper-button-prev{background:url(../images/banner-l.png) no-repeat; width:30px; height:50px; margin-top:-25px; left:1%;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;z-index: 9999;}
.honor .swiper-button-next{background:url(../images/banner-r.png) no-repeat; width:30px; height:50px; margin-top:-25px; right:1%;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;z-index: 9999}

.honor .swiper-container { width: 100%; margin-bottom: 20px; }
.honor .swiper-slide{ background-position: center;  background-size: cover; width: 350px;text-align: center}
.honor .swiper-slide p{font-size: 18px;color: #222;text-align: center;line-height: 1.8;margin-top: 20px;}
.honor .swiper-container-3d .swiper-slide-shadow-left{ background-image:inherit;}
.honor .swiper-container-3d .swiper-slide-shadow-right{ background-image:inherit;}
.honor .honor_strength{ margin-top: 55px; margin-bottom: 70px;}
.honor .honor_strength .honor_strength_list{ width: 30.66%; margin-right: 4%;}
.honor .honor_strength .honor_strength_list:last-child{ margin-right: 0px;}
.honor .honor_strength .honor_strength_list dd{ font-size: 26px; color: #fff; line-height: 58px; text-align: center; background: #b01f30;}
.honor .honor_strength .honor_strength_list dt{ text-align: center; border: 1px solid #dcdcdc; height: 460px; display: flex; align-items: center; justify-content: center;}
.ny_qywh {overflow: hidden;padding: 0px 0;background:#f5f5f5;position: relative;height: 530px;}
.ny_qywh::after{content: "";width: 50%;position: absolute;height: 100%;right: 0;background: url(../images/bg_culture1.jpg) center / cover no-repeat;z-index: 1;top: 0;}
.ny_qywh .con {}
.ny_qywh .left {width:50%;float: left;font-size: 16px;color: #333;line-height: 2.5;padding:50px 50px 50px 0 ;box-sizing: border-box;letter-spacing: 1px;}
.ny_qywh .left .tit{text-align: left;}
.ny_qywh .right {width:50%;padding: 50px;box-sizing: border-box;position: absolute;z-index: 3;height: 100%;right: 0;top: 0;flex-direction: column;display: flex;justify-content: center;align-items: center;}
.ny_qywh .right ul {text-align: center;}
.ny_qywh .right ul li {width: 300px;text-align: center;display: inline-block;position: relative;overflow: hidden;}
.ny_qywh .right ul li .one {position: relative;width: 100%;height: 100%;padding: 30px 0;transition: all 1s ease;left: 0;top: 0;box-sizing: border-box;}
.ny_qywh .right ul li:hover .one{top: -100%;transition: all 1s ease;}
.ny_qywh .right ul li .mb {position: relative;width: 100%;height: 100%;padding: 30px 0;transition: all 1s ease;left: 0;top: 0;box-sizing: border-box;}
.ny_qywh .right ul li:hover .mb{top: 0;transition: all 1s ease;}
.ny_qywh .right ul li .one .tb {width: 102px;height: 102px;border: #fff 2px solid;display: flex;justify-content: center;flex-direction: column;align-items: center;margin: 0 auto 15px;border-radius: 50%;box-sizing: border-box;}
.ny_qywh .right ul li img {width: 45px;}
.ny_qywh .right ul li .one h3 {font-size: 18px;color: #fff;font-weight: bold;margin-bottom: 10px;}
.ny_qywh .right ul li .one p {font-size: 14px;color: #fff;text-transform: capitalize;letter-spacing: 1px;}

.ny_qywh .right ul li .mb .tb {width: 102px;height: 102px;border: #fff 2px solid;display: flex;justify-content: center;flex-direction: column;align-items: center;margin: 0 auto 15px;border-radius: 50%;box-sizing: border-box;font-size: 20px;color: #fff;font-weight: bold;}
.ny_qywh .right ul li .mb h3 {font-size: 18px;color: #fff;font-weight: bold;margin-bottom: 10px;}
.ny_qywh .right ul li .mb p {font-size: 14px;color: #fff;height: 38px;}


.sy_wz .index_about_list {

    overflow: hidden;

    padding-top: 60px;

    background:#f5f5f5;

    margin-top: 40px;padding-bottom: 60px; }

.sy_wz .index_about_list ul {

      margin-left: -40px; text-align: center;}

.sy_wz .index_about_list ul li { width: 380px;

        height: 345px;display: inline-block;

        background: #ffffff;

        margin-left: 40px;

        text-align: center;

        position: relative;

        -webkit-transition: 0.3s;

        -moz-transition: 0.3s;

        -ms-transition: 0.3s;

        -o-transition: 0.3s;

        transition: 0.3s; }

 .sy_wz .index_about_list ul li a {

          position: absolute;

          z-index: 9999;

          width: 100%;

          height: 100%;

          left: 0;

          top: 0; }

.sy_wz .index_about_list ul li:after {

          content: "";

          position: absolute;

          left: 10px;

          top: 10px;

          border: 1px solid rgba(255, 255, 255, 0.4);

          width: 360px;

          height:325px;

          opacity: 0;

          filter: alpha(opacity=0);

          -webkit-transition: 0.3s;

          -moz-transition: 0.3s;

          -ms-transition: 0.3s;

          -o-transition: 0.3s;

          transition: 0.3s; }

.sy_wz .index_about_list ul li:before {

          content: "";

          position: absolute;

          left: 50%;

          margin-left: -5.5px;

          bottom: 40px;

          color: #ffffff;

          background: url(../images/mille_btn.png) no-repeat center center;

          width: 11px;

          height: 11px;

          opacity: 0;

          filter: alpha(opacity=0);

          -webkit-transition: 0.3s;

          -moz-transition: 0.3s;

          -ms-transition: 0.3s;

          -o-transition: 0.3s;

          transition: 0.3s; }

 .sy_wz .index_about_list ul li:hover {

          background: #000; }

.sy_wz .index_about_list ul li:hover:after {

            opacity: 1;

            filter: alpha(opacity=100); }

.sy_wz .index_about_list ul li:hover:before {

            opacity: 1;

            filter: alpha(opacity=100); }

 .sy_wz .index_about_list ul li:hover .img .imgN {

            display: inline-block; }

.sy_wz .index_about_list ul li:hover .img .imgY {

            display: none; }

 .sy_wz .index_about_list ul li:hover .title {

            color: #ffffff; }

 .sy_wz .index_about_list ul li:hover .liner {

            background: #ffffff;

            opacity: 0.5;

            filter: alpha(opacity=50); }

.sy_wz .index_about_list ul li:hover .desc {

            color: #ffffff;

            opacity: 0.7;

            filter: alpha(opacity=70); }

.sy_wz .index_about_list ul li .img {

          margin-top: 45px; }

  .sy_wz .index_about_list ul li .img img {

            -webkit-transition: 0.3s;

            -moz-transition: 0.3s;

            -ms-transition: 0.3s;

            -o-transition: 0.3s;

            transition: 0.3s; }

 .sy_wz .index_about_list ul li .img .imgN {

            display: none; }

.sy_wz .index_about_list ul li .titlen {

          font-size: 20px;

          font-weight: bold;

          line-height: 22px;

          color: #333333;

          margin-top: 10px; }
.sy_wz .index_about_list ul li:hover .titlen{color: #fff;}

.sy_wz .index_about_list ul li .liner {

          height: 1px;

          width: 25px;

          background: #333333;

          margin: 22px auto; }

 .sy_wz .index_about_list ul li .desc {

          color: #666;

          font-size: 14px;font-family: Alibaba-PuHuiTi-Regular;

          width: 310px;

          margin: 0 auto;

          line-height: 1.8; }



.fldy {width: 100%;padding: 50px 0 60px; }
.fldy ul li {width:32%;margin:0 2% 2% 0;float: left;position: relative;text-align: center;padding-top: 20px; background: #fafafa}
.fldy ul li:nth-child(3n){margin-right:0; }
.fldy ul li .tp {overflow: hidden;width: 40%;border-radius: 50%;margin: 0 auto;}
.fldy ul li img {width: 100%;}
.fldy ul li h3 {font-size: 16px;font-weight: bold;line-height:2.5;text-align: center;color: #333;padding: 10px 0;margin-bottom: 0;}
.fldy ul li span { height: 2px;background: #0068b7;width: 0;position: absolute;left: 0;bottom: 0;transition: all 0.3s;

	-wbkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;}
.fldy ul li:hover {box-shadow: 0px 5px 20px 0px rgba(169, 180, 190, 0.2);}
.fldy ul li:hover span {width: 100%;}

.fldy .box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.fldy .box .tp {width: 550px;}
.fldy .box .tp img {width: 100%}
.fldy .box .wenz {padding: 0 0 0 60px;width: 600px;box-sizing: border-box; text-align: center}
.fldy .box .wenz span {display: inline-block;padding: 9px 15px;background-color: #0068b7;border-radius: 20px;margin-right: 10px;margin-bottom: 15px;font-size: 18px;color: #fff}
.fldy .more a {width: 200px;height: 45px;line-height: 45px;text-align: center;display: block;background: #0068b7;font-size: 18px;margin: 35px auto 0;color: #fff;}

.join_nei_body{ padding-bottom: 10px;}
.join_nei_body .nei_body_xun{ width: calc(46.8% - 71px); padding: 30px 40px; background: #fff; overflow: hidden; position: relative; border: 3px solid #e5e5e5;}
.join_nei_body .nei_body_xun .body_xun_title{padding-bottom: 20px; border-bottom: 1px solid #dcdcdc;overflow: hidden;}
.join_nei_body .nei_body_xun .body_xun_title .xun_title_left{ font-size: 18px; color: #333333; line-height: 36px;}
.join_nei_body .nei_body_xun .body_xun_title .xun_title_right{ font-size: 13px; color: #fff; background: #bfbfbf; line-height: 36px; padding: 0px 24px; border-radius: 5px;}
.join_nei_body .nei_body_xun .body_xun_wen{ height: 145px; overflow: hidden;}
.join_nei_body .nei_body_xun .body_xun_wen .xun_wen_xun{ padding-top: 20px;}
.join_nei_body .nei_body_xun .body_xun_wen .xun_wen_xun:last-child{ margin-bottom: 0px;}
.join_nei_body .nei_body_xun .body_xun_wen .xun_wen_xun dd{ color: #333333; font-size: 16px; padding-bottom: 15px;float: left;width: 80px;}
.join_nei_body .nei_body_xun .body_xun_wen .xun_wen_xun dt {float: right;width: calc(100% - 90px);padding-bottom: 15px;}
.join_nei_body .nei_body_xun .body_xun_wen .xun_wen_xun dt p{ color: #666666; font-size: 13px; line-height: 24px;}
.join_nei_body .nei_body_xun .dian{ position: absolute; bottom: 10px; right: 45px;}
.join_nei_body .nei_body_xun .dian .sq{ display: none;}
.join_nei_body .nei_body_xun .dian a{ color: #0068b7; font-size: 14px; display: inline-block;}
.join_nei_body .nei_body_xun .dian a i{ padding-left: 5px;font-size: 14px;}
.join_nei_body .nei_body_xun{ margin-right: 4%; margin-bottom: 45px;}
.join_nei_body .nei_body_xun:nth-child(2n){ margin-right: 0px;}
.join_nei_body .nei_body_xun:hover .body_xun_title .xun_title_right{ background: #0068b7;}



.lx_wm{padding-bottom: 60px;}
.lx_wm .rc_zp {padding: 60px 0 20px;}
.lx_wm .rc_zp .ts{font-size:14px; line-height:26px; color:#888; margin-top:20px;}
.lx_wm .rc_zp .ts a{color:#cf000d;}
.lx_wm .rc_zp .jr_lm{border:1px solid #e7e7e7; overflow:hidden; margin-bottom:20px;}
.lx_wm .rc_zp .jr_lm.jt{border: 1px solid #cf000d;}
.lx_wm .rc_zp .jr_bt{padding:15px 40px; height:40px; font-size:14px; line-height:40px; color:#555; overflow:hidden; cursor:pointer;}
.lx_wm .rc_zp .jr_bt:hover{background-color:#e7e7e7;}
.lx_wm .rc_zp .jr_bt.on{background-color:#e7e7e7;}
.lx_wm .rc_zp .jr_lm.jt .jr_bt{background-color:#cf000d; color:#fff; padding:10px 40px; line-height:40px;font-size: 16px;}
.lx_wm .rc_zp .jr_bt span{float:left; width:18%; text-align:center;}
.lx_wm .rc_zp .jr_bt span.xq{float:right;text-align: right;}
.lx_wm .rc_zp .jr_bt span i {margin-left: 10px;}
.lx_wm .rc_zp .jr_bt span.s_40{float:left; width:30%; text-align:left;}
.lx_wm .rc_zp .jr_bt span.f20{font-size: 18px;font-weight: bold;color: #333;}
.lx_wm .rc_zp .jr_nr{background-color:#fff; padding:30px 40px 10px; font-size:14px; line-height:32px; margin-bottom:3px; display:none;color: #666;}
.lx_wm .rc_zp .jr_nr .gw{width:80px; float:left;}
.lx_wm .rc_zp .jr_nr .js{width:1020px; float:right; margin-bottom:20px;color: #666;}
.lx_wm .rc_zp .sqzw a {width: 180px;height: 35px;line-height: 35px;text-align: center;display: block;margin-top: 30px;float: right;background: #cf000d;font-size: 14px;color: #fff;}
.lx_wm .rc_zp .lxfs {float: left;line-height: 35px;font-size: 16px;color: #333;margin-top: 30px;}
.lx_wm .rc_zp .lxfs a {color: #333}
.lx_wm .rc_zp .lxfs a:hover {color: #cf000d}
.lx_wm .more a {width: 200px;height: 45px;line-height: 45px;text-align: center;display: block;background: #0068b7;font-size: 18px;margin: 35px auto 0;color: #fff;}

.lx_wm{ margin:50px auto 60px;}
.lx_wm .d_t{margin-bottom:50px;}
.lx_wm .d_t img{width:100%; height:auto; display:block;}
.lx_wm .x_x{width:45%;}
.lx_wm .l_y{width:100%;}
.lx_wm h3{font-size:26px; margin-bottom:15px;font-weight: bold;text-align: center;}
.lx_wm h4{font-size:16px; line-height:26px; color:#888; margin-bottom:15px;}
.lx_wm em{width:30px; height:1px; background-color:#0068b7; display:block; margin-bottom:35px;margin: 0 auto 35px;}
.lx_wm b{font-family:Arial, Helvetica, sans-serif; color:#0068b7; padding-left:5px; font-size:20px !important;}
.lx_wm li{font-size:16px; line-height:40px;color: #333;padding-bottom: 15px;}
.lx_wm li .tb {width: 40px;height:40px;background: #0068b7;border-radius: 50%;text-align: center;margin-right: 10px;display: inline-block;line-height: 40px;}
.lx_wm li i{color:#fff;}
.lx_wm input.w_z{width:32%; height:40px; font-size:14px; line-height:40px; margin-right:2%; margin-bottom:10px; border:1px solid #e7e7e7; padding:0 5px;box-sizing: border-box;float: left;margin-bottom: 30px;}
.lx_wm .a_n{width:150px; height:40px; background-color:#0068b7; font-size:16px; color:#fff; line-height:40px;margin: 0 auto;text-align: center;}
.lx_wm textarea{width:100%; height:200px; padding:5px; border:1px solid #e7e7e7; outline:none; resize:none; font-size:14px; line-height:28px; margin-bottom:10px;margin-bottom: 30px;}
.lx_wm .con {padding: 30px 60px;box-sizing: border-box;}
.lx_wm .left {width:100%; padding-bottom: 60px;}
.lx_wm .left h1 {font-size: 26px;color: #000;font-weight: bold;letter-spacing: 0;}
.lx_wm .left h1 i {margin-right:6px;font-size: 26px;}
.lx_wm .left hr {margin: 20px auto;border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1);}
.lx_wm .left .nr {width: 50%;box-sizing: border-box;float: left;}
.lx_wm .left .nr .text {
  padding: 10px 60px 10px 0;
}
.lx_wm .left .nr h5 {
  font-size: 17px;
  color: #757575;
  margin-bottom: 10px;
}
.lx_wm .left .nr .ewm {text-align: center;}
.lx_wm .left .nr .ewm img {width: 120px;
height: 120px;
margin: 0 auto;}

.ny_jjfa {padding: 20px 0;}
.ny_jjfa .kjyy {padding-bottom: 80px;}
.ny_jjfa .kjyy ul li {width:23.5%;float: left;margin-right: 2%; box-shadow: 0 8px 15px 0 rgba(95,125,158,.2); padding: 20px;box-sizing:border-box; margin-bottom: 20px}
.ny_jjfa .kjyy ul li:nth-child(4n){margin-right: 0;}
.ny_jjfa .kjyy ul li .tb {text-align: center;}
.ny_jjfa .kjyy ul li .tb img { width: 60px; margin: 0 auto 10px}
.ny_jjfa .kjyy ul li h3 {font-weight: bold;font-size: 18px;color: #333;margin-bottom: 20px;text-align: center;}
.ny_jjfa .kjyy ul li img {width: 100%;display: block;}
.ny_jjfa .kjyy ul li p {margin: 10px auto;font-size: 14px;line-height: 1.8;color: #333;overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:2;}

.fa2 .con {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-top: 30px;  }
.fa2 .tu {width: 45%;}
.fa2 .tu img {width: 100%;display: block;}
.fa2 .wenz {width: 45%;}
.fa2 .wenz h2 {font-size: 30px;color: #333;line-height: 1.8;margin-bottom: 20px;}
.fa2 .wenz h2 i {font-size: 36px;margin-right: 10px;color: #333;}
.fa2 .wenz h2 span {font-size: 30px;color: #333;font-weight: bold;}
.fa2 .wenz p {font-size: 18px;color: #333;line-height:2.2; padding-left: 62px;}
.fa2 .tp2 {width: 100%;position: relative;}
.fa2 img {width: 100%;display: block;}
.fa2 .mb {width: 100%;position: absolute;left: 0;top: 0;height: 100%;background-image: linear-gradient(to top,rgba(0,0,0,0.4),transparent);display: flex;flex-direction: column;align-items: center;justify-content: center;}
.fa2 .mb .nr {width: 630px;padding: 30px;background: rgba(255,255,255,0.95);box-sizing: border-box;}
.fa2 .mb .nr h1 {font-size: 40px;color: #333;letter-spacing: 2px;margin-bottom: 30px;}
.fa2 .mb .nr h3 {font-size: 18px;color: #333;margin-bottom: 20px;}
.fa2 .mb .nr .more a {width: 200px;height: 50px;line-height: 50px;text-align: center;color: #fff;font-size: 20px;background: #0068b7;display: block;}






.contact .contact_top{ padding: 0px 100px; padding-bottom:70px;}
.contact .contact_top .contact_top_title{ font-size:30px; color:#333333; text-align:center; padding:50px 0px;}
.contact .contact_top .contact_top_content .top_content_list{ width:30%; margin-right:5%; box-shadow:0px 7px 21px rgba(18,31,42,.15); text-align:center; padding:45px 0px;}
.contact .contact_top .contact_top_content .top_content_list:last-child{ margin-right:0px;}
.contact .contact_top .contact_top_content .top_content_list .content_list_top dd{ line-height:55px;}
.contact .contact_top .contact_top_content .top_content_list .content_list_top dt{ font-size:22px; color:#555555; margin-top:10px; position: relative; padding-bottom:18px; margin-bottom:15px;}
.contact .contact_top .contact_top_content .top_content_list .content_list_top dt:before{ content:""; position:absolute; display:inline-block; width:23px; height:3px; background:#e0e0e0; bottom:0; left:0; right:0; margin:0 auto;}
.contact .contact_top .contact_top_content .top_content_list .content_list_bottom{ color:#888888; font-size:14px; line-height:26px;}




.cpxq {padding: 50px 0;margin: 0 auto;}
.cpxq .left {width: 47%;float: left;}
.cpxqlb{width:100%; position:relative;}
.cpxqlb .swiper-slide img{width:100%; height:auto; display:block;}
.cpxqlb .swiper-pagination{bottom:10px !important;width: 100%;height: 10px;text-align: center;}
.cpxqlb .swiper-pagination-bullet {width:10px; height:10px; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border: #1f69a3 1px solid;background: none}
.cpxqlb .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#1f69a3;}
.cpxqlb .swiper-button-prev{background: url(../images/banner-l.png) no-repeat; width:30px; height:50px; margin-top:0; left:0px;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}
.cpxqlb .swiper-button-next{background: url(../images/banner-r.png) no-repeat; width:30px; height:50px; margin-top:0; right:0px;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}
.cpxq .right {width:48%;float: right;}
.cpxq .right h3 {font-size: 25px;color: #333;margin-bottom: 20px;font-weight: bold;margin-top: 50px;}
.cpxq .right p {font-size: 16px;line-height: 1.8;color: #555;margin-bottom: 20px;}
.cpxq .cptd {padding-top: 50px;}
.cpxq .cptd .bt {font-size: 20px;color: #fff;margin-bottom: 40px;font-weight: bold;background: #eee;line-height: 2.5;}
.cpxq .cptd h3 {font-size: 18px;color: #333;font-weight: bold;}
.cpxq .cptd .bt span {display: inline-block;padding: 0 15px;background: #1f69a3;}
.cpxq .cptd p {font-size: 16px;line-height:2;color: #555;}

.ny_tjcp{padding: 0px 0 60px;position: relative;}
.swiper-yxxy{width:100%; margin:0 auto; padding-bottom:50px;}
.swiper-yxxy .swiper-slide{position:relative;}
.swiper-yxxy .swiper-slide img{width:100%; height:auto; display:block;}
.swiper-yxxy .swiper-slide .w_z{width:90%; padding:10px 5%; background-color:rgba(0,0,0,.6); position:absolute; bottom:0px; left:0; color:#fff;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.swiper-yxxy .swiper-slide .w_z h3{font-size:14px; color:#fff;position: relative;text-align: center;}
.swiper-yxxy .swiper-slide:hover .w_z{background-color:rgba(31,105,163,.9); bottom:10px;}
.sy_cp .swiper-pagination-bullet {
  background: #ccc;
}
.sy_cp .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#1f69a3}
.htit{font-size: 26px;color: #333;margin-bottom: 20px;}

.mapsj{display: none;}
.sy_kc{display: none;}














@media (max-width:1600px){
	.container {
  width: 90%;
}
	.con {
  width: 90%;
}
	.sy_gy .wenz {
  padding: 40px 30px;
  top: 25px;
}
	.footer {
  width: 90%;
}
	.footer .zuo3 {
  width: calc(100% - 600px);
  float: left;
  margin-left: 120px;
}
	.index4 .text {
  padding: 0 0 35px 0;
}
	.index4 .text .p {
  font-size: 16px;
  line-height: 2.2;
}
	.index4Num {
  margin-top: 35px;
  padding-top: 35px;
}
	.fz_lc .n_r.n_e {
  margin-top: 45px;
}
	.fz_lc .n_r.n_l {
  margin-top: -85px;
}
	
	

}

@media (max-width:1440px){
	.header .nav ul li {
  padding: 0 18px;
}
	.header .right {
  margin-left: 30px;
}
	.sy_nl ul li .mb {
  padding: 20px ;
}
	.sy_nl ul li .mb .wenz p {
  line-height: 1.3;
}
	.sy_nl ul li .mb .wenz h3 {
  font-size: 18px;
  margin-bottom: 15px;
}
.hzhb li {
  width: 14.666%;float: left;
  margin: 1%;overflow: hidden;
}
	.hzhb li a {
  width: 180px;
}
	.ny_wh ul li p {
  font-size: 14px;
}
	.ny_gywm .gsjj .wz p {
  font-size: 14px;
}
	.ny_gywm .fgs ul li h3 {
  padding: 10px;
  font-size:18px;
}
	.ny_wh ul li .tb i {
  font-size: 40px;
}
	.ny_wh ul li .tb { margin-bottom: 10px;
}
	.ny_ppsy .wenz {
  padding:30px;
  left: 5%;
}
	.ny_ppsy .wenz p {
  font-size: 14px;
}
	.ny_news ul li .cont {
  padding: 20px;
}
.ny_news ul li {
  height: 527px;
}
	
	.hzhb li .nrjz {
  width:180px;
}
	.hzhb li a {
  width: 180px;
}
	.indcase-box .swiper-slide img {
  height: auto;
}
	.footer .zuo3 ul li {
  padding-right: 50px;
}
	.mu-footer .footer-contact .footer-contact-content h4 {
  font-size: 14px;line-height: 20px;
}
	.mu-footer .footer-contact .footer-contact-content i {
  font-size: 16px;
}
	.footer-contact-content {
  line-height: 20px;
}
	.footer-contact-content .box {
  width: 40%;
}
.footer-contact-content .box2 {
    width: 60%;}
	.mu-footer .footer-nav a {
  font-size: 14px;
}
	.mu-footer .footer-erweima p {
  font-size: 14px;
}
	.ny_qywh .right ul li {
  width: 270px;
}
	
	
	
	
	
}
@media (max-width:1368px){
	.sy_gy .wenz .tit h1 {
  font-size: 25px;
  margin-bottom: 30px;
}
	.tit {
  margin-bottom: 40px;
}
	.sy_gy .wenz p {
  font-size: 14px;
}
	.lbwc .swiper-button-next {
  right: 0px;
}
	.lbwc .swiper-button-prev {
  left: 0px;
}
	.mast__title {
    font-size: 40px;
    color: #fff;
}
	.advantage_dl {
  height: 250px;
}
	.sy_ditu .left {
  width: calc(100% - 800px);
  margin-top: 100px;
}
	.con {
  width: 96%;
}
	.container {
  width: 96%;
}
	.ban .swiper-slide .word h3 {
  font-size: 40px;
}
	.ban .swiper-slide .word h4 {
  font-size: 20px;
}
	.index4 .text {
  width: 45%;
}
	.videoR {
  width: 51%;
}
	.index4 .text .p {letter-spacing: 0;
}
	.index4 {
  padding: 60px 0;
}
	.sy_ditu .left {
  width: calc(100% - 950px);
  margin-top: 100px;
}
	
	.fz_lc .n_r.n_e {
  margin-top: 60px;
}
	.fz_lc .n_r.n_l {
  margin-top: -55px;
}	
	
	
	
	
	
}

@media (max-width:1280px){
	.header .logo {
  height: 60px;
}
	.header .logo img {
  height: 60px;
}
		.container {
  width: 94%;
}
	.con {
  width: 94%;
}
	.zxzx .con .swiper-button-prev {display: none;
}
	.zxzx .con .swiper-button-next {display: none;
}
	.header .right {
  margin-left: 20px;
}
	.header .nav ul li {
  padding: 0 15px;
}
	.index4Num .big {
  font-size: 46px;
}
	.ad_con {
  font-size: 12px;
}
	.footer {
  width: 94%;
}
	.copy {
  width: 94%;
}
	.ad_name {
  font-size: 18px;
}
		.hzhb li .nrjz {
  width:160px;
}
	.hzhb li a {
  width: 160px;
}
	.swiper2 .swiper-slide img {
  height: 556px;
}
	.ny_qywh .right ul li {
  width: 240px;
}
	
	
}






@media only screen and (max-width:1164px){
	.container {
  width: 90%;
}
	.con {
  width: 90%;
}
.head_h { height: 60px; display:none}
.header{border:0; height:60px;  width:100%;z-index: 9999;}
.header .container{ padding:0; overflow:hidden; width:94%}
	.header .right .ss {
  line-height: 70px;
  color: #fff;padding: 0 10px;
}
	.header .right .wx {
  line-height: 70px;
  color: #fff;padding: 0 10px;
}
	.header .right {margin-right:0px;}
.header .logo{width:100px; margin:5px auto;}
.header.on .logo{width:100px; margin:5px auto;}
.header .an{display:block; right:10px;}
.header .an span { background-color:#fff}
.header .nav ul { width: 100%;}
.header.on .nav {width:100%}
.header .nav{width:100%; padding:15px 5%; background: rgba(0,104,183,0.9); height:100%; position:fixed; top:60px; right:-100%; z-index:9999; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; margin-top:0;box-sizing:border-box}
	.header.on .right .wx {
  line-height: 70px;color: #333
}
	.header.on .right .ss {
  line-height: 60px;color: #333
}
	.header.on .an span {
  background-color: #333;
}
.header .nav.on{right:0;}
.header.on .nav ul li a { font-size: 16px;color: #fff;}
.header .nav i{display:block;font-size: 16px;color: #fff;}
.header .nav ul li{line-height:60px; text-align:left; border-bottom:1px solid rgba(255,255,255,0.3); float:none; margin:0; padding:0}
.header .nav ul li::after { background: rgba(0,0,0,0);}
.header.on .nav ul li{line-height:60px;}
.header .nav .e_j { width: 100%; border-top: 1px solid rgba(255,255,255,0.3); background: none; position: relative;display: none;top: auto; left: auto; margin: 0;padding-bottom: 10px;transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);transition: all 0s;
-o-transition: all 0s;
-ms-transition: all 0s;
-moz-transition: all 0s;
-webkit-transition: all 0s;opacity: 1;visibility: inherit;}
.header .nav ul li .e_j a { color:#fff;}
.header .nav ul li .e_j a:hover { color:#fff}
.header .nav .e_j a{border-top:0; font-size:12px; color:#fff; line-height:32px;}
.header .nav .e_j a:hover{background:none;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav ul li a{font-size:16px; color:#fff;}
	.nav .e_j.pp .container-fluid {
  display: block;
}
	.nav .e_j.pp .tw {
  width: 100%;
  margin: 0 0;
}
	.nav .e_j.pp .tw img {display: none;}
	.nav .e_j .box {
  padding:  0;
}
	.nav .e_j.pp .tw p {
  margin-top: 0px;
  color: #fff;
  text-align: left;
}
	.header.on .nav ul li .e_j {
  top: 0;
}

.header .nav ul li:hover span{width:0;}
.header .nav ul li.on span{width:0;}
	.ban .swiper-slide {
  height: 26rem;
}
	.ban .swiper-slide .bg1 {
  height: 26rem;
}
	.ban .swiper-slide .word {
  left: 5%;
  margin-left:0px;
  width: 90%;
  height: 206px;
  margin-top: -103px;
}
	.ban .swiper-slide .word h3 {
		font-size: 26px;}
	.ban .swiper-slide .word a.xq {
  width: 160px;
  height: 40px;
  font-size: 16px;
  padding: 0 30px;
  line-height: 40px;
  margin-left: -100px;bottom: 0px;
}
	.ban .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
	.ban .swiper-pagination {
  bottom: 10px !important;
}
	.index4 .text {
  width: 100%;
}
	.videoR {
  width: 100%;box-sizing: border-box;
}
	.sy_ditu .left {
  width: 100%;
  margin-top: 0px;
}
	.title .en {
  font-size: 50px;
  height: 56px;
}
	.title .cn {
  font-size: 30px;
}
	.title {
  height: 56px;
  margin-bottom:30px;
}
	.title2 .cn {
  font-size: 30px;
}
	.title2 .en {
  font-size: 50px;
  height: 56px;
}
	.title2 {
  height: 56px;
  top: 30px;
}
	.sy_ditu {
  padding:30px 0;
}
	.map {display: none;
}
	.mapsj{display: block;width: 100%;}
	.mapsj img{display: block;width: 100%;}
	.sy_nl ul li {
  width:100%;
  margin: 0 0 20px;position: relative;
}
	.sy_nl {
  padding: 30px 0;
}
	.zxzx {
  padding: 20px 0;
  margin: 0 auto ;
}
	.zxzx .left {
  width: 100%;
}
	.zxzx .right {
  width: 100%;
}
	.zxzx .hd {
  width: 100%;
  position: static;display: block;text-align: center;
}
	.zxzx .hd li {
  width:180px;
  writing-mode: lr-tb;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  display: inline-block;
  justify-content: center;
  align-items: center;
  color: #333;
  padding: 10px 0;
  margin: 35px 0;border-bottom: #ddd 2px solid;
}
	.zxzx .hd li.on {
  border-right: 0;border-bottom: #0068b7 2px solid;
}
	.zxzx .bd {
  width: 100%;
  border-left: 0;
}
	.zxzx .bd ul li {
  width:100%;
  margin-left:0px;
  margin-bottom: 20px;
}
	.zxzx .bd ul li:nth-child(2) {
  margin-left: 0;
}
	.hzhb li {
  width: 30.3333%;
  margin: 0 1.5% 3%;
}
	.mu-footer .footer-nav {
  padding-left: 0;padding-top: 30px;
}
	.mu-footer .footer-erweima {
  padding-left: 0;padding-top: 30px;
}
	
	.footer_bg {padding: 30px 0 0px;
}
	.footer {padding: 0;
}
	.footer .zuo3 ul li.lx {display: block;}
	.footer .zuo3 ul li{display: none;}
	.mast {
  height: 13rem;
  min-height: 10vh;
  padding-top: 3em;
  padding-bottom:3em;
}
	.mast__title, h1, .font-h1 {font-size: 24px;color: #fff;
}
	.ntit ul li a {
  padding: 0 15px;
  font-size: 14px;
}
	.ntit {
  padding: 10px 0;
}
	.honor {
  padding: 30px 0px;
}
	.ny_qywh .left {
  width: 100%;
  font-size: 16px;
  padding: 30px ;
}
	.ny_qywh .right {
  width: 100%;
  padding: 30px;
  position: relative;
}
	.ny_qywh::after {display: block;bottom: 0;height: 55%;left: 0;width: 100%;top: auto;
}
	.newstop .left {
  width: 100%;
  padding-right: 0;
}
	.newstop .right {
  width: 100%;
  padding: 30px 25px 30px 25px;
}
	.newstop .right p {
  font-size: 16px;
}
	.newstop .right hr {
  margin: 15px 0 30px;
}
	.fz_lc .nf {
  width: 100%;
}
	.ny_qywh {
  height: auto;
}
	.ny_cp ul li {
  width: 100%;
  margin: 0 0 20px;
}
	.ny_cp ul li .wenz {
  padding: 10px;
}
	.ny_cp ul li .wenz h3 {
  font-size: 20px;
}
	.ny_cp ul li .wenz p {
  font-size: 16px;
}
	.page a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;margin: 0 6px;
}
	.ny_cp {
  padding: 30px 0;
}
	.page {
  padding: 20px 0;
}
	.cpxq .left {
  width: 100%;
}
	.cpxq {
  padding:30px 0;
}
	.cpxq .right {
  width: 100%;
}
	.case-content ul.incase-list li {width: 48%;margin: 0 1% 2%;}
	.case-content ul.incase-list li a .pic {
  height: 14rem;
}
	.case-content ul.incase-list li a .pic .desc .desc-content h2.title {
  bottom: 40px;
  font-size: 20px;
}
	.case-content ul.incase-list li a .pic .desc .desc-content .text {
  bottom: 10px;
  padding-right: 70px;
  font-size: 14px;
}
	.case-content ul.incase-list li .desc-content i {
  font-size: 40px;
}
	.ny_lxkf {
  padding: 30px 0;
}
	.ny_lxkf h1 {
  font-size: 28px;
  line-height: 28px;
  margin-bottom: 30px;
}
	.ny_lxkf ul li {
  width: 46%;
  margin: 2%;
  padding: 35px 20px;
  height: 220px;
}
	.ny_lxkf ul li i {
  font-size: 55px;
}
	.ny_lxkf ul li h3 {
  font-size: 18px;
  margin-bottom: 20px;
  margin-top:10px;
}
	.ny_gywm {
  padding: 30px 0 0;
}
	.ny_gywm .gsjj .wz {
  width: 100%;
}
	.ny_gywm .gsjj .tp {
  width: 100%;margin-top: 0px;
}
	.ny_gywm .gsjj {
  padding-bottom:30px;
}
	.ny_gywm .fgs ul li h3 {
  font-size: 16px;
}
	.ny_gywm .fgs {
  padding-bottom: 30px;
}
	.product-section {
  padding-bottom: 50px;
  padding-top: 50px;
}
	.features-item .features-info {
  padding: 20px 10px;
}
	.product-features .product-body::after {
  content: "";
  width: 100%;
  height: 1px;
  background:#333;
  top: 70px;
}
	.ny_wh ul li h3 {
  font-size: 16px;
  margin-bottom: 15px;
}
	.ny_wh ul li .mb {
  padding: 20px;
}
	.ny_wh ul li:nth-child(3) .wenz {
  width: 100%;
  position: static;
  height: auto;padding: 20px 0;
}
	.ny_wh ul li:nth-child(3) .tp {
  width: 100%;
}
	.tit h1 {
  font-size: 30px;
}
	.ny_ppsy .wenz .box {
  margin-bottom: 20px;
}
	.tit {
  margin-bottom: 30px;
}
	.ny_ppsy .wenz {
  padding: 30px 20px;
  left: 5%;width: 90%
}
	.ny_ppsy .wenz .box {width:33.3333%;}
	.ny_ppsy img {
  width: 100%;height: 20rem
}
	.ny_fw {
  padding: 30px 0;
}
	.ny_fw ul li .wenz {
  width: 100%;
  position: static;
  height: auto;
  padding: 25px;
}
	.ny_fw ul li .tp {
  width: 100%;
}
	.ny_news ul li {
  height: 24rem;margin: 0 2% 4%;width: 46%;
}
	.ny_news ul li .cont h3 {
  font-size: 18px;
  line-height: 28px;
}
	.lx_wm .rc_zp .jr_nr .gw {
  width: 100%;
}
	.lx_wm .rc_zp .jr_nr .js {
  width: 100%;
}
	.lx_wm .rc_zp .jr_bt {
  padding: 10px 20px;
}
	.lx_wm .rc_zp .jr_nr {
  padding: 20px 30px 10px;
}
		.ny_jjfa {
  padding: 30px 0;
}
	.ny_jjfa .kjyy ul li {
  width: 46%;margin: 0 2% 4%;
}
	.ny_jjfa .kjyy {
  padding-bottom:40px;
}
.fa2 .tu {
  width: 45%;
}
.fa2 .wenz {
  width:50%;
}
.fa2 .wenz h2 span {
  font-size:20px;
}
	.fa2 .wenz h2 i {
  font-size: 26px;
}
	.fa2 .wenz p {
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0;
  padding-left: 42px;
}
	.fa2 .mb .nr {
  width: 430px;
  padding: 20px;
}
	.fa2 .mb .nr h1 {
  font-size: 25px;
  margin-bottom: 20px;
}
	.fa2 .mb .nr h3 {
  font-size: 16px;
}
	.fa2 .mb .nr .more a {
  width: 160px;
  height: 40px;
  line-height: 40px;
  font-size:18px;
}
	.ny_jjfa .kjyy ul li {
  width: 100%;
  margin: 0 0 4%;
}
	.fa2 .wenz {
  width: 100%;
}
	.fa2 .con {
  display: block;
  padding-bottom: 40px;
}
	.fa2 .tu {
  width: 100%;margin-top: 30px
}
	.fa2 .mb .nr {
  width: 100%;
  padding: 20px;
}
	.fa2 img {
  width: 100%;height: 20rem
}
	.fa2 .mb .nr h1 {
  font-size: 2rem;
}
	.fa2 .mb .nr h3 {
  font-size: 14px;
}
	.lx_wm .x_x {
  width: 100%;
}
	.lx_wm {
  margin: 30px auto 40px;padding-bottom: 10px;
}
	.join_nei_body .nei_body_xun {
  width: 100%;
  padding: 20px 20px;margin: 0 auto 20px;box-sizing: border-box
}
	.fldy ul li {
  width: 47%;
}

	
	
}












@media only screen and (max-width:600px){
		.fldy ul li h3 {
  font-size: 14px;
}
	.fldy ul li{width: 100%;}
	.ny_qywh .left {
  font-size: 14px;
  padding: 20px 0;
}
	.ny_qywh .right ul li {
  width: 98%;margin: 0 1% 2%;float: left;
}
	.ny_qywh::after {
  height:70%;
}
	.ny_qywh .left h1 {line-height: 1}
	.ny_qywh .right ul li .mb .tb {
  width: 92px;
  height:92px;
  font-size: 18px;
}
	.ny_qywh .right {
  padding: 20px 0;
}
	.ny_qywh .right ul li .mb p {
  font-size: 1.2rem;
  height:2.4rem;
}
	.header .logo img {
  height:30px;
}
	.header .logo {
  width: 65%;
  margin:15px auto;height: auto;
}
	.header.on .logo {
  width: auto;
  margin: 15px auto;
}
.header .language {
  float: right;
  text-align: center;
  line-height: 60px;
  color: #fff;
  margin-left:0px;
  cursor: pointer;
  position: relative;
  z-index: 9;
  font-size: 16px; margin-right:35px
}
.tit {margin-bottom:20px;}
.tit h1 {font-size:20px;font-weight: bold  ;}
	.ban .swiper-slide .word h3 {
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height:1.4; margin-bottom:10px
}
 .ny_gywm .gsjj .wz p {
    font-size: 14px; line-height:26px
  }
	.ban .swiper-slide .word {
  height: 10rem;
  margin-top: -6rem;top: 60%;
}
	.ban .swiper-slide .word a.xq {display: none;
}
	.ban .swiper-slide .word h4 {
  font-size: 14px;
  margin-top: 0; line-height:26px}
	.index4 {
  padding: 30px 0;
}
	.index4 .text .p {
  font-size: 14px;
  line-height: 1.8;height: auto;
}
	.videoR {
  margin-top: 0px;
}
	.index4Num {
  margin-top: 20px;
  padding-top: 20px;
}
	.index4Num .big {
  font-size: 3rem;
}
	.index4Num .small {
  font-size: 1.8rem;
  line-height: 20px;
  margin: 0 20px 0 3px;
}
	.index4Num .p2 {
  font-size: 1.2rem;
}
	.title .en {
  font-size:2.6rem;
  height: 3rem;
}
	.title .cn {
  font-size: 2rem;
}
	.title2 .cn {
  font-size: 2.5rem;
}
	.title2 .en {
  font-size: 2.6rem;
  height: 3rem;
}
	.title {
  height: 4rem;margin-bottom: 20px;
}
	.sy_ditu .left a {
  line-height: 1.8;
  font-size: 16px;
}
	.sy_ditu .left .more {
  margin-top: 30px;
}

	.swiper2 {
}
.indban-wd-link a{display: inline-block;width: 100px;height: 30px;line-height: 30px;border-radius: 5px;overflow: hidden;font-size: 14px;text-align: center;margin-right: 10px;position: relative;color: #fff;margin-top: 20px;}
.indcase-click-prev{left:0px;}
.indcase-click-next{right:0px;transform: rotate(180deg);}
	.indcase-wd-font {
  width: 80%;
  padding: 20px;box-sizing: border-box;
}
	.indcase-wd h2 {
  font-size: 18px;
  margin-bottom: 10px;
}
.indcase-box .swiper-slide img {
  height: 260px;
}
	.indcase-wd p {
  font-size: 14px;
  line-height: 22px;overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:2;
}
	.swiper1 .equip-min p {
  font-size: 1.3rem;
  line-height: 1.8;
}
	.sy_alzs .kzg {
}
	.sy_alzs {padding-top: 10rem;background: #333;padding-bottom:4rem
}
	.izl-rmenu {display: none;
}
	.sy_nl ul li .mb .wenz h3 {
  font-size: 1.5rem;
}
	.sy_nl ul li .mb .wenz p {
  font-size: 1.2rem;
}
	.zxzx .hd li {
  width: 140px;
  font-size: 16px;
}
	.zxzx .bd ul li .tp {
  width:30%;
}
	.zxzx .bd ul li .wenz {
  width:65%;
}
	.zxzx h4 {
  font-size: 1.2rem;
  margin: 10px 0 ;
}
	.zxzx h3 {
  font-size: 1.4rem;
  margin-bottom: 1rem;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;
}
	.zxzx .bd ul li .wenz p {font-size: 1.2rem
}
	.hzhb li a {
  width: 9rem;height: 6rem
}
	.hzhb li .nrjz {
  width: 9rem;height:6rem
}
	.hzhb li .nrjz img {width: 100%;
}
	.gg01_tc {display: none;
}
	.hzhb li {height: 6rem
}
	.hzhb {
  margin: 30px auto 30px;
}
	.footer-contact-content .box {
  width: 100%;
}
	.row {
  margin-right: 0;
  margin-left:0;
}
	.footer-contact-content .box2 {
  width: 100%;
}
	.mu-footer .footer-contact .footer-contact-content h4 {
  padding-left: 0px;
}
	.mu-footer .footer-contact .footer-contact-content i {margin-right: 10px;
}
.header .an {
  width:25px;
}	
	.header .an span {
  width: 25px;
}
	
	.ntit ul li {
  line-height: 32px;width: 31.3333%;margin: 0 1% 2%;text-align: center;
}
	.ntit ul li a {
  padding: 0 0;
  font-size: 1.2rem;
}
	.ny_cp ul li .wenz h3 {
  font-size: 1.2rem;margin-bottom: 0;
}
	.ny_cp ul li .wenz p {
  font-size: 1rem;margin-bottom: 0;
}
	.ny_cp ul li .wenz {
  padding: 10px 0;
}
	.case-content ul.incase-list li a .pic img {
  height: auto;
}
	.page a {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 1.2rem;
  margin: 0 0.3rem;
}
	.mast__title, h1, .font-h1 {
  font-size: 1.8rem;letter-spacing: 0.1em;font-weight: normal;
}
	.search button.s_c {
  width: 10%;
}
	.search input.w_z {
  width: 80%;}
	.search .an_sj {
  width: 10%;}
	.cpxq .right h3 {
  font-size: 18px;
  margin-bottom: 15px;
  margin-top: 2rem;
}
	.cpxq .right p {
  font-size: 1.4rem;line-height: 1.4;
  margin-bottom: 0.8rem;
}
	.cpxq .cptd {
  padding-top: 30px;
}
	.cpxq .cptd .bt {
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 2;
}
	.cpxq .cptd p {
  font-size: 1.2rem;
}
	.htit {
  font-size: 1.8rem;
  margin-bottom: 20px;
}
	.swiper-yxxy .swiper-slide .w_z {
  padding: 6px 5%;
}
	.swiper-yxxy {
  padding-bottom:30px;
}
	.sy_cp {padding-bottom: 20px;}
	.sy_cp .swiper-pagination{bottom:0px !important;}
.sy_cp .swiper-pagination-bullet {width:10px; height:10px; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.sy_cp .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#1f69a3}
	.cpxqlb .swiper-button-next {
  background: url(../images/banner-r.png) center / 100% no-repeat;
  width: 20px;
}
	.cpxqlb .swiper-button-prev {
  background: url(../images/banner-l.png) center / 100% no-repeat;
  width: 20px;
}
	.case-content {
  padding: 30px 0;
}
	.case-content ul.incase-list li {
  width:100%;
  margin: 0 0 2%;
}
	.case-content ul.incase-list li a .pic {
  height: 21rem;
}
	.case-content ul.incase-list li a .pic .desc .desc-content .more {display: none;}
	.ny_lxkf ul li {
  width: 100%;
  margin: 2% 0;height: 180px;padding: 20px
}
	.ny_lxkf ul li i {
  font-size: 45px;
}
.honor {
  padding: 30px 0px 0;
}
	.ny_wh {padding: 30px 0;
}
	.ny_wh ul li {
  width: 100%;
  margin: 0 0 2%;
}
	.ny_wh ul li:nth-child(3) {
  width: 100%;
  margin-top: 4%;
}
	.ny_wh ul li:nth-child(3) .wenz {
  padding: 20px ;box-sizing: border-box;
}
	.ny_ppsy img {
  height: 36rem;
}
	.ny_gywm .fgs ul li {
  width: 100%;
  margin: 0 0 2% 0;
}
	.ny_ppsy .wenz .tit {
  text-align: center;
}
	.ny_ppsy .tit h1::after {
  left: 50%;
  margin-left: -30px;
}
	.ny_ppsy .wenz .box {
  width:50%;
}
	.ny_ppsy .wenz p {
  font-size: 1.2rem;
}
	.ny_fw ul li .wenz {
  padding: 20px;display: block;
}
	.ny_fw ul li .wenz h3 {
  font-size:1.8rem;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
	.ny_fw p {
  letter-spacing: 0;
}
	.ny_fw ul li .more {
  width: 100px;
  height: 30px;
  line-height: 30px;
}
	.ny_news ul li {
  height: auto;
  margin: 0 0 4%;
  width: 100%;
}
.ny_news ul li .cont .more {
  transform: translateY(0px);
  opacity: 1;
  filter: alpha(opacity=1);
}
	.ny_news {
  padding: 10px 0 30px;
}
	.lx_wm .rc_zp {
  padding: 30px 0;
}
	.lx_wm .rc_zp .jr_bt {
  padding: 5px 1rem;
}
	.lx_wm .rc_zp .jr_bt span.f20 {
  font-size: 1.2rem;
}
	.lx_wm .rc_zp .jr_bt {
  font-size: 1.2rem;height: auto;
  line-height: 1.8;
}
	.lx_wm .rc_zp .jr_bt span {
  width: 25%;
}
	.lx_wm .rc_zp .jr_bt span.s_40 { width: 35%;}
	.lx_wm .rc_zp .jr_nr {
  padding: 20px 20px 10px;
}
	.newstop {
  padding: 30px 0 0;
}
	.newstop .right p {
  font-size:14px; line-height:24px;margin-bottom: 20px;
}
  .newstop .right hr {
    margin: 15px 0 20px;
  }
	.newslist {
  padding: 30px 0 30px;
}
	.newslist li {
  padding: 10px 0;
}
	.newslist li .pic {
  left: 0px;
  width: 100%;position: static;
}
	.newslist li a {
  padding-left: 0;
  padding-right: 0;
  height: auto;
}
	.newslist li h3 {
  font-size: 18px;
  line-height: 28px;
  height: auto  ;
  padding-top: 10px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;
}
	.newslist li .txt {
  line-height: 1.8;
  height: auto;
}
	.lx_wm .left .nr {
  width: 100%;
}
.lx_wm .left .nr .text {
  padding: 10px 0px 10px 0;
}
	.lx_wm input.w_z {
  width: 100%;margin-bottom: 10px;
}
	.lx_wm textarea {
  height: 100px;
}
	
	.mast__header h2 {
  font-size: 1.8rem;letter-spacing: 0
}
	
	
	
	
	.newstop .right {
  width: 100%;
  padding: 20px;
}	
	
	
	
	
	
	
}


@media only screen and (max-width:380px){
	.header .right .ss {
  line-height: 60px;
  padding: 0 6px;
}
	.header {
  height: 60px;
}
.header.on .right .ss {
  line-height: 60px;
}	
	
	
	
	
}

.sy_cp{width:100%; padding:70px 0; overflow:hidden;}
.sy_cp h3{font-size:36px; color:#000; font-weight:bold; line-height:40px; padding-bottom:20px; margin-bottom:50px; display:inline-block; position:relative;}
.sy_cp h3:after{width:100%; height:5px; background-color:#96bcd1; content:""; position:absolute; bottom:0; left:0; opacity:.2; box-shadow:5px 5px 0 #ddd;}
.sy_cp .cp_zs{width:100%; position:relative;}
.sy_cp .swiper-pagination{bottom:0; display:none;}
.sy_cp .swiper-pagination-bullet{background-color:#aaa;}
.sy_cp .swiper-pagination-bullet-active{background-color:#0068b7;}
.sy_cp .swiper-slide{position:relative; overflow:hidden;}
.sy_cp .swiper-button-prev{width:38px; height:38px; border:1px solid #aaa; border-radius:3px; background:#fff url(../images/zj1.png) no-repeat center; left:-66px; margin-top:-22px;
background-size:100% 100%;
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_cp .swiper-button-prev:hover{background:#0068b7 url(../images/zj.png) no-repeat center; border:1px solid #0068b7;}
.sy_cp .swiper-button-next{width:38px; height:38px; border:1px solid #aaa; border-radius:3px; background:#fff url(../images/yj1.png) no-repeat center; right:-66px; margin-top:-22px;
background-size:100% 100%;
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_cp .swiper-button-next:hover{background:#0068b7 url(../images/yj.png) no-repeat center; border:1px solid #0068b7;}
.sy_cp .n_r{border:1px solid #ddd; border-bottom:0; position:relative;}
.sy_cp .n_r:before{width:100%; height:1px; background-color:#ddd; position:absolute; bottom:0; left:0; content:"";}
.sy_cp .n_r:after{width:0; height:2px; background-color:#0068b7; position:absolute; bottom:0; left:0; content:"";
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_cp .n_r:hover:after{width:100%;}
.sy_cp .t_p{position:relative; overflow:hidden;}
.sy_cp .t_p:after{width:30%; height:200%; content:""; position:absolute; top:0; left:-30%;
background-image:-webkit-linear-gradient(to right, rgba(255,255,255,.02), rgba(255,255,255,.5), rgba(255,255,255,.02));
background-image:-moz-linear-gradient(to right, rgba(255,255,255,.02), rgba(255,255,255,.5), rgba(255,255,255,.02));
background-image:-ms-linear-gradient(to right, rgba(255,255,255,.02), rgba(255,255,255,.5), rgba(255,255,255,.02));
background-image:-o-linear-gradient(to right, rgba(255,255,255,.02), rgba(255,255,255,.5), rgba(255,255,255,.02));
background-image:linear-gradient(to right, rgba(255,255,255,.02), rgba(255,255,255,.5), rgba(255,255,255,.02));
transform:skew(30deg);
-webkit-transform:skew(30deg);
-moz-transform:skew(30deg);
-ms-transform:skew(30deg);
-o-transform:skew(30deg);
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_cp .n_r:hover .t_p:after{left:100%; top:-100%;}
.sy_cp .t_p img{width:100%; height:auto; display:block;}
.sy_cp .w_z{padding: 20px 20px; background:#fafafa}
.sy_cp .w_z h4{font-size:22px; text-align:center; color:#000; font-weight:bold; line-height:26px; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_cp .w_z p{line-height:26px; color:#777; height: auto; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;
-ms-line-clamp:2;
-o-line-clamp:2;
-webkit-box-orient:vertical; font-size:14px}
.sy_cp .m_r{width:150px; height:44px; border-radius:22px; border:2px solid #0068b7; position:relative; overflow:hidden; float:right;}
.sy_cp .m_r .bg{width:100%; height:100%; position:absolute; left:0; top:0; background-color:#0068b7;
transition:transform 340ms ease-in-out;
transform-origin:right center;
transform:scaleX(0);}
.sy_cp .m_r:hover .bg{transform:scaleX(1); transform-origin:left center;}
.sy_cp .m_r a{line-height:40px; color:#0068b7; text-align:center; display:block; position:relative; z-index:9;}
.sy_cp .m_r:hover a{color:#fff;}
@media only screen and (max-width:1024px){
.sy_cp .swiper-cy{padding-bottom:30px;}
.sy_cp .w_z{padding:15px; margin-top:-54px; line-height:24px;}
.sy_cp .w_z h3{font-size:16px; line-height:24px; margin-bottom:15px;}
.sy_cp .swiper-slide:hover .w_z{padding:30px 15px;}
.sy_cp .m_r{width:110px; height:32px; margin-bottom:30px;}
.sy_cp .m_r a{font-size:14px; line-height:30px;}
}
@media only screen and (max-width:640px){
.sy_cp{padding:50px 0;}
.sy_cp .row{margin:0 -10px;}
.sy_cp .col-12{padding:0 10px;}
.sy_cp .w_z h3{letter-spacing:0;}
.sy_cp .w_z p{font-size:14px; line-height:28px; margin-bottom:15px;}
}



.product-page {
  width: 100%;
  display: flex;
  margin: 0 auto;
}
.product-page .left-box {
  padding-left: 0;
  padding-right: 0; float: left; width: 50%
}
.product-page .left-box .regular-box {
  width: 100%;
  height: 26.25rem;
  background: #f7f7f7 no-repeat center;
  background-size: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.product-page .left-box .regular-box .text-box .title {
  font-size: 36px;
  font-weight: 700;
  color: #144aa5;
}
.product-page .left-box .regular-box .text-box .text {
  font-size: 20px;
  opacity: 0.4;
  margin: 1.44rem 0 2.06rem;
}
.product-page .left-box .regular-box .text-box .text-2 {
  font-size: 16px;
  line-height: 1.8;
}
.product-page .left-box .regular-box .btn-list {
  margin-top: 3.13rem;
}
.product-page .left-box .regular-box .btn-list .btn {
  font-size: 14px;
  color: #666666;
  padding: 0.81rem 1.63rem;
  margin-right: 1.25rem;
  border: solid 1px #cccccc;
}
.product-page .left-box .intern-box {
  width: 100%;
  height: 26.25rem;
  background: #144aa5 no-repeat center;
  background-size: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.product-page .left-box .intern-box .text-box {
  color: #fff;
}
 .product-page .left-box .intern-box .text-box .title {
  font-size: 36px;
  font-weight: 700;
}
.product-page .left-box .intern-box .text-box .text {
  font-size: 20px;
  opacity: 0.4;
  margin: 1.44rem 0 2.06rem;
}
.home .product-page .left-box .intern-box .text-box .text-2 {
  font-size: 16px;
  line-height: 1.8;
}
.product-page .left-box .intern-box .btn-list {
  margin-top: 3.13rem;
}
.product-page .left-box .intern-box .btn-list .btn {
  font-size: 14px;
  color: #fff;
  padding: 0.81rem 1.63rem;
  margin-right: 1.25rem;
  border: solid 1px #ccc;
}
.product-page .right-box {
  padding-left: 0;
  padding-right: 0; float: right; width: 50%
}
.product-page .right-box .product-box {
  width: 100%;
  height: 52.5rem;
  background: no-repeat center;
  background-size: auto;
  padding: 9.38rem 5.63rem;
}
.product-page .right-box .product-box .page-title {
  text-align: center;
  align-items: flex-start;
}
.product-page .right-box .product-box .page-title .title {
  font-size: 36px;
  color: #fff;
  margin: 0.94rem 0 2rem;
  font-weight: 700;
}
.product-page .right-box .product-box .page-title .text {
  font-size: 24px;
  color: #fff;
  opacity: 0.5;
}
.product-page .right-box .product-box .page-title .link {
  width: 4rem;
  height: 2px;
  background-color: #fff;
}
.product-page .right-box .product-box .page-info-text {
  width: 23.75rem;
  margin-top: 1.88rem;
  margin-left: 0;
  text-align: left;
  color: #FFF;
}



.sy_hyyy { height:auto;overflow: hidden;padding: 70px 0; background:#fafafa}
.sy_hyyy ul li {width: 23.5%; float: left; margin-right:2%;position: relative;overflow: hidden;}
.sy_hyyy ul li:nth-child(4n){margin-right:0; }
.sy_hyyy ul li img {width: 100%; display: block;-webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; }
.sy_hyyy ul li .sign {position: absolute; left:50%;top: 35%;width:400px; margin-left: -200px;height: 100%;	background: url(../images/hybj.png) no-repeat center top;	font-size: 14px;	line-height: 22px;	color: #fff;	text-align: center;padding-top: 20px;box-sizing: border-box;-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s;z-index: 999}
.sy_hyyy ul li .sign .tb {width:70px; height: 52px;margin: 0 auto;}
.sy_hyyy ul li .sign span { font-size: 20px; font-weight:bold; padding-top:10px; display:block}
.sy_hyyy ul li:hover img {-webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s;filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%);}
.sy_hyyy ul li:hover .sign {-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s;top: 50%;background: none;}
.sy_hyyy ul li .bg{	left:0;	bottom: 0;width:100%;	height:220px;	background: url(../images/bg_shadow06.png) center / 80% no-repeat;position: absolute;-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s;opacity: 0;z-index: 998}
.sy_hyyy ul li:hover .bg{-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s;opacity: 1;}
@media only screen and (max-width:992px){
.sy_hyyy { height:auto;overflow: hidden;padding: 20px 0; background:#fafafa}
.sy_hyyy ul li {width: 49%; float: left; margin-right:2%;position: relative;overflow: hidden; margin-bottom:10px;}
.sy_hyyy ul li:nth-child(2n){margin-right:0; }
.sy_hyyy ul li .sign span { font-size: 16px; font-weight:bold; padding-top:10px; display:block}
	
	
}


.gs_wh{width:100%; padding:70px 0 70px; background:url(../images/wh_bj.jpg) no-repeat center / cover; overflow:hidden;}
.gs_wh .row{margin:0; justify-content:space-between;}
.gs_wh .gs_bt h3{color:#fff;}
.gs_wh .gs_bt h4{color:rgba(255,255,255,.3);}
.gs_wh .wh_nr{width:50%; margin-left:50%; color:#fff;}
.gs_wh .wh_lb ul li{padding:40px 0; border-top:1px solid rgba(255,255,255,.1); font-size:16px; line-height:26px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.gs_wh .wh_lb span.b_t{width:140px; display:inline-block;}
.gs_wh .wh_lb span.n_r{width:calc(100% - 160px); display:inline-block;}
@media only screen and (max-width:1440px){
.gs_wh{padding:80px 0 50px;}
.gs_wh .wh_lb ul li{padding:30px 0; font-size:15px;}
.gs_wh .wh_lb span.b_t{width:120px;}
.gs_wh .wh_lb span.n_r{width:calc(100% - 150px);}
}
@media only screen and (max-width:992px){
.gs_wh .wh_nr{width:100%; margin-left:0;}
}
@media only screen and (max-width:640px){
.gs_wh{padding:20px 0 20px;}
.gs_wh .wh_lb ul li{font-size:14px;}
.gs_wh .wh_lb span.b_t{width:80px;}
.gs_wh .wh_lb span.n_r{width:calc(100% - 100px);}
}

.ny_ry{width:100%; padding:60px 0; overflow:hidden;}
.ny_ry .ry_zs{position:relative; padding:0 40px;}
.ny_ry .ry_zs img{width:100%; height:auto; display:block;}
.ny_ry .ry_zs .swiper-button-prev{width:35px; height:35px; background:url(../images/zj1.png) no-repeat center; left:0; margin-top:-17px;
background-size:35px 35px;
-webkit-background-size:35px 35px;
-moz-background-size:35px 35px;
-ms-background-size:35px 35px;
-o-background-size:35px 35px;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.ny_ry .ry_zs .swiper-button-next{width:35px; height:35px; background:url(../images/yj1.png) no-repeat center; right:0; margin-top:-17px;
background-size:35px 35px;
-webkit-background-size:35px 35px;
-moz-background-size:35px 35px;
-ms-background-size:35px 35px;
-o-background-size:35px 35px;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.ny_ry .ry_zs .swiper-pagination{display:none;}
@media only screen and (max-width:990px){
.ny_ry{padding:50px 0 30px;}
}
@media only screen and (max-width:640px){
.ny_ry .ry_zs{padding:0;}
.ny_ry .swiper-ry{padding-bottom:30px;}
.ny_ry .ry_zs .swiper-button-prev{display:none;}
.ny_ry .ry_zs .swiper-button-next{display:none;}
.ny_ry .ry_zs .swiper-pagination{display:block; bottom:0;}
.ny_ry .ry_zs .swiper-pagination-bullet{background-color:#aaa;}
.ny_ry .ry_zs .swiper-pagination-bullet-active{background-color:#c6a962;}
}


.ny_hz{width:100%; padding:60px 0; background-color:#f7f7f7; overflow:hidden;}
.ny_hz .row{margin:0 -10px;}
.ny_hz ul li{padding:0 10px; margin-bottom:30px; float: left; width: 15.8%; margin-right: 1%;box-sizing:border-box }
.ny_hz ul li:nth-child(6n){margin-right:0; }
.ny_hz img{width:100%; height:auto; display:block; box-shadow:0 0 10px #ccc; 
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.ny_hz img:hover{transform:translateY(-5px);
-webkit-transform:translateY(-5px);
-moz-transform:translateY(-5px);
-ms-transform:translateY(-5px);
-o-transform:translateY(-5px);}
@media only screen and (max-width:990px) {
.ny_hz{padding:20px 0;}
.ny_hz .row{margin:0 -6px;}
.ny_hz ul li{padding:0 6px; margin-bottom:12px;}
.ny_hz ul li{padding:0 10px; margin-bottom:30px; float: left; width: 32%; margin-right: 2%;box-sizing:border-box }
.ny_hz ul li:nth-child(3n){margin-right:0; }

	
}
@media only screen and (max-width:640px) {
.ny_hz .row{margin:0 -4px;}
.ny_hz ul li{padding:0 4px; margin-bottom:8px;}
}


.ny_ywfw {padding: 100px 0 60px ;overflow: hidden;}
.ny_ywfw ul li{position: relative;height: 510px;margin-bottom: 73px;}
.ny_ywfw ul li .t_p{width: 60%;height: 510px;float: left;}
.ny_ywfw ul li .t_p img {width: 100%;display: block;height: 100%;object-fit: cover;}
.ny_ywfw ul li .w_z {width: 410px;float: left;margin-left: 42px;}
.ny_ywfw ul li .yw_bt {margin-bottom: 30px;margin-top: 35px;}
.ny_ywfw ul li .yw_bt h1 {display: inline-block;position: relative;font-weight: 700;font-size: 32px;color: #000;}
.ny_ywfw ul li .yw_bt h1 .tb{position: absolute;width: 34px;height: 20px;right: -33px;top: -19px;}
.ny_ywfw ul li .yw_bt h1 .tb img {width: 100%;}
.ny_ywfw ul li .yw_bt h3 {color: #000;
font-size: 19px;
font-weight: 400;
text-transform: uppercase;}
.ny_ywfw ul li .w_z p{color: #000;
font-size: 18px;
font-weight: 400;
line-height: 205%; /* 36.9px */
text-transform: capitalize;}
.ny_ywfw ul li .wzd {width: 40%;right: 0;bottom: 31px;background: rgba(0, 104, 183, 0.03);height: 89px;line-height: 89px;color: rgba(0, 104, 183, 0.10);
text-align: center;
font-size: 32px;
font-weight: 500;
text-transform: capitalize;position: absolute;}
.ny_ywfw ul li:nth-child(2n) .t_p{float: right}
.ny_ywfw ul li:nth-child(2n) .wzd {left: 0;}
.ny_ywfw ul li:nth-child(2n) .w_z {float: right;margin-right: 42px;margin-left: 0;}
.ny_ywfw .b_t{margin-bottom: 57px;}
.b_t h5{color: #000;
font-size: 20px;
font-weight: 200;
text-transform: uppercase;margin-top: 43px;}


.ny_bd{width:100%; padding:60px 0 ; background-color:#f7f7f7; overflow:hidden;}
.ny_bd .lx_bd {margin:0;   }
.ny_bd .lx_bd .b_t{text-align:center; margin-bottom:50px;}
.ny_bd .lx_bd .b_t h3{font-size:34px; color:#000; font-weight:bold; line-height:40px; margin-bottom:6px;}
.ny_bd .lx_bd .b_t h4{font-size:16px; color:#777; line-height:26px;}
.ny_bd .lx_bd .t_p{width:40%; background-position:center; background-repeat:no-repeat; background-size:cover; float: left}
.ny_bd .lx_bd .t_p img{ width: 100%}
.ny_bd .lx_bd .b_d{width:60%; padding:30px 50px 0; float: right;box-sizing:border-box}
.ny_bd .lx_bd .b_d ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.ny_bd .lx_bd .b_d ul li{width:45%; margin-top:20px; position:relative;}
.ny_bd .lx_bd .b_d ul li.q_b{width:100%;}
.ny_bd .lx_bd .b_d input{width:100%; height:61px; border-bottom:1px solid #eee; font-size:15px; line-height:60px; color:#000; display:block;}
.ny_bd .lx_bd .b_d input::placeholder{color:#999;}
.ny_bd .lx_bd .b_d textarea{width:100%; height:122px; padding-top:17px;border:0 solid #eee;  border-bottom:1px solid #eee; font-size:15px; line-height:26px; color:#333; resize:none; display:block;}
.ny_bd .lx_bd .b_d textarea::placeholder{color:#999;}
.ny_bd .lx_bd .b_d button{width:160px; height:50px; background-color:#253b81; font-size:16px; line-height:50px; color:#fff; margin-top:20px; margin-right:20px; outline:none;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.ny_bd .lx_bd .b_d button.c_z{background-color:#888;}
.ny_bd .lx_bd .b_d button:hover{background-color:#05439a;}
.ny_bd .lx_bd .b_d button.c_z:hover{background-color:#2b2b2b;}
@media only screen and (max-width:1440px){
.ny_bd{padding:70px 0;}
.ny_bd .lx_bd .b_t{margin-bottom:40px;}
.ny_bd .lx_bd .b_t h3{font-size:26px; line-height:32px;}
.ny_bd .lx_bd .b_d{padding:20px 30px 40px;}
.ny_bd .lx_bd .b_d ul li{width:47%; margin-top:10px;}
.ny_bd .lx_bd .b_d input{height:51px; font-size:14px; line-height:50px;}
.ny_bd .lx_bd .b_d textarea{height:99px; padding-top:10px; font-size:14px; line-height:22px;}
.ny_bd .lx_bd .b_d button{width:140px; height:46px; font-size:15px; line-height:46px; margin-top:15px; margin-right:15px;}
}
@media only screen and (max-width:640px){
.ny_bd{padding:30px 0 100px;}
.ny_bd .lx_bd .b_t{margin-bottom:30px;}
.ny_bd .lx_bd .b_t h3{font-size:18px; line-height:30px; padding:0 30px;}
.ny_bd .lx_bd .b_t h4{font-size:14px; line-height:22px;}
.ny_bd .lx_bd .t_p{display: block; width:100%;}
.ny_bd .lx_bd .b_d{width:100%;}
.ny_bd .lx_bd .b_d ul li{width:100%;}
}


.service1-ul { height: auto; overflow: hidden; padding: 60px 0
}

.service1-ul li {
 background: #fafafa; height: auto; margin-bottom: 30px
}



.service1-a {
display: block;
padding: 20px 50px 20px 30px;
width: 100%;
background: #fafafa;
position: relative; height: auto; overflow: hidden
}

.service1-icon {
width: 60px;
float: left;
font-size: 0;
}

.service1-icon img {
display: inline-block;
}

.service1-font {
margin-left: 80px;
padding-left: 40px;
position: relative;
}

.service1-txt {
padding-right: 40px;
font-size: 0; margin-top: 20px
}

.service1-txt h3 {
padding-bottom: 15px;
display: inline-block;
position: relative;
font-size: 20px;
line-height: 24px;
color: #666;
/* font-weight: bold; */
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.service1-txt h3::before {
position: absolute;
content: "";
width: 100%;
height: 2px;
background: #666;
left: 0;
bottom: 0;
}

.service1-txt h3::after {
position: absolute;
content: "";
width: 0;
height: 3px;
background: #5b8bc5;
transition: ease .3s;
left: 0;
bottom: 0;
}

.service1-a:hover .service1-txt h3::after {
width: 100%;
}

.service1-txt span {
margin-top: 11px;
display: block;
font-size: 14px;
line-height: 24px;
color: #666;
}

.service1-down {
position: absolute;
width: 30px;
right: 0;
top: 50%;
transform: translateY(-50%);
}

.service1-down h5 {
padding-top: 37px;
font-size: 14px;
line-height: 24px;
color: #666;
position: relative;
}

.service1-down h5::before {
position: absolute;
content: "";
width: 30px;
height: 30px;
background: url(../images/service1-down.png)no-repeat center;
background-size: 100% 100%;
top: 0;
left: 50%;
transform: translateX(-50%);
transition: ease .5s;
}

.service1-a:hover .service1-txt h3, .service1-a:hover .service1-down h5 {
color: #5b8bc5;
}

.service1-a:hover .service1-down h5::before {
background-image: url(../images/service1-down1.png);
}

.service1-page {
margin-top: 53px;
}

@media(max-width:1459px) {
.service1-icon {
width: 70px;
}

.service1-font {
margin-left: 70px;
padding-left: 35px;
}

.service1-txt h3 {
font-size: 20px;
padding-bottom: 10px;
}

.service1-txt d {
width: 172px;
margin-top: 8px;
}

.service1-txt span {
margin-top: 8px;
}

.service1-a {
padding: 26px 48px 18px 43px;
}

.service1-page {
margin-top: 40px;
}
}

@media(max-width:1259px) {
.service1-ul li {
margin-top: 26px;
}

.service1-txt h3 {
font-size: 18px;
padding-bottom: 8px;
}

.service1-down h5::before {
width: 25px;
height: 25px;
}

.service1-down h5 {
padding-top: 32px;
}

.service1-icon {
width: 60px;
}

.service1-font {
margin-left: 60px;
}

.service1-a {
padding: 26px 38px 18px 32px;
}
}

@media(max-width:991px) {
.service1-page {
margin-top: 30px;
}
}

@media(max-width:767px) {
.service1-ul { height: auto; overflow: hidden; padding: 20px 0
}
.service1-icon {
width: 45px;
margin-top: 10px;
}

.service1-font {
margin-left: 85px;
padding-left: 20px;
}

.service1-txt h3 {
font-size: 16px;
padding-bottom: 5px;
}

.service1-txt d {
width: 160px;
height: 2px;
margin-top: 2px;
}

.service1-a {
padding: 15px;box-sizing:border-box 
}
.service1-txt {
  padding-right: 0px;
  font-size: 0;
  margin-top: 30px;
}
.service1-down h5::before {
width: 20px;
height: 20px;
}

.service1-down h5 {
padding-top: 28px;
}

.service1-ul li {
margin-top: 10px;margin-bottom: 20px;
}

.service-content {
padding: 40px 0;
}
}


.pro-screen { height: auto;overflow: hidden; padding: 30px 0 50px
}

.pro-screen h3 {
font-size: 20px;
line-height: 30px;
color: #666;
/* font-weight: bold; */
}

.pro-table {
margin-top: 22px;
width: 100%;
}

.pro-table table {
width: 100%;
}

.pro-table tbody {
background: #fff;
width: 100%;
}

.pro-table tr {
border-bottom: 2px solid #f3f3f3;
}

.pro-table tbody tr:last-child {
border: none;
}

.pro-table tr td:first-child {
white-space: nowrap;
background: #ebebeb;
text-align: left;
font-size: 16px;
line-height: 30px;
color: #666;
font-weight: bold;
}

.pro-table td {
padding: 6px 20px;
vertical-align: top;background: #fafafa;
}

.pro-table td a {
margin: 0 15px;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #666;
}

.pro-table td a:hover, .pro-table td a.on {
color: #478adb;
}

.pro-con {
margin-top: 50px;
}

.pro-page {
margin-top: 63px;
}

@media (max-width: 1459px) {
.pro-page {
margin-top: 40px;
}

.pro-screen h3 {
font-size: 22px;
}

.pro-table tr td:first-child,
.pro-table tr td a {
font-size: 16px;
}

.pro-table {
margin-top: 16px;
}
}

@media (max-width: 1259px) {
.pro-screen h3 {
font-size: 20px;
}
}

@media (max-width: 991px) {
.pro-screen h3 {
font-size: 18px;
}

.pro-table {
margin-top: 10px;
}
}

@media (max-width: 767px) {
.product-content {
padding: 40px 0;
}

.pro-page {
margin-top: 25px;
}

.pro-table tr td a {
font-size: 14px;
}

.pro-con {
margin-top: 30px;
}
}

@media (max-width: 640px) {
.pro-screen {
  height: auto;
  overflow: hidden;
  padding: 20px 0 20px;
}
.pro-table tr td:first-child {
white-space: normal;
font-size: 14px;
min-width: 40px;
}
.pro-table td {
  padding: 6px 10px;
  vertical-align: top;
  background: #fafafa;
}
}

@media (max-width: 320px) {
}

