@charset "utf-8";
@font-face {  
	font-family: "impact"; font-weight: normal; font-style: normal;
	src: url('https://swsite.oss-cn-beijing.aliyuncs.com//font/impact-webfont.eot');
	src: url('https://swsite.oss-cn-beijing.aliyuncs.com//font/impact-webfont.eot?#iefix') format('embedded-opentype'),
		 /*url('https://swsite.oss-cn-beijing.aliyuncs.com//font/impact-webfont.woff') format('woff'),*/
		 url('https://swsite.oss-cn-beijing.aliyuncs.com//font/impact-webfont.ttf') format('truetype'),
		 url('https://swsite.oss-cn-beijing.aliyuncs.com//font/impact-webfont.svg#Futura') format('svg');
} 

html,body{height:100%;}
body{padding:100px 0 0 0; margin:0px auto; font-size:14px; line-height:24px; color:#666666; width:100%; min-width:300px; zoom:1;font-family: "Microsoft YaHei","Arial","Microsoft YaHei","宋体",sans-serif; background:#f4f4f4;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#000; font-family:"Microsoft YaHei";}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#6cb031;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix{*zoom:1;}
:-moz-placeholder {color: #cccccc;}
::-moz-placeholder {color: #cccccc;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #cccccc;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #cccccc;}
.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ z-index:1; position:relative; clear:both; max-width:1200px; margin:0px auto;}
.block{ display:block;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; color:#383838;}

.p{overflow: hidden;word-break:normal;text-align:justify;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}

::-webkit-scrollbar{
            width: 3px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #541308;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #B0AEDA;}

@media ( max-width:1200px){
.Contain{ padding:0 15px;}
}


/*font*/
.f_gray{ color:#666666;}

.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}

/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#555; clear:both; line-height:42px; font-size:14px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle; padding:0 6px; margin-left:-5px;}
.Pages .total{ border:1px solid #e6e6e6;}
.Pages a{ display:inline-block; margin:0px 2px; background:#e8e8e8;text-align:center; color:#333333;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; vertical-align:middle; padding:0 13px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{background:#59b5c3; color:#fff;}
.Pages .p_page .num a{vertical-align:middle; width:42px;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{ background:#59b5c3; color:#fff;}

.showMorehandle{ clear:both; padding-top:15px;}
.showMorehandle a{ display:block; text-align:center; border-radius:5px; cursor:pointer; line-height:44px; font-size:16px; color:#333333; background:#e6e6e6;}
.showMorehandle:hover a{background:#cfcfcf;}

@media ( max-width:768px){
.Pages{ line-height:25px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{padding:0 4px;}
.Pages .p_page .num a{ width:25px;}
.Pages .total{ margin-top:5px;}
.showMorehandle a{line-height:32px; font-size:14px;}
}
/*pages end*/


/*Top*/
.Header{ position:fixed; width:100%; z-index:999; left:0px; top:0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; background:#fff;}
.Header .Logo{float:left; padding:12px 0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Header .Logo img{ height:auto;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}

.MainNav{ float:right;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav li{ display:inline-block;*display:inline; zoom:1;position:relative; margin-left:28px;}
.MainNav li:nth-child(1){ margin-left:0;}
.MainNav li span a{ position:relative;display:block; color:#666666; padding:4px 17px 0; font-size:16px; height:93px; line-height:93px;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#6cb031;}
.MainNav .line i{ position:absolute;top:50%; height:1px; font-size:0; background:#6cb031; width:0%;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav .line .l1{left:0;}
.MainNav .line .l2{ right:0;}
.MainNav li:hover span .line i,.MainNav li.onnav span .line i,.MainNav li span a.sele .line i{ width:5px;}

.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn{ position:absolute; right:0px; top:40px; cursor:pointer;width:30px; z-index:999;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; display:none;}
.openbtn.on{ display:none !important;}
.closebtn{ position:absolute; z-index:999; top:12px; right:202px; display:none;}
.closebtn.auto{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:887; display:none;}
.openbtn span,.closebtn span{ width:30px; display:block; height:3px; background:#6cb031; margin-bottom:9px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.closebtn .sp1{
	-webkit-transform: translate(0, 6px) rotate(45deg) !important;
	-moz-transform: translate(0, 6px) rotate(45deg) !important;
	-ms-transform: translate(0, 6px) rotate(45deg) !important;
	-o-transform: translate(0, 6px) rotate(45deg) !important;
	transform: translate(0, 6px) rotate(45deg) !important;}
.closebtn .sp2{
	-webkit-transform: translate(0, -2px) rotate(-45deg) !important;
	-moz-transform: translate(0, -2px) rotate(-45deg) !important;
	-ms-transform: translate(0, -2px) rotate(-45deg) !important;
	-o-transform: translate(0, -2px) rotate(-45deg) !important;
	transform: translate(0, -2px) rotate(-45deg) !important;}	
.closebtn .sp3{ display:none;}	

.Header.fixedhead{height:70px; background:#fff; box-shadow:0 0 10px #999;}
.Header.fixedhead .Logo{padding-top:7px; width:13%;}
.Header.fixedhead .Logo img{ height:55px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
 .Header.fixedhead .MainNav.mobilenav{width:100%;}
.Header.fixedhead .MainNav li span a{height:70px; line-height:70px;}
.Header.fixedhead .Searchbox{top:23px;}
.Header.fixedhead .openbtn{top:20px;}
.Header.fixedhead .NavPull{top:70px;}
.Header.head333 .MainNav li span a{ color:#333 !important;}




@media ( max-width:1200px){
.MainNav li{ margin-left:10px;}
}
@media ( max-width:1050px){
.MainNav li{ margin-left:0px;}
}
@media ( max-width:998px){
body{ padding-top:50px;}	
.Header{height:50px;}
.Header .Logo{ padding-top:7px; width:auto;}.Header .Logo img{ height:35px;}
.closebtn{ z-index:999; top:8px; right:202px;}
.openbtn{ display:block;}
.openbtn.on .sp1{
	-webkit-transform: translate(0, 3px) rotate(45deg) !important;
	-moz-transform: translate(0, 3px) rotate(45deg) !important;
	-ms-transform: translate(0, 3px) rotate(45deg) !important;
	-o-transform: translate(0, 3px) rotate(45deg) !important;
	transform: translate(0, 3px) rotate(45deg) !important;}
.openbtn{right:15px; top:15px;}
.openbtn span,.closebtn span{ margin-bottom:5px;}

.MainNav{width:200px; height:100%; position:fixed; z-index:999; overflow-y:auto; background:rgba(255,255,255,0.9); right:-200px;}
.MainNav ul{ width:auto;}
.MainNav li{ display:block; width:auto;}
.MainNav li span a{height:46px; line-height:46px; color:#333; text-align:left; padding-left:20px; border-bottom:1px solid #ddd;}
.MainNav li:first-child{ display:block;}
.MainNav li .line{ display:none;}
.homecss .MainNav li span a{color:#333 !important;}

.Header.fixedhead{height:50px;}
.Header.fixedhead .Logo{ padding-top:7px; width:auto;}.Header.fixedhead .Logo img{ height:35px;}
.Header.fixedhead .MainNav{width:200px;}
.Header.fixedhead .MainNav li span a{height:46px; line-height:46px;}
.Header.fixedhead .openbtn{top:18px;}
}
/*Top*/

/*Bottom*/
.footer{ background:#a8d63f; color:#fff; padding:41px 0 0 0; text-align:center;}
.footer .nav{ padding:0 2%;}
.footer .nav li{ display:inline-block;*display:inline; zoom:1; padding:0 3.5%; font-size:16px;}
.footer .nav li a{ color:#fff;}.footer .nav li a:hover{ color:#ffcc00;}
.footer .share{ padding:40px 0 48px;}
.footer .share a{ background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/share.png); display:inline-block; vertical-align:middle; width:32px; height:26px; margin:0 22px; opacity:0.6; position:relative;}
.footer .share a:hover{ opacity:1;}
.footer .share a.wx{ background-position:0px top;}
.footer .share a.sina{ background-position:-32px top;}
.footer .share a.qq{ background-position:-64px top;}
.footer .share a .ewm{ padding:8px 8px 14px; background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/ewmbg.png) center center no-repeat; max-width:none; position:absolute; bottom:36px; left:0px; opacity:0; width:0px; height:0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.footer .share a:hover .ewm{ width:108px; height:108px; left:-50px; opacity:1;}

.Copyright{ text-align:center; border-top:1px solid rgba(255,255,255,0.3); padding:17px 15px;}
.Copyright a{ color:#fff;}.Copyright a:hover{ color:#ffcc00;}

.cd-top {overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; height:0px; background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/top.gif) center center; width:40px; position:fixed; bottom:17%; right:0px; z-index:999;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1;height:40px; cursor:pointer;}

@media ( max-width:998px){
.footer{padding:15px 0 0 0;}
.footer .nav{ padding-bottom:5px;}
.footer .nav li{  padding:0 8px; font-size:14px;}
.footer .share{ padding:15px 0 15px;}
.footer .share a{ margin:0 10px;}
.Copyright{ font-size:12px; padding:12px 15px; line-height:20px;}
}

/*Bottom*/


/*首页 s*/
.homecss body{ padding-top:0px;}
.homecss .Header{ background:none;}
.homecss .MainNav li span a{color:#fff;}
.homecss .Header.fixedhead{background:rgba(0,0,0,0.3) !important;}

.sec-1{ height:100%; width:100%; position:relative; background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/loading.gif) center center no-repeat; overflow:hidden;}
.sec-1 .box{ height:1024px; width:100%;}
.HomeBan{ border-top:2px solid #efefef; border-bottom:2px solid #efefef;width:100%;overflow:hidden;position:relative; clear:both; margin-bottom:25px;}
.HomeBan .swiper-slide{ width:100%; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeBan .swiper-slide .line{ height:2px; position:absolute; top:40%; font-size:0; width:350px; left:-380px; background:rgba(255,255,255,0.2);}
.HomeBan .swiper-slide .txt{ position:absolute; width:1200px; left:50%; margin-left:-600px; top:38%;transform:translateY(-300px);-webkit-transform:translateY(-300px);opacity:0;transition:all 1s;}
.HomeBan .swiper-slide-active .txt{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.HomeBan .swiper-slide a{ display:block;}
.HomeBan .swiper-pagination{bottom:80px; border-bottom:2px solid rgba(255,255,255,0.2);left:50%; width:1200px; margin-left:-600px;text-align:center; font-family:impact;}
.HomeBan .swiper-pagination i{ font-family:Arial, Helvetica, sans-serif; font-size:26px;}
.HomeBan .swiper-pagination-bullet{ text-align:left; text-indent:0.5em; width:25%; line-height:70px; border-radius:0; background:none; color:#fff; font-size:40px; opacity:0;}	
.HomeBan .swiper-pagination-bullet-active{ border-bottom:2px solid #fff; opacity:1; height:70px; margin-bottom:-2px;}		
/* 修改的地方 */
@media ( max-width:1200px){
.HomeBan .swiper-slide .swiper-slideM{
	height: 620px;
	color: #333;
	padding: 50px 30px 30px 30px;
}
.HomeBan .swiper-slide video{
	margin-top: 50px;
}
.Logos{
	display: block !important;
}
.MainNav #na89 a{
	width: 200px;
}
.MainNav #na89 button{
	padding: 0;
}
.HomeBan .swiper-slide .txt{width:60%; left:20%; margin-left:0px;}
.HomeBan .swiper-pagination{bottom:20px;left:0%; width:100%; margin-left:0px;}
.HomeBan .swiper-pagination i{font-size:16px;}
.HomeBan .swiper-pagination-bullet{ font-size:20px;}	
}

.sec-2{ background:#a8d63f; position:relative;}
.sec-2 .content{ width:1040px; font-size:16px; position:absolute; left:50%; margin-left:-520px; top:88px; color:#fff;}
.sec-2 .tithead{ background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/line.png) 0px bottom no-repeat;margin-bottom:20px; line-height:44px; padding-bottom:33px; font-size:40px;opacity:0;transition:opacity 1s 0.2s;}
.sec-2 a{ color:#fff;}
.sec-2 .txt{ line-height:31px;  width:58%;opacity:0;transition:opacity 1s 0.2s;}
.sec-2 .mapbox{ position:relative;}
.sec-2 .mapbox .num{ position:absolute; left:0px; top:99px;}
.sec-2 .mapbox .num li{ padding-bottom:33px;}
.sec-2 .mapbox .num li.li1{transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;transition:all 1s 0.5s;}
.sec-2 .mapbox .num li.li2{transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;transition:all 1s 0.6s;}
.sec-2 .mapbox .num li.li3{transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;transition:all 1s 0.7s;}
.sec-2 .mapbox .num li em{ font-size:30px; display:block; line-height:63px;}
.sec-2 .mapbox .num li em i{ font-size:50px;font-family: "impact";}
.sec-2 .mapbox .num li span{ display:block; width:34px; height:25px; border-bottom:6px solid #fff;}
.sec-2 .mapbox .img{ float:right; width:80%; text-align:right; margin-top:10px;transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transition:all 1s 0.3s;}

.sec-2.active .mapbox .img{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);}
.sec-2.active .mapbox .num li{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-2.active .tithead {opacity:1;}
.sec-2.active .txt {opacity:1;}


@media ( min-width:1680px) and ( max-width:1920px){
.sec-2 .content{ top:140px;}
}
@media ( max-width:1440px){
.sec-2 .mapbox .img{width:50%;}
.sec-2 .mapbox .num{ top:30px;}
.sec-2 .mapbox .num li{ padding-bottom:20px;}
}
@media ( max-width:1366px){
.sec-2 .tithead{ padding-bottom:20px; font-size:30px;}
.sec-2 .content{ font-size:14px;}
.sec-2 .txt{ line-height:24px;}
.sec-2 .mapbox .num li em{ font-size:20px; line-height:40px;}
.sec-2 .mapbox .num li em i{ font-size:40px;}
.sec-2 .mapbox .img{width:50%;}
}
@media ( max-width:1100px){
.sec-2 .content{ width:90%;top:80px; font-size:14px; margin-left:0; left:5%;}
}
@media ( max-width:768px){
.sec-2 .content .tithead{font-size:24px;}
.sec-2 .txt{width:100%; line-height:20px;}
.sec-2 .mapbox .img{width:70%; margin:30px 0 0 0;}
.sec-2 .mapbox .num{ top:10px;}
.sec-2 .mapbox .num li{ font-size:12px;}
.sec-2 .mapbox .num li span{border-bottom:2px solid #fff; height:10px;}
.sec-2 .mapbox .num li em i{ font-size:22px;}
}


.Hometit{ background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/line.png) center bottom no-repeat; text-align:center; padding-bottom:29px;}
.Hometit h2{ font-size:24px; font-weight:normal; line-height:49px;}
.Hometit p{ font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:54px; font-size:60px;}

.sec-3 { background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/servicebg.jpg) center center no-repeat; background-size:cover; color:#fff;}
.sec-3 .Hometit a{ color:#fff;}
.sec-3 .Hometit h2{transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;transition:all 1s 0.2s;}
.sec-3 .Hometit p{transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;transition:all 1s 0.3s;}
.sec-3 .content{ max-width:1200px; margin:0px auto; padding-top:8%;}
.sec-3 .content ul{ margin:47px 0 0; overflow:hidden;}
.sec-3 .content li{ position:relative; width:12.5%; float:left; padding-bottom:25px; margin-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.2);}
.sec-3 .content li{transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;}
.sec-3 .content li.li1{transition:all 1s 0.4s;}
.sec-3 .content li.li2{transition:all 1s 0.45s;}
.sec-3 .content li.li3{transition:all 1s 0.5s;}
.sec-3 .content li.li4{transition:all 1s 0.55s;}
.sec-3 .content li.li5{transition:all 1s 0.6s;}
.sec-3 .content li.li6{transition:all 1s 0.65s;}
.sec-3 .content li.li7{transition:all 1s 0.7s;}
.sec-3 .content li.li8{transition:all 1s 0.75s;}
.sec-3 .content li.li9{transition:all 1s 0.75s;}
.sec-3 .content li.li10{transition:all 1s 0.75s;}
.sec-3 .content li.li11{transition:all 1s 0.76s;}
.sec-3 .content li.li12{transition:all 1s 0.77s;}
.sec-3 .content li.li13{transition:all 1s 0.78s;}
.sec-3 .content li.li14{transition:all 1s 0.79s;}
.sec-3 .content li.li15{transition:all 1s 0.80s;}
.sec-3 .content li.li16{transition:all 1s 0.81s;}
.sec-3 .content li.li17{transition:all 1s 0.82s;}
.sec-3 .content li.li18{transition:all 1s 0.83s;}
.sec-3 .content li.li19{transition:all 1s 0.84s;}
.sec-3 .content li.li20{transition:all 1s 0.85s;}
.sec-3 .content li.li21{transition:all 1s 0.86s;}
.sec-3 .content li.li22{transition:all 1s 0.87s;}
.sec-3 .content li.li23{transition:all 1s 0.88s;}
.sec-3 .content li.li24{transition:all 1s 0.9s;}
.sec-3 .content li .imgbox{ z-index:2; padding-top:53%;}
.sec-3 .content li .imgbox span{ background-size:cover;}
.sec-3 .content li .bg{ position:absolute; left:50%; top:0px; height:90%; width:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.sec-3 .content li:hover .bg{ width:100%; left:0; background:#fff;}
.sec-3.active .Hometit h2,.sec-3.active .Hometit p{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-3.active li{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-3 .swiper-container{ padding:15px 0 40px;}
.sec-3 .swiper-pagination{}
@media ( min-width:1680px) and ( max-width:1920px){
.sec-3 .content{ padding-top:14%;}
}

@media ( max-width:1200px){
.sec-3 .content{ padding-top:80px; padding-left:15px; padding-right:15px;}
.Hometit p{line-height:45px; font-size:40px;}
}
@media ( max-width:768px){
.Hometit h2{ font-size:18px;}
.Hometit p{line-height:20px; font-size:20px;}
.sec-3 .content ul{ margin:20px 0 0;}
.sec-3 .content li{ width:25%; margin-bottom:12px; padding-bottom:12px;}
.sec-3 .content li .imgbox{padding-top:35%;}
}


.sec-4{ background:#fafafa;}
.sec-4 .content{ position:relative; max-width:1200px; margin:0px auto; padding-top:15%;}
.sec-4 .info{ width:34%; float:left;transform:translateX(-200px);-webkit-transform:translateX(-200px);opacity:0;transition:all 1s 0.2s;}
.sec-4 .Hometit{ text-align:left; background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/line2.png) 0px bottom no-repeat; color:#333333;}
.sec-4 .Hometit h2{ line-height:29px; padding-top:8px;}
.sec-4 .txt{ line-height:29px; height:114px; margin:30px 0 102px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}
.sec-4 .scroll{ width:61%; float:right;transform:translateX(200px);-webkit-transform:translateX(200px);opacity:0;transition:all 1s 0.4s;}
.sec-4 .scroll .swiper-slide{ position:relative;}
.sec-4 .scroll .img1{ width:37%; padding-top:27.5%; margin-bottom:2.5%;}
.sec-4 .scroll .img2{ width:37%; padding-top:27.5%;}
.sec-4 .scroll .img3{ width:60.2%; padding-top:57.5%; position:absolute; right:0px; top:0px;}
.sec-4 .swiper-button-prev{ width:54px; height:54px; border:2px solid #a8d63f; background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/arrleft2.png) center center no-repeat;bottom:0; left:0; cursor:pointer; top:auto; opacity:1;}
.sec-4 .swiper-button-next{ width:54px; height:54px; border:2px solid #a8d63f; background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/arrright2.png) center center no-repeat; opacity:1; cursor:pointer; left:64px;bottom:0; top:auto;}
.sec-4 .swiper-button-prev.swiper-button-disabled{border:2px solid #bfbfbf; background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/arrleft.png) center center no-repeat;}
.sec-4 .swiper-button-next.swiper-button-disabled{border:2px solid #bfbfbf; background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/arrright.png) center center no-repeat;}
.sec-4.active .info,.sec-4.active .scroll{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}

@media ( max-width:1200px){
.sec-4 .content{ padding-top:80px; padding-left:15px; padding-right:15px;}
.sec-4 .swiper-button-prev{left:15px; cursor:pointer; top:auto; opacity:1;}
.sec-4 .swiper-button-next{left:79px;}
}
@media ( max-width:768px){
.sec-4 .info{ width:auto; float:none;}
.sec-4 .scroll{ width:auto; float:none;}
.sec-4 .txt{ line-height:22px; height:66px; margin:10px 0 75px;}
.sec-4 .swiper-button-prev{ width:30px; height:30px;bottom:auto; top:290px;}
.sec-4 .swiper-button-next{ width:30px; height:30px;left:64px;auto:0; top:290px;}
}

.sec-5 { background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/nbzkbg.jpg) center center no-repeat; background-size:cover; color:#fff;}
.sec-5 .Hometit h2{transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;transition:all 1s 0.2s;}
.sec-5 .Hometit p{transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;transition:all 1s 0.3s;}
.sec-5 .Hometit a{ color:#fff;}
.sec-5 .content{ position:relative; max-width:1200px; margin:0px auto; padding-top:10%; text-align:center;}
.sec-5 .info{ max-width:739px; margin:0px auto; padding-top:39px;}
.sec-5 .info .txt{ opacity:0.6; line-height:30px; padding-bottom:50px;transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;transition:all 1s 0.4s;}
.sec-5 .info .list li{ text-align:center; float:left; width:33.3333%; line-height:54px; font-size:16px;transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;}
.sec-5 .info .list li.li1{transition:all 1s 0.6s;}
.sec-5 .info .list li.li2{transition:all 1s 0.7s;}
.sec-5 .info .list li.li3{transition:all 1s 0.8s;}
.sec-5 .info .list .ico{ padding:7px; width:80%; margin:0px auto; position:relative; text-align:center;}
.sec-5 .info .list .ico span{ position:absolute; width:100%; top:100%; left:0px; top:0px;
transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}
.sec-5 .info .list .ico span:hover{transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);}
.sec-5.active .Hometit h2,.sec-5.active .Hometit p,.sec-5.active .info .txt,.sec-5.active .info .list li{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}

@media ( max-width:1200px){
.sec-5 .content{ padding-top:80px; padding-left:15px; padding-right:15px;}
}
@media ( max-width:768px){
.sec-5 .info .list li{ padding:0 2%; width:29.3333%; font-size:14px;}
.sec-5 .info{ padding-top:20px;}
.sec-5 .info .txt{ line-height:20px; padding-bottom:20px;}
}

.sec-6{ background:#fafafa;}
.sec-6 .content{ clear:both; position:relative; max-width:1200px; margin:0px auto; padding-top:15%;}
.sec-6 .info{ width:34%; float:right;}
.sec-6 .Hometit{ text-align:left; background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/line2.png) 0px bottom no-repeat; color:#333333;}
.sec-6 .Hometit h2{ line-height:29px; padding-top:8px;}
.sec-6 .txt{ line-height:29px; height:114px; margin:30px 0 102px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}
.sec-6 .scroll{ width:61%; float:left;}
.sec-6 .scroll .swiper-slide{ position:relative;}
.sec-6 .scroll .img1{width:60.2%; padding-top:57.5%; float:left;}
.sec-6 .scroll .img2{width:37%; padding-top:27.5%; margin-bottom:2.5%; float:right;}
.sec-6 .scroll .img3{ width:37%; padding-top:27.5%; position:relative; float:right;}
.sec-6 .swiper-button-prev{ width:54px; height:54px; border:2px solid #a8d63f; background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/arrleft2.png) center center no-repeat;bottom:0; left:66.2%; cursor:pointer; top:auto; opacity:1;}
.sec-6 .swiper-button-next{ width:54px; height:54px; border:2px solid #a8d63f; background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/arrright2.png) center center no-repeat; opacity:1; cursor:pointer; left:71.5%;bottom:0; top:auto;}
.sec-6 .swiper-button-prev.swiper-button-disabled{border:2px solid #bfbfbf; background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/arrleft.png) center center no-repeat;}
.sec-6 .swiper-button-next.swiper-button-disabled{border:2px solid #bfbfbf; background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/arrright.png) center center no-repeat;}

@media ( max-width:1200px){
.sec-6 .content{ padding-top:85px; padding-left:15px; padding-right:15px;}
.sec-6 .swiper-button-prev{left:15px; cursor:pointer; top:auto; opacity:1;}
.sec-6 .swiper-button-next{left:79px;}
}
@media ( max-width:768px){
.sec-6 .info{ width:auto; float:none;}
.sec-6 .scroll{ width:auto; float:none;}
.sec-6 .txt{ line-height:22px; height:66px; margin:10px 0 75px;}
.sec-6 .swiper-button-prev{ width:30px; height:30px;bottom:auto; top:290px;}
.sec-6 .swiper-button-next{ width:30px; height:30px;left:64px;auto:0; top:290px;}
}

/*首页 end*/


/*栏目页公用样式 s*/
.SubBan{background-position:center center; background-repeat:no-repeat; background-size:cover;}
.SubBan img{ display:block;}

.MenuList{ background:#fff;}
.MenuList li{ position:relative;line-height:50px; background:#f0f0f0; font-size:16px;}
.MenuList li a{ display:block;}
.MenuList li a em{ position:relative; z-index:1; padding-left:60px;display:block;}
.MenuList li .bg{ position:absolute; z-index:0; width:100%; top:50%; height:0%; left:0%; background:#59b5c3;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MenuList li a:hover,.MenuList li.onli a{ color:#fff;}
.MenuList li a:hover .bg,.MenuList li.onli .bg{ height:100%; top:0px;}
.MenuList li a:hover em,.MenuList li.onli a em{background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/menuarr.png) 30px center no-repeat;}

.SubPage{ height:auto !important; min-height:300px; height:300px; padding-top:60px; padding-bottom:50px;}

.SinglePage{ word-wrap:break-word;word-break:normal; font-size:16px; line-height:32px;}

@media ( max-width:998px){
.SubPage{ padding-top:25px; padding-bottom:25px;}	
.SinglePage{ font-size:14px; line-height:24px;}
.share{ display:none;}
}
/*栏目页公用样式 end*/

.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);}


/*关于优芙得 s*/
.Aboutbox{ background:#fff; margin-bottom:37px; padding:5%;}
.Aboutbox .tithead{ line-height:48px; padding-bottom:27px; color:#333333; font-weight:normal; background:url(.https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/line2.png) 0px bottom no-repeat; margin-bottom:24px; font-size:36px;transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;transition:all 1s 0.5s;}
.Aboutbox .info{ width:39%; color:#999999; float:left;transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;transition:all 1s 0.5s;}
.Aboutbox .num1{ width:47%; float:right; text-align:center;}
.Aboutbox .num1 li{ width:50%; float:left; color:#6cb031; font-size:20px;transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;}
.Aboutbox .num1 li.li1{transition:all 1s 0.5s;}
.Aboutbox .num1 li.li2{transition:all 1s 0.6s;}
.Aboutbox .num1 li em{ font-size:24px; display:block; line-height:77px; margin-bottom:12px;}
.Aboutbox .num1 li em i{ font-size:86px;font-family: "impact"; vertical-align:top;}
.Aboutbox .num1 li em span{ font-weight:bold; margin-left:6px; position:relative; top:-18px;}
.Aboutbox.anm .tithead {transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.Aboutbox.anm .info {transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.Aboutbox.anm .num1 li {transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.Aboutbox .mapbox{ position:relative;}
.Aboutbox .mapbox .num{ position:absolute; left:0px; top:60px;}
.Aboutbox .mapbox .num li{ padding-bottom:33px; color:#777777; font-size:16px;}
.Aboutbox .mapbox .num li.li1{transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;transition:all 1s 0.5s;}
.Aboutbox .mapbox .num li.li2{transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;transition:all 1s 0.6s;}
.Aboutbox .mapbox .num li.li3{transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;transition:all 1s 0.7s;}
.Aboutbox .mapbox .num li em{ font-size:30px; display:block; line-height:63px; font-weight:bold;}
.Aboutbox .mapbox .num li em i{ font-size:50px;font-family: "impact"; color:#444444; font-weight:normal;}
.Aboutbox .mapbox .num li span{ display:block; width:34px; height:25px; border-bottom:6px solid #444444;}
.Aboutbox .mapbox .img{ float:right; width:80%; text-align:right; margin-top:-38px;transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transition:all 1s 0.3s;}

.Aboutbox.anm .mapbox .num li{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.Aboutbox.anm .mapbox .img{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);}
.Aboutbox#box2{ margin-bottom:0px;}

@media ( max-width:998px){
.Aboutbox{ margin-bottom:15px;}
.Aboutbox .tithead{ line-height:35px; font-size:22px;}
.Aboutbox .num1 li{ font-size:16px;}
.Aboutbox .num1 li em{ font-size:16px;line-height:65px; margin-bottom:0px;}
.Aboutbox .num1 li em i{ font-size:34px;}
.Aboutbox .mapbox .num{ top:30px;}
.Aboutbox .mapbox .num li{ font-size:14px; padding-bottom:20px;}
.Aboutbox .mapbox .num li em{ font-size:20px; line-height:50px;}
.Aboutbox .mapbox .num li em i{ font-size:30px;}
}
@media ( max-width:768px){
.Aboutbox .info{ width:auto; float:none;}
.Aboutbox .num1{ width:auto; float:none;}
.Aboutbox .mapbox .num{ position:static;}
.Aboutbox .mapbox .num li{ width:33.333%; float:left; text-align:center;}
.Aboutbox .mapbox .img{ clear:both; float:none; width:auto; text-align:center; margin:0;}
.Aboutbox .mapbox .num li span{ margin:0px auto; border-bottom:2px solid #444444;}
}


/*优芙得新闻 s*/
.NewsList li{ line-height:26px; border:1px solid #ebebeb; margin-bottom:29px; background:#fff; position:relative; padding:29px 118px 29px 39px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.NewsList li .imgbox{ width:25%; float:left; height:160px;}
.NewsList li .info{ width:52%; padding-left:4%; float:left;}
.NewsList li .info .tit{ line-height:50px; font-size:18px;}
.NewsList li .info .p{ height:52px;-webkit-line-clamp: 2; margin-bottom:22px; color:#989898;}
.NewsList li .info p a{ color:#888888;}
.NewsList li .date{ font-size:24px; font-family:Arial, Helvetica, sans-serif; line-height:66px; position:absolute; right:20px; width:140px; top:29px; color:#9f9f9f;}
.NewsList li .date .detail{ display:block; width:82px; height:32px; line-height:32px; background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/more.png) 0px center no-repeat; text-align:center; color:#fff;transition:all 0s linear; -webkit-transition:all 0s linear;}
.NewsList li .date .detail i{ display:none;}
.NewsList li .date .detail:hover{ background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/moreon.gif); font-size:14px;}
.NewsList li .date .detail:hover i{ display:block;}
.NewsList li:hover .info .tit{ color:#a8d63f;}

.Titleinfo{ color:#888888; line-height:30px; padding:0px 0px 24px 0px; margin-bottom:40px; text-align:center; border-bottom:1px solid #e5e5e5;}
.Titleinfo .tits{ line-height:25px; font-size:28px; font-weight:normal; color:#333333; padding-bottom:18px;}
.Titleinfo .date i{ margin:0px 10px; display:inline-block;}

.PrevNextBox {margin:50px 0 0 0;position:relative; color:#888888;}
.PrevNextBox dl{ width:47%; padding-left:2%; line-height:50px; height:50px; text-align:center; overflow:hidden; background:#fff;}
.PrevNextBox dl span{color:#000000;}
.PrevNextBox dl a{ display:inline;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.PrevNextBox dl:hover{background:#a8d63f; color:#fff;}
.PrevNextBox dl:hover span{ color:#fff;}
.PrevNextBox dl:hover a{ color:#fff;}
.PrevNextBox dl a.none{ background:#fff; color:#999;}

@media ( max-width:998px){
.NewsList li{ padding:12px; line-height:22px; margin-bottom:12px;}
.NewsList li .info{ width:69%;}
.NewsList li .date{ display:none;}
}
@media ( max-width:640px){
.NewsList li .info .tit{ line-height:30px; font-size:15px;}
.NewsList li .imgbox{height:100px;}
.NewsList li .info .p{ height:44px; margin-bottom:4px;}

.Titleinfo { line-height:20px; font-size:12px; padding-bottom:15px; margin-bottom:20px;}
.Titleinfo .tits{ font-size:20px;}
.PrevNextBox {margin:35px 0 0 0;}
.PrevNextBox dl{ width:auto; line-height:40px; height:40px; text-align:left;}
.PrevNextBox dl div{width:90%; margin:0px auto;}
.PrevNextBox dl.fl{ float:none; margin-bottom:5px;}.PrevNextBox dl.fr{ float:none;}

}


/*产品列表 s*/
.ProList{}
.ProList ul{ margin:0 0 0 -2%;}
.ProList li{ width:31.33333%; float:left; text-align:center; text-align:center; margin:0 0 2% 2%;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.ProList li .imgbox{ padding-top:60%;}
.ProList li .tit{ font-size:18px; line-height:60px; background:#fafafa;}
.ProList li:hover .tit{background:#a8d63f; color:#fff;}

@media ( max-width:998px){
.ProList li{ margin-bottom:15px;}
.ProList li .tit{ font-size:15px; line-height:35px;}
}


/*联系方式 s*/
.Contactus{ padding-top:79px; margin-left:-2%;}
.Contactus li{ width:31.3333%; float:left; margin-left:2%; background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/shadowbg.png) center bottom no-repeat; padding-bottom:2%; background-size:contain; text-align:center;transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;}
.Contactus li .box{ padding:0 5%; height:310px; background:#fff; line-height:31px; font-size:16px;}
.Contactus li .box .ico{ position:relative; height:74px; top:-80px;}
.Contactus li .box h2{ line-height:46px; padding-top:4px; font-size:18px; color:#333333;}
.Contactus li .box .btn{ margin:23px auto 0; width:140px; line-height:44px; color:#fff; font-size:18px; font-family:Arial, Helvetica, sans-serif; background:#b3b3b3;}
.Contactus li .box .btn.green{background:#90ba4f;}
.Contactus li.li1 .box .btn{background:#ffb82a;}
.Contactus li.li3 .box .btn{background:#4accd9;}
.Contactus li.li1{transition:all 1s 0.2s;}
.Contactus li.li2{transition:all 1s 0.3s;}
.Contactus li.li3{transition:all 1s 0.4s;}
.Contactus.anm li{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
@media ( max-width:998px){
.Contactus li .box{font-size:14px;}
}
@media ( max-width:768px){
.Contactus{ padding-top:0px;}
.Contactus li{ width:auto; float:none; padding-top:50px;}
.Contactus li .box .ico{top:-40px; height:50px;}
.Contactus li .box .ico img{ width:100px;}
.Contactus li .box{ height:auto; padding-bottom:20px;}
}

#na67{ display:none;}

/*企业文化 s*/
.titheads{ line-height:48px; padding-bottom:27px; color:#333333; font-weight:normal; background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/line2.png) 0px bottom no-repeat; margin-bottom:24px; font-size:36px;}
.Culturebox { clear:both; position:relative;}
.Culturebox .titheads{ position:absolute; left:73px; top:0;}
.Culturebox .swiper-slide{height:510px; padding-bottom:5%; position:relative;}
.Culturebox .info{ box-shadow:0 0 15px #ddd; width:48%; background:#fff; float:left; margin-top:119px; height:390px;}
.Culturebox .info .txt{ color:#999999; line-height:32px; padding:10% 0 0 12%; width:50%;}
.Culturebox .info .txt .tits{ padding:9px 0 34px; border-bottom:1px solid #e6e6e6; font-size:20px; margin-bottom:24px;}
.Culturebox .info .txt p{ min-width:139px; display:inline-block; *display:inline; zoom:1;}
.Culturebox .info .txt.t2{ font-size:16px; line-height:37px;/*text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;*/}

.Culturebox .imgbox{ height:470px; width:65%; float:right;position:absolute; right:0px; top:0px;}
.Culturebox .swiper-button-prev{ width:40px; height:56px; background: rgba(0,0,0,0.4) url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/arrs1.png) center center no-repeat;left:35%; cursor:pointer; opacity:1; margin-top:-55px;}
.Culturebox .swiper-button-next{ width:40px; height:56px; background: rgba(0,0,0,0.4) url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/arrs2.png) center center no-repeat; opacity:1; cursor:pointer; right:0px;margin-top:-55px;}
.Culturebox .swiper-button-prev:hover,.Culturebox .swiper-button-next:hover{ background-color:#a8d63f;}
.Culturebox.next .swiper-button-prev{ left:0;}
.Culturebox.next .swiper-button-next{ left:61.7%;}

.Culturebox.next .titheads{ left:auto; right:0px; background-position:right bottom;}
.Culturebox.next .info{ float:right;}
.Culturebox.next .imgbox{ right:auto; left:0;}
.Culturebox.next .info .txt{ float:right; padding:10% 12% 0 0;}

.Culturebox.ylcg .swiper-container{ width:65%; right:0px; top:0px; position:absolute;}
.Culturebox.ylcg .imgbox{ width:100%;}
.Culturebox.ylcg .swiper-button-prev{ left:0;}

.Culturebox.c3 .imgbox{ background:#a8d63f;}
.Culturebox.c3 .imgbox span{ background-size:contain;}

.Culturebox .nav{ position:absolute; left:6%; bottom:12%;}
.Culturebox .nav li{ float:left; margin-right:28px; cursor:pointer; line-height:33px; color:#999999;}
.Culturebox .nav li.on{ border-bottom:2px solid #a8d63f; color:#a8d63f;}

.navright{ background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/linebg.gif) 0px top repeat-y; float:right; width:88px; margin-top:45px;}
.navright li{ line-height:22px; margin-top:23px; padding-left:22px; background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/dot1.gif) 0px top no-repeat;}
.navright li a{ color:#999999;}
.navright li.on{background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/dot2.gif) 0px top no-repeat;}
.navright li.on a{ color:#6cb031;}
.navright li:first-child{ margin-top:11px;}
.navright.next{ float:left;}

.Listscroll{ position:relative; float:left; width:89%; overflow:hidden;}
.Listscroll.next{ float:right;}
.Listscroll .swiper-container{ padding:0 119px; overflow:hidden;}
.Listscroll .swiper-slide{ padding-bottom:20px;}
.Listscroll .swiper-slide .box{ margin:0 11px;}
.Listscroll .imgbox{ padding-top:78%;}
.Listscroll .info{ box-shadow:0 0 15px #ddd; background:#fff; text-align:center; padding:0 25px; height:148px; line-height:23px; color:#999999;}
.Listscroll .info .tits{ padding-top:33px; margin-bottom:14px; font-size:16px; color:#333333; height:46px; overflow:hidden;}
.Listscroll .swiper-slide:hover .info{ background:#a8d63f; color:#dfefc1;}
.Listscroll .swiper-slide:hover .info .tits{ color:#fff;}

.Listscroll .swiper-button-prev{ width:40px; height:56px; background: rgba(0,0,0,0.4) url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/arrs1.png) center center no-repeat;left:49px; cursor:pointer; opacity:1; margin-top:-30px;}
.Listscroll .swiper-button-next{ width:40px; height:56px; background: rgba(0,0,0,0.4) url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/arrs2.png) center center no-repeat; opacity:1; cursor:pointer; right:49px;margin-top:-30px;}
.Listscroll .swiper-button-prev:hover,.Listscroll .swiper-button-next:hover{ background-color:#a8d63f;}
.Listscroll .blank1{ position:absolute; background:#f4f4f4; z-index:2; left:0px; top:0px; width:119px; height:100%;}
.Listscroll .blank2{ position:absolute; background:#f4f4f4; z-index:2; right:0px; top:0px; width:119px; height:100%;}

.graybg{ padding:5% 0; background:#ebebeb;}

.Phleft{ padding:30px 0 0 63px; float:left; position:relative;}
.Phleft .navright{ float:none; width:auto;}
.Phleft .navright li{ background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/dot3.gif) 0px top no-repeat;}
.Phleft .navright li.on{background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/dot4.gif) 0px top no-repeat;}
.Phleft.p2 .navright li{ background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/dot1.gif) 0px top no-repeat;}
.Phleft.p2 .navright li.on{background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/dot2.gif) 0px top no-repeat;}

.Photor{ width:76%; float:right;}
.Photor ul{ margin-left:-2%;}
.Photor li{ margin:0 0 0 2%; width:31.3333%; float:left;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Photor li .imgbox{ height:240px;}
.Photor li .tit{ text-align:center; background:#fff; line-height:57px; font-size:16px;}
.Photor li.li1 .imgbox{ height:546px;}
.Photor li.li2,.Photor li.li3 { margin-bottom:9px;}
.Photor li:hover .tit{ background:#a8d63f; color:#fff;}


@media ( max-width:998px){
.Culturebox { margin-bottom:15px;}
.Culturebox .titheads{ position:static; font-size:22px; padding-bottom:12px;}
.Culturebox.next .titheads{background-position:left bottom;}
.Culturebox.next .info{ float:none;}
.Culturebox .info .txt{ float:none; padding:15px;}
.Culturebox.next .info .txt{ float:none; padding:15px;}

.Culturebox .swiper-slide{ height:auto; padding-bottom:0;}
.Culturebox .info{ width:auto; height:auto; float:none; margin:0;}
.Culturebox .imgbox{ height:auto; padding-top:40%; width:auto; float:none; position:relative;}
.Culturebox .info .txt{line-height:26px; padding:15px; width:auto;}
.Culturebox .swiper-button-prev{ width:25px; height:40px; left:0px; margin-top:-138px;}
.Culturebox .swiper-button-next{ width:25px; height:40px; right:0; margin-top:-138px;}
.Culturebox.next .swiper-button-prev{ left:0px;}
.Culturebox.next .swiper-button-next{ left:auto; right:0;}
.Culturebox .info .txt .tits{ padding:9px 0 15px;font-size:16px; margin-bottom:10px;}

.Culturebox.ylcg .swiper-container{ width:100%; position:relative;}
.Culturebox.ylcg .swiper-button-prev{ margin-top:-25px;}
.Culturebox.ylcg .swiper-button-next{margin-top:-25px;}
.Culturebox .nav{ position:static; text-align:center; padding-bottom:18px;}
.Culturebox .nav li{ float:none; margin:0 5px; display:inline-block;*display:inline; zoom:1;}
.Culturebox .info .txt.t2{ font-size:14px; line-height:24px;}

.navright.next{ float:none;}
.navright{ margin:0px; float:none; background:none; text-align:center; width:auto; margin-bottom:20px; border-bottom:1px dashed #dadbdc; line-height:30px;}
.navright li{ display:inline-block;*display:inline;zoom:1; background:none; padding:0 5px; margin:0;}
.navright li.on{ background:none;}
.Listscroll.next{ float:none;}
.Listscroll .info{ padding:0 10px;}
.Listscroll { width:auto; float:none;}
.Listscroll .swiper-container{ padding:0 40px;}
.Listscroll .swiper-button-prev{ width:25px; height:40px; left:0;}
.Listscroll .swiper-button-next{ width:25px; height:40px; right:0;}
.Listscroll .blank1{width:40px;}
.Listscroll .blank2{ width:40px;}
.Listscroll .info{ height:100px;}
.Listscroll .info .tits{ padding-top:10px; margin-bottom:5px; font-size:15px;}

.Phleft{ padding:0px 0 0 0px; float:none;}
.Phleft .titheads{font-size:22px; padding-bottom:12px; margin-bottom:5px;}
.Phleft .navright li{ background:none;}
.Phleft .navright li.on{ background:none;}
.Phleft.p2 .navright li{ background:none;}
.Phleft.p2 .navright li.on{background:none;}
.Photor{ width:auto; float:none;}
}

@media ( max-width:768px){
.Listscroll .swiper-slide .box{ margin:0 0px;}
.Photor li { width:48%; margin-bottom:10px;}
.Photor li .imgbox{ height:auto; padding-top:50%;}
.Photor li.li1 { width:auto; float:none;}
.Photor li.li1 .imgbox{ height:auto;}
.Photor li .tit{ line-height:30px; font-size:14px;}
}


/*增值服务 s*/
.con_box{ position:relative; overflow:hidden; height:610px; color:#fff;}
.con_box .lefttxt{ background-position:center center; background-repeat:no-repeat; background-size:cover; text-align:center; width:1244px;height:610px; background:#000; position:absolute; left:50%; margin-left:-960px;}
.con_box .lefttxt .box{ width:60%; float:right; padding-right:10%;}
.con_box .lefttxt .showtxt{ max-width:462px; margin:0px auto; line-height:36px; padding:15% 0 66px;}
.con_box .lefttxt .showtxt h3{ font-weight:normal; font-size:24px; padding-bottom:14px;}
.con_box .lefttxt .showtxt .p{-webkit-line-clamp: 3; text-align:center; font-size:15px; opacity:0.8;}
.con_box .lefttxt .nav{}
.con_box .lefttxt .nav li{ width:25%; cursor:pointer; float:left;}
.con_box .lefttxt .nav li .name{ max-width:94px; margin:0px auto; font-size:24px; padding-top:30px; height:102px; line-height:20px;}
.con_box .lefttxt .nav li .name .num{ font-size:30px;font-family: "impact"; display:block; line-height:40px; padding-bottom:10px;}
.con_box .lefttxt .nav li .name p{ margin:0px 5px;}
.con_box .lefttxt .nav li.on .name{ border:2px solid #a8d63f; color:#a8d63f;}

.con_box .righttxt{ color:#fff; width:696px;height:610px; background:#a8d63f; position:absolute; left:50%; margin-left:284px;}
.con_box .righttxt .txt{ width:230px; padding:10% 0 0 10%;}
.con_box .righttxt .txt .tithead{ font-size:36px; background:url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/line.png) 0px bottom no-repeat; line-height:82px; padding-bottom:11px;}
.con_box .righttxt .txt .p{ line-height:36px;-webkit-line-clamp: 5; margin:48px 0 39px; font-size:15px;}
.con_box .righttxt .txt .detail{ text-align:center; width:138px; line-height:42px; font-size:16px; border:1px solid #fff;}
.con_box .righttxt .txt a { color:#fff;}
.con_box .righttxt .txt:hover .detail { background:#fff; color:#a8d63f;}

.xyhdbox { position:relative; width:76%; float:right;}
.xyhdbox .swiper-slide{height:460px; padding-bottom:5%; position:relative;}
.xyhdbox .info{ box-shadow:0 0 15px #ddd; width:54%; background:#fff; position:absolute; bottom:5%; right:0px; height:270px; z-index:2;}
.xyhdbox .info .txt{ color:#999999; line-height:32px; padding:5% 5% 0 5%;}
.xyhdbox .info .txt .tit{ font-weight:normal; padding:0px 0 18px;font-size:24px; color:#333333;}
.xyhdbox .info .txt .p{ color:#888888; font-size:15px; line-height:32px;-webkit-line-clamp: 3; height:96px;}
.xyhdbox .other{ width:35.5%; font-family:Arial, Helvetica, sans-serif; position:absolute; top:8%; right:3%;}
.xyhdbox .other li{ width:33.3333%; float:left; color:#999999;}
.xyhdbox .other li h4{ color:#333333; font-size:18px; font-weight:normal; line-height:40px;}
.xyhdbox .other li h4 i{ width:16px; height:8px; display:block; border-top:3px solid #a8d63f;}

.xyhdbox .imgbox{ height:420px;}
.xyhdbox .swiper-button-prev{ width:36px; height:36px; background: url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/arrs03.png) center center no-repeat;left:49%; cursor:pointer; opacity:1; top:auto; bottom:10%; border:1px solid #a8d63f;}
.xyhdbox .swiper-button-next{ width:36px; height:36px; background: url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/arrs04.png) center center no-repeat; opacity:1; cursor:pointer; left:54%; top:auto; bottom:10%; border:1px solid #a8d63f;}
.xyhdbox .swiper-button-prev.swiper-button-disabled{background: url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/arrs3.png) center center no-repeat; border:1px solid #c2c2c2;}
.xyhdbox .swiper-button-next.swiper-button-disabled{background: url(https://swsite.oss-cn-beijing.aliyuncs.com/cn/images/arrs4.png) center center no-repeat; border:1px solid #c2c2c2;}

.overlay{display: none; position: fixed;top: 0px;left: 0px;bottom: 0px;right: 0px;background: rgba(0,0,0,0.7);z-index: 1000;}
.newsImg{display:none; align-items: center; z-index: 1002;width: 80%; height:90%; overflow:hidden; position: fixed;top: 5%;left: 50%;transform: translate(-50%,0%);}
.newsImg ul{position: relative;overflow: hidden; height:100%;}
.newsImg ul li{display:none; position:relative; height:100%;}
.newsImg ul li .dis{display:flex; height:100%;justify-content:center;align-items:center;}
.newsImg .box{height: 100%;width: 100%;display: flex;align-items: center;}
.newsImg .item img{width: ; height:; display:block; margin:0px auto;}
.newsImg .item .img-box{padding: 0px 0px;}
.owl .owl-buttons .owl-prev{width: 50px;height: 50px;background:url(https://swsite.oss-cn-beijing.aliyuncs.com/uploadfiles/image/prev.png);opacity: 1; position: absolute;left: 0px;top: 50%;transform: translateY(-50%);}
.owl .owl-buttons .owl-next{width: 50px;height: 50px; position: absolute;background: url(https://swsite.oss-cn-beijing.aliyuncs.com/uploadfiles/image/next.png)center no-repeat; right: 0px;top: 50%;transform: translateY(-50%);}
.newsImg .close{z-index: 12; position: absolute;right: 0px;top:0px;width: 30px;height: 30px;background: url(https://swsite.oss-cn-beijing.aliyuncs.com/uploadfiles/image/close.png)center no-repeat;}
@media(max-width:768px){}

@media ( max-width:1200px){
.con_box .lefttxt{width:100%;background:#000; height:auto; position:static; left:0%; margin-left:0px;}
.con_box .lefttxt .box{ width:auto; float:none; padding:15px 15px 22px;}
.con_box .lefttxt .showtxt{line-height:24px; padding:5% 0 25px;}

.con_box .righttxt{ width:100%;height:auto;left:0%; position:static; margin-left:0px;}
.con_box .righttxt .txt .tithead{ font-size:20px; line-height:40px;}
.con_box .righttxt .txt{ padding:15px 15px 22px; width:auto;}
.con_box .righttxt .txt .p{ line-height:24px; margin:20px 0 20px;}
}
@media ( max-width:998px){
.xyhdbox { width:auto; float:none;}
.con_box .lefttxt{ height:300px;}
.con_box{ height:auto;}
.con_box .lefttxt .showtxt h3{ font-size:18px; padding-bottom:8px;}
.con_box .lefttxt .nav li .name{ max-width:95%; font-size:16px; padding-top:20px;}
.con_box .lefttxt .nav li .name .num{ font-size:18px; line-height:30px; padding-bottom:5px;}
.con_box .lefttxt .nav li .name p{ margin:0px 5px;}

}
@media ( max-width:768px){
.xyhdbox .swiper-slide{ height:auto; padding-bottom:0;}
.xyhdbox .imgbox{ height:auto; padding-top:50%; position:relative; width:auto;}
.xyhdbox .info{ width:auto; height:200px; position:static;}
.xyhdbox .info .txt .tit{ font-size:18px; padding-bottom:10px;}
.xyhdbox .info .txt .p{ height:auto; line-height:20px;}
.xyhdbox .other{ width:auto; position:static; padding-bottom:15px; text-align:center;}
.xyhdbox .other li h4{ font-size:15px;}
.xyhdbox .other li h4 i{ margin:0px auto;}
.xyhdbox .swiper-button-prev{ left:35%; bottom:4%;}
.xyhdbox .swiper-button-next{ left:auto; right:35%;bottom:4%;}
}

.hide{ display:none;}

@media ( max-width:998px) {
	.upIcon {
		display: none;
	}
}