p{margin: 0;padding: 0;font-size: 14px;color: #898989;}
body{font-family: Arial;font-size: 14px;position: relative;}
.fl{ float:left}
.fr{ float: right}
.cont1{top:0;z-index: 10;}
#flow {
	top:0;}
.footer {
	top: 710px;
	height: 112px}
.lunbox{width: 100%;height:100vh;top: 0px;z-index:1;}
.lunbox .swiper-container{width: 100%;height: 100%;}
.lunbox .swiper-slide{width: 100%;height:100%;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 15px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ display: inline-block; font-size: 18px; width: 25px; height: 23px; color: #fff; background: rgba(0,0,0,0); opacity: 1; margin: 0 5px; position: relative; font-family: 宋体;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet i{ width: 52px; height: 1px; position: absolute; top: 11px; right: 0;
	display: none;}
.swiper-pagination-bullet-active{color: #e4aa0d!important;width: 80px!important;text-align: left;}
.swiper-pagination-bullet-active i{display: inline-block!important;background: #e4aa0d!important;}
.lunbox .video{width:100%;height: 100%;}
.lunbox .swiper-slide h2{position: absolute;top:75vh;left:0;text-align: center;width:100%;color:#fff;font-size:60px;font-weight: bold;}
.lunbox .swiper-slide h3{position: absolute;top:85vh;left:0;text-align: center;width:100%;color:#ccc;font-size:22px;font-weight: normal;}

.shuzi{width: 100%;height: auto;padding:60px 0 20px;background: #fff;}
.shuzi p{text-align: center;color: #616161;}
.shuzi p.tit{font:34px/34px "微软雅黑";color:#333;text-align: center;}
.shuzi p.tit span{font-size:15px;line-height: 15px;}
/*.shuzi p.zi1{font-size: 14px;line-height: 18px;text-transform : uppercase;}*/
.shuzi p.js{margin-top:25px;font-size:16px;line-height:22px;}
.shuzi p.js span{color:#1e71dc;}
.shuzi p.js a{display:inline-block;width:110px;height:32px;line-height:32px;text-align:center;border:solid 1px #ccc;border-radius:16px;margin:0 5px;}
.shuzi p.js a:hover,.shuzi p.js a.cur{background:#1e71dc;color:#fff;border-color:#1e71dc;}


#content .pc_box .big .pro{position: relative;height:310px;margin-bottom: 12px;padding:0 45px; background-size: 100% !important;}
#content .pc_box .big .pro:nth-child(2){margin-bottom: 0;}
#content .pc_box .big .pro .title{font-size: 24px;color: #fff;text-align: left;padding-top:40px;}
#content .pc_box .big .pro .borders{width: 30px;height: 2px;background: #1e71dc;margin-top: 25px;}
#content .pc_box .big .pro .hovers{position: absolute;left: 0;top: 0;right:0;height: 100%;background: rgba(30,113,220,0.7);display: none;padding: 0 45px;/*transform:rotateY(180deg);-ms-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -o-transform:rotateY(180deg);*/}
#content .pc_box .big .pro:hover{background-size:110%!important;/*transform:scale(1.06);-ms-transform:scale(1.06); -moz-transform:scale(1.06); -webkit-transform:scale(1.06); -o-transform:scale(1.06);*/}
#content .pc_box .big .pro .hovers .tit{font-size: 24px;color: #fff;padding-top: 40px;text-align: left;display: block;}
#content .pc_box .big .pro .hovers .bords{width: 30px;height: 2px;background: #fff;margin-top: 25px;}
#content .pc_box .big .pro:hover .hovers{display: block;}
#content .pc_box .big .pro:hover .title,#content .pc_box .big .pro:hover .borders{display: none;}
#content .pc_box .big .pro .hovers .cate_list{margin-top: 15px;}
/*jack修改#content .pc_box .big:first-child .pro .hovers .cate_list{margin-top: 40px;}*/
#content .pc_box .big .pro .hovers .cate_list .cates{display: block;}
#content .pc_box .big .pro .hovers .cate_list .cates .bg{margin-right:10px; width:10px; height:5px; background:url(../images/list_arr.png) no-repeat; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; background-position:-17px -7px; margin-top:15px;}
/*jack修改#content .pc_box .big:first-child .pro .hovers .cate_list .cates .bg{margin-top: 23px;}*/
#content .pc_box .big .pro .hovers .cate_list .cates:hover{margin-left: 20px;}
#content .pc_box .big .pro .hovers .cate_list .cates:hover .bg{background-position:-2px -7px;}
#content .pc_box .big .pro .hovers .cate_list .cates .sec{height:35px; line-height:35px; font-size:16px; color:#fff;}
/*jack修改#content .pc_box .big:first-child .pro .hovers .cate_list .cates .sec{height: 50px;line-height: 50px;}*/
#content .pc_box.pc2{display: none;}
#content .fl{float:left;}
.clear{clear:both;}
#content .pc_box .zuoshang{width:750px;}
#content .pc_box .zuoshang .pro .shangonezz{}
#content .pc_box .youbian .pro{height:632px;}
#content .pc_box .zuoxia{width:750px;margin-left:360px;margin-top:7px;}
#content .pc_box .zuoxia .pro{width:369px;float:left;}

.wind{width: 100%;height: auto;overflow: hidden;}
.wind .tit{padding-top: 100px;}
.wind .shows{width: 100%;height: auto; margin-top:20px;}
.wind .shows ul{width: 100%;height:460px;overflow: hidden;}
.wind .shows ul li{
	width: 20%;
	height: 460px;
	float: left;
	position: relative;
	float: left;
	cursor: pointer;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	border-left: 1px solid #fff;}
.wind .shows ul li:nth-of-type(1){border-left: 0;}
.wind .shows ul li .ksm{
	width:480px;
	height: 100%;}
.wind .shows ul li .ks{display: none;}
/*.wind .shows ul li.lis{width: 785px!important;}*/
.wind .shows ul li:nth-of-type(6){margin-right: 0;}
.wind .shows ul li .tits{position: absolute;top: 30px;left: 22px;width: 22px;height: 22px;border: 0;}
.wind .shows ul li p.big{font-size: 24px;color: #fff;width: 25px;position: absolute;top: 60px;left: 22px;line-height: 25px;}
.wind .shows ul li p.smal{
	font-size: 12px;
	color: #fff;
	position: absolute;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);}
.wind .shows ul li:nth-of-type(1) p.smal{bottom: 75px;left: -23px;}
.wind .shows ul li:nth-of-type(2) p.smal{bottom: 80px;left: -25px;}
.wind .shows ul li:nth-of-type(3) p.smal{bottom: 102px;left: 0px;}
.wind .shows ul li:nth-of-type(4) p.smal{bottom: 78px;left: 0px;}
.wind .shows ul li:nth-of-type(5) p.smal{bottom: 85px;left: -30px;}
.wind .shows ul li:nth-of-type(6) p.smal{bottom: 60px;left: -16px;}
.wind .shows ul li p.bot{
	display: none;
	font-size: 12px;line-height:20px;
	color: #fff;
	width: 100%;
	height: 70px;
	background: rgba(0,0,0,.4);
	padding: 15px 40px;
	position: absolute;
	left: 0;
	bottom: 0;}

.wind .shows ul li img{
	display: block;
	width: 959px;}
.wind .shows ul:hover li{
	width:12.4%;}
.wind .shows ul li:hover{
	width:50%;}



.shuzi .fud{
	margin-top: 35px;
	height: 45px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;}
.shuzi .fud p{width: 1470px;height: 100%;margin: 0 auto;text-align: left;}
.shuzi .fud p span{line-height: 45px;font-size: 15px;margin-right: 67px;}
.shuzi .fud p span:last-child{margin-right: 0;}

.sixfw{width: 100%;height: auto;background: #fff;padding: 20px 0 100px;}


.global{width: 100%;height: auto;background: #f0f0f0;overflow: hidden;}
.global .gol1{width: 1460px;height: auto;margin:60px auto 70px;}

.one{
	-ms-transform:scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);}

.mxiu ul li a .masks .overs h2:nth-of-type(3){
	padding-top: 20px;
	margin-top: 20px;
	-webkit-line-clamp: 3;}

.global .gol2{width: 1460px;height: auto;margin:60px auto 60px;}


.swiper-container2 .swiper-wrapper{width: 1460px;height: 100%;margin: 0 auto;}
.swiper-wrapper ul{width: 100%;height: 100%;overflow: hidden;}
.swiper-wrapper ul li{width: 483px;height: 100%;float: left;margin-right: 5px;position: relative;overflow: hidden;}
.swiper-wrapper ul li:nth-of-type(3){margin-right: 0;}
.swiper-wrapper ul li img{transition: all 0.6s;cursor: pointer;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(../images/lefts.png);width: 32px;height: 60px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(../images/rigs.png);width: 32px;height: 60px;}
.swiper-wrapper ul li h3{
	font-size: 12px;
	color: #fff;
	text-align: center;
	width: 100%;
	height: 30px;
	line-height: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.2);}

.team{width: 100%;height: auto;}
.team .swiper-container3{width: 1580px;height: 460px;margin:20px auto 0;}
.tems{width: 1460px;height: 100%;overflow: hidden;position: relative;}
.tems .temleft{width: 368px;height: 460px;padding: 50px 64px;}
.tems .temleft p.tit{font-size: 24px;color: #616161;line-height: 25px;letter-spacing:2px;}
.tems .temleft p.titsml{font-size: 12px;color: #a6a6a6;	line-height: 30px;	text-transform : uppercase;	margin-bottom: 10px;	font-family: 宋体;}
.tems .temleft p.tink{width: 238px;height: 66px;margin-top: 35px;}
.tems .temleft p.zis{font-size: 14px;color: #a6a6a6;line-height: 28px;	margin-top: 20px;width: 100%;text-align: justify;text-indent: 30px;}
.tems .temrig{width: 1068px;height: 460px;position: absolute;top: 0;right: 0;}




.gsjie{
	width: 1470px;
	margin:30px auto 0;
	position: relative;}
.gsjie .gslf{width: 700px;height:430px;}
.gsjie .gsrig{
	width: 700px;
	height: 438px;
	position: absolute;
	top: 0;
	right: 0;}
.gsjie .gsrig p{
	font-size:16px;	color: #616161;	line-height:28px;text-align: justify;}
.gsjie .gsrig ul{width: 100%;height: auto;overflow: hidden;margin-top:40px;}
.gsjie .gsrig ul li{
	width: 345px;
	height: 45px;
	line-height: 45px;
	background: #b2b2b2;
	float: left;
	font-size:18px;
	color: #fff;
	text-align: center;
	margin-right: 10px;
	margin-bottom:10px;
	cursor: pointer;}
.gsjie .gsrig ul li:nth-of-type(2n){margin-right: 0;}
.gsjie .gsrig ul li:nth-of-type(3),.gsjie .gsrig ul li:nth-of-type(4),.gsjie .gsrig ul li:nth-of-type(5){ font-size:18px;}
.gsjie .gsrig ul li.once{background: #338287;}

.gsjie .home_solu_le_roll li.hslr_li{width:24%;background: none !important;text-align: center;color:#666;}
.gsjie .home_solu_le_roll li.hslr_li .hslr_wrap_num{font-size:14px;color:#1e71dc;font-weight:normal;}
.gsjie .home_solu_le_roll li.hslr_li .hslr_wrap_num span{font-size:32px;padding-right:7px;}
.gsjie .home_solu_le_roll li.hslr_li .hslr_wrap_num p{text-align:center;}
.gsjie .home_solu_le_roll li.hslr_li .hslr_wrap_info{font-size:15px;}



.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}

/*数字++++++++++*/
.digital {
	width: 100%;
	height: 400px;
	background: #222;
	color: #fff;}

.main {
	width: 1410px;
	height: 400px;
	margin: 0 auto;
	font-size: 0;}
.digital h3{font:34px/34px "微软雅黑";color:#fff; text-align: center;padding-top:60px;}
.digital h3 span{font-size: 15px;}



.news{ width:1470px; margin:0 auto}
.signal{ text-align:center; padding:50px 0}
.signal img{ padding:20px 0}
.signal p{ font-size:16px;}
.newList { float: left; width: calc((100% - 0px)/3);overflow: hidden;    padding: 20px;    height: auto;}
.newList  .newPicBox a{position: relative; width: 100%; height: auto;display: block; padding-bottom: 60%;overflow: hidden; border-radius: 4px; margin: 0 auto;}
.newList  .newPicBox a .newPic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2px;transition: all 0.5s;display: block;}
.newList  .newPicBox a:hover img{   transform: scale(1.1);}
.newList .contentBoxB { padding: 20px 10px 10px;}
.newList .contentBoxB .newTitle { display: block;font-size: 20px; transition: all .5s ease; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; color: #333; }
.newList .contentBoxB span{position: relative; width: 100%; height: 1px; background: #ededed;  display: inline-block; margin: 20px 0}


.newList .contentBoxB span::before {content: '';position: absolute;top: 0px;left: 0px;width: 0px;height: 100%;background: #afafaf;transition: all .5s ease;
}
.newList:hover .contentBoxB span::before {
	width: 100%;
}

.newList .contentBoxB p { position: relative;width: 100%; line-height:25px; font-size:12px;color: #777; margin: 0 0 10px; display: -webkit-box; overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical; text-overflow: ellipsis; height:45px; margin-bottom:20px}
.newList .contentBoxB .bottomLink {display: block;float: none; width: 30px; min-width: auto; height: 25px; color: #ccc; font-size: 0.875rem; font-family: Raleway;padding:5px; border: 1px solid #d8d8d8; transition: all .5s ease;}

.newa{ margin:0 auto; width:100px; border:1px solid #d8d8d8; padding:10px }
.newa:hover{ font-weight:bold}

.newInformation{ text-align:center;margin: 30px 0;}

.tit{ text-align:center;font-weight:400;}
.tit a{ font-size:24px; color:#333333; display:inline-block;letter-spacing: 1px; line-height:70px; padding:0 25px;webkit-transition: all .4s ease; transition: all .4s ease; font-weight:400; position:relative;}
.tit a:hover{webkit-transition: all .4s ease; transition: all .4s ease;color:#520C0C; }
.tit a:before{ content: ""; width:26%; height: 1px; position: absolute; top: 100%;bottom:0;background:#8E8E8E; left: 50%;margin-left:-13%; transition: all .8s;}
.tit a:after{content: ""; width:0%;height: 1px;position: absolute;top: 100%; bottom:0;background:#520C0C;left: 50%;transition: all .8s;font-weight:bold; overflow:hidden;}
.tit a:hover:after{ left: 0%; width: 100%; height:1px; color:#520C0C; overflow:hidden;}



.service{margin-top: 46px;/*margin-bottom: 7px;*/}
.service li{ position: relative; margin:0 30px 50px 0; width:380px;line-height: 0;overflow:hidden;}
.service li:nth-child(3),.service li:nth-child(6),.service li:nth-child(9),.service li:nth-child(12){ margin-right:0}
.service li .serviceImg{overflow: hidden;}
.service li .serviceImg img{ transition: all 0.6s; height:230px; width:100%  }
.service li .serviceImg img:hover{transform: scale(1.1);  }
.service li .serviceName{ font-size: 14px;color: #fff;display: inline-block;position: absolute;left: 0;bottom: 0;background-color: rgba(51,130,135, 0.5); width: 100%;height: 36px;line-height: 36px;text-align: center;letter-spacing: 0.8px;}
.serviceTxt{width: 100%;height: 36px;position: absolute;bottom: 0;}
.service .txt h3{ color: #fff;text-align: center;margin-top:30px;margin-bottom: 20px;line-height: 20px;}
.service .txt .bghj{ color: #fff;text-align: center;margin-top:30px;margin-bottom: 20px;line-height: 20px;}
.service .txt span{ font-size: 18px;color: #fff;letter-spacing: 1px;padding-bottom: 10px;border-bottom: solid 2px #fff;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%;}
.service .txt p{ font-size: 14px;color: #fff;line-height: 24px;height: 72px;letter-spacing: 0.8px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.service .txt span.more{ line-height: 20px;font-size: 12px;color: #fff;font-family: simsun;position: absolute;right: 15px;top: 170px;margin: 0;width: auto;background: url(../images/ico_moreService.png) left center no-repeat;padding-left: 8px;padding-bottom: 0;border: none;}
.service .txt{height:0px;width:100%;position: absolute;left: 0;bottom: 0;padding: 0 3%;background-color: rgba(51,130,135,0.8);}
.service .txt .bghj{ height:auto}
.service .txt .intro{ text-align:left; padding:0 10px;}


.picMarquee{ overflow:hidden; position:relative; width:100%; height:250px; padding-top:30px}
.picMarquee .hd{ display:none }
.picMarquee .bd ul{ overflow:hidden; zoom:1; }
.picMarquee .bd ul li{ margin:0 1% 50px 0; width:24%; float:left; _display:inline; overflow:hidden !important; text-align:center; line-height:30px ; position:relative }
.picMarquee .bd ul li img{ width:100% !important; height:200px; float:left;}




.content{	width: 100%; height: auto; background: #fff; padding-bottom:70px;}


footer { position: relative; width:100%; margin: 0 auto; color: rgba(255, 255, 255, .75); background: #242a37; overflow: hidden;}
footer a { color: rgba(255, 255, 255, .75)}
.footer-safe { position: relative; width: 100%; min-width: 1180px; margin: 0 auto; overflow: hidden}
.footer-safe ul { padding: 30px 0;font-size: 0; border-bottom: 1px solid rgba(255, 255, 255, .1)}
.footer-safe ul li { display: inline-block; width: 25%; height: 48px; vertical-align: middle; text-align: center}
.footer-safe ul li a { font-size: 16px; color: #fff; line-height:35px;}
.footer-safe ul li a span { font-size: 16px; line-height: 48px}
.footer-safe ul li a i { margin-right: 10px; color: #fff; vertical-align: middle; display:inline-block; background:url(../images/f1.jpg) no-repeat; width:43px; height:35px;}

.footer-safe ul li:nth-child(1) a i {background:url(../images/f1.jpg) no-repeat;}
.footer-safe ul li:nth-child(2) a i {background:url(../images/f2.jpg) no-repeat;}
.footer-safe ul li:nth-child(3) a i {background:url(../images/f3.jpg) no-repeat;}
.footer-safe ul li:nth-child(4) a i {background:url(../images/f4.jpg) no-repeat;}

.footer-safe ul li a:hover { color: #338287}
.footer-safe ul li a:hover i { color: #338287}
.footer-safe ul li a:hover span { color: #338287}

.footer-safe ul li:nth-child(1) a:hover i {background:url(../images/f1s.jpg) no-repeat;}
.footer-safe ul li:nth-child(2) a:hover i {background:url(../images/f2s.jpg) no-repeat;}
.footer-safe ul li:nth-child(3) a:hover i {background:url(../images/f3s.jpg) no-repeat;}
.footer-safe ul li:nth-child(4) a:hover i {background:url(../images/f4s.jpg) no-repeat;}



.footer-nav { padding: 30px 0; overflow: hidden}
.footer-nav-left { float: left; width: 69%; padding: 10px 0 15px}
.footer-nav-left:after { content: ""; display: table; clear: both}
.footer-nav-left dl { float: left; width: 20%; font-size: 14px; line-height: 30px}
.footer-nav-left dl dt { margin-bottom: 20px; font-size: 18px; color: #fff}
.footer-nav-left dl dd { font-size: 14px; line-height: 36px}
.footer-nav-right { float: left; width: 30%; padding: 10px 0 15px; border-left: 1px solid rgba(255, 255, 255, .1)}
.footer-contact { float: right; width: 83%}
.contact-text { width: 300px; height: 150px; text-align: left}
.contact-text p { font-size: 14px; line-height: 30px; color: rgba(255, 255, 255, .5)}
.contact-text p span { margin: 20px 0 10px 0; font-family: Impact; font-size: 24px; line-height: 36px; letter-spacing: 2px; color: #fff}
.contact-text dl { float: left; padding: 10px 0 20px}
.contact-text dl dd { font-size: 14px; line-height: 36px}
.qr-code { float: left; width: 275px; height: 40px}
.qr-code ul li { float: left; width: 40px; height: 40px; margin-right: 26px; text-align: center; background: rgba(255, 255, 255, .1); border-radius: 20px}
.qr-code ul li:before { content: ""; position: absolute; z-index: 0; width: 40px; height: 40px; border-radius: 50%; opacity: 0; -webkit-transition: .3s cubic-bezier(.3, 0, 0, 1.3); -moz-transition: .3s cubic-bezier(.3, 0, 0, 1.3); -ms-transition: .3s cubic-bezier(.3, 0, 0, 1.3); -o-transition: .3s cubic-bezier(.3, 0, 0, 1.3); transition: .3s cubic-bezier(.3, 0, 0, 1.3); -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0)}
.qr-code ul li:hover:before {opacity: 1; -webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1)}
.qr-code ul a:nth-child(1) li:before { background: #d81e06}
.qr-code ul a:nth-child(2) li:before { background: #1ec67a}
.qr-code ul a:nth-child(3) li:before { background: #18acfc}
.qr-code ul a:nth-child(4) li:before { background: #ffc200}
.qr-code i { position: relative; display:inline-block; width: 40px; height: 40px; font-size: 20px; line-height: 40px; color: #ccc}

.qr-code ul a:nth-child(1) i{background:url(../images/wx.png) no-repeat center center;}
.qr-code ul a:nth-child(2) i{background:url(../images/qq.png) no-repeat center center;}
.qr-code ul a:nth-child(3) i{background:url(../images/dy.png) no-repeat center center;}



.qr-code ul a:hover:nth-child(1)  i {background:url(../images/wxs.png) no-repeat center center;}
.qr-code ul a:hover:nth-child(2) i{background:url(../images/qqs.png) no-repeat center center;}
.qr-code ul a:hover:nth-child(3) i{background:url(../images/dys.png) no-repeat center center;}

.qr-code .qr-code-img { position: absolute; display: none; width: 130px; height: 130px; margin-top: -141px; margin-left: -45px; -webkit-box-shadow: 0 0 6px rgba(14, 22, 30, .3); -moz-box-shadow: 0 0 6px rgba(14, 22, 30, .3); -o-box-shadow: 0 0 6px rgba(14, 22, 30, .3); box-shadow: 0 0 6px rgba(14, 22, 30, .3)}
.qr-code .qr-code-img:after { content: '';position: absolute;top:129px;left: 57px;display: block; width:0;height: 0; border: 8px solid transparent; border-top: 10px solid #fff}
.footer-links { position: relative; padding: 20px 0 20px 75px; border-top: 1px solid rgba(255, 255, 255, .1); border-bottom: 1px solid rgba(255, 255, 255, .1)}
.footer-links span { position: absolute; left: 0; line-height: 24px; color: #fff}
.footer-links ul { display: inline-block; vertical-align: top}
.footer-links ul li { float: left}
.footer-links ul li a { padding: 0 5px; margin: 0 10px; line-height: 24px}
.footer-copyright { height: 24px; margin: 20px 0}
.footer-copyright-txt { float: left; width: 100%; line-height: 24px}
.footer-copyright a,.footer-copyright span { display: inline-block; margin: 0 5px; font-size: 14px}
.footer-copyright-links { float: right; width: 10%; line-height: 24px}
.footer-copyright-links ul { float: right; text-align: right}
.footer-copyright-links ul>li { display: inline-block; font-size: 14px; line-height: 18px}
.footer-copyright-links ul>li+li:before { content: "|"; margin-right: 5px; margin-left: 5px}

.sj{ display:none}








.subnav_szyp{width:1000px;margin:0 auto;text-align: center;}
.subnav_szyp h2{font:36px/40px "微软雅黑";color:#333;padding:40px 0 5px;}
.subnav_szyp h3{font-size: 30px;letter-spacing: 8px;color:#666;padding:0 0 15px;}
.subnav_szyp p{font-size:14px;color:#7b7b7b; line-height:25px; text-align:center}
.subnav_szyp p.last{width:820px;margin:0 auto;}
.subnav_szyp a{display: inline-block;padding:10px 30px;background: #f1f1f1;color:#333;margin:18px 19px 0;}
.subnav_szyp a.cur{background:rgba(51,150,151,1);color:#fff;}

.news{width:1440px;margin:30px auto;}
.news dl{width:720px;height:240px;padding:30px 30px;border:solid 1px #f1f1f1;margin:13px 0;float:left;}
.news dl:first-of-type{width:100%;height: auto;}
.news dl dt{width:270px;height:180px;overflow:hidden;float:left;}
.news dl dt img{width:100%;}
.news dl:first-of-type dt{width:475px;height: 260px;}
.news dl dd{width:330px;float:left;margin-left:30px;}
.news dl:first-of-type dd{width:800px;}
.news dl dd h3{font-size:18px;padding:10px 0 10px 0;color:#333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news dl:first-of-type dd h3{font-size:20px;padding-top:22px;}
.news dl dd h4{font-size:14px;padding-bottom:12px;color:#999;}
.news dl dd p { line-height:25px;}
.news dl dd p span{display:block;border:solid 1px #f1f1f1;padding:5px 0;width:100px;text-align:center;margin-top:20px;}
.news dl:first-of-type dd p span{margin-top:30px;}
.news dl:hover{border-bottom:solid 2px rgba(51,150,151,1);}
.news dl:hover dd h3{color:#5b9295 ;}
.news dl:hover dd p span{background:rgba(51,150,151,1);color:#fff;}


.xzli li{ width:100%; float:left; line-height:40px; display:inline-block; border-bottom:dashed 1px #f0f0f0;}
.xzli li a{line-height:40px; display:inline-block;}

.pagelist{ text-align:center; margin:20px 0}
.pagination {height: 40px; display:inline-block}
.pagination li{	float: left;}
.pagination li a{display: block; color:#333;margin-right: 10px;	padding: 5px 15px;border: 1px #f1f1f1 solid;background: #fff; border-radius:3px; }
.pagination li a:hover {color: #338287;	background: white;	border: 1px #338287 solid;}
.pagination .active a {	border: none;	background: #338287;border: 1px #338287 solid;	color: #fff;}



.postion{ padding:0px 0; width:1440px; margin:0 auto;}
.postion ul li{ float:left;}
.postion ul li a{position: relative;font-size: 18px;height: 80px;line-height: 80px; margin: 0px 15px; padding:0 20px ; color: #333; display: block; transition: 0.3s ease 0s;}
.postion ul .on a{ border-bottom:solid 3px #338287; color:#338287; /*width:80% ;*/left: 10%;}

.postion ul li a:after {content: "";position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0px;}
.postion ul li a:before {position: absolute;content: '';left: 50%;bottom: 0px;width: 0%;height: 3px;background-color: none;transition: all .3s;}
.postion ul li a:hover:before {width: 80%;left: 10%;background-color: #338287;}
.postion ul li:nth-child(1) a:hover{ border-bottom:none}

.postion p{ line-height:80px; display:inline-block; float:right; background:url(../images/dz.jpg) no-repeat center left; padding-left:20px}

.archo{background-color: rgba(243, 243, 243, 1);}
.arc{ width:1440px; margin:50px auto; padding:50px; background:#fff}
.arctit{ text-align:center}
.arctit h1{ font-size:26px; border-bottom: 1px solid #d9d9d9; padding-bottom:20px; margin-bottom:20px;}
.arcnr{ padding-top:20px;}
.arcnr p{ overflow: hidden; padding: 20px 0; font-size: 16px; line-height: 30px; text-indent: 2em;}
.arcnr img{ max-width:100%}
.sxp{ margin:50px 0 ;color:#6c6c6c;border-top: dashed 1px #CCC; padding:20px 0;font-size:16px;}
.sxp a{color:#6c6c6c;font-size:16px;}


.product{ padding:0px 0; width:1440px; margin:0 auto;}
.product dl{width: 100%;height: auto;overflow: hidden;margin: 70px auto 70px;}
.product dl dd{width: 32%;float: left;margin-right: 2%;margin-bottom: 30px;border: 1px solid #f1f1f1;}
.product dl dd:nth-of-type(3n){margin-right: 0;}
.product dl dd a{display: block;width: 100%;height: 100%;}
.product dl dd .img{position: relative; width: 100%; height: auto;display: block; padding-bottom: 70%;overflow: hidden;  margin: 0 auto;}
.product dl dd .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s;display: block;}
.product dl dd a:hover img{   transform: scale(1.1);}
.product dl dd p.wenzi{width: 100%;height:60px;position: relative;top: 10px;padding: 0 15px;}
.product dl dd p.wenzi span{position: absolute;display: inline-block;}
.product dl dd p.wenzi span.name{float: left;font-size: 14px;height: 25px;line-height: 25px;}
.product dl dd p.wenzi span.adds{float: right;font-size: 12px;color: #818181;line-height: 25px;margin-top: 7px; width:80%;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.product dl dd p.wenzi span.mor{font-size: 12px;width: 37px;height: 15px;line-height: 13px;text-align: center;position: absolute;right: 18px;top: 15px;border: 1px solid #bfbfbf;}

.product dl dd:hover{border: 1px solid #338287;}



.about{width:1440px;margin:40px auto;}
.about .vid{width:100%;height:650px;background: #000;margin:0 0 15px;}
.about .des p{font:14px/22px "微软雅黑";color:#333;padding:7px 0 0;}
.about .culture h4{font-size:30px;margin-bottom:20px;margin-top:30px;}
.about .culture h4 span{background: #f00;height: 28px;	display: inline-block;vertical-align: -3px;margin-right:10px;}
.about .culture .box_abo{margin:30px 0 40px;}
.about .culture .txt{width:33%;float:left;height: 220px; text-align: center;}
.about .culture .txt b{display:block;margin:40px 0 10px 0;font-size:20px;}
.about .culture p{ line-height:20px}
.rongyu{width:100%;height:260px;}
.sry img{ width:20%; float:left; padding:0 10px;}

.about .zhuanli a{display:block;width:225px;height:302px;margin:0 15px 10px 0;float:left;}
.about .zhuanli a img{width:100%;height: auto;}




.contss {width: 1200px;	margin: 0 auto;}
.left {	float: left;}
.right {float: right;}
.block{	display: block;}

/*业务介绍*/

.business {	position: relative;	z-index: 3; background:#FFF; padding-bottom:50px}
/*.business .title {	padding-bottom: 21px;}
.business .title>div {cursor: pointer;width: 305px;height: 35px;margin: 0 auto;position: relative;background-color: #F7F7F7;}
.business .title>div div {width: 152px;line-height: 35px;height: 35px;text-align: center;color: #666666;background-color: #f7f7f7;font-size: 14px;}
.business .title>div span {display: block;width: 1px;height: 16px;position: absolute;left: 152px;background-color: #CCCCCC;top: 9px;}
*/.item_ul {width: 100%;height: 420px;}
.item_li {width: 25%;height: 210px;float: left;cursor: pointer; box-sizing:border-box; display: inline-block}
.item_ul .item_li:nth-child(1),.item_ul .item_li:nth-child(3),.item_ul .item_li:nth-child(6),.item_ul .item_li:nth-child(8){ background:#eee }


.sIntro{ background:#338287; padding: 30px 15px; color:#FFF; width:100% !important}
.sIntro img{ float:left;  margin-top:35px; width:55px;}
.sIntro div{ float:right; width:75%; }
.items{ padding:60px 0; text-align: center}
.items h3{ font-size:14px; color:#666; margin-top:15px}

.sIntro h3,.items h3{position:relative; line-height:30px; margin-bottom:10px;}
.sIntro h3::after,.items h3::after{content: ""; width:10px;height: 3px;position: absolute;bottom:0;background:#fff;left: 0;margin-left:2px;}
.items h3::after{background:#666;left:50%;margin-left:-5px;}
.sIntro a,.sIntro p,.sIntro h3{color:#FFF; font-size:12px}
.sIntro p{ line-height:25px;}
.sIntro i{font-style: normal; padding-top:10px; display:inline-block}
/*ul分组*/

/*.title div div.on {background-color: #ac9367;color: #FFFFFF;}*/
.item_ul{position: relative;}
/*.item_ul>div{box-sizing:border-box;width: 1204px;border: 2px solid transparent;overflow: hidden;}*/
.item_ul .item_li:nth-child(8) .sIntro{padding:0;}
.item_ul .item_li:nth-child(8) .sIntro img{ width:100%;margin-top: 0;}

		.slideTxtBox .hd{cursor: pointer; height:35px; line-height:35px; background:#F7F7F7;width: 305px;margin:10px auto 20px auto; position:relative; }
		.slideTxtBox .hd ul{ }
		.slideTxtBox .hd ul li{width: 152px;line-height: 35px;height: 35px;text-align: center; float:left; z-index:99}
		.slideTxtBox .hd ul li.on{  background:#338287; color:#fff}
		.slideTxtBox .hd ul span {display: block;width: 1px;height: 16px;position: absolute;left: 152px;background: #CCCCCC;top: 9px;}
		
		
		
		.slideTxtBox .bd ul{ zoom:1;  }
	


@media screen and (max-width:1470px) {
.news,.postion,.arc,.product,.about,.gsjie{ width:1200px;}
.lunbox .swiper-slide h2{top: 65vh;}
.wind .shows ul,.wind .shows ul li{ height:300px;}

.gsjie .gslf{ width:500px; height:330px;}
.gsjie .gsrig{ width:680px;}
.gsjie .home_solu_le_roll li.hslr_li{ width:23%}

.gsjie .gsrig ul{ margin-top:30px}
.gsjie .gsrig p{ font-size:14px;}
.gsjie .gsrig ul li{ width:30%; font-size:16px}
.gsjie .gsrig ul li:nth-of-type(3), .gsjie .gsrig ul li:nth-of-type(4), .gsjie .gsrig ul li:nth-of-type(5){ font-size:16px}
.gsjie .gsrig ul li:nth-of-type(2n) { margin-right: 10px;}
.gsjie .gsrig ul li:nth-of-type(3n) { margin-right: 0;}



}

@media screen and (max-width:960px) {
	.sj{ display: block}
	.pc{ display: none}
	.lunbox {
		height: auto;
	}
	.lunbox .swiper-slide{height:auto;background-size: auto 100% !important;position: relative;}
	.lunbox .swiper-slide #video{width:auto;height: 100%;}
	.lunbox .pc{display:none;} .lunbox .swiper-slide h2{bottom:57px;top:auto;font-size:26px;} .lunbox .swiper-slide h3{bottom:17px;top:auto;font-size:14px;width:80%;left:10%;line-height:18px;}
	.cont1{top:0px;}
	.warp2{padding-bottom: 25px;}
	.shuzi{padding:30px 10px 20px;}
	.shuzi p.tit{font-size:24px;line-height: 28px;}
	.shuzi p.js{margin-top: 15px;} .shuzi p.js a{margin: 0 2px 7px;width: 90px; font-size: 15px;}
	.wind .shows{margin-top:0;}
	.wind .shows ul{height: 265px;}
	.wind .shows ul li{height: 265px;}
	.wind .shows ul li p.smal{display:none;}
	.wind .shows ul li p.big{font-size:20px;}
	.warp2 .case{padding-bottom: 20px;}
	.warp2 ul li{width: 50%;}
	.warp2 ul li img{height: 165px;}
	.global .gol2{width:100%;margin: 20px auto 20px;}
	.gol2 .mesg{height: auto;}
	.mesg ul li{margin-right: 1%;}
	.mesg ul li img{width:100% !important;height: 100% !important;}
	.mebig ul li a .masks .overs h2:nth-of-type(3){display:none;}
	.mxiu ul li a .masks .overs h2:nth-of-type(3){display:none;}
	.global .gol1{width:100%;margin: 20px auto 20px;}
	.mesg{height: auto;}
	.mebig ul li img{width:100% !important;height: 100% !important;}
	.mesg ul li:nth-of-type(3), .gol .mesg ul li:nth-of-type(7),.mesg ul li:nth-of-type(3), .gol .mesg ul li:nth-of-type(8){width:49%;height: 140px;margin-right: 1%;}
	.mesg ul li a p span:nth-of-type(1){font-size:20px;}
	.mesg ul li a .masks .overs h2:nth-of-type(1){font-size:20px;}
	.mebig ul li:nth-of-type(8){margin-left: 0;}
	.content{padding-bottom: 25px;}
	.gsjie{width:100%;margin-top:0;height: auto;}
	.gsjie .gslf{width:100%;height: auto;}
	.gsjie .gsrig{width:100%;position: static;height: auto;margin-top:10px;}
	.gsjie .gsrig p{padding:0 7px;}
	.gsjie .gsrig ul{margin-top:20px;}
	.gsjie .gsrig ul li{width:48%;margin:0 1% 5px;font-size:16px !important;} .gsjie .home_solu_le_roll li.hslr_li{margin:0;height: auto;}
	.gsjie .home_solu_le_roll li.hslr_li .hslr_wrap_num p{padding:0;}
	
	
	
.gsjie .gsrig .uuuu li:nth-child(3) { margin-right:5px;}	
.gsjie .gsrig .uuuu li:nth-of-type(2n) { margin-right: 0;}	
	
	.friend{display:none;}
	
	
	footer{ padding-bottom:70px}
	
	
	.news,.product,.postion,.about{ width:96%; margin:0 2%}
	.signal{ padding-bottom:20px}
	.signal h1{ font-size:24px; font-weight:bold}
	.newList{ width:100%; padding-top:0}
	.newList .contentBoxB .newTitle { padding-bottom: 5px;  margin-bottom: 5px;}
	
	.newList .contentBoxB span{ margin:10px 0}
	
	.subnav_szyp{ width:94%; margin:0 2%}
	.subnav_szyp a {padding: 10px 2%; margin: 15px 1% 0;float: left; /*width: 23%;*/}
	.subnav_szyp h2 {font: 30px/40px "微软雅黑";}
	.subnav_szyp h3{ font-size:24px}
	
	.product dl{ margin:30px 0 30px;}
	.product dl dd{ width:49%; margin-bottom:15px;}
	.product dl dd:nth-of-type(2n){margin-right: 0;}
	.product dl dd p.wenzi span.adds,.product dl dd p.wenzi span.mor{ display:none}
	.product dl dd p.wenzi{ height:40px;}
	
	.news dl{ width:100%;padding:3%; height:140px; margin-bottom:0}
	.news dl dt,.news dl:first-of-type dt {width: 45%; height: 110px;}
	.news dl dd,.news dl:first-of-type dd{ width:50%; margin:0; float:right}
	.news dl dd h3{overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; width:100%; font-size:16px; padding:0 0 10px 0}
	.news dl dd h4{ font-size:12px; padding-bottom:5px}
	.news dl dd p{ font-size:12px; line-height:20px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 或其他行数 */  overflow: hidden;}
	
	.news dl dd p span{margin-top:0}
	
	.postion ul{ display:none}
	.postion p{ float:left; line-height:50px}
	.arc{ width:96%; margin:3% 2%; padding:2%}
	
	.arctit h1{ font-size:22px; line-height:30px;    padding-bottom: 10px;    margin-bottom: 10px;}
	.arcnr p,.sxp a,.sxp div{ font-size:14px}
	.sxp{ margin:10px 0;}
	.sxp .fr{ float:left; margin-top:2%}
	.sxp a{ line-height:20px}
	
	.hcwr_li_le_more{ display:none}
	
	
	
	.about .vid {    height: auto;}
	.rongyu{ height:auto}
	.sry img{ width:50%; margin-bottom:3%}
	.sry img:nth-child(5){ display:none}
	.about .culture h4{font-size:20px;}
	.about .culture h4 span{height: 20px;vertical-align: 0;}
	.rongyu{height: 175px;}
	.about .zhuanli a{width: 48%;height: 268px;margin: 0 1% 3px;}
	.about .culture .txt{width:100%;height: auto;padding:0 0 13px;}
	.about .culture .txt b{margin-top: 13px;font-size: 18px;}
	.six{display:none;}
	
	.picMarquee{ float:left; height:270px}
	.picMarquee .bd ul li{ width:45%}
	.picMarquee .bd ul li img{ height:200px;}
	
	
	.web-footer {position: fixed;bottom: 0;	left: 0;width: 100%;background: #363636;	z-index: 10;}
.web-footer li {float: left;width: 50%;}
.web-footer li a {	display: block;	text-align: center;	color: #fff;padding:10px 0;	line-height: 1; font-size:14px}
.web-footer li:nth-child(1){ background:#338287}
.web-footer li i {display: block;height:30px;	background: no-repeat center;	background-size: contain;	margin-bottom:10px;}
.web-footer li i.i1 {background-image: url(../images/fmenu1.png);}
.web-footer li i.i2 {background-image: url(../images/fmenu2.png);}
	
	
	
	.business{ padding-bottom:20px;}
	.container,.contss {width: 100%;	margin: 0 auto;}
	.item_li{ width:50%; height:150px;}
	.item_ul .item_li:nth-child(1),.item_ul .item_li:nth-child(3),.item_ul .item_li:nth-child(6),.item_ul .item_li:nth-child(8){ background:#fff }
	.item_ul .item_li:nth-child(1),.item_ul .item_li:nth-child(4),.item_ul .item_li:nth-child(5),.item_ul .item_li:nth-child(8){ background:#eee }
	.items{ padding:30px 0}
	.item_ul{ height:auto}
	.sIntro{ display:none}
	.items a{ display:inline-block; width:100%}
	}
	
	
	@media screen and (max-width:660px) {.wind .shows ul li{ height:240px}	}
	@media screen and (max-width:580px) {.wind .shows ul li{ height:220px}	.picMarquee{ float:left; height:220px}	.picMarquee .bd ul li img{ height:180px;}}
	@media screen and (max-width:500px) {.wind .shows ul li{ height:200px}.wind .shows ul { height: 220px;}	.picMarquee{ float:left; height:200px}	.picMarquee .bd ul li img{ height:160px;}}
	@media screen and (max-width:450px) {
		.wind .shows ul li{ height:180px}
		.wind .shows ul li p.big { font-size: 16px;top: 40px;}	
		.wind .shows ul li .tits { top: 20px;width: 18px;height: 18px;}
		.picMarquee{ float:left; height:180px}	.picMarquee .bd ul li img{ height:140px;}
	}
	@media screen and (max-width:400px) {.wind .shows ul li{ height:160px}.wind .shows ul { height: 180px;}	.picMarquee{ float:left; height:160px}	.picMarquee .bd ul li img{ height:120px;}}