
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:hover{background:rgba(255,255,255,0.9)}
.header.on{box-shadow:0 0 10px #aaa;background:rgba(255,255,255,0.9)}
.header .container{}
.header .logo{width:200px; float:left; margin:20px 0 20px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on .logo{width:180px; margin:20px 0 0 ;}
.header .logo img{width:100%; height:auto; display:block;}
.header .logo .img2 { display: none}
.header.on .logo .img1{ display:none}
.header:hover .logo .img1{ display:none}
.header.on .logo .img2 { display:block}
.header:hover .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: 60px;}
.header .right .ss {line-height:80px;display: inline-block;padding: 0 15px;position: relative;color: #fff;}
.header:hover .right .ss {color: #333;}
.header.on .right .ss {color: #333;}
.header.on .right .ss {
  line-height: 70px;
}
.header .right i {font-size: 25px;}
.header .right .wx {line-height:80px;display: inline-block;padding: 0 15px;position: relative;color: #fff;}
.header:hover .right .wx {color: #333;}
.header.on .right .wx {color: #333;}
.header.on .right .wx {
  line-height: 70px;
}
.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;}

.search{width:100%; padding:30px 5%; background-color:#f7f7f7; position:fixed; top:0; left:0; z-index:9; 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:80px; float:left; padding:0 28px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}

.header.on .nav ul li{line-height:70px;}
.header .nav ul li a{display:block; font-size:16px; color:#fff; text-transform:capitalize}
.header.on .nav ul li a{color: #333;}
.header:hover .nav ul li a{color: #333;}
.header .nav ul li span{width:0; height:2px; background-color:#4a72f9; 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 .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:80px; 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 .container-fluid {display: flex;/*justify-content:flex-end;*/justify-content:center;}
.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 .container-fluid {display: flex;justify-content:flex-start;}
.nav .e_j.cp .lm {width:20%;float: left;border-right: #ccc 1px solid;box-sizing: border-box;padding-left: 20px;}
.nav .e_j.cp .lm h3 {font-size: 20px;display: flex;justify-content: flex-start;font-weight: bold;color: #333;}
.nav .e_j.cp .lm h3 em {font-size: 30px;margin-right: 10px;color: #3433b3;}
.nav .e_j.cp .lm p a{display: block;width: 50%;float: left;text-align: left;box-sizing: border-box;position: relative;padding-left: 15px;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.nav .e_j.cp .lm p a::before{content: "•";position: absolute;left: 0;}
.nav .e_j.cp .lm p a:hover{padding-left: 10px;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
/*.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;}
.header .nav ul li .e_j a:hover{color: #3433b3;}
.header.on .nav ul li .e_j {top: 70px;}

@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:10px; height:10px; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background: rgba(255,255,255,0.6)}
.ban .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#3433b3;border: #3433b3 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:50%;margin-left: -600px;width: 1200px;
	height: 246px;
	top: 50%;
	margin-top: -103px;
	z-index: 10;text-align: center;
}

.ban .swiper-slide .word h4 {
	display: block;font-size: 25px;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: 42px;
	color: #fff;letter-spacing: 1px;
	line-height: 40px;
	margin: 15px 0 15px 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: -webkit-linear-gradient(top, #4b71fa , #00d691);background: -o-linear-gradient(top, #4b71fa, #00d691);background: -moz-linear-gradient(top, #4b71fa, #00d691);background: linear-gradient(to top, #4b71fa , #00d691);
	color: #fff;
	box-sizing: border-box;
	padding: 0 30px;
	line-height: 50px;
	position: absolute;
	bottom: 20px;left: 50%;margin-left: -100px;
	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;
}
.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(../image/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:36px; color:#333; margin-bottom:15px; position:relative;letter-spacing: 1px;font-weight: bold;}
.tit h1::after { content: " ";position: absolute; left: 50%; bottom: -12px; width: 60px; margin-left: -30px;height: 3px;background: #3433b3;}
.tit h3 { font-size:18px; color:#666; margin-top:25px;font-weight: 200;text-transform: uppercase;}

.tit2 { margin-bottom:50px; text-align:center}
.tit2 h1 { font-size:36px; color:#fff; margin-bottom:15px; position:relative;letter-spacing: 1px;font-weight: bold;}
.tit2 h1::after { content: " ";position: absolute; left: 50%; bottom: -12px; width: 60px; margin-left: -30px;height: 3px;background: #f2f2ff;}
.tit2 h3 { font-size:18px; color:#fff; margin-top:25px;font-weight: 200;text-transform: uppercase;}

.sy_stb {padding:25px 0;border-bottom: #ccc 1px solid;}
.sy_stb ul li {width: 25%;float: left;display: flex;justify-content: center;padding: 15px 0;border-radius: 10px;align-items: center;}
.sy_stb ul li .tb {width: 60px;margin-right: 30px;height: 66px;background: url(../image/tsbj.png) center / 100% no-repeat;text-align: center;line-height: 66px;}
.sy_stb ul li .tb i {font-size: 38px;color: #fff;}
.sy_stb ul li .tb img {width: 100%;display: block;}
.sy_stb ul li .wenz {}
.sy_stb ul li h3 {font-size:20px;color: #333;margin-bottom:5px;}
.sy_stb ul li p {font-size: 12px;line-height: 1.8;color: #666;}
.sy_stb ul li:hover{box-shadow: 0 0 15px #ccc;}

.sy_szh {padding: 60px 0;}
.sy_szh ul li {width: 23%;position: relative;overflow: hidden;}
.sy_szh ul {display: flex;justify-content: space-between;}
.sy_szh 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; }
.sy_szh 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;}
.sy_szh ul li .wenz {position: absolute;width: 100%;height: 100%;background: -webkit-linear-gradient(top, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);box-sizing: border-box;padding: 30px;display: flex;flex-direction: column;justify-content: center;z-index: 9;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.sy_szh ul li:hover .wenz{background: -webkit-linear-gradient(left, #4b71fa , #00d691);background: -o-linear-gradient(right, #4b71fa, #00d691);background: -moz-linear-gradient(right, #4b71fa, #00d691);background: linear-gradient(to right, #4b71fa , #00d691);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.sy_szh ul li .wenz h3 {font-size: 25px;color: #fff;margin-bottom: 20px;}
.sy_szh ul li .wenz p {font-size: 14px;color: #fff;line-height: 2;}
.sy_szh ul li .more {width: 150px;margin: 30px 0 0;position: relative;line-height: 40px;height: 40px;text-align: center;background: #333;float: left;}
.sy_szh ul li .more a {position: relative;z-index: 9;color: #fff;font-size: 14px;}
.sy_szh ul li .more span {position: absolute;background:#fcb313;width:0;height: 100%; transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;left: 0;top: 0;}
.sy_szh 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;}

.about {
    overflow: hidden;
    position: relative;
    background: url(../image/bg1.jpg);
    background-attachment: fixed
}

.about ._more {
    color: #0076cb
}

.about .con {
    padding: 50px 0 80px
}

.about .describe {
    font-size: 14px;
    width: 100%;
    line-height: 1.8;
    margin-bottom: 25px;
    opacity: .7
}

.about ul {
    position: relative;
    z-index: 2;
    margin-bottom: 25px
}

.about ul:after {
    content: '';
    display: block;
    clear: both
}

.about ul li {
    float: left;
    width: 20%;
    height: auto;
    position: relative
}
.about ul li.divtest:nth-child(1) .hideBox{background: #2c5edc;}
.about ul li.divtest:nth-child(2) .hideBox{background: #4f6ef6;}
.about ul li.divtest:nth-child(3) .hideBox{background: #3fd753;}
.about ul li.divtest:nth-child(4) .hideBox{background: #24d892;}
.about ul li.divtest:nth-child(5) .hideBox{background: #fc6733;}


.about ul .showBox {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    padding: 20%
}

.about ul .line.t {
    width: 36px;
    height: 1px;
    background: #3a3a3a;
    display: inline-block
}

.about ul .line.b {
    width: 36px;
    height: 1px;
    background: #3a3a3a;
    display: inline-block
}

.about ul .icon {
    display: block;
    font-size: 60px;
    color: #006fc0;
    margin: 6% auto
}

.about ul .showBox .en {
    color: #006fc0;
    font-size: 16px;
    display: block;
    text-transform: uppercase
}

.about ul .showBox .cn {
    color: #333;
    font-size: 24px;
    display: block;
    margin-top: 5%
}

.about ul .hideBox {
    position: absolute;left: 0;top: 0;
    height: 100%;
    width: 100%;
    padding: 30px;box-sizing: border-box;z-index: 2;
}

.about ul .title {
    font-size: 36px;
    margin-bottom: 15px
}

.about ul li {
    background: #fff;
    transition: all .3s ease 0s;height: 344px;
}

.about ul li .title i {
    width: 65px;
    height: 65px;
    margin-right: 20px;
    background: url(/template/default/images/icon1.png) no-repeat;
    background-size: auto 65px;
    display: block;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;
}
.about ul li:hover .hideBox{-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; -o-transition:all 0.5s; transition:all 0.5s;
    box-shadow: 0 0 25px rgba(0, 0, 0, .25);
    z-index:99;}


.about ul li:nth-child(1) .title i {
    background-image: url(../image/hx1.png)
}

.about ul li:nth-child(2) .title i {
    background-image: url(../image/hx2.png)
}
.about ul li:nth-child(3) .title i {
    background-image: url(../image/hx3.png)
}
.about ul li:nth-child(4) .title i {
    background-image: url(../image/hx4.png)
}
.about ul li:nth-child(5) .title i {
    background-image: url(../image/hx5.png)
}

.about ul li:nth-child(2) {
    background: #3433b3
}
.about ul li:nth-child(4) {
    background: #3433b3;
}
.about ul li:hover {
    z-index: 2;
}
.about ul li:nth-child(2n) .title b {
  color: #fff;
}
.about ul li:nth-child(2n):hover .title b {
  color: #fff;
}
.about ul li:nth-child(2n) .introduction {
  font-size: 15px;
  line-height: 1.7;
  opacity: .8;
  color: #fff;
}

.about ul .title b {
    display: block;
    width: 100%;
    font-size: 20px;
    margin: 25px 0 0;color: #fff;
}
.about ul li:hover .title b{color: #fff}

.about ul .introduction {
    font-size: 15px;
    line-height: 1.7;
    opacity: .7;color: #fff;
}

.about ul .hideBox p {
    font-size: 16px;
    margin-bottom: 15px;
    position: relative;
    text-indent: 20px;
    display: none
}

.about ul .hideBox p:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.indcase{width: 100%;overflow: hidden;background:#3433b3;position: relative;}
.indcase .tit2{position: absolute;top: 60px;width: 100%;left: 0;z-index: 9;}
.indcase .mb {z-index: 8;background: url(../image/mb.png) center / cover no-repeat;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indcase .tit {position: absolute;top:50px;width: 100%;z-index: 99;}
.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: 10;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{position: absolute;width: 100%;z-index: 10;user-select: none;bottom: 0;background: rgba(0,0,0,0.55)}
.indcase-click:after{content: "";position: absolute;bottom: 5px;width: 100%;height: 1px;background: #fff;opacity: .2;}
.indcase-click .equip-min{width: 100%;position: relative;text-align: center;cursor: pointer;}
.indcase-click .equip-min p{font-size: 18px;color: #fff;line-height: 25px;padding-bottom: 10px;padding-top: 5px;}
.indcase-click .equip-min em{font-size:40px;width: 65px;line-height: 55px; margin: 0 auto;height: 55px;display: block;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-box-align: center;-ms-flex-align: center;align-items: center;flex-direction: column;justify-content: center;color: #fff;font-weight: normal;}
.indcase-click .equip-min em img {width:39px;height: auto;}
.indcase-click .equip-min i{position: absolute;width: 10px;height: 10px;border-radius: 50%;left: 50%;margin-left: -5px;bottom: -5px;background: #fff;}
.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:95px;background: url(../image/fabj.png) center / 100% no-repeat;left: 0;right: 0;margin: 0 auto;bottom: -1px;transition: width .6s ease;z-index: -1;top:0px;}
.indcase-click-prev, .indcase-click-next{position: absolute;transition: all .4s ease;bottom:10px;z-index: 4;height: 34px;width: 34px;cursor: pointer;border-radius: 50%;background: #3433b3 url('../image/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: 756px;
    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(../image/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 span i {margin-left: 10px;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.indban-wd-link a:hover span i{margin-left: 20px;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.indban-wd-link a:first-child{background: -webkit-linear-gradient(left, #4b71fa , #00d691);background: -o-linear-gradient(right, #4b71fa, #00d691);background: -moz-linear-gradient(right, #4b71fa, #00d691);background: linear-gradient(to right, #4b71fa , #00d691);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}

.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);}}



.sy_cpjs {padding: 80px 0;background: #F5F5F5;}

.cplb{width:100%; position:relative;}
.cplb .swiper-slide{width:100%; height:auto; display:block;padding-top: 20px;padding-bottom: 50px}
.cplb .swiper-slide .tp {}
.cplb .swiper-slide .main-pro-img {
    width: 45%;
}
.lbwc .swiper-pagination{bottom:20px !important;text-align: center;width: 100%;}
.lbwc .swiper-pagination-bullet {width:12px; height:12px; display:inline-block; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border: #0071bc 1px solid;margin: 0 5px;}
.lbwc .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#0071bc}
.cplb img {
    width: 100%;box-sizing: border-box;
}
.cplb .main-pro-bor img {
    width: 100%;
    position: relative;
    max-height: 400px;
}
img {
    vertical-align: middle;
    border: 0;
    outline: none;
}
 .main-pro-bor {
   
    position: relative;
}
 .main-pro-bor span {
    background: #e62129;
    color: #fff;
    padding: 8px 26px;
    display: inline-block;
    border-radius: 8px;
    position: absolute;font-size: 14px;
    top: -20px;
    right: 50px;z-index: 9
}

 .main-pro-con {
    width: 50%;
    text-align: left;
}
 .main-pro-con > div {
    position: relative;margin-top: 60px
}

 .main-pro-con h3 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 30px;margin-top: 10px;color: #333;
}
 .main-pro-con p
{
	line-height: 1.9;
	font-size: 16px;
	text-indent: 2em;color: #666;margin-bottom: 20px;display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.cplb .more{width:160px;margin-top: 50px;height: 45px;position: relative;text-align: center;border-radius: 25px;overflow: hidden;border: #ccc 1px solid;}
.cplb .more a {font-size: 14px;display: block;line-height:45px;color: #333;position: relative;z-index: 3;}
.cplb .more a i {margin-left: 8px;}
.cplb .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: #3433b3;}
.cplb .more:hover span{width: 100%;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.cplb .more:hover a{color: #fff;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.lbwc {position: relative;padding-bottom: 30px}
.cplb .swiper-pagination{bottom:20px !important;}
.cplb .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%;}
.cplb .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#000}
.lbwc  .swiper-button-prev{background:url(../image/icon3.png) center / 100% no-repeat; width:40px; height:50px; margin-top:-25px; left:-50px;}
.lbwc  .swiper-button-next{background:url(../image/icon4.png) center / 100% no-repeat; width:40px; height:50px; margin-top:-25px; right:-50px;}

.swiper-hy{ margin:0 auto; padding-bottom:0;padding-top: 10px;}
.swiper-hy .swiper-slide{position:relative;overflow: hidden;}
/*.sy_hyyy .swiper-button-prev{background:url(../images/jtdls.png) center / 135% no-repeat; width:39px; height:39px; margin-top:-20px; left:-50px;}
.sy_hyyy .swiper-button-next{background:url(../images/jtdrs.png) center / 135% no-repeat; width:39px; height:39px; margin-top:-20px; right:-50px;}*/

.sy_hyyy .swiper-button-prev{background:url(../image/icon3.png) center / 100% no-repeat; width:39px; height:39px; margin-top:-20px; left:-50px;}
.sy_hyyy .swiper-button-next{background:url(../image/icon4.png) center / 100% no-repeat; width:39px; height:39px; margin-top:-20px; right:-50px;}

.sy_hyyy .swiper-button-prev:hover{background:url(../image/icon3.png) center / 100% no-repeat;}
.sy_hyyy .swiper-button-next:hover{background:url(../image/icon4.png) center / 100% no-repeat;}
.sy_hyyy .con {position: relative;margin: 0 auto;max-width: 90%;}
.sy_hyyy {padding: 5em 0;overflow: hidden;background:#fff;}
.sy_hyyy ul li {width: 31.3333%; float: left;margin: 0 1% 30px;position: relative;overflow: hidden;}
.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:20%;width:400px; margin-left: -200px;height: 100%;	background: url(../image/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;padding-top: 6px}
.sy_hyyy ul li .sign .tb i{font-size: 50px;}
.sy_hyyy ul li .sign span { font-size: 19px;}
.sy_hyyy ul li .sign p {font-size: 14px;line-height: 1.6;margin-top: 20px;color: #fff;opacity: 0;-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s;}
.sy_hyyy ul li:hover .sign p{opacity: 1;-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s;}
.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: 25%;background: none;}
.sy_hyyy ul li .bg{	left:0;	bottom: 0;width:100%;	height:80%;	background: url(../image/bg_shadow06.png) center / 90% 100% 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;}


.swiper-hy .swiper-slide img {width: 100%; display: block;-webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s;border-radius: 10px; }
.swiper-hy .swiper-slide .sign {position: absolute; left:50%;top: 40%;width:400px; margin-left: -200px;height: 100%;	background: url(../image/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}
.swiper-hy .swiper-slide .sign .tb {width:70px; height: 52px;margin: 0 auto;}
.swiper-hy .swiper-slide .sign .tb i {font-size: 60px;}
.swiper-hy .swiper-slide .sign span { font-size: 19px;}
.swiper-hy .swiper-slide: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%);}
.swiper-hy .swiper-slide: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;}
.swiper-hy .swiper-slide .bg{	left:0;	bottom: 0;width:100%;	height:80%;	background: url(../image/bg_shadow06.png) center / 80% 100% 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}
.swiper-hy .swiper-slide:hover .bg{-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s;opacity: 1;}


.sy_ys{padding: 70px 0 80px;position: relative;}
.sy_ys .five-part {
            width: 23%;margin: 0 1%;
            height: 360px;
            float: left; text-align:center;box-sizing: border-box;background: rgba(255,255,255,0.7);border-right: 0;position: relative;z-index: 3;transition: all 0.3s;

	-wbkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s; box-shadow: 0px 5px 20px 0px rgba(169, 180, 190, 0.3);border-radius: 10px;
        }

        .sy_ys .five-part:hover {
            box-shadow: 0px 5px 20px 0px rgba(52, 51, 179, 0.65);background: #3433b3;
        }

        .sy_ys .five-value-img {
            width: 86px;
            height:86px;
            margin: 40px auto 20px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; 
        }
.sy_ys .five-part: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;}
		.sy_ys .five-part:hover .five-value-img {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);}
.sy_ys .five-part .five-value-img i {font-size: 60px;color:#fff;}
.sy_ys .five-part:hover .five-value-img i{color: #fff;}

 .five-part .five-font-sty { font-size: 20px; font-weight: 500; color: rgba(255, 255, 255, 1); line-height: 28px; margin-bottom:10px; }
.five-part:hover .five-font-sty{color: rgba(255, 255, 255, 1);}
.sy_ys .span-line { display: block;margin-top: 10px; font-size: 14px; font-weight: 400;line-height: 1.8;  color: rgba(255, 255, 255, 0.8); width:80%; margin:0 auto}
.five-part:hover .span-line{color: rgba(255, 255, 255, 0.9);}


.sy_about{position: relative;background:#3433b3;padding: 80px 0;}
canvas {
	display:block;
}
.waves {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}

.sy_about .nr {margin: 0 auto;position: relative;z-index: 8}

.sy_about .zhend{width:1200px; padding:30px 0; margin: 0 auto;box-sizing: border-box;}
.sy_about .zhend .an_sj {width: 5%;line-height: 52px;color: #555;float: right;text-align: right;}
.sy_about .zhend input.w_z{width:80%; height:52px; font-size:18px; line-height:52px; color:#555; float:left; -webkit-appearance:none;background: #fff;border-radius: 6px;padding-left: 20px;box-sizing: border-box;}
.sy_about .zhend .s_c{width:18%; height:52px;font-size:18px; line-height:52px; text-align:center; float:right; -webkit-appearance:none;background: #fff;border-radius: 6px;}
.sy_about .zhend i {font-size: 18px;}
.sy_about ul {padding-top: 30px;text-align: center;}
.sy_about ul li {display: inline-block;margin: 0 15px 0;font-size: 18px;color: #fff;}

.sy_about .nr p {font-size: 18px;line-height: 2;color: #fff;margin-bottom: 20px}
.sy_about .more {display: block;
width: 200px;
height: 50px;
font-size: 16px;
background: #fff;
color: #3433b3;
box-sizing: border-box;
padding: 0 30px;
line-height: 50px;border-radius: 30px;position: relative;overflow: hidden;margin:55px auto 0;z-index: 10;}
.sy_about .more a {color: #3433b3;position: relative;z-index: 8}
.sy_about .more span {position: absolute;left: 0;bottom: 0;width: 0;height: 100%;background: #4c5ee0;-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.sy_about .more:hover a {color: #fff;}
.sy_about .more:hover span {width: 100%;transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.sy_about .more::after {
    content: '';
    display: block;
    width: 15px;
    height: 14px;
    background: url(../image/right.png) no-repeat;
    position: absolute;
    right: 30px;
    top: 50%;
	margin-top: -7px;}
.sy_about .more:hover::after { background: url(../image/rights.png) no-repeat;}

.product-number-info {
  
    position: relative;
}

.product-number-info .product-number-inner {
    margin: 0 auto;
}

.product-number-info ul {
    padding: 85px 0;
}

.q {
    zoom: 1; }

.product-number-info li {
    float: left;
    width: 20%;
    height: 90px;
    border-left: 1px solid #66c7fd;
    color: #fff;
    padding-top: 1px;box-sizing: border-box;text-align: center;
}

.product-number-info li:first-child {
    border: none;
}

.product-number-info li b {
    font-weight: 400;
    font-size: 36px;
    line-height: 1;
    display: inline-block;
    position: relative;
    margin: 15px 0 10px;
}

.product-number-info li p {
    font-size: 14px;
}

.product-number-info li b i {
    font-style: normal;
}

.product-number-info li b sup {
    position: absolute;
    font-size: 20px;
    right: -15px;
    top: -3px;
}


.product-number-info li b em {
    font-style: normal;
    font-size: 28px;
    font-weight: 100;
    padding-left: 2px;
    position: relative;
    top: -4px;
}

/*新闻*/
.home_news{
	padding: 80px 0;overflow: hidden;
}
.home_news .box{
	width: 100%;
	margin: 0 auto;
}
.home_news .box ul{
	margin-top: 50px;
	border-left: 1px solid #e6e6e6;
}
.home_news .box ul li{transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;
	float: left;
	width: 33.3333333%;
	padding: 25px 30px;
	border-right: 1px solid #e6e6e6;box-sizing: border-box;
}
.home_news .box ul li h3{
	color: #333333;
	font-size: 18px;
	line-height: 24px;
	text-overflow: ellipsis;font-weight: bold;
  	overflow: hidden;
  	white-space: nowrap;
}
.home_news .box ul li .t{
	margin-top: 15px;
	color: #666666;
	line-height: 30px;font-size: 16px;
	height:90px;
	overflow: hidden;
}
.home_news .box ul li span{
	color: #666666;
	font-size: 14px;
	display: block;
	margin-top: 20px;
}
.home_news .box ul li:hover{box-shadow: 0px 0px 20px #ccc;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;}
.home_news .more a {width: 202px;
  line-height: 48px;
  color: #fff;
  border-radius: 30px;
  text-align: center;background: #3433b3;
  font-size: 16px;margin: 50px auto 0;
  display: block;    overflow: hidden;
    box-shadow: 0 0 8px 0 rgba(52,51,179,.2), 0 8px 16px 0 rgba(52,51,179,.4);
    -webkit-box-shadow: 0 0 8px 0 rgba(52,51,179,.2), 0 8px 16px 0 rgba(52,51,179,.4);}
.home_news .more a:hover {
  background: #3433b3;
  color: #fff;
  border-color: #3433b3; }

.ny_kh {padding: 60px 0;overflow: hidden;}
.ny_kh ul li {width: 13.2%;float: left;margin: 0.5%;border: #eee 1px solid;box-sizing: border-box;}
.ny_kh ul li img {width: 100%;display: block;}

/*新闻*/
.news {padding-top:60px; overflow:hidden; padding-bottom:50px;background: #f5f5f5;}
.news .tit { background:url(/template/default/images/news.png) center 5px no-repeat; overflow:hidden}
.news h2 {
    text-align: center;
    color: #333;
    margin:35px 0px 7px 0px;font-size:38px; line-height:40px;}
.news .line{ text-align:center}
.news .line span{

	border: 2px solid #0083f2;

	display: inline-block;

	width:45px; margin:15px auto;}
.xx4 .hd { text-align:center; margin-top:40px;}
.xx4 .hd ul li{ display:inline-block; width:120px; margin:0 8px;border-radius:20px;-moz-border-radius:20px;
-webkit-border-radius:20px;background: #eee; }
.xx4 .hd ul li a { display:block; height:38px; text-align:center; line-height:38px; color:#888888; font-size:16px;border-radius:20px;-moz-border-radius:20px;
-webkit-border-radius:20px;}
.xx4 .hd ul li.on a {background:#cf000d; color:#fff;box-shadow:rgba(207,0,13,0.1) 5px 5px 10px 5px }
.xx4 .bd .xx11 { margin-top:30px;  margin:30px auto 0;}
.xx4 .bd .xx11 .box {}
.xx4 .bd .xx11 .box .left { width:45%; height:508px; float:left; background:#fff; padding:10px;-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;box-shadow: 0 0 15px #eee}
.xx4 .bd .xx11 .box .left .rq { font-size:30px; color:#888}
.xx4 .bd .xx11 .box .left h3 { margin-top:20px; margin-top:20px; color:#333; font-size:18px; font-weight:normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xx4 .bd .xx11 .box .left p { font-size:15px; line-height:25px; color:#888; margin-top:10px;display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.xx4 .bd .xx11 .box .left img { width:100%; height:100%;}
.xx4 .bd .xx11 .box .right { width:50%; height:508px; float:right; border-top:#ccc 1px solid;}
.xx4 .bd .xx11 .box .right ul li { padding:30px 0; border-bottom:#ccc 1px solid; overflow:hidden}
.xx4 .bd .xx11 .box .right ul li:hover .nr h3 {color: #4b71fa}
.xx4 .bd .xx11 .box .right ul li .dian { width:36px; height:18px; background:url(/template/default/images/dian.png) center center no-repeat; float:left}
.xx4 .bd .xx11 .box .right ul li .nr { width:355px; float:left}
.xx4 .bd .xx11 .box .right ul li .nr h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size:20px; color:#333; font-weight:normal;}
.xx4 .bd .xx11 .box .right ul li .nr p { font-size:15px; line-height:1.8; color:#888; margin-top:25px;display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.xx4 .bd .xx11 .box .right ul li .ri { height:72px; width:90px; float:right; background:url(../image/jt.png) right bottom no-repeat; font-size:30px; color:#999;text-align: right;}
.xx4 .bd .xx11 .box .right ul li:hover .ri {background:url(../image/jth.png) right bottom no-repeat}
.news .more { margin-top:70px; text-align:center}

























.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}
.sy_pro { padding:60px 0; overflow:hidden;}
.sy_pro ul li { width:100%; overflow:hidden}
.sy_pro ul li .tp { width:50%;}
.sy_pro ul li .tp img { width:100%; display:block}
.sy_pro ul li .wenz { width:50%; padding:0 10%;-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; }
.sy_pro ul li .wenz .ico { width:80px; margin:50px auto 30px;}
.sy_pro ul li .wenz .ico img { width:100%}
.sy_pro ul li .wenz h2 { font-size:25px; color:#333; margin-bottom:20px; text-align:center}
.sy_pro ul li .wenz p { line-height:1.5; font-size:14px; color:#666;}
.sy_pro ul li .wenz .more { text-align:center}
.sy_pro ul li .wenz .more a { font-size:14px; text-transform:capitalize; color:#f18c16; text-align:center; line-height:32px; margin-bottom:30px; display: inline-block; width:110px; position:relative}
.sy_pro ul li .wenz .more a  span{width:0; height:2px; background-color:#e77817; position:absolute; left:50%; bottom:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);}
.sy_pro ul li .wenz .more a:hover span{ width:100%}

.sy_sj { padding:60px 0; overflow:hidden;}
.sy_sj .left { width:50%; padding:0 20px;-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;}
.sy_sj .left img { width:100%}
.sy_sj .right { width:50%; padding:3%;-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;}
.sy_sj .right h3 { font-size:25px; color:#333; margin-bottom:20px; margin-top:60px; text-align:center}
.sy_sj .right p { line-height:1.5; font-size:14px; color:#666;}

.sy_sp { padding:60px 0; overflow:hidden}
.sy_sp .left { width:48%;}
.sy_sp .left h3 { font-size:25px; color:#333; margin-bottom:20px; margin-top:60px; text-align:center}
.sy_sp .left p { line-height:1.5; font-size:14px; color:#666;}
.sy_sp .right { width:576px; height:336px; position: relative; background:url(/template/default/images/gold.png) center center / cover no-repeat;}
.sy_sp .right .dnk { width:441px; height:277px; position:absolute; left:68px; top:25px}
.sy_sp .right .dnk img { width:441px; height:277px}

.sy_pj { padding:60px 0; overflow:hidden; background:#f6f6f6}
.xx21 li{ display:inline-block; margin:0 20px; width:260px;}
.xx21 li img { width:100%; display:block}
.xx21 li p { text-align:center; line-height:30px; font-size:14px; color:#333}

.xx4sj {position:relative; margin:0px auto; width:1200px; display:block; overflow:hidden}
.xx4sj .hd .prev {width:40px; height:40px; background:url(/template/default/images/jiantzs.png) left center / 100% no-repeat; position:absolute; left:0; top:40%; margin-top:0px; z-index:10000}
.xx4sj .hd .prev:hover {background:url(/template/default/images/jiantz.png) left center / 100% no-repeat;}
.xx4sj .next{width:40px; height:40px; background:url(/template/default/images/jiantys.png) left center / 100% no-repeat; position:absolute; right:0; top:40%; margin-top:0px; z-index:10000}
.xx4sj .next:hover{ background:url(/template/default/images/jianty.png) left center / 100% no-repeat; }
.xx4sj .bd {width:100%; margin:0 auto;}
.xx4sj .bd ul li{display:inline-block; width:100%; float:left; margin:0; overflow:hidden}
.xx4sj .bd ul li .lk { width:80%; margin:0 auto;}
.xx4sj .bd ul li .tu { overflow:hidden; width:240px; height:240px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; float:right}
.xx4sj .bd ul li img {width:100%; height:auto; display:block}
.xx4sj .bd ul li .wz { width:500px; padding:0px 0px;-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; text-align: left;line-height:30px; float:left; color:#333;}
.xx4sj .bd ul li .wz h3 { font-size:18px; color:#333; margin:20px 0 6px;}
.xx4sj .bd ul li .wz .zw { color:#999; font-size:12px; text-transform:uppercase}
.xx4sj .bd ul li .wz .line { height:1px; background:#ccc; margin:20px 0; clear:both}
.xx4sj .bd ul li .wz p { font-size:14px; color:#666; padding:0 10px; text-transform:capitalize}
.xx4sj .bd ul li:hover .wz { color:#c0a062}

.xx4sj .bd ul li img {width:100%;

	height: 100%;

	-webkit-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s;}
.xx4sj .bd ul li .lk:hover img {-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);}
.sy_wd { padding:60px 0; overflow:hidden}
.sy_wd ul li { width:572px; float:left; margin-bottom:55px; margin-right:55px;}
.sy_wd ul li.last { margin-right:0}
.sy_wd ul li h3 { font-size:18px;margin: 0 0 8px; color:#333;}
.sy_wd ul li p { line-height:1.5; font-size:14px; color:#666;}
.sy_db { padding:60px 0; overflow:hidden}
.sy_db ul { width:1200px; margin:0 auto; text-align:center}
.sy_db ul li { width:30%; height:460px; border:#eee 2px solid; display:inline-block; margin:20px 1.5% 0;-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; }
.sy_db ul li.zj { height:500px; border:#f18c16 2px solid; margin:0px 1.5% 0}
.sy_db ul li img { width:100%; display:block}
.sy_db ul li .bt { height:60px; line-height:30px; text-align:center; background:#f18c16; font-size:14px; color:#fff; text-transform:uppercase}
.sy_db ul li .bt1 { height:60px; line-height:30px; text-align:center; background:#eee; font-size:14px; color:#333; text-transform:uppercase}
.sy_db ul li .xiao { font-size:16px; color:#888; line-height:1.5; padding:30px;}
.sy_db ul li h2 { font-size:16px; font-weight:bold; line-height:20px; text-align:center; color:#333; padding:10px; border-bottom:#eee 1px solid; margin-bottom:25px;}
.sy_db ul li p { text-align:center; line-height:25px; margin-bottom:10px; font-size:14px}

/*index-contact*/

.index-contact {

	min-width: 1200px;

	padding: 8em 0;

	background-image: url(../image/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: -webkit-linear-gradient(left, #4b71fa , #00d691);
background: -o-linear-gradient(right, #4b71fa, #00d691);
background: -moz-linear-gradient(right, #4b71fa, #00d691);
background: linear-gradient(to right, #4b71fa , #00d691);border: #3433b3 1px solid}

/* start footer */
.footer_bg{background:#eee; width:100%;padding:50px 0 20px;}
.footer { width:80%; margin:0 auto; padding:20px 0; z-index:999}
.footer .zuo3{float: left;width: 80%}
.footer .zuo3 ul{display: flex;justify-content: space-between;}
.footer .zuo3 ul li { float:left;}
.footer .zuo3 ul li .tit1 a { font-size:18px; font-weight:bold; color:#333; 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:#3433b3;-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:#666;}
.footer .zuo3 ul li a:hover { color:#3433b3}

.footer .zuo3 .lx .tit1 a { font-size:18px; font-weight:bold; color:#333; line-height:36px; display:block}
.dzwz {line-height:30px;color:#666;font-size:14px; float:left; width:350px; margin-top:20px;}
.dzwz p { line-height:30px;color:#666;font-size:14px;}
.dzwz p a {color: #666}
.dzwz p.p1 { background: url(/template/default/images/fd-img2.png) left center no-repeat}
.dzwz p.p2 { background: url(/template/default/images/fd-img1.png) left center no-repeat}
.dzwz p.p3 { background: url(/template/default/images/fd-img4.png) left center no-repeat}
.hz a {width: 200px;height: 40px;line-height: 40px;color: #fff;background: -webkit-linear-gradient(left, #4b71fa , #00d691);
background: -o-linear-gradient(right, #4b71fa, #00d691);
background: -moz-linear-gradient(right, #4b71fa, #00d691);
background: linear-gradient(to right, #4b71fa , #00d691);display: block;text-align: center;font-size: 16px;border-radius: 8px;margin-top: 20px;}
.hz a i {margin-right: 10px;font-size: 18px;}
.footer .you3 { float:right;}
.footer .you3 .weixin { width:120px; padding-top:20px; float: right; line-height:30px; color:#333; 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 #ccc; width:100%;line-height: 60px;}
.copy { width: 80%;margin: 0 auto}
.copy p {font-size: 12px;text-transform: uppercase;color: #666;}
.copy p a { color: #666; -webkit-transition: 0.9s; -moz-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s;}

.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:25em;min-height:60vh;width:100%;margin:0 auto;padding-top:6em;padding-bottom:4em;text-align:center;overflow:hidden;color:#fff;background-color:#111}
@media (min-width: 91em){.mast{height:30em;max-height:70vh}
}
.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__title, h1, .font-h1 {
  font-family: gotham,"Helvetica Neue",sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  line-height: 1.4;
}
.mast .lb {margin:30px auto 0;text-align: center;}
.mast .lb ul li {display: inline-block;margin: 0 15px;font-size: 16px;color: #fff;position: relative;line-height: 35px;}
.mast .lb ul li span {width: 0;height: 2px;right: 0;bottom: 0;background: #e95645;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;position: absolute;}
.mast .lb ul li a {color: #fff;}
.mast .lb ul li i {font-weight: bold;}
.mast .lb ul li:hover a{color: #e95645;}
.mast .lb ul li:hover span {width: 100%;left: 0;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.mast .lb ul li.on a{color: #e95645;}
.mast .lb ul li.on span {width: 100%;}
@media (min-width: 91em){
.mast__title {
  font-size: 40px;color: #fff;
}
}
.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:15px;}
.ntit ul li a { padding:0 35px; color:#333; font-size:16px; display:block;border-radius: 5px;background: #fff;}
.ntit ul li a:hover {background: -webkit-linear-gradient(left, #4b71fa , #00d691);background: -o-linear-gradient(right, #4b71fa, #00d691);background: -moz-linear-gradient(right, #4b71fa, #00d691);background: linear-gradient(to right, #4b71fa , #00d691);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; 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: -webkit-linear-gradient(left, #4b71fa , #00d691);background: -o-linear-gradient(right, #4b71fa, #00d691);background: -moz-linear-gradient(right, #4b71fa, #00d691);background: linear-gradient(to right, #4b71fa , #00d691);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;; color:#fff}

.hback {
  background: #f6f6f6;
}
.ny_cp {padding: 60px 0;background: #fafafa;}
.ny_cp .left {width: 46%;}
.ny_cp .left img {width: 100%;display: block;}
.ny_cp .right {width: 46%;}
.ny_cp .right h3 {font-size: 25px;color: #333;margin-bottom: 20px;margin-top: 30px;}
.ny_cp .right p {font-size: 16px;line-height: 1.8;color: #555;}
.ny_cp .right .more {width: 150px;line-height: 38px;margin: 30px 0 0;text-align: center;background: -webkit-linear-gradient(top, #4b71fa , #00d691);background: -o-linear-gradient(top, #4b71fa, #00d691);background: -moz-linear-gradient(top, #4b71fa, #00d691);background: linear-gradient(to top, #4b71fa , #00d691);font-size: 16px;text-align: center;}
.ny_cp .right .more a {color: #fff;}
.ny_cp ul{padding-top: 50px;}
.ny_cp ul li {width: 23%;float: left;margin: 0 1% 2%;background: -webkit-linear-gradient(left, #4b71fa , #00d691);background: -o-linear-gradient(right, #4b71fa, #00d691);background: -moz-linear-gradient(right, #4b71fa, #00d691);background: linear-gradient(to right, #4b71fa , #00d691);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;;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: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: 24px;color: #fff;line-height: 1.8;text-align: center;font-weight: 100;margin-bottom: 10px;}
.ny_cp ul li .wenz p {font-size: 18px;text-align: center;color: #fff;line-height: 1.8;margin-bottom: 10px;}
.ny_cp ul li span {position: absolute;left: 0;bottom: 0;height: 3px;background: #fc6733;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: #fc6733;}
.ny_cp ul li:hover .wenz p{color: #fc6733;}
.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: #4a72f9;color: #fff;}
.page a.on{background: #4a72f9;color: #fff;}

.xiaocms-page span{width: 38px;height: 38px;display: inline-block;margin: 0 10px;border-radius: 50%;line-height: 38px;text-align: center;font-size: 16px;background: #4a72f9;color: #fff;}

.case-content {padding: 60px 0;}
.case-content ul.incase-list li{float: left;width: 31.3333%;margin:0 1% 2%;position: relative;}
.case-content ul.incase-list li a{ display: block; margin-bottom: 5%;}

.case-content ul.incase-list li a .pic{ height: auto; overflow:hidden; position: relative;}
.case-content ul.incase-list li a .pic img{ height: auto; object-fit:cover; width: 100%;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; }
.case-content ul.incase-list li a .pic .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.45); z-index: 2; }
.case-content ul.incase-list li a .pic .desc{ position: absolute; left: 7%; top: 10%; width: 86%; height: 80%; z-index: 3;}
.case-content ul.incase-list li a .pic .desc .desc-content{ position: relative;width: 100%; height: 100%; }
.case-content ul.incase-list li a .pic .desc .desc-content h2.title{ width: 100%; font-weight: 100; position: absolute; left: 0; bottom: 60px; color: #fff; padding-right:100px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 24px;box-sizing: border-box; }
.case-content ul.incase-list li a .pic .desc .desc-content .text{ width: 100%; position: absolute; left: 0; bottom:20px; color: #fff; padding-right: 100px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 16px; box-sizing: border-box;}
.case-content ul.incase-list li .desc-content i{ position: absolute; right: 0; color: #fff; bottom: 0; font-size: 50px; margin-right: 0;font-weight: 100; }
.case-content ul.incase-list li a .pic .desc .desc-content .more{opacity: 0; position: absolute; left: 0; bottom: -40px; color: #fff; padding: 7px 20px 7px 30px; border-radius: 30px; border: 1px #fff solid;font-size: 16px;}
.case-content ul.incase-list li a .pic .desc .desc-content .more i{ margin-right: 0; margin-left: 5px; }
.am {
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s ease-in-out;
}

.case-content ul.incase-list li a:hover .pic img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.case-content ul.incase-list li a:hover .pic .desc .desc-content h2.title{bottom: 200px;}
.case-content ul.incase-list li a:hover .pic .desc .desc-content .text{bottom:160px;display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;}
.case-content ul.incase-list li a:hover .pic .desc .desc-content .more{bottom: 40px; opacity: 1;background: -webkit-linear-gradient(left, #4b71fa , #00d691);
background: -o-linear-gradient(right, #4b71fa, #00d691);
background: -moz-linear-gradient(right, #4b71fa, #00d691);
background: linear-gradient(to right, #4b71fa , #00d691);}

@media all and (max-width: 1367px) {
	.case-content ul.incase-list li a .pic{ height: 300px; }
	.case-content ul.incase-list li a .pic img{ height: 300px; }
	.case-content ul.incase-list li a:hover .pic .desc .desc-content h2.title{bottom: 170px;}
	.case-content ul.incase-list li a:hover .pic .desc .desc-content .text{bottom:130px;}
}
@media all and (max-width: 500px) {
	.case-content ul.incase-list li a .pic{ height: 230px; }
	.case-content ul.incase-list li a .pic img{ height: 230px; }

	.case-content ul.incase-list li a .pic .desc .desc-content h2.title{bottom: 130px; padding-right: 0;}
	.case-content ul.incase-list li a .pic .desc .desc-content .text{bottom:90px; padding-right: 0;}
	.case-content ul.incase-list li a .pic .desc .desc-content .more{bottom: 20px; opacity: 1;}
	.case-content ul.incase-list li a:hover .pic .desc .desc-content h2.title{bottom: 130px;}
	.case-content ul.incase-list li a:hover .pic .desc .desc-content .text{bottom:90px;}
	.case-content ul.incase-list li a:hover .pic .desc .desc-content .more{bottom: 20px;}
}
.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: -webkit-linear-gradient(top, #4b71fa , #00d691);
background: -o-linear-gradient(top, #4b71fa, #00d691);
background: -moz-linear-gradient(top, #4b71fa, #00d691);
background: linear-gradient(to top, #4b71fa , #00d691);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; }

.hzhb { padding:60px 0;margin: 0 auto;}
.hzhb li { width:20%;-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;padding: 0 20px; border:#eee 1px solid; height:130px; display:table; float:left; text-align:center; position:relative; background:#fff}
.hzhb li:hover {-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.16),0 15px 40px 0 rgba(0,0,0,.16);box-shadow: 0 10px 15px 0 rgba(0,0,0,.16),0 15px 40px 0 rgba(0,0,0,.16);transform: translateY(-10px);-wbkit-transform: translateY(-10px);-o-transform: translateY(-10px);-moz-transform: translateY(-10px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; z-index:9999}
.hzhb li a { width:100%; height:130px; display:block}
.hzhb li .nrjz {display: table-cell;vertical-align: middle;text-align:center; width:240px; height:130px; margin:0 auto}
.hzhb li img {width: 100%;}
.hzhb li.bodnno { border-bottom:none}
.hzhb li.bodrno { border-right:none}
.hzhb li.bodtno { border-top:none}
.ny_hzms {padding: 60px 0;font-size: 20px;text-align: center;}
.ny_hzms p {color: #333;}
.ny_hzms p {margin-bottom: 30px;}
.ny_hzms ul li {width: 31.3333%;float: left;margin: 0 3% 3% 0;box-shadow: 1px 4px 20px -2px rgba(0,0,0,.1);padding: 65px 50px 30px;
transition: all .35s ease-in-out;text-align: center;box-sizing: border-box;position: relative;}
.ny_hzms ul li span {width: 0;height: 3px;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;background: #ff6626;}
.ny_hzms ul li:hover span {width: 100%;height: 3px;transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;}
.ny_hzms ul li:hover {box-shadow: 1px 4px 20px -2px rgba(0,0,0,.2);
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;}

.ny_hzms ul li h4 {font-size: 20px;margin-bottom: 15px;font-weight: bold;}
.ny_hzms ul li i {
 display:inline-block;
 font-size:55px;
 color:#4d69fa;
 position:relative
}
.ny_hzms ul li i {
 margin-bottom:30px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; 
}
.ny_hzms ul li:hover i{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);}
.ny_hzms ul li i::after {
 position:absolute;
 left:-15px;
 top:-25px;
 content:"";
 height:60px;
 width:60px;
 background:#ff6626;
 z-index:-1;
 opacity:.07;
 transform:rotate(45deg);
 border-radius:5px;
 z-index:-1
}

.ny_hzms ul li:hover p {color: #333;}
.ny_hzms ul li:hover h4 {color: #ff6626;}
.ny_hzms ul li p {font-size: 16px;color: #555;line-height: 1.8;}
.ny_hzms ul li:nth-child(3){margin-right: 0}

.ny_hzlx {padding: 60px 0;background: #f5f5f5;overflow: hidden;}
.ny_hzlx ul li {width: 31.3333%;float: left;margin: 0 3% 3% 0;box-shadow: 1px 4px 20px -2px rgba(0,0,0,.1);
transition: all .35s ease-in-out;text-align: center;box-sizing: border-box;}
.ny_hzlx ul li:nth-child(3){margin-right: 0}
.ny_hzlx ul li .tp {overflow: hidden;}
.ny_hzlx ul li .tp img {width: 100%;display: block;}
.ny_hzlx 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_hzlx ul li h3{font-size: 20px;color: #333;font-weight: bold;margin-bottom:20px;padding-bottom: 10px;position: relative;}
.ny_hzlx ul li h3::after{content: "";position: absolute;left: 50%;margin-left: -30px; bottom: 0;height: 3px;width:20px;background: #ff6626;transition:all 0.35s;}
.ny_hzlx ul li:hover h3::after{width:60px;transition:all 0.35s;}
.ny_hzlx ul li p {font-size: 15px;color: #555;line-height: 1.8;}
.ny_hzlx ul li .wenz {padding: 15px ;height: 176px;box-sizing: border-box;padding: 25px 50px 0px;}
.ny_hzys {padding: 60px 0;}
.ny_hzys ul{display: inline-flex;justify-content: space-between;align-items:stretch;}
.ny_hzys ul li {float: left;width: 23.5%;min-height: 210px;border: 1px solid #e8e8e8;margin: 0 2% 2% 0;padding:30px 25px;box-sizing: border-box;background: #FAFBFD;}
.ny_hzys ul li:nth-child(4n){margin-right: 0;}
.ny_hzys ul li:hover{box-shadow: 0 0 20px #ccc;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_hzys ul li .tb {width:80px;margin:0 auto 20px; }
.ny_hzys ul li .tb img {width: 100%;display: block;}
.ny_hzys ul li .wenz {width: 100%;float: right;} 
.ny_hzys ul li .wenz h3 {font-size: 22px;color: #061828;margin-bottom: 20px;text-align: center;}
.ny_hzys ul li .wenz p {font-size: 16px;color: #636A72;line-height: 1.8;}
.index-software {
  background-color: #f3f6f9;padding-top: 60px;
  padding-bottom: 60px;
}
.index-software-list {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  min-height: 20px;
}
.index-software-list .item {
  float: left;
  position: relative;
  z-index: 2;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 20px;
  width: 32%;
  height: 210px;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  background-color: #fff;
  padding: 30px 30px 30px 110px;box-sizing: border-box;margin: 0 2% 2% 0;
}
.index-software-list .item:nth-child(3n){margin-right: 0;}
.index-software-list .item:after {
  z-index: -1;
  content: " ";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 0;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  background-color: #4d69fa;
}
.index-software-list .item .ctrX1 {
  position: absolute;
  right: 35px;
  top: 30px;
  display: block;
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
}
.hbg .front, .hbg:hover .behind, .hbg.hbgOn .behind {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
}
.hbg .front {
  z-index: 3;
}
.hbg .behind, .hbg:hover .front, .hbg.hbgOn .front {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.hbg .behind {
  z-index: 4;
}
.index-software-list .item .type {
  position: absolute;
  left: 24px;
  top: 24px;
  width: 60px;
  height: 40px;
  background-image: url(/template/default/images/g.png);
  background-size: auto;
  background-position: left 50%;
  background-repeat: no-repeat;
}
.index-software-list .item .ico {
  position: absolute;
  left: 24px;
  top: 56px;
  width: 60px;
  height: 60px;
  background-image: url(../image/dcti-y1.png);
  background-size: auto;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.index-software-list .item .ico img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.index-software-list .item .dt {
  font-size: 22px;
  color: #333333;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.index-software-list .item .dt i {
  font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑';
}
.index-software-list .item .dd {
  margin-top: 14px;
  font-size: 14px;
  line-height: 22px;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.index-software-list .item:hover {
  -webkit-box-shadow: 0px 6px 18.8px 1.2px rgba(69, 89, 138, 0.2);
          box-shadow: 0px 6px 18.8px 1.2px rgba(69, 89, 138, 0.2);
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.index-software-list .item:hover:after {
  top: 0;
  height: 100%;
  -webkit-transition: top 0ms ease-out 0s, height 300ms ease-out 0s;
  transition: top 0ms ease-out 0s, height 300ms ease-out 0s;
}
.index-software-list .item:hover .type {
  background-position: right 50%;
}
.index-software-list .item:hover .dt,
.index-software-list .item:hover .dd {
  color: #fff;
}
.index-software-list .item:hover .arrow {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
  -webkit-transform: none !important;
          transform: none !important;
}
.sol-f{
	padding-top: 60px;
	width: 100%;
	height: 667px;
	background: url(../image/app5bj.jpg) no-repeat center / cover;
	box-sizing:border-box;
	overflow: hidden;
}
.sol-f h2{
	font-size: 30px;
	text-align: center;
	color: #fff;
	text-align: center;
}
.sol-f h4 {font-size: 15px;color: #fff;text-align: center;font-weight: normal;margin-bottom:50px;}
.sol-f .list{
	margin-top: 60px;
	height:285px;
	background: url(../image/sol35.png) no-repeat left bottom / 100% 1px;
	width:100%;
}
.sol-f .list ul{
	width: 100%;
}
.sol-f .list li {
    float: left;
    width: 12.5%;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity:1;
}
.sol-f .list .btn {
    width: 150px;
    height: 280px;
    line-height: 2;
    color: #8f8f95;
    text-align: center;
    margin: 0 auto 0;
}

.sol-f .list .btn.btn2 .circle:after{
	background-image: url(../image/applc2.png);
}
.sol-f .list .btn.btn3 .circle:after{
	background-image: url(../image/applc3.png);
}
.sol-f .list .btn.btn4 .circle:after{
	background-image: url(../image/applc4.png);
}
.sol-f .list .btn.btn5 .circle:after{
	background-image: url(../image/applc5.png);
}
.sol-f .list .btn.btn6 .circle:after{
	background-image: url(../image/applc6.png);
}
.sol-f .list .btn.btn7 .circle:after{
	background-image: url(../image/applc7.png);
}
.sol-f .list .btn.btn8 .circle:after{
	background-image: url(../image/applc8.png);
}
		
.sol-f .list .btn .circle {
    width: 110px;
    height:110px;
    border-radius:55px;
    background: #35d94b;position: relative;margin: 0 auto;
}
.sol-f .list .btn .circle:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 110px;
    height:110px;
    background: url(../image/applc1.png) center no-repeat;
    opacity: 0.9;
    filter: alpha(opacity=90);
}
.sol-f .list .btn h3 {font-size: 20px;color: #fff;margin-top: 30px;}
.sol-f .list .btn p {
    font-size: 14px;
    color:rgba(255,255,255,.9);
    line-height: 1.8;
    margin: 15px 0 30px;height: 50px;
}
.sol-f .list .btn .light {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #25428e;
    margin: 0 auto;
    border: 1px solid #4763ab;position: relative;
}
.sol-f .list .btn .light:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 0;
	width: 10px;
	height: 10px;
	margin: -5px 0 0 -5px;
	border-radius: 50%;
	background: #ff6626;
	display: none;
}
.sol-f .list .btn:hover .light:after{
	animation: Circle 1.2s infinite linear;
	display: block;
}
.sol-f .list .btn:hover .circle{
	background: #ff6626;
}
.sol-f .list .btn:hover .circle:after{
	opacity:1 ;
	filter: alpha(opacity=1);
}
.sol-f .list .btn:hover p{
	color: rgba(255,255,255,1);
}

@keyframes Circle{
	0%{
		transform: scale(0.5);
		opacity: 0;
	}
	50%{
		transform: scale(1);
		opacity: 1;
	}
	100%{
		transform: scale(0.5);
		opacity: 0;
	}
}



.ny_lxkf {padding: 80px 0;background: #fafafa;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:18%;float: left;margin: 0 1%;background: #fff;border-radius: 10px;padding: 35px;box-sizing: border-box;text-align: center;height: 260px;box-shadow: 0 0 20px #eee}
.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 i{ font-size: 65px;margin: 0 auto;transition: transform 0.3s ease;color: #333;}
.ny_lxkf ul li:hover i{font-size: 70px;transition: transform 0.3s ease;color: #3433b3;}
.ny_lxkf ul li h3 {font-size: 20px;color: #333;margin-bottom: 30px;font-weight: bold;margin-top: 20px;}
.ny_lxkf ul li p {font-size: 14px;line-height: 1.8;color: #666;}

.ny_news {padding: 10px 0 60px;background: #fafafa;}
.ny_news .nynews {}
.ny_news .nynews li {width:30.66%;margin-right: 4%;float: left;margin-bottom: 50px;transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.05),0 15px 40px 0 rgba(0,0,0,.05);
box-shadow: 0 10px 15px 0 rgba(0,0,0,.05),0 15px 40px 0 rgba(0,0,0,.05);}
.ny_news .nynews li:nth-child(3n){margin-right: 0;}
.ny_news .nynews li .tp {overflow: hidden;}
.ny_news .nynews li .tp 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_news .nynews 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_news .nynews li .wenz {padding:20px 30px 15px;}
.ny_news .nynews li h3 {font-size: 20px;margin-bottom:10px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;}
.ny_news .nynews li .time {font-size: 14px;color: #999;margin-bottom:20px;}
.ny_news .nynews li p {font-size: 16px;line-height: 1.8;color: #666;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 15px;}
.ny_news .nynews li .gd {line-height: 46px;border-top: #ccc 1px solid;font-size: 14px;padding: 0 30px;color: #666;width: 100%;box-sizing: border-box;}
.ny_news .nynews li .gd i {float: right;line-height: 46px;font-size:20px;}
.ny_news .nynews li:hover{-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);}
.ny_news .nynews li:hover h3{color: #009cdc;}
.ny_news .nynews li:hover .gd{background: #009cdc;color: #fff;}



.gray {background: #f5f5f5;padding: 60px 0 30px;overflow: hidden;margin-bottom: 50px;}
.zdxw{width:100%;position:relative;}
.zdxw .swiper-slide{background: #f5f5f5;}
.zdxw .swiper-pagination{bottom:0px !important;text-align: right;}
.zdxw .swiper-pagination-bullet {width:12px; height:12px; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border: #009cdc 1px solid;background: none;}
.zdxw .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#009cdc}
.zdxw .swiper-button-prev{background:url(../image/banner-l.png) no-repeat; width:30px; height:50px; margin-top:0; 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;}
.zdxw .swiper-button-next{background:url(../image/banner-r.png) no-repeat; width:30px; height:50px; margin-top:0; 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;}
.ny_news .top1 {width: 100%;}
.ny_news .top1 .tp {width: 50%;float: left;text-align: left;margin-left: 1%;}
.ny_news .top1 .tp img {width: 100%;display: block;}
.ny_news .top1 .wenz {width: 45%;float: right;text-align: left;}
.ny_news .top1 .wenz h3 {font-size: 20px;color: #333;font-weight: bold;margin-bottom:40px;}
.ny_news .top1 .wenz .time {font-size: 14px;margin-bottom: 10px;color: #999;}
.ny_news .top1 .wenz p {font-size: 16px;line-height:2.5;color: #555;display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;}
.ny_news .top1 .wenz .more {background: #009cdc;border-radius: 5px;width: 150px;line-height: 38px;text-align: center;color: #fff;font-size: 14px;margin-top: 110px;float: left;}
.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: -webkit-linear-gradient(left, #4b71fa , #00d691);
background: -o-linear-gradient(right, #4b71fa, #00d691);
background: -moz-linear-gradient(right, #4b71fa, #00d691);
background: linear-gradient(to right, #4b71fa , #00d691);
  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;position: relative;}
.ny_news ul li .time .ll {position: absolute;right: 0;color: #666;font-size: 14px;top: 0;}
.ny_news ul li .time .ll i {margin-right: 8px;}
.ny_news ul li:hover .time {height: 60px;}

.ny_gywm { padding:60px 0 0; overflow:hidden}
.ny_gywm .gsjj { padding-bottom:60px; overflow:hidden}
.ny_gywm .gsjj .tp { width:45%; 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;}
.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:2; font-size:16px; color:#555;}
.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: #3433b3;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;}

.aboutc{padding:80px 0;}

.aboutc .aboutclist{width:30.3333%;margin: 0 1.5% 0;}
.aboutc .aboutclist .box {padding:40px 0;background-color:rgba(255,255,255,0.8);box-sizing:border-box;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;height:420px;}
.aboutc .aboutclist:hover .box{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;}
.aboutc .aboutclist:nth-last-of-type(1){margin-right:0}

.aboutc .aboutclist .icon{width:120px;height:120px;margin:0 auto}
.aboutc .aboutclist .icon img {width: 100%;display: block;}
.aboutc .aboutclist .cntitle{color:#000;font-size:24px;text-align:center;margin-top:30px}

.aboutc .aboutclist .entitle{color:#999;font-size:16px;text-align:center;margin-top:5px;font-weight:bold;}

.aboutc .aboutclist .line{width:26px;height:3px;background-color:#000;margin:17px auto 0}

.aboutc .aboutclist .text{color:#000;font-size:16px;text-align:center;margin-top:44px;line-height: 1.8;padding: 0 40px;}
.ny_gywm .fzlc {padding: 60px 0;background: #f5f5f5;overflow: hidden;}

.product-section{padding-bottom:100px;padding-top: 100px; position:relative;background: url(../image/productBase-features-bag.jpg) no-repeat;background-size:cover;}
.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(../image/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(../image/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(../image/hd.png) no-repeat;background-size:contain;background-position:right center}

/*鼠标悬浮效果*/

.features-item:hover h3{font-size:25px;line-height:38px;opacity:1;color: #2bad40;}

.features-item:hover i{width:75%;margin-left:13px;background:url(../image/productBase-features-timeline-hover.png) no-repeat;background-size:contain;background-position:right center}

.features-item:hover a{background:url(../image/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(../image/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(../image/productBase-features-right.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px}


.honor{ padding: 60px 0px;background: #f5f5f5;}
.honor .swiper-button-prev{background:url(../image/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;}
.honor .swiper-button-next{background:url(../image/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;}

.honor .swiper-container { width: 100%; margin-bottom: 50px; }
.honor .swiper-slide{ background-position: center;  background-size: cover; width: 350px;text-align: center}
.honor .swiper-slide img {width: 100%;display: block;}
.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_wh {background: #f5f5f5;overflow: hidden;padding: 60px 0;}
.ny_wh ul li {width: 18%;margin:1%;position: relative;float: left;overflow: hidden;}
.ny_wh 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_wh 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_wh ul li .mb {position: absolute;width: 100%;height: 100%;z-index: 9;background: rgba(0,0,0,0.5);box-sizing: border-box;padding: 30px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.ny_wh ul li .tb {text-align: center;margin-bottom: 20px;}
.ny_wh ul li .tb i {font-size: 50px;color: #fff;}
.ny_wh ul li h3 {position: relative;font-size: 20px;color: #fff;font-weight: bold;margin-bottom: 35px;}
.ny_wh ul li h3::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: calc(50% - 15px);
    height: 2px;
    width: 30px;
    background: #fff;
}
.ny_wh ul li p{font-size: 16px;line-height: 1.8;color: #fff;}
/*.ny_wh ul li:nth-child(3){width: 96%;margin-top: 4%;background: #fff;}
.ny_wh ul li:nth-child(3) .tb i {color: #333;}
.ny_wh ul li:nth-child(3) .wenz {width: 40%;display: flex;flex-direction: column;align-items: center;justify-content: center; position: absolute;height: 100%;left: 0;top: 0;}
.ny_wh ul li:nth-child(3) h3{color: #333;}
.ny_wh ul li h3::after {
    background: #3433b3;
}
.ny_wh ul li:nth-child(3) p{color: #333;}
.ny_wh ul li:nth-child(3) .tp{width: 60%;overflow: hidden;float: right;}*/
.swiper-zz{ margin:0 auto; padding-bottom:50px;}
.swiper-zz .swiper-slide{position:relative;overflow: hidden}
.swiper-zz .swiper-slide .tp{overflow: hidden;border: #ccc 1px solid;}
.swiper-zz .swiper-slide img{width:100%; height:auto; display:block;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.swiper-zz .swiper-slide: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; }
.swiper-zz .swiper-slide .w_z{width:100%; 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;text-align: center;box-sizing: border-box}
.swiper-zz .swiper-slide .w_z h3{font-size:16px; color:#fff; }
.swiper-zz .swiper-slide:hover .w_z{background-color:rgba(230,130,30,.9); bottom:0px;}
.ny_ryzz .swiper-pagination-bullet {
    width: 36px;
    height: 3px;
    display: inline-block;
    background: #ccc;
    opacity: 1;margin: 0 3px;
}
.ny_ryzz .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#4a72f9;border: #4a72f9 1px solid;}
.ny_ryzz .swiper-pagination{bottom: 50px;text-align: center;width: 100%;}
.ny_ryzz{padding: 60px 0;position: relative;}
.ny_ppsy {width: 100%;position: relative;}
.ny_ppsy img {width: 100%;display: block;}
.ny_ppsy .wenz .tit {text-align: left;}
.ny_ppsy .tit h1::after {
  left: 0;
  margin-left:0px;
}
.ny_ppsy .wenz h4 {font-size: 20px;color: #666;font-weight: bold;}
.ny_ppsy .wenz {width: 500px;position: absolute;transform: translate3d(0, -50%, 0);top: 50%;background: rgba(255,255,255,0.8);z-index: 3;border-radius: 10px;padding: 50px;box-sizing: border-box;left: 10%;}
.ny_ppsy .wenz .box{margin-bottom: 30px;width: 50%;float: left;}
.ny_ppsy .wenz h3 {font-size: 18px;color: #333;margin-bottom: 5px;font-weight: bold;text-align: left;}
.ny_ppsy .wenz p{font-size: 16px;color: #666;text-align: left;}
.lx_wm .rc_zp {padding: 60px 0;}
.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: 20px;font-weight: bold;}
.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}


.cpxq {padding: 50px 0;margin: 0 auto;}
.cpxq .left {width: 47%;padding-bottom: 50px;overflow: hidden;border-radius: 14px;}
.cpxq .left img {width: 100%;display: block;border-radius: 6px;box-shadow: 0 0 15px #ccc; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.cpxq .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;}
.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(../image/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(../image/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%;padding-bottom: 50px;}
.cpxq .right h3 {font-size: 25px;color: #333;margin-bottom: 20px;font-weight: bold;}
.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;margin-bottom: 15px;}
.cpxq .cptd .bt span {display: inline-block;padding: 0 15px;background: #1f69a3;}
.cpxq .cptd p {font-size: 16px;line-height:2;color: #555;margin-bottom: 15px;}
.cpxq .right .more a {width: 120px;line-height: 38px;background: -webkit-linear-gradient(left, #4b71fa , #00d691);
background: -o-linear-gradient(right, #4b71fa, #00d691);
background: -moz-linear-gradient(right, #4b71fa, #00d691);
background: linear-gradient(to right, #4b71fa , #00d691);font-size: 14px;color: #fff;margin-top: 25px;display: block;text-align: center;border-radius: 6px;}

.cpxq_ys {padding: 60px 0;font-size: 16px;line-height: 2;color: #333;text-align: center;}


.xq_fwly {padding: 50px 0 50px;background: #f5f5f5;}
.xq_fwly ul li {width: 33.3333%;float: left;border: #eee 1px solid;text-align: center;padding: 30px;box-sizing: border-box;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;height: 220px;background: #fff;position: relative;}
.xq_fwly ul li:hover{box-shadow: 0 0 15px #ccc;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;z-index: 3;}
.xq_fwly ul li .tb {width: 64px;margin: 0 auto 20px;background: url(../image/tsbj.png) center / 100% no-repeat;height: 70px;text-align: center;display: flex;flex-direction: column;justify-content: center;}
.xq_fwly ul li .tb i {font-size: 44px;color: #fff;}
.xq_fwly ul li h3 {font-size: 20px;color: #333;}
.xq_fwly ul li p {font-size: 16px;line-height: 1.8;color: #555;}
.modal_5 {
  background: #fff;padding: 50px 0;
}

.modal_5 .in {
  padding: 57px 0 0;
  width: 1200px;
  margin: 0 auto;
}

.modal_5 .hd .p1 {
  margin-bottom: 70px;
}

.ejy_cyy_main .modal_5 .hd .p2 {
  font-size: 14px;
  color: #333;
  margin-bottom: 30px;
  text-align: center;
}

.modal_5 ul {
  margin-right: -20px;
}

.modal_5 li {
  float: left;
  width: 48%;
  min-height: 210px;
  border: 1px solid #e8e8e8;
  margin: 0 3% 3% 0;
  display: inline;background: -webkit-linear-gradient(top, #4b71fa , #00d691);
background: -o-linear-gradient(top, #4b71fa, #00d691);
background: -moz-linear-gradient(top, #4b71fa, #00d691);
background: linear-gradient(to top, #4b71fa , #00d691);border-radius: 10px;
}
.modal_5 li:hover{background: #fff;}
.modal_5 li:nth-child(2n){margin-right: 0;}

.ejy_cyy_main .modal_5 {
  background: #fff;
  min-height: 550px;
}

.ejy_cyy_main .modal_5 li {
  float: left;
  width: 389px;
  min-height: 258px;
  border: 1px solid #e8e8e8;
  margin: 0 15px 15px 0;
  display: inline;
}

.modal_5 li .item {
  padding: 48px 34px 20px 120px;
}

.modal_5 li .item .p1 {
  font-size: 22px;
  color: #fff;
  margin-bottom: 10px;
  font-weight: bold;
}

.modal_5 li .item .p2 {
  font-size: 14px;
  color: #fff;
  line-height: 30px;
}
.modal_5 li:hover .item .p2{color: #333;}
.modal_5 .li_1 {
  background: url(../image/q1_1.png) no-repeat 30px 49px;
  background-size: 50px auto;
}

.modal_5 .li_2 {
  background: url(../image/q1_2.png) no-repeat 30px 49px;
  background-size: 50px auto;
}

.modal_5 .li_3 {
  background: url(../image/q1_3.png) no-repeat 30px 49px;
  background-size: 50px auto;
}

.modal_5 .li_4 {
  background: url(../image/q1_4.png) no-repeat 30px 49px;
  background-size: 50px auto;
}

.modal_5 li:hover {
  border: 1px solid #4a72f9;
  box-shadow: 0 0 6px 6px rgba(196, 197, 205, 0.2);
}

.modal_5 li:hover .item .p1 {
  color: #4a72f9;
}

.modal_5 .li_1:hover {
  background: url(../image/q1_1_h.png) no-repeat 30px 49px;
  background-size: 50px auto;
}

.modal_5 .li_2:hover {
  background: url(../image/q1_2_h.png) no-repeat 30px 49px;
  background-size: 50px auto;
}

.modal_5 .li_3:hover {
  background: url(../image/q1_3_h.png) no-repeat 30px 49px;
  background-size: 50px auto;
}

.modal_5 .li_4:hover {
  background: url(../image/q1_4_h.png) no-repeat 30px 49px;
  background-size: 50px auto;
}

.modal_6 {
  background: #fafafa;
  min-height: 680px;
}



.ny_tjcp{padding: 0px 0 60px;position: relative;}
.swiper-yxxy{width:100%; margin:0 auto; padding-bottom:50px;padding-top: 15px;margin-bottom: 60px}
.swiper-yxxy .swiper-slide{position:relative;box-shadow: 0 0 10px #ccc;}
.swiper-yxxy .swiper-slide img{width:100%; height:auto; display:block;}
.swiper-yxxy .swiper-slide .w_z{width:90%; padding:10px 5%; 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:18px; color:#333;position: relative;text-align: center;margin-bottom: 15px;}
.swiper-yxxy .swiper-slide .w_z p {font-size: 14px;color: #555;line-height: 1.8;}
.swiper-yxxy .swiper-slide:hover h3 {color: #fff;}
.swiper-yxxy .swiper-slide:hover p {color: #fff;}
.swiper-yxxy .swiper-slide:hover .w_z{background: -webkit-linear-gradient(top, #4b71fa , #00d691);
background: -o-linear-gradient(top, #4b71fa, #00d691);
background: -moz-linear-gradient(top, #4b71fa, #00d691);
background: linear-gradient(to top, #4b71fa , #00d691);}
.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;}

.nrwz {width: 100%;
padding: 20px 0;
background-color: #f5f5f5;
overflow: hidden;
border-bottom: #eee 1px solid;color: #333;font-size: 16px;}
.nrwz a {font-size: 16px;color: #333;line-height: 2;}
.nrwz i {margin: 0 10px;}
.nrwz a:hover{color: #3433b3;}
.main_box{
	width: 100%;
	position: relative;
	padding:60px 0;background: url(../image/fabj.jpg) center / cover no-repeat;
}
.main_box .box{
	width:80%;
	margin: 10px auto;
}
.main_box .box ul li{
	width: 22%;
	height: 430px;
	box-shadow: 3px 2px 30px rgba(0,0,0,.1);
	float: left;
	text-align: center;
	position: relative;
	transition: all .6s ease-out;position: relative;border: #eee 1px solid;box-sizing: border-box;
}
.main_box .box ul li .mb {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(255,255,255,0.85);padding: 30px;box-sizing: border-box;}
.main_box .box ul li h3{
	padding-top: 20px;
	color: #333;
	font-size: 22px;line-height: 40px;margin-bottom: 30px;
}
.main_box .box ul li p{
	margin-top: 7px;
	color: #666;
	font-size: 14px;line-height: 1.8;
}
.main_box .box ul li .more {line-height: 38px;padding: 0 15px;border-radius: 3px;border: #fff 1px solid;font-size: 14px;background: #4a72f9;width: 110px;position: absolute;left: 30px;bottom: 30px;color: #fff;}



.main_box .box ul .on{
	width: 34%;
	text-align: left;
}
.main_box .box ul .on .mb {background: rgba(0,0,0,0.4);}
.main_box .box ul .on h3{
	padding-left: 10px;
	color: #FFF;
}
.main_box .box ul .on p{
	margin-left: 10px;
	color: #FFF;
}
.main_box .box ul .on .more {border: #fc6733 1px solid;background:#fc6733;text-align: center;}
.ny_fxxq {padding: 60px 0;overflow: hidden;background: url(../image/fabj.jpg) center / cover no-repeat;}
.ny_fxxq ul li {float: left;
width: 49%;
min-height: 210px;
margin: 0 2% 2% 0;
padding:30px 35px;
box-sizing: border-box;
height: 260px;
background:rgba(77,105,250,0.65);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ny_fxxq ul li:nth-child(2n){margin-right: 0;}
.ny_fxxq ul li:hover{background:rgba(77,105,250,1);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ny_fxxq ul li h3 {font-size: 20px;color: #fff;font-weight: bold;margin-bottom: 20px;padding-bottom: 40px;position: relative;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;margin-top: 20px;}
.ny_fxxq ul li h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 40px;
  background: #ff6626;
  transition: all 0.35s;
}
.ny_fxxq ul li p {font-size: 14px;line-height: 1.8;color: #fff;}
.ny_fxxq ul li .more a {display: block;width: 120px;line-height: 38px;text-align: center;font-size: 14px;color: #fff;text-align: center;margin-top: 25px;opacity: 0;background: #ff6626;border-radius: 6px;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ny_fxxq ul li:hover h3{padding-bottom: 15px;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;margin-top: 0;}
.ny_fxxq ul li:hover .more a {opacity: 1;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ny_faxgcp{background: #f6f6f6;overflow: hidden;padding: 60px 0;}
.ny_faxgcp .con {position: relative;}
.swiper-xgcp{width:100%; margin:0 auto; padding-top: 15px;padding-bottom: 60px}
.swiper-xgcp .swiper-slide{position:relative;box-shadow: 0 0 10px #ccc;margin-bottom: 10px;}
.swiper-xgcp .swiper-slide img {width: 100%;display: block;}
.swiper-xgcp .swiper-slide .w_z{width:100%; padding: 25px;box-sizing: border-box; color:#fff;background: #fff;height: 226px;box-sizing: border-box;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.swiper-xgcp .swiper-slide .w_z h3{font-size:20px; color:#333;position: relative;margin-bottom: 15px;padding-bottom: 20px;margin-top: 10px;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.swiper-xgcp .swiper-slide .w_z h3::after{content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 40px;
  background: #ff6626;
  transition: all 0.35s;}
.swiper-xgcp .swiper-slide .w_z p {font-size: 14px;color: #555;line-height: 1.8;}
.swiper-xgcp .swiper-slide:hover h3 {color: #fff;margin-top: 0;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.swiper-xgcp .swiper-slide:hover p {color: #fff;}
.swiper-xgcp .swiper-slide:hover .w_z{background: -webkit-linear-gradient(top, #4b71fa , #00d691);
background: -o-linear-gradient(top, #4b71fa, #00d691);
background: -moz-linear-gradient(top, #4b71fa, #00d691);
background: linear-gradient(to top, #4b71fa , #00d691);}
.ny_faxgcp .swiper-button-prev{background:url(../image/prev_off.png) center / 100% no-repeat; width:30px; height:60px; margin-top:15px; left:-40px;}
.ny_faxgcp .swiper-button-next{background:url(../image/next_off.png) center / 100% no-repeat; width:30px; height:60px; margin-top:15px; right:-40px;}
.ny_faxgcp  .swiper-pagination {bottom: 10px !important;}
.ny_faxgcp .swiper-pagination-bullet {width:10px; height:10px; display:inline-block;border: #1f69a3 1px solid; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background: #fff;}
.ny_faxgcp .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#1f69a3}











@media (max-width:1600px){
	.container {
  width: 90%;
}
	.con {
  width: 90%;
}
	.sy_gy .wenz {
  padding: 40px 30px;
  top: 25px;
}
	.footer {
  width: 90%;
}
.nav .e_j .container {
  width: 100%;
}
	.nav .e_j.cp .lm p a{font-size: 12px;}
	

}

@media (max-width:1440px){
	.header .nav ul li {
  padding: 0 18px;
}
	.header .right {
  margin-left: 30px;
}
	.index-contact .s {
  padding: 0 ;
}
	.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;
}	
	.about ul li {
  height: 384px;
}
	
	
	
	
	
}
@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;
}
	
	
	
	
	
	
	
}

@media (max-width:1280px){
		.container {
  width: 94%;
}
	.con {
  width: 94%;
}
	
	
}






@media only screen and (max-width:1024px){
	.container {
  width: 90%;
}
	.con {
  width: 90%;
}
.head_h { height: 60px; display:block}
.header{border:0; height:60px; background:#fff; width:100%;z-index: 9999;}
.header .container{ padding:0;height: 60px; width:94%}
	.header .right .ss {
  line-height: 60px;
  color: #333;padding: 0 6px;
}
	.header .right .wx {
  line-height: 60px;
  color: #333;padding: 0 6px;
}
	.header.on .right .ss {
  line-height:60px;
}
	.header.on .right .wx {
  line-height: 60px;
}
	.header .right .wx .e_j {
  top: 60px;
}
	.header .right {margin-right:40px;}
.header .logo{width:190px; margin:10px auto;}
.header.on .logo{width:190px; margin:10px auto;}
	.header .logo .img2 {
  display: block;
}
	.header .logo .img1 {
  display: none;
}
.header .an{display:block; right:10px;}
.header .an span { background-color:#999}
.header .nav ul { width: 100%;}
.header.on .nav {width:60%}
.header .nav{width:60%; padding:15px 5%; background: rgba(34,105,163,0.9); height:100%; position:fixed; top:60px; right:-70%; 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}

.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:#aaa;}
.header .nav ul li .e_j a:hover { color:#fff}
.header .nav .e_j a{border-top:0; font-size:12px; color:#aaa; 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.cp .lm {
  width: 100%;
  border-right: 0;
  padding-left: 0px;
}
	.nav .e_j.cp .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;
}
	.nav .e_j.cp .lm h3 {position: relative;
  font-size: 16px;font-weight: normal;
  color: #fff;
}
	.nav .e_j.cp .lm h3 em {
  font-size: 25px;
  color: #fff;
}
	.nav .e_j.cp .lm p a {
  width: 100%;color: #fff;font-size: 14px;
}
	.nav .e_j .s_j {
  display: none;
}

.header .nav ul li:hover span{width:0;}
.header .nav ul li.on span{width:0;}
	.ban .swiper-slide {
  height: 20rem;
}
	.ban .swiper-slide .bg1 {
  height: 20rem;
}
	.ban .swiper-slide .word {
  left: 5%;
  margin-left:0px;
  width: 90%;
  height: 206px;
  margin-top: -103px;
}
	.ban .swiper-slide .word h3 {
		font-size: 32px;}
	.ban .swiper-slide .word a.xq {
  width: 160px;
  height: 40px;
  font-size: 16px;
  padding: 0 30px;
  line-height: 40px;
  margin-left: -100px;
}
	.ban .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
	.ban .swiper-pagination {
  bottom: 10px !important;
}
	.sy_gy .wenz {position: static;width: 100%;
}
	.sy_gy .tp {
  width: 100%;
}
	.sy_gy {
  padding: 3em 0;
}
	.sy_cpjs {
  padding: 30px 0;
}
	.sy_szh ul li {
  width: 46%;margin: 0 2% 4%;float: left;
}
	.sy_szh {
  padding:30px 0;
}

	.sy_szh ul {
  display: block;
}
	.sy_stb ul li .tb {
  width: 50px;
  margin-right: 10px;
  height: 56px;
  line-height: 56px;
}
	.sy_stb ul li h3 {
  font-size: 16px;
}
	.sy_stb ul li .tb i {
  font-size: 32px;
}
	.about ul li {
  width:33.3333%;
}
	.about ul li:nth-child(n+4) {width: 50%;height: 300px;
}
	.news {
  padding-top: 30px;
  padding-bottom:30px;
}
	.indcase-click-prev {
  left: -10px;
}
	.indcase-click-next {
  right: -10px;
  transform: rotate(180deg);
}
	.sy_ys .five-part {
  width: 48%;
  height: 280px;margin: 1%;background: #2c5edc
}
	.sy_ys .five-part:nth-child(2){background: #4f6ef6}
	.sy_ys .five-part:nth-child(3){background: #24d892}
	.sy_ys .five-part:nth-child(4){background: #3fd753}
	.sy_ys .five-value-img {
  width: 66px;
  height: 66px;
  margin: 30px auto 20px;
}
	.sy_ys {
  padding: 30px 0;
}
	.xx4 .bd .xx11 .box .left {
  width: 100%;
  padding: 10px;
  box-shadow: 0 0 15px #eee;
}
	.xx4 .bd .xx11 .box .right {
  width: 100%;
  height: auto;
}
	.ny_kh {
  padding: 30px 0;
  overflow: hidden;
}
	.ny_kh ul li {
  width: 31.3333%;
  float: left;
  margin: 0.5%;
  border: #eee 1px solid;
  box-sizing: border-box;
}
	.sy_about .zhend {
  width: 90%;
  padding: 30px 0;
}
	.sy_about .nr p {
  font-size: 14px;
}
	.index-contact {
  min-width: 90%;
  padding: 5em 0;
  background-attachment: inherit;
}
	.index-contact .btn {
  right: 0px;
  width: 160px;
}
	.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: 6vh;
  padding-top: 3em;
  padding-bottom:3em;box-sizing: border-box;
}
	.mast__title, h1, .font-h1 {font-size: 24px;color: #fff;
}
	.ntit ul li a {
  padding: 0 15px;
  font-size: 14px;
}
	.ntit {
  padding: 10px 0;
}
	.ny_cp ul li {
  width: 46%;
  margin: 0 2% 4%;
}
	.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: 30px;
}
	.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;
}
	.copy {
  width: 90%;
}
	.cpxq_ys {
  padding: 30px 0;
  font-size: 14px;width: 90%;margin: 0 auto;
}
	.modal_5 li .item .p1 {
  font-size:18px;
}
	.modal_5 li .item {
  padding: 30px 25px 20px 100px;
}
	.nrwz a {
  font-size: 14px;
}
	.nrwz {
  font-size: 14px;padding: 10px 0
}
	.cpxq .left {
  padding-bottom: 30px;
}
	.ny_hzys {
  padding: 30px 0;
}
	.ny_hzys ul li {
  width: 49%;
  min-height: 240px;
  padding: 20px 20px;
}
	.ny_hzys ul {
  display: block
}
	.ny_hzys ul li:nth-child(2n){margin-right: 0}
	.ny_hzys ul li .wenz h3 {
  font-size: 17px;
}
	.ny_hzys ul li .wenz p {
  font-size: 14px;
}
	.main_box {
    padding: 30px 0;
}
	.main_box .box ul .on {
    width: 50%;
    text-align: left;
}
.main_box .box ul li {
    width: 50%;
    height: 360px;
}
	.main_box .box {
  width:90%;
}
	.main_box .box ul li h3 {
  font-size: 20px;
  margin-bottom:20px;
}
	.swiper-xgcp .swiper-slide .w_z {
  padding: 20px 15px;
  height: 226px;
}
	.ny_hzms {
  padding: 30px 0;
  font-size:16px;
}
	.ny_hzms ul li {
  padding: 55px 20px 20px;
}
	.ny_hzms ul li h4 {
  font-size: 18px;
}
	.ny_hzms ul li p {
  font-size: 14px;
}
	.ny_hzlx ul li .wenz {
  height: 176px;
  padding: 15px 10px 0px;
}
	.ny_hzlx ul li h3 {
  font-size: 18px;
}
	.ny_hzlx ul li p {
  font-size: 14px;
}
	.ny_hzlx {
  padding: 30px 0;
}
	.ny_hzlx {
  padding: 30px 0;
}
	.ny_hzys ul li .tb {
  width: 60px;
}
	.sol-f {
  padding-top: 30px;
}
	.sol-f .list li {
  width: 25%;
}
	
	.sol-f .list .btn {
  height: 240px;
}
	.sol-f .list .btn h3 {
  font-size: 18px;line-height: 1.6;
  margin-top: 10px;
}
	.sol-f .list .btn p {
  font-size: 14px;
  line-height: 24px;
  margin: 10px 0 20px;
  height: 48px;
}
	.sol-f .list .btn .circle {
  width:90px;
  height: 90px;
}
	.sol-f .list .btn .circle::after {
  width: 90px;
  height: 90px;
  background: url(../image/applc1.png) center / 100% no-repeat;
}
	.sol-f .list .btn .light {display: none;
}
	.sol-f .list {
  height: auto;
  background: none;
}
	.hzhb {
  padding:30px 0;
}


	
	
	
	
}












@media only screen and (max-width:600px){
.indcase .tit2 {
  top: 30px;
}
	.tit2 h1 {
  font-size: 2.5rem;
}
	.tit2 h3 {
  font-size: 1.5rem
}
.tit {margin-bottom:30px;}
.tit h1 {font-size:2.5rem;font-weight: normal;}
	.ban .swiper-slide .word h3 {
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height:1.4;
}
	.tit h3 {
  font-size: 1.5rem;
}
	.ban .swiper-slide .word {
  height: 10rem;
  margin-top: -5rem;
}
	.ban .swiper-slide .word a.xq {display: none;
}
	.ban .swiper-slide .word h4 {
  font-size: 1.4rem;
  margin-top: 1rem;}
	
	.sy_stb ul li {
  width: 50%;
  padding: 10px 0;justify-content: center;
}
	.sy_stb ul li .tb {
  width: 4.2rem;
}
	.sy_stb ul li .tb i {
  font-size: 2.6rem;
}
	.sy_stb ul li h3 {
  font-size: 1.5rem;
}
	.sy_stb ul li p {
  font-size: 1.2rem;}
	.sy_stb {
  padding: 20px 0;
}
	.sy_szh ul li .wenz {
  padding: 15px;
}
	.sy_szh ul li {
  width: 100%;
  margin: 0 0 4%;
}
	.sy_szh ul li .wenz h3 {
  font-size: 2rem;
  margin-bottom: 1.5rem;
}
	.about .con {
  padding:30px 0 30px;
}
	.about ul li {
  width:100%;height: 25rem;
}
	.about ul .title b {
  font-size: 1.8rem;
  margin: 1.5rem 0 0;
}
	.about ul .introduction {
  font-size: 1.2rem;opacity: .8;
}
	.about ul li:nth-child(2n) .introduction {
  font-size: 1.2rem;
}
	.about ul li:nth-child(n+4) {
  width: 100%;
  height: 25rem;
}
	.about ul .hideBox {
  padding: 25px;
}
	.indcase-click .equip-min.cur i {
  width: 100%;
  border-radius: 0;
  height: 95px;
  background: url(../image/fabj.png) center / cover no-repeat;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -1px;
  transition: width .6s ease;
  z-index: -1;
  top: 0px;
}
	.indcase-click-prev {display: none;}
	.indcase-click-next {display: none;}
	.indcase ._PageTitle {
    top: 100px;
    left:0;
    z-index: 9;width: 100%;text-align: center;
}
	.indcase-wd {
    top:50%;
}
	.gallery-top .swiper-slide{overflow: hidden;}
	.indcase-wd-font {
    width: 100%;box-sizing: border-box;
}
	.indcase-wd p {
    font-size: 1.2rem;
    line-height: 1.8;
    margin-bottom: 2rem;
}
	.indcase-wd h2 {
    font-size: 2.4rem;
}
	.indban-wd-link a {
    height: 3rem;
    line-height: 3rem;
    font-size: 1.4rem;
}
	.indcase-click .equip-min p {
  font-size: 1.2rem;
  padding-top: 5px;
}
	.indcase-click .equip-min em {
  font-size: 20px;
  width: 100%;
  line-height:35px;
  margin: 0 auto;
  height:35px;
}
	.indcase-box .swiper-slide img {
  height: 60rem;
  object-fit: cover;
}
	

	.sy_ys .five-part {
  width: 46%;
  height: 26rem;
  margin: 2%;
}
	.sy_ys .five-part .five-value-img i {
  font-size: 40px;
}
	.sy_ys .five-value-img {
  width: 66px;
  height: 46px;
  margin: 20px auto 10px;
}
	.five-part .five-font-sty {
  font-size: 1.4rem;
  line-height: 1.8;
}
	.sy_ys .span-line {
  margin-top: 0px;
  font-size: 1.1rem;
  width: 90%;display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp:7;
}
	.xx4 .bd .xx11 .box .left {
  height: auto;
}
	.xx4 .bd .xx11 .box .right ul li {
  padding: 15px 0;
}
	.xx4 .bd .xx11 .box .right ul li .dian {display: none;
}
	.xx4 .bd .xx11 .box .right ul li .nr h3 {
  font-size: 1.6rem;
}
	.tit2 {
  margin-bottom: 30px;
}
	.sy_about {
  padding:50px 0;
}
	.sy_about .zhend {
  padding: 10px 0 30px;
}
	.sy_about .zhend input.w_z {
  width:70%;
  height:42px;
  font-size: 14px;
  line-height: 42px;
  padding-left: 10px;
}
	.sy_about .zhend button.s_c {
  width: 28%;
  height: 42px;
  font-size: 14px;
  line-height: 42px;
}
	.sy_about ul li {width: 100%;
  margin: 0 0 0;
  font-size: 16px;
}
	.index-contact h6 {
  font-size: 2rem;
  line-height: 1.8;
}
	.index-contact p {
  line-height: 1.8;
  font-size: 1.4rem;
}
	.index-contact .btn {position: static;margin: 30px auto 0
}
	.index-contact .btn a {
  height: 38px;
  line-height: 38px;
  font-size: 16px;
}
	.index-contact {text-align: center;
  padding: 3em 0;
}
	.dzwz {
  width: 100%;
  margin-top: 0px;
}
	.footer .you3 {width: 100%;}
	.footer .you3 .weixin { float: none;margin: 0 auto;
}
	.footer .zuo3 {
  width:100%;
}
	.copy {
  width: 90%;
}
	.footer_btm {
  margin: 20px auto 0;
  line-height: 1.5;padding: 10px 0
}
	.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: 1.8rem;
  margin-bottom: 1.5rem;
  margin-top: 0;
}
	.cpxq .right p {
  font-size: 1.4rem;line-height: 1.8;
  margin-bottom: 0.8rem;
}
	.xq_fwly ul li {
  width: 100%;
  padding: 20px;
  height: auto;
}
	.xq_fwly ul li p {
  font-size: 14px;margin-top: 10px;
}
	.modal_5 li {
  width:100%;
  min-height: 210px;
  margin: 0 0 3% 0;box-sizing: border-box;
}
	.modal_5 ul {
  margin-right:auto;
}
	.modal_5 li .item .p2 {
  line-height: 1.8;
}
	.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(../image/banner-r.png) center / 100% no-repeat;
  width: 20px;
}
	.cpxqlb .swiper-button-prev {
  background: url(../image/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 ;
}
	.honor .swiper-container {
  width: 100%;
  margin-bottom: 0px;
}
	.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;
}
	.aboutc .aboutclist {
  width: 100%;
  margin: 0 0 20px;
}
	.aboutc {
  padding: 40px 0;
}
	.aboutc .aboutclist .icon {
  width: 100px;
  height: 100px;
}
	.aboutc .aboutclist .box {
  padding: 30px 0;
  height: auto;
}
	.aboutc .aboutclist .text {
  margin-top: 24px;padding: 0 20px;
}
	.ny_hzys ul li {
  width: 100%;margin: 0 0 4%;
}
	.ny_hzys ul li .tb {
  width: 70px;
}
	.ny_hzys ul li .wenz h3 {
  font-size: 1.5rem;
}
	.main_box .box ul .on {
  width: 100%;
}
	.main_box .box ul li {
  width: 100%;
  height: 30rem;
}
	.main_box .box ul li .mb {
  padding: 20px;
}
	.main_box .box ul .on h3 {padding: 0;font-size: 1.7rem;
}
	.main_box .box ul .on p {
  margin-left: 0px;
}
	.main_box .box ul li h3 {
  font-size: 1.7rem;
  margin-bottom: 15px;line-height: 1.8;
}
	.ny_hzms ul li {
  width: 100%;
  margin: 0 0 3% 0;
}
	.ny_hzlx ul li {
  width: 100%;
  margin: 0 0 3% 0;
}
	.ny_hzlx ul li .wenz {
  height: 150px;
  padding: 15px 20px 0px;
}
	.sol-f .list .btn {
  width: 100%;
}
	.sol-f .list {
		margin-top: 20px;}
	.sol-f .list li {
  width: 50%;padding: 0 15px;box-sizing: border-box;
}
.sol-f {height: auto;
}
	.sol-f .list .btn {
  height: 200px;
}
	.hzhb li {
  width: 50%;
  padding: 0 10px;
  height: 90px;
}
	.hzhb li .nrjz {
  height: 90px;
}
	.hzhb li a {
  height: 90px;
}
	.ny_news .top1 .tp {
  width: 100%;
  margin-left:0;
}
	.gray {
  padding: 30px 0 30px;
  margin-bottom: 30px;
}
	.ny_news .top1 .wenz {
  width: 100%;margin-top: 20px;
}
	.ny_news .top1 .wenz h3 {
  font-size:18px;
  margin-bottom: 20px;
}
	.zdxw .swiper-button-next {display: none;}
	.zdxw .swiper-button-prev {display: none;}
	.ny_news .top1 .wenz p {
  font-size: 14px;
  line-height:1.8;
}
	.ny_news .top1 .wenz .more {
  width: 120px;
  line-height: 32px;
  margin-top: 50px;
}
	.zdxw .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
	.lx_wm .rc_zp .jr_bt span i {font-size: 1.2rem;
}
	.lx_wm .rc_zp .jr_lm {
  margin-bottom: 10px;
}
	
	
	
	
	
	
	
	
	
	
	
}


.ew_m{width:100%; height:100%; text-align:center; background-color:rgba(0,0,0,.8); display:block; position:fixed; top:0; left:0; display:none; z-index:99999; padding-top:10%;  color:#fff; font-size:14px;}
.ew_m img{width:300px; height:auto; }
.cpp li{ float:left; width:23%; margin:10px 1%}
.cpp li img{ width:100%}
@media only screen and (max-width:640px){
	
	.cpp li{ float:none; width:100%; margin:10px 0px}
}