@charset "utf-8";

html{font-size:62.5%;}

body{margin:0px; font-size:12px; color:#333; 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:#333;}

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:#333; 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;}

.con{width:1400px; margin:0 auto;}

.clear{overflow:hidden; clear:both; height:0px;}

.fl{float:left;}

.fr{float:right;}



.con{width:1400px; margin:0 auto;}

.container { width:1400px; margin:0 auto}

.header{width:100%; position:fixed; top:0; left:0; z-index:9999;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;background: -webkit-linear-gradient(top, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);border-bottom: 1px solid rgba(255, 255, 255, 0.3);}

.header:hover{background:rgba(255,255,255,0.85)}

.header.on{box-shadow:0 0 10px #aaa;background:rgba(255,255,255,0.85);}

.header .container{width: 90%;}

.header .logo{width:150px; float:left; margin:10px 0 10px;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.header.on .logo{width:150px; }

.header .logo img{width:100%; height:auto;display:block}

.header .logo .img2 { display: none}

.header.on .logo .img1{ display:none}

.header.on .logo .img2 { display:block}

.header:hover .logo .img2 { display:block}

.header:hover .logo .img1 { display:none}



.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.on .right ul li{color: #333;line-height: 100px;}

.header.on .right ul li a{color: #333;}

.header.on .language{margin-top: 22px;}



.header .right { float:right; margin-left:0px;}

.right .dh {float: left;margin-left: 10px;padding-top: 7px;}

.header:hover .right ul li{color: #333;}

.header:hover .right ul li a{color: #333;}

.header .right ul li {line-height:100px;padding: 0 12px;float: left;font-size: 20px;color: #fff;position: relative;}

.header .right ul li i {font-size: 20px;}

.header .right ul li:hover{color: #333;}

.header .right ul li a {color: #fff;}

.header .right ul li:hover a{color: #333;}

.header .right ul li .w_x {position: absolute;width: 120px;left: 50%;margin-left: -60px;top: 100px;display: none;}

.header .right ul li:hover .w_x {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 .right .wx .e_j {position: absolute;width: 120px;left: 50%;margin-left: -60px;top:100px;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;font-size: 14px;}

.header .right .wx:hover .e_j{display: block;}









.searchIpt {width: 240px;height: 30px;position: absolute;right: 0;top:80px;display: none;z-index: 10;}



.searchIpt .search_txt {width: 182px;padding: 0 0 0 10px;line-height: 30px;background: #333;color: #fff;border: 0;height: 30px;float: left;}



.searchIpt .search_btn {width: 58px;background: #0068ba;border: 0;float: right;color: #fff;height: 30px;cursor: pointer;}

.header .nav{float:right;}

.header .nav i{font-size:15px; color:#666; 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.on .nav{ float:right; }

.header .nav ul li{margin:0 2px; line-height:100px; float:left;  padding:0 24px;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;position: relative;}



.header.on .nav ul li{line-height:100px;}

.header .nav ul li a{display:block; font-size:18px; color:#fff; text-transform:capitalize}

.header.on .nav ul li a{display:block; color:#333; }

.header:hover .nav ul li a{display:block; color:#333;}

.header .nav ul li span{width:0; height:2px; background-color:#fff; 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);}

.header.on .nav ul li span{background-color:#9263a7;}

.header:hover .nav ul li span{background-color:#9263a7;}

.header .nav ul li:hover span{width:100%;}

.header .nav ul li.on span{width:100%;}

.full_text {display: none}

.full_text.on {display:block}

.nav .y_j{position:relative;}

.nav .e_j{width:190px; background:#fff; position:absolute; top:100px; left:0; display:none; z-index:9999;padding: 10px 0;box-shadow: 0 0 10px rgba(0,0,0,0.15)}

.header .nav ul li .e_j a {color: #333;line-height: 40px; display: block; font-size: 16px; transition:all .3s;

-o-transition:all .3s;

-ms-transition:all .3s;

-moz-transition:all .3s;

-webkit-transition:all .3s;padding: 0 20px;}

.header .nav ul li .e_j a:hover{color: #9263a7;padding: 0 15px;}

.header.on .nav .e_j{top: 100px;}



@media (min-width:1024px){



.header .nav .e_j{display:none !important;}

.header .nav ul li:hover .e_j{display:block !important;}

.head_h { height: 68px;  }

}

@media (max-width:102px){

.header .nav ul li{margin:0 15px;}

.header .nav ul li a{font-size:15px;}

}





@media (max-width:1368px){



.header .nav ul li .e_j a {

    display: block;

    font-size: 14px;

    color: #000;

    line-height: 38px;

}



}





@media (max-width:1400px){

.header .nav ul li{margin:0 20px;}

.header .nav ul li a{font-size:16px;}

}

@media only screen and (max-width:1024px){

.con{width:96%; margin:0 auto;}

.container { width:96%; margin:0 auto}

.head_h { height: 60px; display:block}

.header{border:0; height:60px; background:#fff; width:100%}

	.weixin a.wb {

    height: 30px;

    line-height: 30px;

    background: url(../images/top9.png) center no-repeat;

}

.header .container{ padding:0; overflow:hidden; width:94%}

.header .logo{width:80px; margin:10px auto;}

.header .logo .img1 {

    display: none;

}

.header .logo .img2 {

    display: block;

}

	.search button.s_c {

  width: 10%;

}

	.search input.w_z {

  width: 80%;

}

	.search .an_sj {

  width: 10%;

}

.header.on .logo{width:80px; margin:10px auto;}

.header .right { margin-right:60px; margin-left: 0;

}

.header.on .right {

    margin-top: 0;

}

	.header.on .right ul li {

  line-height: 60px;

}

	.header .right ul li a {

  color: #333;

}

	.header .right ul li {

  color: #333;line-height: 60px;

}

	.header .right {

  margin-right: 60px;

  margin-top: 0;

}

.header .right a {

    line-height: 30px;

    width: 30px; color:#666;

}

.header .right a.a2 {

    background: url(../images/s.png) center / 20px no-repeat;

}

.searchIpt { right:150px;

    top:15px; width:190px;

}

.searchIpt .search_txt {

    width: 132px;

}

.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-color:#fff; 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: 15px;color: #333;}

.header.on .nav .e_j {

    top:0;

}

.header .nav i{display:block;}

.header .nav ul li{line-height:60px; text-align:left; border-bottom:1px solid #ccc; 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 #ccc; background: none; position: relative;display: none;top: auto; left: auto; margin: 0;padding: 10px 0;box-shadow: 0 0 10px rgba(0,0,0,0);}

	.nav .e_j .left a{width: 100%;}

.header .nav ul li .e_j a { color:#666; text-align:left; line-height:40px; font-size:15px;}

.header .nav ul li .e_j a:hover { color:#333}

.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;}

.nav .e_j .s_j {

    width: 100%;

    position: relative;

    top:0px;

    left:0px; border:0

}

.header .nav ul li a{font-size:15px; color:#333;}



.header .nav ul li:hover span{width:0;}

.header .nav ul li.on span{width:0;}



}

@media only screen and (max-width:600px){

.header .container{ padding:0; overflow:hidden; width:94%}

.header .logo{width:80px; margin:10px auto;}

.header .right {

    margin-right:50px;margin-left: 0;

}

.header.on .logo{width:80px; margin:10px auto;}

.header.on .right a.a2 {

    background: url(../images/s.png) center / 20px no-repeat;

}







}

@media only screen and (max-width:375px){

.header .container{ padding:0}

	.header .logo {

    width: 80px;

    margin: 10px auto;

}

	.header.on .logo {

    width:80px;

    margin: 10px auto;

}



}





.head_h{width:100%; height:95px; background-color:#fff;display: none}

.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:#fff;border: #fff 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%;object-fit: cover;

	-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.0);

	-moz-transform: scale(1.0);

	-o-transform: scale(1.0);

	-ms-transform: scale(1.0);

}

.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: -620px;width: 1240px;

	height: 246px;

	top: 50%;

	margin-top: -103px;

	z-index: 10;text-align: center;

}



.ban .swiper-slide .word.l1 h4{text-align: left;}

.ban .swiper-slide .word.l1 h3{text-align: left;}

.ban .swiper-slide .word h4 {

	display: block;font-size: 26px;color: #fff; margin-top: 20px;letter-spacing: 2px;

	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 rgba(0,0,0,0.25);

}



.ban .swiper-slide .word h3 {

	font-size: 46px;

	color: #fff;letter-spacing: 5px;

	line-height: 40px;

	margin: 15px 0 25px 0;

	transform: translateY(20px);

	filter:alpha(opacity=0); /* IE */

    -moz-opacity:0; /* 老版Mozilla */

    -khtml-opacity:0; /* 老版Safari */

    opacity: 0; /* 支持opacity的浏览器*/

	transition: all .2s linear .2s;

	-webkit-transition: all .2s linear .2s;font-weight: bold;text-shadow: 0 0 20px rgba(0,0,0,0.25);

}





.ban .swiper-slide .word a.xq {

	display: block;

	width: 200px;

	height: 50px;

	font-size: 16px;background:#9263a7;

	color: #fff;

	box-sizing: border-box;

	padding: 0 30px;

	line-height: 50px;

	position: absolute;

	bottom: 20px;right: 50%;margin-right: -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;text-align: center;

}

.ban .swiper-slide .word.l1 a.xq {

	bottom: 0;left: 0%;margin-left:0px;

}



.ban .swiper-slide .word a.xq:after {

	content: '';

	display: block;

	width: 15px;

	height: 14px;

	background: url(../images/rights.png) no-repeat;

	position: absolute;

	right: 30px;

	top: 50%;

	margin-top: -7px;

}





.ban .swiper-slide.swiper-slide-active .word h4 {

	transform: translateY(0);

	filter:alpha(opacity=100); /* IE */

    -moz-opacity:1; /* 老版Mozilla */

    -khtml-opacity:1; /* 老版Safari */

    opacity: 1; /* 支持opacity的浏览器*/

   

}



.ban .swiper-slide.swiper-slide-active .word h3 {

	transform: translateY(0);

	filter:alpha(opacity=100); /* IE */

    -moz-opacity:1; /* 老版Mozilla */

    -khtml-opacity:1; /* 老版Safari */

    opacity: 1; /* 支持opacity的浏览器*/

}



.ban .swiper-slide.swiper-slide-active .word a.xq {

	transform: translateY(0);

	filter:alpha(opacity=100); /* IE */

    -moz-opacity:1; /* 老版Mozilla */

    -khtml-opacity:1; /* 老版Safari */

    opacity: 1; /* 支持opacity的浏览器*/

}

@media only screen and (max-width:1024px){

	

.ban{width:100%; position:relative;}

.ban .swiper-slide{width:100%; height:30vh;}

.ban .swiper-slide .bg1 {

	position: absolute;

    height: 30vh;

	overflow: hidden;

	width:100%;

	left:0px !important;

	top:0px;z-index: 5;

}

.ban .swiper-slide .word {

	position: absolute;

	left:0%;margin-left: 20px;width: 80%;

	height:210px  ;

	top: 60%;

	margin-top: -90px;

	z-index: 10;text-align: center;

}



.ban .swiper-slide .word h3 {

	font-size: 23px;

	color: #fff;letter-spacing: 5px;

	line-height: 30px;

	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 rgba(0,0,0,0.25);

}

.ban .swiper-slide .word h4 {

	display: block;font-size: 16px;color: #fff; margin-top: 10px;letter-spacing: 0px;

	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 rgba(0,0,0,0.25); width:60%;  

}



.ban .swiper-slide .word a.xq {

	display: block;

	width: 130px;

	height: 36px;

	font-size: 14px;background:#9263a7;

	color: #fff;

	box-sizing: border-box;

	padding: 0 0px;

	line-height: 36px;

	position: absolute;

	bottom: 20px;right: 50%;margin-right: -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;text-align: center;

}

.ban .swiper-slide .word.l1 a.xq {

	bottom:40px;left: 0%;margin-left:0px;

}

.ban .swiper-slide .word a.xq:after {

	content: '';

	display: block;

	width: 15px;

	height: 14px;

	background: url(../images/rights.png) no-repeat;

	position: absolute;

	right: 15px;

	top: 50%;

	margin-top: -7px;

}	

}





.tit { margin-bottom:50px; text-align:center}

.tit h1 { font-size:30px; color:#333; margin-bottom:15px; position:relative; font-weight:bold}

.tit h1::after { content: " ";position: absolute; left: 50%; bottom: -15px; width: 40px; margin-left: -20px;height: 0;border: 2px solid #9263a7;}

.tit h3 { font-size:14px; color:#666; margin-top:25px;}



.sy_td { padding:60px 0; overflow:hidden;}

.sy_td ul{margin-top: 40px;}

.sy_td ul li { width:360px; float:left; margin:0 60px 35px 0;height: 215px;}

.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;text-align: center;}

.about {

    overflow: hidden;

    position: relative;

    background: url(../images/bg1.jpg) center/cover no-repeat;

    background-attachment: fixed

}



.about ._more {

    color: #0076cb

}



.about .con {

    padding: 50px 0 80px

}



.about ._fl {

    background: url(../images/bg.jpg);

    position: absolute;

    left: 0;

    height: 100%

}



.about ._fr {

    background: url(../images/bg_wdwd.jpg);

    position: absolute;

    right: 0;

    background-size: cover;

    height: 100%;

    background-position: center

}



.about ._fl,

.about ._fr {

    width: 50%

}



.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: 33%;

    height: auto;

    background: rgba(255, 255, 255, .7);

    position: relative;height: 360px;

}

.about ul li:nth-child(2){ width: 34%; }

.about ul li.divtest:nth-child(1):before {

    transition-delay: 0s

}



.about ul li.divtest:nth-child(2):before {

    transition-delay: .1s

}



.about ul li.divtest:nth-child(3):before {

    transition-delay: .2s

}



.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: #9263a7;

    margin: 6% auto

}



.about ul .showBox .en {

    color: #9263a7;

    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: relative;

    height: 100%;

    width: 100%;

    padding: 30px 25px;box-sizing: border-box;

}



.about ul .title {

    font-size: 36px;

    margin-bottom: 15px

}



.about ul li {

    background: #fff;

    transition: all .3s ease 0s

}



.about ul li .title i {

    width: 65px;

    height: 65px;

    margin-right: 20px;

    /* background: url(../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 {

    box-shadow: 0 0 25px rgba(0, 0, 0, .15);

    z-index: 2;

}



.about ul li:hover .title i {

   -webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);

}

/* .about ul li:nth-child(1) .title i {

    background-image: url(../images/hx1.png)

}



.about ul li:nth-child(2) .title i {

    background-image: url(../images/hx2.png)

}

.about ul li:nth-child(3) .title i {

    background-image: url(../images/hx3.png)

}

.about ul li:nth-child(4) .title i {

    background-image: url(../images/hx4.png)

}

.about ul li:nth-child(5) .title i {

    background-image: url(../images/hx5.png)

} */



.about ul li:nth-child(2) {

    background: #fbf5fd

}

.about ul li:nth-child(4) {

    background: #fef7f3;

}



.about ul .title b {

    display: block;

    width: 100%;

    font-size: 20px;

    margin: 15px 0 15px;color: #3e3e3e;

}

.about ul li:hover .title b{color: #9263a7}



.about ul .introduction {

    font-size: 14px;

    line-height: 1.9;

    opacity: .7;color: #3e3e3e; min-height:150px

}



.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%)

}

._PageTitle span {

    display: block

}



._PageTitle span.cn {

    font-size: 24px;

    margin-bottom: 5px;color: #3e3e3e;

}



._PageTitle span.en {

    font-size: 40px;

    color: #9263a7;

    text-transform: uppercase;font-weight: bold;

    font-family: Exotic

}

._more {

    position: relative;

    z-index: 5;

    width: 138px;

    height: 38px;

    display:block;

    border: 1px solid #0076cb;

    text-align: center;

    line-height: 38px;

    transition: .35s

}



._more:hover {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: #0076cb;

    z-index: 6;

    opacity: 0;

    transform: scale(1.2);

    transition: .35s

}





._more i {

    color: #0076cb;

    font-size: 16px;

    margin-left: 15px;

    transition: .35s

}

.sy_cp {padding: 60px 0;background: url(../images/cpbj.jpg) center / cover no-repeat;overflow: hidden;}

.sy_cp ._PageTitle {text-align: center;margin-bottom: 50px;}

.sy_cp ._PageTitle span.en {

    color: #fff;

}

.sy_cp ._PageTitle span.cn {

    color: #fff;

}

.swiper-yxxy{width:1400px; margin:0 auto; padding-bottom:50px !important;max-width: 90%;}

.swiper-yxxy .swiper-slide{position:relative;overflow: hidden}

.swiper-yxxy .swiper-slide img{width:100%; height:auto; display:block;}

.swiper-yxxy .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;height: 40px;box-sizing: border-box}

.swiper-yxxy .swiper-slide .w_z h3{font-size:18px; color:#fff; margin-bottom:6px;}

.swiper-yxxy .swiper-slide .w_z p {line-height: 1.6;}

.swiper-yxxy .swiper-slide:hover .w_z{background-color:rgba(255,87,0,.9); bottom:0px;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}

.swiper-yxxy  .swiper-pagination {bottom: -0px !important;}

.swiper-yxxy .swiper-pagination-bullet {width:10px; height:10px; display:inline-block;border: #9263a7 1PX solid; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background: none;}

.swiper-yxxy .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#9263a7}









.sy_zhjt {padding: 60px 0 0;}

.sy_zhjt ._PageTitle {text-align: center;margin-bottom: 50px;}

.sy_zhjt .swiper-container{width: 100%;}

.sy_zhjt .swiper-slide{position: relative;width: 100%!important;background: #fff;}

.sy_zhjt .swiper-slide .info{position: absolute;top:12%;right: 15px;width: 26%;height: 80%;padding: 35px;box-sizing: border-box;background:rgba(255,255,255,0.85);box-shadow: 0px 0px 12px rgba(0, 0, 0, .1);}

.sy_zhjt .swiper-slide .info h3{color: #929292;font-weight: normal;font-size: 16px;}

.sy_zhjt .swiper-slide .info h2{font-size: 28px;color: #006fc0;margin-bottom: 20px;}

.sy_zhjt .swiper-slide .info p{color: #333;font-size: 16px;line-height: 1.8;padding-bottom: 12%;}

.sy_zhjt .swiper-slide .info a{font-size: 16px;color:#fff;width: 120px;line-height: 38px;background: #0080c5;border-radius: 30px;display: block;text-align: center;}

.sy_zhjt .swiper-slide .img{float: left;width: 100%;overflow: hidden;}

.sy_zhjt .swiper-slide .img img{max-width: 100%;}

.sy_zhjt .swiper-pagination{bottom: 55px; text-align: right;}

.sy_zhjt .swiper-pagination-fraction{right:45px;font-weight: bold;font-size: 20px;left: auto;color: #222}

.sy_zhjt .swiper-button-next,

.sy_zhjt .swiper-button-prev{top: auto;bottom:60px;width: 30px;height: 18px;}

.sy_zhjt .swiper-button-prev{right: 80px;left: auto;}

.sy_zhjt .swiper-button-next{left: auto;right: 25px;}

@media (max-width: 1440px){.sy_zhjt .swiper-slide .img{width: 83%;}

	.sy_zhjt .swiper-container-3d{perspective: none;}}

@media (max-width: 1280px){

	.sy_zhjt .swiper-slide .info h2{font-size: 24px;}

	.sy_zhjt .swiper-slide .info p{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}}

@media (max-width: 980px){

	.sy_zhjt .swiper-slide .info p{display: none;}}

@media (max-width: 780px){

	.sy_zhjt .swiper-slide .info{padding-top: 10px;}

	.sy_zhjt .swiper-slide .info h2{font-size: 14px;margin: 0;padding-bottom: 30px;}

	.sy_zhjt .swiper-slide .info a{font-size: 14px;}}

@media (max-width: 640px){

	.sy_zhjt .swiper-slide .info{padding: 10px;left: 5px;}

	.sy_zhjt .swiper-slide .info h3{display: none;}

	.sy_zhjt .swiper-slide .info h2{font-size: 14px;margin: 0;padding-bottom: 0px;}

	.sy_zhjt .swiper-slide .info a{font-size: 10px;}}



 



.sy_about ._PageTitle {text-align: center;margin-bottom: 50px;}

 

.sy_about { padding:60px 0; overflow:hidden;background: url(../images/indexjj.jpg) center bottom / cover no-repeat;}

.sy_about .nr { font-size:16px; text-align:center;color: #333;}

.sy_about .nr p { margin-bottom:10px; line-height:35px;letter-spacing: 1px;}

.sy_about .nr .lb { width:1400px; margin:0 auto}



.sy_about .nr .more{ width:160px; line-height:40px; position: relative;margin: 50px auto 0;border: #9263a7 1px solid;border-radius: 5px;overflow: hidden;}

.sy_about .nr .more a { font-size:14px; text-transform:capitalize; color:#9263a7; text-align:center; display: inline-block; position:relative;z-index: 5;}

.sy_about .nr .more span{width:100%; height:0%; background-color:#9263a7; 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_about .nr .more:hover span{ height:100%}

.sy_about .nr .more:hover a {color: #fff;}



.product-number-info {

  

    position: relative;

}



.product-number-info .product-number-inner {

    width: 1400px;

    margin: 0 auto;

}



.product-number-info ul {

    padding: 20px 0;overflow: hidden;

}



.q {

    zoom: 1; }



.product-number-info li {

    float: left;

    width: 25%;

    height: 90px;

    border-left: 1px solid rgba(0,0,0,0.15);

    color: #333;

    padding-top: 1px;box-sizing: border-box;text-align: center;

}



.product-number-info li:first-child {

    border: none;

}



.product-number-info li b {

   

    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;

}

/*发展历程*/

.history{padding:60px 0;background: url(../images/bn_bj.jpg) center / cover no-repeat;}

.history ._PageTitle {text-align: center;margin-bottom: 50px;}

.history ._PageTitle span.en {

    color: #fff;

}

.history ._PageTitle span.cn {

    color: #fff;

}

.history .hisslidebox{margin-top:30px;position:Relative}

.history .hisslidebox .swiper-container{padding:0 }

.history .hisslidebox .swiper-slide{height:auto}

.history .hisslidebox .box{height:100%;padding:0 15px}

.history .hisslidebox .box:after{content:"";width:15px;height:15px;background-color:#fff;border-radius:15px;position:absolute;top:50%;margin-top:-7.5px;left:50%;margin-left:-7.5px;transition:.4s;-webkit-transition:.4s}

.history .hisslidebox .box .top{padding-bottom:30%;box-sizing:border-box}

.history .hisslidebox .box .top.waptop{display:none}

.history .hisslidebox .box .bot{padding-top:40%;box-sizing:border-box}

.history .hisslidebox .box .top .year,

.history .hisslidebox .box .bot .year{color:#fff;font-size:24px;text-align:center;font-family:din;font-weight:bold}

.history .hisslidebox .box .top .line,

.history .hisslidebox .box .bot .line{width:20px;height:3px;background-color:#ef7b1b;margin:12px auto 15px;opacity:0;transition:.4s;-webkit-transition:.4s}

.history .hisslidebox .box .top .text,

.history .hisslidebox .box .bot .text{color:#fff;text-align:center;line-height:1.714;font-size:14px}

.history .hisslidebox .box h3 {font-size: 18px;color: #fff;font-weight: bold;margin-bottom: 10px;text-align: center;}

.history .hisslidebox .swiper-container:after{content:"";width:100%;height:1px;background-color:#fff;position:absolute;top:50%;left:0;transition:.4s;-webkit-transition:.4s}

.history .hisslidebox .swiper-slide:hover .line{opacity:1}

.history .hisslidebox .swiper-slide:hover .year{color:#ef7b1b}

.history .hisslidebox .swiper-slide:hover .box:after{background-color:#ef7b1b}

.history .hisslidebox .swiper-button-next,

.history .hisslidebox .swiper-button-prev{width:48px;height:48px;margin-top:-24px;background-size:100% 100%;transition:.4s;-webkit-transition:.4s}

.history .hisslidebox .swiper-button-next{background-image:url(../images/hisright.png);right:-86px}

.history .hisslidebox .swiper-button-prev{background-image:url(../images/hisleft.png);left:-86px}

.history .hisslidebox .swiper-button-next.swiper-button-disabled,

.history .hisslidebox .swiper-button-prev.swiper-button-disabled{opacity:1}

.history .hisslidebox .swiper-button-next:hover{background-image:url(../images/hisright_cur.png)}

.history .hisslidebox .swiper-button-prev:hover{background-image:url(../images/hisleft_cur.png)}

/*partners*/



.partners{ margin-bottom: 120px; overflow: hidden;padding-top: 140px;}

.partners ._PageTitle {text-align: center;margin-bottom: 50px;}

.partners_list{ overflow: hidden; margin:-20px auto 0;}

.partners_list li{ float:left; width:16.66%; padding: 20px 0; position: relative; border-bottom:1px solid #ddd;}

.partners_list li:before{ content:""; position:absolute; bottom: -20px; left:-20px; z-index:1; width:40px; height: 40px; background:#fff url(../images/ico_dec03.jpg) center center no-repeat; background-size: 4px;}

.partners_list li a{ display:block; padding: 5px; border-left:1px solid #ddd;}

.partners_img{ width:100%; max-width: 140px; margin: 0 auto;}

.partners_list li a .img_box{ display:block;}

.partners_list li a .img_box img{

	-webkit-transition:all 0.5s 0s ease-in-out; 

    transition: all 0.5s 0s ease-in-out;

	

}

.partners_list li a .img_box img.img_col{ 

	opacity:1;   

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

/*.partners_list li:hover a .img_box img{

	opacity:0;   

	-webkit-transform: translate3d(0, -100%, 0);

	transform: translate3d(0, -100%, 0);

}*/

/*.partners_list li:hover a .img_box img.img_col{ 

	opacity:1;

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}*/

@media (min-width: 768px){

	.partners_list li:nth-of-type(1):before, .partners_list li:nth-of-type(7):before, .partners_list li:nth-of-type(13):before{ display:none;}

	.partners_list li:nth-of-type(1) a, .partners_list li:nth-of-type(7) a, .partners_list li:nth-of-type(13) a{ border-left-color:#fff;}

} 

/* 新闻中心 */

.index-fiv {

    padding: 60px 0;

}



.infiv-con {

    margin-top: 45px;

}



.infiv-ul {

    margin: 0 -17.5px;

}



    .infiv-ul li {

        float: left;

        width: 33.333%;

        padding: 0 17.5px;box-sizing: border-box;

    }



        .infiv-ul li a {

            display: block;

        }



.infiv-img {

    overflow: hidden;

}



    .infiv-img img {

        width: 100%;

        transition: ease 1s;

    }



.infiv-txt {

    padding: 34px 30px 33px;

    background: #fff;

    box-shadow: 0 0 13px rgba(0, 0, 0, .1);

    height: 217px;box-sizing: border-box;

}



    .infiv-txt h3 {

        font-size: 20px;

        line-height: 30px;

        color: #333;

        white-space: nowrap;

        text-overflow: ellipsis;

        overflow: hidden;

    }



    .infiv-txt span {

        margin-top: 18px;

        display: block;

        font-size: 16px;

        line-height: 30px;

        color: #666;

        font-family: "Arial";

    }



    .infiv-txt p {

        margin-top: 12px;

        font-size: 16px;

        line-height: 30px;

        color: #666;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

        overflow: hidden;

        height: 60px;

    }



.infiv-ul li:hover .infiv-txt h3 {

    color: #9263a7;

}



.infiv-ul li:hover .infiv-img img {

    transform: scale(1.05);

}

.index-fiv .more {display: block;

width: 200px;

height: 50px;

font-size: 16px;

background: #9263a7;

color: #fff;

box-sizing: border-box;

padding: 0 30px;

line-height: 50px;border-radius: 30px;position: relative;overflow: hidden;margin:50px auto 0;}

.index-fiv .more a {color: #fff;position: relative;z-index: 8}

.index-fiv .more span {position: absolute;left: 0;bottom: 0;width: 0;height: 100%;background: #c24301;-o-transition:all .3s;

-ms-transition:all .3s;

-moz-transition:all .3s;

-webkit-transition:all .3s;}

.index-fiv .more:hover span {width: 100%;transition:all .3s;

-o-transition:all .3s;

-ms-transition:all .3s;

-moz-transition:all .3s;

-webkit-transition:all .3s;}

.index-fiv .more::after {

    content: '';

    display: block;

    width: 15px;

    height: 14px;

    background: url(../images/rights.png) no-repeat;

    position: absolute;

    right: 30px;

    top: 50%;

	margin-top: -7px;}







/*index-contact*/



.index-contact {



	min-width: 1400px;



	padding: 45px 0;



	background-image: url(../images/benifits-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 {float: left;position: relative;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 {



	display: block;



	width: 200px;



	margin-top: 25px;



	border: 1px #fff solid;



	text-align: center;



	border-radius: 3px;



}

.index-contact .btn:hover a{background: #9263a7;color: #fff;}

.index-contact .btn a {



	display: block;



	height: 48px;



	line-height: 48px;



	font-size: 18px;



	color: #fff;



}

.sy_lx {width: 80%;margin: 0 auto;background: #123162;padding-top: 10px;box-sizing: border-box; display: -webkit-box;

display: -ms-flexbox;

display: flex;

-webkit-box-pack: justify;

-ms-flex-pack: justify;

justify-content: space-between;

-webkit-box-align: center;

-ms-flex-align: center;

align-items: center;}

.index-contact .left {width: 47%;float: right;}

.index-contact .left input.w_z {

    width: 49%;

    height: 36px;

    font-size: 14px;

    line-height: 36px;

    margin-bottom:20px;margin-right: 1%;color: #fff;

    padding: 0 5px;box-sizing: border-box;background: rgba(0,0,0,0.3);		

}

.index-contact .left textarea {

    width: 100%;

    height: 80px;

    padding: 5px;

    outline: none;

    resize: none;

    font-size: 14px;

    line-height: 28px;background: none;color: #fff;

    margin-bottom: 20px;box-sizing: border-box;background: rgba(0,0,0,0.3);border: 0;

}

.index-contact .left input.a_n {

    width: 100%;

    height:36px;

    background-color: #9263a7;

    font-size: 14px;

    color: #fff;

    line-height: 36px;

}



.text-center {

  text-align: center !important;

}



footer {

    padding: 60px 0 0;

    background-color: #141b1e;

}

footer  .row {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

/*   margin-right: -15px;

  margin-left: -15px; */

}



footer p {

    font-size: 14px;

}



footer .center {

    -webkit-box-flex: 1;

    -moz-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

}



footer .right {

    margin-left: 0%;

    width: 400px;

    border-left: solid 1px rgba(255, 255, 255, 0.1);

    padding-left: 60px;

}



footer .center ul {

    -webkit-box-flex: 1;

    -moz-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

}



footer .center ul.cpUl {

    -webkit-box-flex: 1.8;

    -moz-box-flex: 1.8;

    -webkit-flex: 1.8;

    -ms-flex: 1.8;

    flex: 1.8;

}



footer .center ul li {

    padding: 5px 10px 5px 0;

    line-height: 24px;

    font-size: 16px;

    color: #fff;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



footer .center ul li a {

    padding: 6px 5px 0 0;

    line-height: 20px;

    font-size: 14px;

    color: #999;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



footer .right .kf {

    color: rgba(255, 255, 255, 0.4);

}



footer .right .kf img {

    display: block;

    height: 50px;

    margin-bottom: 30px;

}



footer .right .kf strong {

    display: block;

    color: #9263a7;

    font-size: 24px;

    margin-bottom: 20px;

}



footer .right .kf .mag {

    line-height: 34px;

}



footer .botA {

    margin-top: 30px;

}



footer .botA .an {

    position: relative;

    width: 30px;

    height: 30px;

    border-radius: 3px;

    background-color: rgba(255, 255, 255, 0.1);

    margin-right: 10px;

}



footer .botA .an a:hover {

    opacity: 1;

}



footer .botA .an a {

    display: block;

    width: 100%;

    height: 100%;

    opacity: 0.8;

}



footer .botA .an a img {

    display: block;

    width: 20px;

    height: 20px;

    margin: 5px auto 0;

}



footer .an .tc {

    display: none;

    position: absolute;

    width: 140px;

    height: 140px;

    top: -150px;

    left: -70px;

    margin-left: 50%;

    padding: 8px;

    border-radius: 3px;

    background-color: #fff;

}



footer .an .tc img {

    display: block;

    width: 100%;

    height: 100%;

    position: relative;

}



footer .an .tc::after {

    content: "";

    position: absolute;

    top: 100%;

    right: 50%;

    margin-right: -15px;

    display: block;

    width: 0;

    height: 0;

    margin-top: -1px;

    content: "";

    border-width: 12px 15px 0 15px;

    border-style: solid;

    border-color: #fff transparent transparent transparent;

}



footer .banquan {

    padding:30px 20px; background:#0f1517; margin-top:60px

}



footer .banquan p,

footer .banquan a {

    color: rgba(255, 255, 255, 0.4);

    line-height: 30px;

    font-size: 14px;

}



footer a:hover {

    color: #9263a7 !important;

}



footer .banquan .aBox {

    margin-bottom: 10px;

}



footer .banquan .aBox a {

    display: inline-block;

    vertical-align: middle;

    color: #999;

    line-height: 24px;

    font-size: 12px;

}



footer .banquan .aBox span {

    display: inline-block;

    height: 14px;

    width: 1px;

    margin: 0 18px;

    vertical-align: middle;

    overflow: hidden;

    background: #2d2f3a;

}

@media only screen and (max-width:992px){

footer .center{ display:none}	

footer {

    padding: 20px 0 0;

    background-color: #141b1e;  

}

footer .right {

  margin-left: 0;

  width: 100%;

  border-left: solid 0 rgba(255, 255, 255, 0.1);

  padding-left: 0;

}

footer .right .kf strong {

  display: block;

  color: #9263a7;

  font-size: 24px;

  margin-bottom: 10px;

}

footer .banquan {

  padding: 20px 15px 20px; margin-top:10px

}

footer .banquan .aBox {

  margin-bottom: 10px; text-align:left

}

footer .banquan p, footer .banquan a {

  color: rgba(255, 255, 255, 0.4);

  line-height: 24px;

  font-size: 12px;

}

footer .right .kf img {

  display: block;

  height: 50px;

  margin-bottom: 10px;

}

}





.n_ban{width:100%; height:440px; overflow:hidden; position:relative;}

.n_ban .w_z{width:40%; text-align:center; position:absolute; top:50%; left:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);}

.n_ban .w_z.rt{width:40%; text-align: left; position:absolute; top:50%; left:20%;}

.n_ban .w_z h3{font-size:22px; font-weight:bold; color:#333; margin-bottom:10px; text-transform:uppercase; text-shadow:0 0 10px #666}

.n_ban .w_z p{font-size:36px; margin-bottom:20px; color:#333;text-shadow:0 0 10px #666}

.n_ban .w_z a{padding:0 20px; background-color:#e77817; font-size:15px; line-height:36px; color:#fff; border-radius:20px; display:inline-block; margin:0 10px;}



.ntit {height: 60px;line-height: 60px;border-bottom: #eee 1px solid;position: relative; margin-bottom:50px}

.ntit .wzxx {float: left;color: #333;font-size: 16px;}

.ntit .wzxx a {margin-right:10px;color: #333;}

.ntit .wzxx a:hover{color: #9263a7}

.ntit .sub_nav {float: right;}

.ntit .sub_nav .w_z {display: none;}

.ntit .sub_nav ul li {margin-left:20px;float: left;position: relative;margin-right: 0px;height:60px;}

.ntit .e_j {width:1400px; position: absolute;top: 60px;left:50%;margin-left: -600px; z-index: 9;display: none;background: #fff;}

.ntit .e_j ul li{margin-left:40px;float: left;position: relative;margin-right: 10px;height:60px;}

.ntit .e_j ul li span {width:0; height:2px; background-color:#9263a7; 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);}

.ntit .e_j ul li:hover a {color: #9263a7;}

.ntit .e_j ul li:hover span {width: 100%}

.ntit .e_j ul li a {color: #333;font-size: 14px;font-weight: bold;font-family: Microsoft YaHei;}

.ntit .sub_nav ul li span {width:0; height:2px; background-color:#9263a7; 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);}

.ntit .sub_nav ul li a {color: #333;font-size: 16px;font-weight: bold;font-family: Microsoft YaHei;}

.ntit .sub_nav ul li:hover a {color: #9263a7;}

.ntit .sub_nav ul li:hover span {width: 100%}

.ntit .sub_nav ul li.on a {color: #9263a7;}

.ntit .sub_nav ul li.on span {width: 100%}



.ny_jj {padding: 0 0 60px;}

.ny_jj .con{overflow: hidden}

.ny_jj .tp {width: 38%;}

.ny_jj .tp img {width: 100%;display: block;}

.ny_jj .wenz {width: 58%;height: auto  ;display: flex;flex-direction: column;justify-content: center;}

.ny_jj .wenz p {text-indent: 2em;font-size: 16px;line-height:36px;color: #555;}



.nyhy {padding:  0 0;}

.nyhy h1{ font-size:20px; font-weight:bold; }

.nyhy em{ background:#9263a7; width:40px; height:3px; display:block; margin:20px 0 20px}

.nyhy ul li{ float:left; width:32%; margin:0 2% 50px 0; position:relative;  box-sizing:border-box }

.nyhy ul li:nth-child(3n){margin-right:0; }

.nyhy ul li .kj { }

 

.nyhy ul li .tu { width:100%; overflow:hidden; z-index:99; position:relative}

.nyhy ul li img { width:100%; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}





.nyhy ul li .wenz { padding:20px 20px 10px; background:#fff; width:90% ; margin:-40px auto 0; z-index:999; height: 120px;box-sizing: border-box;box-shadow: 0 8px 15px 0 rgba(95,125,158,.2); position:relative }

.nyhy ul li .wenz h3 { font-size:16px; margin-bottom:10px; color:#333;font-weight: bold;}

.nyhy ul li .wenz p { font-size:14px; color:#666; line-height:26px; display: -webkit-box;

overflow: hidden;

-webkit-box-orient: vertical;

-webkit-line-clamp:2;width: 100%}

.nyhy ul li:hover .wenz h3 { color:#9263a7;-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;}



.ny_xw {padding: 50px 0;}

.Activsbf1_lb{ width:100%; margin-top:10px;}



.Activsbf1_lb dl{ width:100%; background:#f6f6f6;  float:left; margin:0 0 30px; display:inline;box-sizing: border-box;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}



.Activsbf1_lb dt{ width:30%; float:left; overflow:hidden;}



.Activsbf1_lb dt a{ overflow:hidden;display:table-cell; text-align:center; vertical-align:middle;}



.Activsbf1_lb dt img{ vertical-align:middle; width:100%;-webkit-transition: -webkit-transform 0.3s ease 0s;transition: transform 1s ease 0s;-webkit-transform-origin: center;transform-origin: center;}



.Activsbf1_lb dd{ width:66%; float:right; margin-top:15px; margin-right:1%}



.Activsbf1_lb dd .newNrtit{ width:100%; line-height:30px; font-size:20px; margin-bottom: 30px;position: relative;}

.Activsbf1_lb dd .newNrtit::after{content: "";position: absolute;left: 0;width: 60px;height: 2px;background: #9263a7;bottom: -18px;}

.Activsbf1_lb dd .newNrtit a{font-size:24px; color:#333;}



.Activsbf1_lb dd .newNrjs{ width:100%; margin-top:10px; line-height:1.8; color:#666; font-size:14px;letter-spacing: 1px; display: -webkit-box;

overflow: hidden;

-webkit-box-orient: vertical;

-webkit-line-clamp:3;}



.Activsbf1_lb dd .Acdltj_time{width:100%; margin:15px 0 0; color:#999;}

.Activsbf1_lb dd .td {margin-top: 30px;}

.Activsbf1_lb dd .td ul li {font-size: 14px;color: #333;line-height:32px;float: left;width: 33.3333%;margin-bottom: 10px;}

.Activsbf1_lb dd .td ul li i {margin-right: 8px;}



.Activsbf1_lb dd .more2 a {width: 150px;line-height: 32px;display: block;text-align: center;text-transform: uppercase;margin-top: 20px;border-radius: 18px;background: #9263a7;color:#fff }

.Activsbf1_lb dd:hover .more2 a {opacity: 0.8}





.Activsbf1_lb dl:hover dd .newNrtit a{ color:#9263a7;}





.Activsbf1_lb dl:hover dt img{-webkit-transition: -webkit-transform 0.3s ease 0s;transition: transform 1s ease 0s;-webkit-transform-origin: center;transform-origin: center;}

.Activsbf1_lb dl:hover dt img{-webkit-transform: scale(1.08);transform: scale(1.08);}





.ny_alzs {width:1400px; margin:60px auto}

.ny_alzs ul li {width: 32%;float: left;margin: 0 2% 4% 0;border-radius: 5px;overflow: hidden;position: relative;}

.ny_alzs ul li:nth-child(3n) {margin-right: 0;}

.ny_alzs ul li img {width: 100%;display: block;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}

.ny_alzs ul li:hover img { -webkit-transform:scale(1.09); -moz-transform:scale(1.07); -o-transform:scale(1.09); -ms-transform:scale(1.07); transform:scale(1.09);-webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}

.ny_alzs ul li .box {position: relative;overflow: hidden;}

.ny_alzs ul li .box h2 {

    font-weight: 500;

    font-size: 18px;

    margin-bottom: 0;

    letter-spacing: 1px;

}

.ny_alzs ul li .box h2, .ny_alzs ul li .box p {

    position: absolute;

    color: #fff;

    z-index: 2;

    width: 100%;

    transition: opacity 0.2s, transform 0.3s;

}

.vintage h2 {

  transform: translate3d(0, 60px, 0);

  text-align: center;top: 62%;

}

.vintage p {

  opacity: 0;

  bottom: 0;

  transform: translate3d(0, -10px, 0);

  font-size: 14px;

  letter-spacing: 1px;

  text-align: center;

}

.vintage:before {

  content: '';

  position: absolute;

  width: 100%;

  height: 100%;

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%);

  z-index: 2;

  bottom:0;

  left: 0;

}

.vintage:hover:before {

  bottom: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);

}

.vintage:hover h2 {

  bottom: 40px;

  transform: translate3d(0, 20px, 0);

}

.vintage:hover p {

  opacity: 1;

  transform: translate3d(0, -30px, 0);

}

.page{ text-align:center; margin:30px auto;}



.page a{ height:26px; line-height:26px; display:inline-block; font-size:14px; color:#5a5a5a; border:#f5f5f5 1px solid;background: #f5f5f5; margin:0 8px; width: 26px;text-align: center;border-radius: 50%;}



.page a:hover{ background:#9263a7; border:#9263a7 1px solid; color:#FFF;}



.page a.hover{ background:#9263a7; border:#9263a7 1px solid; color:#FFF;}



.lx_wm{width:1400px; margin:50px auto 80px;}

.lx_wm .d_t{margin-top:50px;}

.lx_wm .d_t img{ width:100%}

.lx_wm .x_x{width:550px; float:left;}

.lx_wm .l_y{width:550px; float:right;}

.lx_wm h3{font-size:24px; margin-bottom:15px;}

.lx_wm h4{font-size:16px; line-height:26px; color:#888; margin-bottom:15px;}

.lx_wm em{width:30px; height:1px; background-color:#9263a7; display:block; margin-bottom:15px;}

.lx_wm b{font-family:Arial, Helvetica, sans-serif; color:#9263a7; padding-left:5px; font-size:20px !important;}

.lx_wm p{font-size:16px; line-height:40px;color: #333;}

.lx_wm p i{padding-right:10px; color:#555;}

.lx_wm input.w_z{width:158px; height:40px; font-size:14px; line-height:40px; margin-right:10px; margin-bottom:10px; border:1px solid #e7e7e7; padding:0 5px;}

.lx_wm input.a_n{width:120px; height:40px; background-color:#9263a7; font-size:14px; color:#fff; line-height:40px;}

.lx_wm textarea{width:526px; height:66px; padding:5px; border:1px solid #e7e7e7; outline:none; resize:none; font-size:14px; line-height:28px; margin-bottom:10px;}



.cpxq {padding: 0 0 50px;width: 1400px;margin: 0 auto;}

.shm{ height:auto; overflow:hidden; margin-bottom:30px}

.cpxq .left {width: 35%;float: left;border: 1px solid #ddd;}

.cpxq .left img{ width:100%}

.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: #9263a7 1px solid;background: none}

.cpxqlb .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#9263a7;}

.cpxqlb .swiper-button-prev{background:rgba(0,0,0,0.3 )url(../images/banner-l.png) no-repeat; width:30px; height:50px; margin-top:0; left:0px;

background-size:30px 50px;

-webkit-background-size:30px 50px;

-moz-background-size:30px 50px;

-ms-background-size:30px 50px;

-o-background-size:30px 50px;}

.cpxqlb .swiper-button-next{background:rgba(0,0,0,0.3) url(../images/banner-r.png) no-repeat; width:30px; height:50px; margin-top:0; right:0px;

background-size:30px 50px;

-webkit-background-size:30px 50px;

-moz-background-size:30px 50px;

-ms-background-size:30px 50px;

-o-background-size:30px 50px;}

.cpxq .right {width:60%;float: right;}

.cpxq .right h3 {font-size: 25px;color: #333;margin-bottom: 20px;font-weight: bold;margin-top: 50px;}

.cpxq .right p {font-size: 16px;line-height:36px;color: #555;margin-bottom: 20px;}

.cpxq .right img{max-width: 100%;}

.cpxq .cptd { font-size: 16px;line-height: 1.8;color: #333; margin-bottom:20px}

.cpxq .cptd .bt {font-size: 18px;color: #fff;margin-bottom: 20px;font-weight: bold;background: #eee;line-height: 2;}

.cpxq .cptd h3 {font-size: 18px;color: #333;font-weight: bold;margin-bottom: 15px;}

.cpxq .cptd .bt span {display: inline-block;padding: 5px 15px;background: #9263a7;  }

.cpxq .cptd p {font-size: 16px;line-height: 1.8;color: #555;margin-bottom: 15px;}

table{border-collapse:collapse;border-spacing:0;}

/*tab-on*/

.tab-on{overflow: hidden; position: relative;}

#tab-pic{width: 150px; height: 150px; border: 0px;}

#tab-name{height: 30px; line-height: 30px; font-size: 1.5em; color: #fff; padding: 10px 0px;}

.tab-on ul{width: 1000px; }

.tab-on ul li{float: left;  padding:20px; text-align: center; margin: 0px 20px;}

.tab-a{ width: 150px; height: 150px;border: 2px solid #D2D2D2;display: block; 

    -webkit-border-radius: 100px;

    -moz-border-radius: 100px;

    -o-border-radius: 100px;

    border-radius: 100px;

    /*background-color: #fff;*/

    /*box-shadow*/

    -webkit-box-shadow: 0px 0px 1px 0px #ccc;

    -moz-box-shadow: 0px 0px 1px 0px #ccc;

    -o-box-shadow: 0px 0px 1px 0px #ccc;

    box-shadow: 0px 0px 1px 0px #ccc;

}



.tab-a:hover{ background-color: #FFA800;  cursor: pointer;  transition: all 0.3s ease 0s;}

.tab-on-id{width: 150px;}

.b,.c,.d,.e,.f{ display:none;}

.tab-bd{background-color:#FFA800;}

.tab-on-conter{width: 100%;   overflow: hidden; position: relative; background-color: #F2F2F2;}

.tab-on-conter-wp{width: 1000px; margin: 0px auto;}

#tab-on-con-id{width: 250px; font-size: 2.2em; height: 30px; padding:0px 0px 5px 0px; font-weight: 2em; border-bottom: 2px solid #076FD2; color: #000;}

#tab-on-con-w{font-size: 1.5em; margin:20px 0px;}

/**/

#tab-on-id{background: url(../image/page-on-2.png)left 0 no-repeat; height: 30px;}

.tab-on-id-1{ margin: 0px 0px 0px 25px;}

.tab-on-id-2{ margin: 0px 0px 0px 260px;}

.tab-on-id-3{ margin: 0px 0px 0px 500px;}

.tab-on-id-4{ margin: 0px 0px 0px 740px;}

#tab-cs{height: 20px; font-size: 1.5em;  padding: 0px 10px; font-weight: bold;}

.tab-l-r{width: 1000px; overflow: hidden; }

.tab-l-r ul{position: absolute;}

.tab-l-r ul li{float: left; margin:20px 0px;}

.tab-left-con{width: 400px; height: 300px; border: 1px solid #FF5700; float:left; }

.tab-left-con img{width: 400px; height: 300px;}

.tab-right-con{overflow: hidden; border: 1px solid #FF5700;margin: 10px;color: #333; }

.tab-right-con td{padding: 0px 10px;}



.ab6{background: url(../images/bg-4.png) no-repeat center top; padding: 150px 0 70px;}

.ab6 .con{width: 90%;margin: 0 auto;color: #595959;}

.ab6 .con p{padding: 20px 0 30px; font-size:20px}

.ab6 .con .more { font-size:18px}

.ab6 .con .more i{padding: 10px;border: 1px solid #666666;border-radius:100%;margin-left:2vw;}

.ab6 .con .more:hover{text-decoration:underline;}

.ab-bt{color: #4d4d4d; font-size:30px; font-weight:bold}

[t-r]{text-align: right;}

.sy_zzfw {background:url(../images/bg5.jpg);padding: 60px 0 70px;overflow: hidden;}

.sy_zzfw ul li {width: 31%;margin-right: 3.5%; float: left;transition: all 0.3s;



	-wbkit-transition: all 0.3s;



	-o-transition: all 0.3s;



	-moz-transition: all 0.3s;border-radius: 20px;overflow: hidden; margin-top:20px}

.sy_zzfw ul li:nth-child(3n){margin-right: 0;}

.sy_zzfw ul li .box {padding: 50px 30px 55px;

    background: rgba(255,255,255,0.85);

    display: block;

    box-shadow: 0px 2px 30px 0px #d9352e;

    text-align: center;width: 100%;margin: 0 auto;box-sizing: border-box;}

 .sy_zzfw ul li .icon {

    margin: 0 auto 20px;

    width: 80px;

    display: block;text-align: center;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;

}

.sy_zzfw ul li .icon img {width: 100%}

.sy_zzfw ul li:hover .icon{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);}

.sy_zzfw ul li h3 {font-size: 20px;color: #333;text-align: center;margin-bottom: 27px;font-weight: bold;}

.sy_zzfw ul li p {font-size: 16px;line-height: 2;color: #555;}

.sy_zzfw ul li:hover{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;}







.ny_zz{padding: 60px 0 60px;position: relative;background: url(../images/bg1.jpg) }

.swiper-zl{width:100%; margin:0 auto; padding:30px  0 50px!important;}

.swiper-zl .swiper-slide{position:relative;}

.swiper-zl .swiper-slide img{width:100%; height:auto; display:block;}

.swiper-zl .swiper-slide .w_z{width:90%; padding:10px 5%; background-color:rgba(0,0,0,.6); position:absolute; bottom:0px; left:0; color:#fff;

transition:all .5s;

-webkit-transition:all .5s;

-moz-transition:all .5s;

-ms-transition:all .5s;

-o-transition:all .5s;}

.swiper-zl .swiper-slide .w_z h3{font-size:14px; color:#fff;position: relative;text-align: center;}

.swiper-zl .swiper-slide:hover .w_z{background-color:rgba(255,87,0,.9); bottom:10px;}

.ny_zz .swiper-pagination  {text-align: center;width: 100%;bottom: 0px;

}

.ny_zz .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%;margin: 0 5px;background: #ccc;}

.ny_zz .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#9263a7}







.ny_zz1{padding: 60px 0 60px;position: relative;  }

.swiper-zl1{width:100%; margin:0 auto; padding:0  0 50px!important;}

.swiper-zl1 .swiper-slide{position:relative;}

.swiper-zl1 .swiper-slide img{width:100%; height:auto; display:block; margin:15px 0}

.swiper-zl1 .swiper-slide .w_z{width:90%; padding:10px 5%; background-color:rgba(0,0,0,.6); position:absolute; bottom:0px; left:0; color:#fff;

transition:all .5s;

-webkit-transition:all .5s;

-moz-transition:all .5s;

-ms-transition:all .5s;

-o-transition:all .5s;}

.swiper-zl1 .swiper-slide .w_z h3{font-size:14px; color:#fff;position: relative;text-align: center;}

 .ny_zz1 .swiper-pagination  {text-align: center;width: 100%;bottom: 0px;

}

.ny_zz1 .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%;margin: 0 5px;background: #ccc;}

.ny_zz1 .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#9263a7}





/*产品功能*/



.indexFunction {

    position: relative; height:auto; padding:60px 0

}

.indexFunction  .row {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

/*   margin-right: -15px;

  margin-left: -15px; */

}

.indexFunction .bj {

    position: absolute;

    width: 30%;

    left: 0;

    height: 100%;

    z-index: 0;

}



.indexFunction .tabList {

    margin-top: 40px;

}



.indexFunction .tabList .list {

    width: 20%;

    

    background-position: right bottom;

    background-size: 100% auto;

}



.indexFunction .tabList .list li {

    position: relative;

    width: 80%;

    padding: 20px; background:#fff;box-shadow: 0 8px 15px 0 rgba(95,125,158,.2); margin-bottom:20px;border-radius:8px;

}



.indexFunction .tabList .list li i {

    color: #888888;

    float: right;

    position: relative;

    z-index: 2; margin-top:5px

}



.indexFunction .tabList .list li a {

    color: #262626;

    font-size: 18px;

    font-weight: bold;

    position: relative;

    z-index: 2;

}



.indexFunction .tabList .list li p {

    display: none;

}



.indexFunction .tabList .list li.on p {

    display: block;

    position: relative;

    z-index: 2;

    color: #fff; font-size:14px; margin-top:8px

}



.indexFunction .tabList .list li.on a {

    font-size: 24px;

}



.indexFunction .tabList .list li.on a,

.indexFunction .tabList .list li.on i {

    color: #fff;margin-top:22px

}



.indexFunction .tabList .list li::after {

    content: "";

    position: absolute;

    top: -5%;

    left: 0;

    width: 100%;

    height: 110%;

    background: url(../images/tabBj.png) no-repeat;

    background-position: center;

    background-size: cover;

    border-radius: 16px;

    display: none;

    z-index: 1;

}



.indexFunction .tabList .list li.on::after {

    display: block;

}



.indexFunction .tabList .tabContent {

    width: 78%;

    /*  background: #fff;

  box-shadow: 0px 0px 32px 20px rgba(234, 236, 238, 0.58); */

    z-index: 3; margin-left:2%

}



.indexFunction .tabList .tabContent .item {

    display: none;

    padding: 0 0;

}



.indexFunction .tabList .tabContent .item h3 {

    display: inline-block;

   

    /*   background: url(../images/tabIcon1.png) no-repeat;

    background-size: 80px 80px;

    background-position: left center; */

    line-height: 70px;

    font-weight: 600; font-size:24px; margin-top:-18px; color:#333

}



.indexFunction .tabList .tabContent .wzBox {

    width: 50%;

}



.indexFunction .tabContent .imgBox {

    width: 47%;

    margin-left: 3%;  

}



.indexFunction .tabList .tabContent .imgBox img {

    display: block;

    width: 100%; margin-top:10%

}



.indexFunction .tabList .tabContent .wzBox ul,.cpxq .right ul {

    margin-top: 10px;

 

    min-height: 240px;

}



.indexFunction .tabList .tabContent .wzBox ul li ,.cpxq .right ul li{

    font-size: 15px;

    line-height: 30px;

    color: #555; background:url(../images/d.png) no-repeat left 10px; padding-left:20px

}



 

.indexFunction .tabList .tabContent .wzBox p {

    color: #555;font-size: 15px;line-height: 30px;

}



.indexFunction .tabList .tabContent .aBox {

    margin-top: 20px;

}



.indexFunction .tabList .tabContent .aBox a {

    width: 160px;

    border: solid 1px #9263a7;

    color: #9263a7;

    border-radius: 5px;

    line-height: 40px;

    text-align: center; font-size:16px

}



.indexFunction .tabList .tabContent .aBox a:nth-child(2) {

    margin-left: 20px;

}



@media only screen and (max-width:1440px){

.indexFunction .tabList .tabContent .wzBox ul {

    margin-top: 0px;

    margin-bottom: 30px;

    min-height: 200px;

}

}



@media only screen and (max-width:1240px){

.indexFunction .tabList .tabContent .item {

    display: none;

    padding: 0 26px 50px;

}

}

@media only screen and (max-width:992px){

.indexFunction {

    position: relative; height:auto; padding:30px 0

}

.indexFunction .tabList .list {

  width: 100%;

  background-position: right bottom;

  background-size: 100% auto; margin-bottom:20px

}

.indexFunction .tabList .list li {

  position: relative;

  width: 100%;

  padding: 10px 20px;

  background: #fff;

  box-shadow: 0 8px 15px 0 rgba(95,125,158,.2);

  margin-bottom: 10px;

  border-radius: 8px;box-sizing:border-box 

}

.indexFunction .tabList .list li a {

  color: #262626;

  font-size: 15px;

  font-weight: bold;

  position: relative;

  z-index: 2;

}

.indexFunction .tabList .list li.on a {

    font-size: 16px;

}



.indexFunction .tabList {

    margin-top: 20px;

}

.indexFunction .tabList .tabContent .wzBox {

  width: 100%;display:block;  

}

.indexFunction .tabContent .imgBox {

  width: 100%;

  margin-left: 0;

  padding-top: 20px; display:block

}

.indexFunction .tabList .tabContent .item {

    display: none;

    padding: 0 0 20px;

}



.indexFunction .tabList .tabContent .item h3 {

    display: inline-block;

    height: 50px;

    /*   background: url(../images/tabIcon1.png) no-repeat;

    background-size: 80px 80px;

    background-position: left center; */

    line-height: 50px;

    font-weight: 100; font-size:20px

}

.indexFunction .tabList .tabContent {

    width: 100%;

    /*  background: #fff;

  box-shadow: 0px 0px 32px 20px rgba(234, 236, 238, 0.58); */

    z-index: 3;

}

.indexFunction .tabList .tabContent .wzBox ul li ,.cpxq .right ul li{



  font-size: 14px;

  line-height: 30px;

  color: #888;

}

.indexFunction .tabList .tabContent .wzBox ul ,.cpxq .right ul{

  margin-top: 0px;

  margin-bottom: 10px;

  min-height: inherit  ;

}

.indexFunction .tabList .tabContent .aBox a {

  width: 130px;

  border: solid 1px #9263a7;

  color: #9263a7;

  border-radius: 5px;

  line-height: 40px;

  text-align: center;

}

}





.more1 a {

    width: 130px;

    

    color: #fff;

    border-radius: 5px;

    line-height: 36px;

    text-align: center; font-size:14px; display:block; background:#9263a7

}







.ny_xww { width:100%; padding:0 0 60px; height:auto; overflow:hidden ;  }

.ny_xww ul li { border-bottom: 1px solid #ddd; padding: 0 0px 30px; margin-bottom:30px;}

.ny_xww .rq { width: 13%; float: left;}

.ny_xww .rq h1 { font-weight: bold; font-size: 40px;}

.ny_xww .rq p { font-size: 24px; padding: 10px 0px 0px 5px;}

.ny_xww .tp { width: 25%; float: left; overflow: hidden;}

.ny_xww .tp img { width: 100%; height: auto;}

.ny_xww ul li:hover .tp img {transform:scale(1.1);  transition: all 0.5s; }

.ny_xww .wz { width: 58%; float: right;}

.ny_xww .wz h2 { font-size: 20px; font-weight: 800; line-height: 40px; padding-bottom: 15px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#333  }

.ny_xww .wz p { line-height: 28px; font-size:14px; overflow:hidden; 

     text-overflow:ellipsis;

     display:-webkit-box; 

     -webkit-box-orient:vertical;

     -webkit-line-clamp:3; min-height:110px}

.ny_xww .wz .gd { background:#9263a7; width:120px; text-align:center; color:#fff; line-height:30px; height:30px;   font-size:12px;border-radius: 5px;}

.ny_xww .wz .gd a{ color:#fff}

.ny_xww .wz .gd i{ padding-left:5px;transition:all 0.6s; font-size:10px}

.ny_xww .wz .gd:hover{ background:#f69f08;transition:all 0.6s}

.ny_xww .wz .gd:hover i{ padding-left:10px; text-align:right; transition:all 0.6s}



@media only screen and (max-width:1360px){

.ny_xww { width: 90%; margin: 30px auto 60px auto;}    

}

@media only screen and (max-width:992px){

 

.ny_xww { width: 96%;padding: 10px 0;margin: 0 auto ;}

.ny_xww ul li {  padding: 20px 0px; margin-bottom:0}

.ny_xww .rq { display: none;}

.ny_xww .tp { width: 100%; float: none;}

.ny_xww .wz { width: 100%; float: none;}

.ny_xww .wz h2 { font-size: 16px; font-weight: 800; line-height: 30px; padding:10px 0 0;}

.ny_xww .wz p { line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;  overflow: hidden; min-height:inherit  }	

.ny_xww .wz .gd { margin-top:20px}

}







.paging{width:100%; margin:50px auto; text-align:center; overflow:hidden;}

.paging a{line-height:32px; color:#888; background-color:#fff; text-align:center; font-size:14px; border:1px solid #e7e7e7; width:32px; height:32px; margin:0 3px; display:inline-block;}

.paging a:hover{background-color:#9263a7; border:1px solid #9263a7; color:#fff;}

.paging a.on{background-color:#9263a7; border:1px solid #9263a7; color:#fff;}

@media only screen and (max-width:1023px) {

.paging{margin:20px auto 30px auto ;}

.paging a{line-height:32px; font-size:14px; width:32px; height:32px; margin:0 3px; }

}



.rc_zp{width:100%; padding:0 0 60px; letter-spacing:1px; overflow:hidden;}

.rc_zp .ts{font-size:15px; line-height:26px; color:#888; text-align:center;  margin-bottom:30px;}

.rc_zp .ts a{color:#9263a7;}

.rc_zp .jr_lm{border:1px solid #e7e7e7; overflow:hidden; margin-bottom:10px;}

.rc_zp .jr_lm.jt{border: 1px solid #9263a7;}

.rc_zp .jr_bt{padding:10px 20px; height: auto; font-size:14px; line-height:40px; color:#555; overflow:hidden; cursor:pointer; position:relative;}

.rc_zp .jr_bt:hover{background-color:#e7e7e7;}

.rc_zp .jr_bt.on{background-color:#e7e7e7;}

.rc_zp .jr_bt i{position:absolute; top:50%; right:15px; font-size:15px;

transform:translate(0,-50%);

-webkit-transform:translate(0,-50%);

-moz-transform:translate(0,-50%);

-ms-transform:translate(0,-50%);

-o-transform:translate(0,-50%);

transition:all .5s;

-webkit-transition:all .5s;

-moz-transition:all .5s;

-ms-transition:all .5s;

-o-transition:all .5s;}

.rc_zp .jr_bt.on i{transform:translate(0,-50%) rotate(90deg);

-webkit-transform:translate(0,-50%) rotate(90deg);

-moz-transform:translate(0,-50%) rotate(90deg);

-ms-transform:translate(0,-50%) rotate(90deg);

-o-transform:translate(0,-50%) rotate(90deg);}

.rc_zp .jr_lm.jt .jr_bt{background-color:#9263a7; color:#fff; padding:0 20px; line-height:60px;}

.rc_zp .jr_bt span{float:left; width:33.333333%; text-align:center;}

.rc_zp .jr_bt span.s_40{text-align:left;}

.rc_zp .jr_nr{background-color:#fff; padding:30px 25px 10px; font-size:14px; line-height:32px; margin-bottom:3px; display:none; position:relative;}

.rc_zp .jr_nr .lm{color:#9263a7;}

.rc_zp .jr_nr .js{margin-bottom:20px;}

.rc_zp .jr_nr a.wy_yp{width:110px; height:36px; position:absolute; top:30px; right:35px; background-color:#9263a7; font-size:15px; line-height:36px; color:#fff; text-align:center; display:block;}

.rc_zp .jr_nr a.wy_yp i{padding-left:5px;

transition:all .5s;

-webkit-transition:all .5s;

-moz-transition:all .5s;

-ms-transition:all .5s;

-o-transition:all .5s;}

.rc_zp .jr_nr a.wy_yp:hover i{padding-left:15px;}

@media only screen and (max-width:992px){

.rc_zp{padding:35px 0;}

.rc_zp .ts{font-size:13px; line-height:24px; margin-bottom:10px;}

.rc_zp .jr_bt{padding:5px 20px; height:50px;}

.rc_zp .jr_lm.jt .jr_bt{padding:5px 20px; line-height:40px;}

.rc_zp .jr_nr{padding:20px; font-size:12px; line-height:22px;}

.rc_zp .jr_nr .lm{margin-bottom:10px;}

.rc_zp .jr_nr a.wy_yp{width:100px; height:30px; top:10px; right:25px; font-size:14px; line-height:30px;}

.rc_zp .jr_nr a.wy_yp:hover i{padding-left:10px;}

}

@media only screen and (max-width:992px){

.rc_zp .ts{font-size:12px; line-height:22px;}

.rc_zp .jr_bt{padding:5px 15px; height:40px; line-height:30px;}

.rc_zp .jr_lm.jt .jr_bt{padding:5px 15px; line-height:30px;}

.rc_zp .jr_nr{padding:10px 15px; font-size:12px; line-height:22px;}

.rc_zp .jr_nr .lm{margin-bottom:10px;}

.rc_zp .jr_nr a.wy_yp{width:90px; height:26px; position:relative; top:auto; right:auto; font-size:13px; line-height:26px; margin-left:15px;}

}



.cpyfw{ width:100%; height:auto; overflow:hidden; padding:60px 0 ; }

.cpyfw li{ width:100%;background: #fff;   box-sizing:border-box; height:auto; overflow:hidden;  display: flex;
    justify-content: space-between;
    align-items: center;}

.cpyfw li .tp1{ width:49%; float:left}

.cpyfw li .tp1 img{ width:100%}

.cpyfw li .wz1{ width:42%; float:right; margin-top:20px; margin-right:5%}

.cpyfw li .wz1 h1{ font-size:30px; font-weight:bold; color:#9263a7; margin-bottom:20px}

.cpyfw li .wz1 p{ font-size:18px; line-height:36px; margin-bottom:30px ;;color:#686868  }

/* .cpyfw li .wz1 span{ border:#ccc 1px solid; color:#666; display:inline-block;  line-height:36px; padding:0 20px;border-radius:18px; text-align:center; margin-right:10px; margin-bottom:15px} */



.cpyfw li .tp2{ width:100%;}

.cpyfw li .tp2 img{ width:100%}

.cpyfw li .wz2{ width:100%; margin-top:20px; text-align:center}

.cpyfw li .wz2 h1{ font-size:24px; font-weight:bold; color:#9263a7; margin-bottom:20px}

.cpyfw li .wz2 p{ font-size:18px; line-height:36px;}

@media only screen and (max-width:992px){

.cpyfw{ width:100%; height:auto; overflow:hidden; padding:30px 0; }

.cpyfw li{ width:100%;background: #fff;box-shadow: 0px 5px 30px #e2e2e2;  box-sizing:border-box; height:auto; overflow:hidden; margin-bottom:20px; padding-bottom:20px;    display: initial;}



.cpyfw li .tp1{ width:100%; float:none}

.cpyfw li .wz1{ width:90%; float:none; margin:0 auto }

.cpyfw li .wz1 h1{ font-size:18px; font-weight:bold; color:#9263a7; margin-bottom:10px}

.cpyfw li .wz1 p{ font-size:14px; line-height:26px; min-height: inherit; margin-bottom:20px}

.cpyfw li .wz1 span{ font-size:14px; line-height:36px; margin-right:8px; margin-bottom:8px}

.cpyfw li .wz2{ width:90%; margin:20px auto 0; text-align:center}

.cpyfw li .wz2 h1{ font-size:18px; font-weight:bold; color:#9263a7; margin-bottom:20px}

.cpyfw li .wz2 p{ font-size:14px; line-height:26px;}



}







.cpyfw1{ width:100%; height:auto; overflow:hidden; padding:60px 0 ; background:#fafafa }

.cpyfw1 li{ width:100%;    box-sizing:border-box; height:auto; overflow:hidden; display: flex;
    justify-content: space-between;
    align-items: center; }

.cpyfw1 li .tp1{ width:49%; float:right}

.cpyfw1 li .tp1 img{ width:100%}

.cpyfw1 li .wz1{ width:42%; float:left; margin-top:20px; margin-right:5%}

.cpyfw1 li .wz1 h1{ font-size:30px; font-weight:bold; color:#9263a7; margin-bottom:20px}

.cpyfw1 li .wz1 p{ font-size:18px; line-height:36px; margin-bottom:30px; color:#686868  }

/* .cpyfw1 li .wz1 span{ border:#ccc 1px solid; color:#666; display:inline-block;  line-height:36px; padding:0 20px;border-radius:18px; text-align:center; margin-right:10px; margin-bottom:15px} */



.cpyfw1 li .tp2{ width:100%;}

.cpyfw1 li .tp2 img{ width:100%}

.cpyfw1 li .wz2{ width:100%; margin-top:20px; text-align:center}

.cpyfw1 li .wz2 h1{ font-size:24px; font-weight:bold; color:#9263a7; margin-bottom:20px}

.cpyfw1 li .wz2 p{ font-size:18px; line-height:36px;}

@media only screen and (max-width:992px){

.cpyfw1{ width:100%; height:auto; overflow:hidden; padding:30px 0; }

.cpyfw1 li{ width:100%;background: #fff;box-shadow: 0px 5px 30px #e2e2e2;  box-sizing:border-box; height:auto; overflow:hidden; margin-bottom:20px; padding-bottom:20px;    display: initial;}



.cpyfw1 li .tp1{ width:100%; float:none}

.cpyfw1 li .wz1{ width:90%; float:none; margin:0 auto }

.cpyfw1 li .wz1 h1{ font-size:18px; font-weight:bold; color:#9263a7; margin-bottom:10px}

.cpyfw1 li .wz1 p{ font-size:14px; line-height:26px; min-height: inherit; margin-bottom:20px}

.cpyfw1 li .wz1 span{ font-size:14px; line-height:36px; margin-right:8px; margin-bottom:8px}

.cpyfw1 li .wz2{ width:90%; margin:20px auto 0; text-align:center}

.cpyfw1 li .wz2 h1{ font-size:18px; font-weight:bold; color:#9263a7; margin-bottom:20px}

.cpyfw1 li .wz2 p{ font-size:14px; line-height:26px;}



}





@media only screen and (max-width:992px){

	

.indexFunction .tabList .tabContent .imgBox img {

  display: block;

  width: 100%;

  margin-top: 20px;

}	

	

._PageTitle span.cn {

    font-size: 20px;

    margin-bottom: 5px;color: #3e3e3e;

}



._PageTitle span.en {

    font-size: 26px;

    color: #9263a7;

    text-transform: uppercase;font-weight: bold;

    font-family: Exotic

}

.about .con {

  padding: 30px 0 10px;

}

.about ul li {

    float: left;

    width: 100%;

    height: auto;

    background: rgba(255, 255, 255, .7);

    position: relative;height: auto  ;

}

.about ul li:nth-child(2){ width: 100%; } 

.sy_about {

  padding: 30px 0;

  overflow: hidden;

  background: url(../images/indexjj.jpg) center bottom / cover no-repeat;

}

.sy_about ._PageTitle {

  text-align: center;

  margin-bottom: 20px;

}

.sy_about .nr p {

  margin-bottom: 10px;

  line-height: 26px;

  letter-spacing: 0; font-size:15px; text-align: center

}

.product-number-info .product-number-inner {

    width: 100%;

    margin: 0 auto;

}

.product-number-info li b {

   

    font-size: 26px;

    line-height: 1;

    display: inline-block;

    position: relative;

    margin: 15px 0 10px;

}

.product-number-info li b em {

    font-style: normal;

    font-size:14px;

    font-weight: 100;

    padding-left: 2px;

    position: relative;

    top: -4px;

}

.sy_about .nr .more{ margin-top:0}

.index-fiv {

    padding: 30px 0;

}

.infiv-ul li {

  float: left;

  width: 100%;

  padding: 0 17.5px;

  box-sizing: border-box; margin-bottom:15px

}

.infiv-txt {

    padding: 20px;

    background: #fff;

    box-shadow: 0 0 13px rgba(0, 0, 0, .1);

    height: auto  ;box-sizing: border-box;

}



    .infiv-txt span {

        margin-top: 5px;

        display: block;

        font-size: 16px;

        line-height: 24px;

        color: #666;

        font-family: "Arial";

    }

.infiv-txt p {

  margin-top: 5px;

  font-size: 14px;

  line-height:26px;

  color: #666;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  height: auto  ;

}

.infiv-txt h3 {

  font-size: 16px;

  line-height: 24px;

  color: #333;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

.index-fiv .more {

  display: block;

  width: 170px;

  height: 40px;

  font-size: 14px;

  background: #9263a7;

  color: #fff;

  box-sizing: border-box;

  padding: 0 20px 0 40px;

  line-height: 40px;

  border-radius: 20px;

  position: relative;

  overflow: hidden;

  margin: 10px auto 0;

}

.ny_zz {

  padding: 20px 0 10px;

  position: relative;

  background: url(../images/bg1.jpg);

}





.swiper-zl{width:100%; margin:0 auto; padding:0px  0 35px!important;}

.index-contact {

  min-width: 100%;

  padding: 25px 20px;

  background-image: url(../images/benifits-bg.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-attachment: fixed;

  background-position: center top;

  position: relative;box-sizing:border-box 

}



.index-contact .s {float: none;position: relative;z-index: 100; width:100%; margin-bottom:20px}



.index-contact h6 {



	font-size: 20px;



	color: #fff;



	line-height: 40px;



}



.index-contact p {



	line-height: 30px;



	font-size: 14px;



	color: #eee;



}



.index-contact .btn {



	display: block;



	width: 150px;



	margin-top: 25px;



	border: 1px #fff solid;



	text-align: center;



	border-radius: 3px; font-size:16px



}

.index-contact .btn a {

  display: block;

  height: 38px;

  line-height: 38px;

  font-size: 16px;

  color: #fff;

}

.index-contact .btn a {

  line-height: 38px;

  font-size: 16px;

  color: #fff;

}

.index-contact .left {

  width: 100%;

  float: none;

}

.index-contact .left input.w_z {

    width: 49%;

    height: 36px;

    font-size: 14px;

    line-height: 36px;

    margin-bottom:10px;margin-right: 1%;color: #fff;

    padding: 0 5px;box-sizing: border-box;background: rgba(0,0,0,0.3);		

}

.index-contact .left textarea {

    width: 100%;

    height: 80px;

    padding: 5px;

    outline: none;

    resize: none;

    font-size: 14px;

    line-height: 28px;background: none;color: #fff;

    margin-bottom: 10px;box-sizing: border-box;background: rgba(0,0,0,0.3);border: 0;

}



.n_ban{width:100%; height:240px; overflow:hidden; position:relative;}

.n_ban .w_z{width:40%; text-align:center; position:absolute; top:50%; left:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);}

.n_ban .w_z.rt{width:80%; text-align: left; position:absolute; top:65%; left:10%;}

.n_ban .w_z h3{font-size:16px; font-weight:bold; color:#333; margin-bottom:10px; text-transform:uppercase; text-shadow:0 0 10px #666}

.n_ban .w_z p{font-size:25px; margin-bottom:20px; color:#333;text-shadow:0 0 10px #666}

.n_ban .w_z a{padding:0 20px; background-color:#e77817; font-size:15px; line-height:36px; color:#fff; border-radius:20px; display:inline-block; margin:0 10px;}

.ntit {height: 50px;line-height: 50px;border-bottom: #eee 1px solid;position: relative; margin-bottom:30px}

.ntit .sub_nav ul li a {color: #333;font-size: 14px;font-weight: bold;font-family: Microsoft YaHei;}

.ntit .sub_nav ul li {margin-left:20px;float: left;position: relative;margin-right: 0px;height:50px;}

.ntit .wzxx {float: left;color: #333;font-size: 14px;}

.nyhy ul li{ float:left; width:100%; margin:0 0 20px 0; position:relative;  box-sizing:border-box }

.cpxq {padding: 0 0 50px;width: 96%;margin: 0 auto;}

.cpxq .left {width:100%;float: none;border: 1px solid #ddd;}

.cpxq .right {width:100%;float: right;}

.cpxq .right h3 {font-size: 20px;color: #333;margin-bottom: 20px;font-weight: bold;margin-top: 20px;}

.cpxq .right p {font-size: 15px;line-height:26px;color: #555;margin-bottom: 20px;}

.cpxq .cptd { font-size: 15px;line-height:26px;color: #333; margin-bottom:20px}





.tit { margin-bottom:30px; text-align:center}

.tit h1 { font-size:20px; color:#333; margin-bottom:15px; position:relative; font-weight:bold}

.tit h1::after { content: " ";position: absolute; left: 50%; bottom: -15px; width: 40px; margin-left: -20px;height: 0;border: 2px solid #9263a7;}

.tit h3 { font-size:14px; color:#666; margin-top:25px;}

.ny_jj {

  padding: 0 0 20px;

}

.ny_jj .tp {width: 100%;}

.ny_jj .tp img {width: 100%;display: block;}

.ny_jj .wenz {width:100%;height: auto  ;display: flex;flex-direction: column;justify-content: center;}

.ny_jj .wenz p {text-indent: 2em;font-size: 15px;line-height:26px;color: #555; margin-bottom:20px}



.sy_zzfw {background:url(../images/bg5.jpg);padding: 20px 0 20px;overflow: hidden;}

.sy_zzfw ul li {width:100%;margin-right: 0%; float: left;transition: all 0.3s;



	-wbkit-transition: all 0.3s;



	-o-transition: all 0.3s;



	-moz-transition: all 0.3s;border-radius: 20px;overflow: hidden; margin-top:20px}

	.sy_zzfw ul li .box {padding: 15px 20px;

    background: rgba(255,255,255,0.85);

    display: block;

    box-shadow: 0px 2px 30px 0px #d9352e;

    text-align: center;width: 100%;margin: 0 auto;box-sizing: border-box;}

.sy_zzfw ul li h3 {font-size:18px;color: #333;text-align: center;margin-bottom: 10px;font-weight: bold;}



.ny_zz1{padding: 20px 0 20px;position: relative;  }

.swiper-zl1{width:100%; margin:0 auto; padding:0  0 30px!important;}

.lx_wm {

  width: 96%;

  margin: 20px auto 20px;

}

.lx_wm .x_x{width:100%; float:none; margin-bottom:20px}

.lx_wm .l_y{width:100%; float:none;}

.lx_wm h3{font-size:20px; margin-bottom:15px;}

.lx_wm h4{font-size:15px; line-height:26px; color:#888; margin-bottom:15px;}



.lx_wm input.w_z{width:100%; height:40px;box-sizing:border-box ; font-size:14px; line-height:40px; margin-right:10px; margin-bottom:10px; border:1px solid #e7e7e7; padding:0 5px;}

.lx_wm input.a_n{width:100%; height:40px;box-sizing:border-box ; background-color:#9263a7; font-size:14px; color:#fff; line-height:40px;}

.lx_wm textarea{width:100%; height:66px;box-sizing:border-box ; padding:5px; border:1px solid #e7e7e7; outline:none; resize:none; font-size:14px; line-height:28px; margin-bottom:10px;}

.ab-bt{color: #4d4d4d; font-size:30px; font-weight:bold}

.ab-bt{color: #4d4d4d; font-size:20px; font-weight:bold}

.ab6 .con p{padding: 20px 0 30px; font-size:16px}

.ab6 .con .more { font-size:14px}

.ab6{background: url(../images/bg-41.png) no-repeat left top; padding: 100px 0 70px;}

}