@charset "utf-8";

/* CSS Document */

html{overflow-x:hidden;}

body{font-size:14px;font-family:'微软雅黑';}

*{padding:0;margin:0;list-style:none;}

a{text-decoration:none;color:#666;} 



.odcontent{max-width:1500px;margin:0 auto; width:90%;position:relative;}



.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} 

.clearfix{zoom:1}

button {

    border: none;

    padding: 0;

}

.fl{float:left}

.fr{float:right}



.jly-title{padding:65px 0 45px;text-align:center}

.jly-title h2{color:#f4920b;font-size:45px;font-weight:600}

.jly-title.t2 h2{color:#fff;}

.jly-title.t2 p{color:#999;}







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

.odcontent{width:94%;position:relative;} 

.jly-title{padding:20px 0 20px;text-align:center}

.jly-title h2{color:#f4920b;font-size:26px;font-weight:600}

.jly-title.t2 h2{color:#fff;}

.jly-title.t2 p{color:#999;}

} 



/*头部*/

.header{height: 80px;position: fixed; top:0; left:0;z-index: 9; background-color: rgba(255, 255, 255, 0.6);box-shadow: 0 -6px 6px 7px #c8c8c8; width:100%;}

.block{display: block}

.inline_block{display: inline-block}



.show{display:block;!important;}

.hide{display:none;!important;}



.logo{ float:left; width:130px;}

.logo img{ width:100%;}

/*nLi是一级*/

.nav{height: 80px;line-height:80px;z-index: 2;margin-left: 130px; float:left;}

.nav ul{ float:left;}

.nav a{font-size: 16px; color:#000;}

.nav .nLi{ float:left;  position:relative; display:block;padding: 0 45px}

.nav .nLi h3 a{display:block;text-transform: uppercase;}

.nav .nLi h3:hover a{color: #f4920b}

.nav .nLi.on h3 a{color: #f4920b;text-transform: uppercase;}

/*子导航*/

.nav .sub{ display: none;width:max-content;top: 80px;  left: 0px;position:absolute; z-index: 2;background: rgba(0,0,0,0.6);}

.nav .sub li ul{}

.nav .sub li{ zoom:1;text-align: left;;cursor: pointer;padding: 0 15px}

/* .nav .sub li:first-child::before{content: '';display: block;width: 0;height: 0;border: 5px solid transparent;border-bottom-color: #f4920b;position: absolute;top: -10px;left: 50%;margin-left: -2.5px;} */

.nav .sub li:hover{background-color:#f4920b ;}

.nav .sub li a{;display:block;height: 38px;line-height: 38px; font-size: 14px; color: #fff;}

.nav .sub li:hover a{border-bottom:1px solid #f4920b;color: #fff;}

/*鼠标悬停状态*/

.nav .sub li:hover { }

.nav .sub li:hover a{ }



/*search start */

.search_box{position: relative; float:right;}

.search_show_btn{width: 26px;height: 33px;background: url("../images/search.png") no-repeat center;position: absolute;top: 22px;left: 0;cursor: pointer;outline:none;}

 

.search_form{ width:100%; height:100%; position:fixed; background:url(../images/search_mask.png); left:0; top:0; display:none;z-index: 1002;}

.search_form .form{ width:470px; height:50px; position:absolute; left:50%; top:50%; margin-left:-235px; margin-top:-25px; position:relative;}

.search_form .form i{ width:30px; height:30px; position:absolute; right:-60px; top:-60px; background:url(../images/search_close.png) center no-repeat; cursor:pointer;}

.search_form .text{ width:468px; height:48px; line-height:48px; border:0; border-bottom:1px solid #fff; color:#fff; background:none; outline:none; text-indent:10px;}

.search_form .button{ width:35px; height:50px; position:absolute; right:0; top:0; background:url(../images/search_btn.png) center no-repeat; cursor:pointer; border:0; outline:none;}



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

.nav .nLi{padding: 0 40px}

}

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

.nav .nLi{padding: 0 35px}

}

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

.nav .nLi{padding: 0 25px}

}

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

.nav .nLi{padding: 0 20px}

}

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

.nav .nLi{padding: 0 22px}

.nav{margin-left: 40px;}

}

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

.nav .nLi{padding: 0 15px}

.nav{margin-left: 30px;}

}

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

#nav{position: fixed;width: 50%;height: 100%;background:#f4920b;margin-top:65px;opacity: 0;right: -100%; transition:.5s all ;-webkit-transition:.5s all ;-moz-transition:.5s all ;}

#nav.on{opacity: 1;right: 0; z-index:999}



.search_box{ display:none;}



.navBtn{width: 50px;height: 50px;position: absolute;top: 15px;right: -10px;z-index: 5;display: block;}

.navBtn span{

	width: 27px;

	height: 3px;

	border-radius: 3px;

	background: #f4920b;

	display: block;

	position: absolute;

	left: 13px;

	transition: 0.6s;

	-webkit-transition: 0.6s;

	-moz-transition: 0.6s;

	-ms-transition: 0.6s;

	-o-transition: 0.6s;

}

.navBtn span.line1{top: 12px;}

.navBtn span.line2{top: 22px;}

.navBtn span.line3{top: 32px;}



.nav a{font-size: 16px; color:#fff;}

.nav .nLi{ float:none;  position:relative; display:block; text-align:center; height:60px; line-height:60px; padding:0 0;}

.nav .nLi h3 a{display:block;}

.nav .nLi h3:hover a{color: #f4920b}

.nav .nLi.on h3 a{color: #f4920b}

.nav.on .navBtn span.line1{

	top: 22px;

	transform: rotate(45deg);

	-webkit-transform:rotate(45deg);

	-ms-transform:rotate(45deg);

	-o-transform:rotate(45deg);

	-moz-transform:rotate(45deg);

}

.nav.on .navBtn span.line2{top: 22px;display: none;}

.nav.on .navBtn span.line3{

	top: 22px;

	transform: rotate(-45deg);

	-webkit-transform:rotate(-45deg);

	-ms-transform:rotate(-45deg);

	-o-transform:rotate(-45deg);

	-moz-transform:rotate(-45deg);

}

}

.mainFilter {

    display: none;

    background: rgba(0, 0, 0, 0.6);

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 8;

}

.mainFilter.on {

    display: block;

    

}

 /* banner */

.banner{width: 100%;height:auto;overflow: hidden;}

.banner .swiper-container{width: 100%;height: 100%;}

.banner .swiper-container img{width: 100%;height:100%;}

.banner .list{width:100%;height: 100%;}

.banner .pcpt{display: block;}

.banner .mbpt{display: none;}

.banner .swiper-button-prev{background-image: url('../images/arrow-left-light.png');left: 100px; }

.banner .swiper-button-next{background-image: url('../images/arrow-right-light.png');right: 100px; }

.banner .swiper-pagination{width:100%;height: 8px;padding: 0;margin: 0;bottom: 38px;}

.banner .swiper-pagination span{width: 10px;height: 10px;background: none;padding: 0;margin: 0;border: solid 1px #fff;margin: 0 25px;opacity: 1;}

.banner .swiper-pagination span.swiper-pagination-bullet-active{background: #f4920b;}



.banner .swiper-pagination{height: 8px;bottom: 38px;}

.banner .swiper-pagination span{width: 10px;height: 10px;margin: 0 8px;}

.banner .swiper-container .hide{

  opacity:0;

}

.banner .swiper-button-next,.banner .swiper-button-prev{

  transition:opacity .5s;

}

 

/* inbanner */

.inbanner{width: 100%;height: auto;overflow: hidden;}

.inbanner .pcpt{display: block;width: 100%;height: 100%;}

.inbanner .mbpt{display: none;width: 100%;height: 100%;}



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

	.banner .pcpt{display: none;}

	.banner .mbpt{display: block;}

	.banner .swiper-button-prev{display: none;}

	.banner .swiper-button-next{display: none;}

	.inbanner .pcpt{display: none}

.inbanner .mbpt{display: block;}

}

 

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

	.banner .swiper-pagination{bottom: 25px;}

	.logo{ float:left; width:100px; margin-top:3px;}

	.header{height: 65px;position: fixed; top:0; left:0;z-index: 9; background-color: rgba(255, 255, 255, 0.6);box-shadow: 0 -6px 6px 7px #c8c8c8; width:100%;}

}



.bgfff{ background-color:#fff;}

/*公司简介*/

.index_article{ margin-bottom:60px;}

.index_article .picleft {float:left;width:45%;}

.index_article .picleft img{ width:100%;}

.index_article .neiright {float:right; width:50%;}

.index_article .neiright .neitxt{ font-size:14px; line-height:35px; border-bottom:2px solid #999; padding-bottom:20px; margin-bottom:30px;}

.index_article .neiright .neitxt p{ font-size:14px; line-height:35px;}

.more_btn{ margin-bottom:30px; }

.more_btn a{display: inline-block;width: 127px;height: 33px;line-height: 33px;border: 1px solid #f4920b;font-size: 14px;text-indent: 36px;background: url("../images/red_arrow.png")no-repeat 83px center;color:#f4920b;text-align: left;position:relative; }

.more_btn:hover{}

.more_btn:hover a{background: url("../images/white_arrow.png") no-repeat 83px center ; color:#f4920b;}



.border-anim-right {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}



.border-anim-left:before {

	position: absolute;

	content: '';

	background: #f4920b;

	height: 8px;

	width: 0%;

	left: -8px;

	top: -8px;

	transition: .5s ease;

}



.border-anim-left:hover:before {

	width: 100%;

}



.border-anim-left:after {

	position: absolute;

	content: '';

	background: #f4920b;

	height: 0%;

	width: 8px;

	left: -8px;

	top: -8px;

	transition: .5s ease;

}



.border-anim-left:hover:after {

	height: 100%;

}



.border-anim-right:before {

	position: absolute;

	content: '';

	background: #f4920b;

	height: 8px;

	width: 0%;

	right: -8px;

	bottom: -8px;

	transition: .5s ease;

}



.border-anim-left:hover .border-anim-right:before {

	width: 100%;

}



.border-anim-right:after {

	position: absolute;

	content: '';

	background: #f4920b;

	height: 0%;

	width: 8px;

	right: -8px;

	bottom: -8px;

	transition: .5s ease;

}



.border-anim-left:hover .border-anim-right:after {

	height: 100%;

}



.index_about {background: #f1f1f1;padding: 20px}

.index_about li{width: 31.33%;margin-right: 3%;background: #ffffff;padding-bottom: 20px; float:left; position:relative;}

.index_about li:nth-child(3){margin-right: 0}

.index_about li .pic_box{margin-bottom: 16px}

.index_about li .pic_box img{ width:100%;}

.index_about li .title{ text-align:center}

.index_about li .title a{font-size: 14px;line-height: 30px; height:30px; overflow: hidden;text-align:center; display:block;}

 

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

.index_article .picleft{ float:none;width:100%;}

.index_article .neiright{ float:none; width:100%;} 

.index_about li{width: 48%;margin-right: 4%;background: #ffffff;padding-bottom: 20px; float:left; position:relative;}

.index_about li:nth-child(2){margin-right: 0}

.index_about li.three{ display:none;}

.index_article .neiright .neitxt{padding-bottom: 10px;margin-bottom: 20px;line-height: 2px;}

.index_article .neiright .neitxt p{line-height: 2;}

.index_about{padding: 10px}

.index_article{ margin-bottom:30px;}

} 



/*优势*/

.about_us{background:url(../images/xz.jpg) no-repeat center center;padding:60px 0 30px;overflow:hidden; position:relative;background-size: 100% 100%;}

.about_us .wen{ overflow:hidden; width:50%; float:left; position:relative;}

.about_us .wen .title{ text-align:left; margin-bottom:20px;  font-weight:normal; font-size:40px;line-height:50px;color:#fff;}

.about_us .wen .p{color:#fff;margin-top:15px;font-size:18px;line-height:26px; overflow:hidden; }

 .dofl{ float:left;}

.about_us .wen .ylist ul{width:100%; overflow:hidden; margin-top:40px;}

.about_us .wen .ylist li{ margin-right:35px; margin-bottom:35px;}

.about_us .wen .ylist li img{ display:block;width:45px;}

.about_us .wen .ylist li p{ float:right; width:90%;color:#fff;}

.about_us .wen .ylist li .tit{font-size:18px; line-height:30px;pcolor:#f8ac00;}

.about_us .wen .ylist li .en{line-height:23px; font-size:15px;}

.about_us .ypic{position:absolute; right:0; top:14%; text-align:right;}

.about_us .ypic img {width:93%;} 

 

.about_us .ypic .tit1{ font-size:16px; position:absolute; top:5%; right:61%; color:#fff; width:10%;text-align:center; text-transform:uppercase; }

.about_us .ypic .tit2{ font-size:16px; position:absolute; top:40%; right:43%; color:#fff; width:10%;text-align:center; text-transform:uppercase; }

.about_us .ypic .tit3{ font-size:16px; position:absolute; top:78%; right:63%; color:#fff; text-align:center; width:25%; text-transform:uppercase; line-height:28px;}

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

.about_us .ypic{top:17%;}

.about_us .ypic img {width:86%;}  

.about_us .ypic .tit1{ font-size:16px; position:absolute; top:5%; right:57%; color:#fff;}

.about_us .ypic .tit2{ font-size:16px; position:absolute; top:40%; right:39%; color:#fff;}

.about_us .ypic .tit3{ font-size:16px; position:absolute; top:78%; right:57%; color:#fff; text-align:center;} 

} 

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

.about_us .ypic{top:22%;}

.about_us .ypic img {width:80%;} 

.about_us .ypic .tit1{ font-size:16px; position:absolute; top:5%; right:52%; color:#fff;}

.about_us .ypic .tit2{ font-size:16px; position:absolute; top:40%; right:36%; color:#fff;}

.about_us .ypic .tit3{ font-size:16px; position:absolute; top:78%; right:51%; color:#fff; text-align:center;}  

 

} 

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

.about_us .ypic{top:27%;}

.about_us .ypic img {width:70%;} 

.about_us .ypic .tit1{ font-size:16px; position:absolute; top:5%; right:45%; color:#fff;}

.about_us .ypic .tit2{ font-size:16px; position:absolute; top:40%; right:31%; color:#fff;}

.about_us .ypic .tit3{ font-size:16px; position:absolute; top:76%; right:44%; color:#fff; text-align:center;}  

 

}

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

.about_us .ypic{top:34%;}

.about_us .wen .ylist li{ margin-right:15px; margin-bottom:20px;} 

.about_us .wen .ylist li p{ float:right; width:86%;color:#fff;} 

.about_us .ypic img {width:64%;}

.about_us .ypic .tit1{ font-size:16px; position:absolute; top:5%; right:41%; color:#fff;}

.about_us .ypic .tit2{ font-size:16px; position:absolute; top:40%; right:28%; color:#fff;}

.about_us .ypic .tit3{ font-size:16px; position:absolute; top:76%; right:39%; color:#fff; text-align:center;}   

}  

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

.about_us .wen .ylist li p{ float:right; width:86%;color:#fff;} 

.about_us .ypic img {width:56%;}

.about_us .ypic .tit1{ font-size:14px; position:absolute; top:5%; right:35%; color:#fff;}

.about_us .ypic .tit2{ font-size:14px; position:absolute; top:40%; right:24%; color:#fff;}

.about_us .ypic .tit3{ font-size:14px; position:absolute; top:76%; right:33%; color:#fff; text-align:center;}   

} 

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

.about_us .wen{ overflow:hidden; width:100%; float:none; position:relative;}

.about_us .ypic{position: relative; right:auto; top:auto; text-align:center; width:90%; margin:30px auto 0;}

.about_us .ypic img {width:100%;} 

.about_us .ypic .tit1{ font-size:14px; position:absolute; top:5%; right:66%; color:#fff;text-align:center;}

.about_us .ypic .tit2{ font-size:14px; position:absolute; top:40%; right:44%;width:15%; color:#fff;text-align:center;}

.about_us .ypic .tit3{ font-size:14px; position:absolute; top:76%; right:63%; width:35%;color:#fff; text-align:center;}

} 



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

.about_us .ypic{position: relative; right:auto; top:auto; text-align:center; width:154%; margin:30px auto 0 5%;}
.about_us{background: #828181;}

}

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

.about_us{padding:20px 0 20px;}

.about_us .ypic{position: relative; right:auto; top:auto; text-align:center; width:154%; margin:30px auto 0 5%;}

.about_us .wen .title{ text-align:left; margin-bottom:0;  font-weight:normal; font-size:26px;line-height:1.5;color:#fff;}

.about_us .wen .ylist ul{    margin-top: 25px;}

.about_us .wen .ylist li p{ float:right; width:80%;color:#fff;} 

}



/*新闻*/

.jly-wrap05{padding:0 0 60px; background:#f4920b;}

.jly-wrap05 .topnews .lefts{float:left;width:40%;}

.jly-wrap05 .topnews .lefts img{width:100%;}

.jly-wrap05 .topnews .rights{float:right;width:50%;}

.jly-wrap05 .topnews .rights .con{margin-top:35px}

.jly-wrap05 .topnews .rights .con .tit a{font-size:24px;color:#fff}

.jly-wrap05 .topnews .rights .con .tit a:hover{font-size:24px;color:#d71f3f}

.jly-wrap05 .topnews .rights .con .txt{margin:30px 0;font-size:14px;color:#ddd;line-height:35px;max-height:150px;overflow:hidden}

.jly-wrap05 .topnews .rights .con .date{font-size:14px;color:#ddd; float:right;}
.jly-wrap05 .border-anim-left:before{background: #ffffff;}
.jly-wrap05 .border-anim-left:after{background: #ffffff;}
.jly-wrap05 .border-anim-right:before{background: #ffffff;}
.jly-wrap05 .border-anim-right:after{background: #ffffff;}
.jly-wrap05 .more_btn:hover a{color: #fff;}
.jly-wrap05 .more_btn a{color: #fff;border: 1px solid #fff;}

.jly-wrap05  ul li{float:left;width:23.5%;margin-top:50px; margin-right:2%;border:1px solid #ddd;box-sizing:border-box;background: url(../images/1-03.jpg) no-repeat right bottom}

.jly-wrap05  ul li:nth-child(4){margin-right:0}

.jly-wrap05  ul li a{display:block;width:90%;height:50px;padding:25px 5%; color:#fff;}

.jly-wrap05  ul li .day{float:left;width:50px;color:#fff;font-size:30px;line-height:35px;text-align:center;}

.jly-wrap05  ul li .day .p2{font-size:12px;line-height:15px; color:#fff;}

.jly-wrap05  ul li .tit{float:right;width: calc(100% - 65px);color:#fff;font-size:14px;line-height:25px;height:50px;overflow:hidden}

.jly-wrap05  ul li:hover{border-color:#f49412}



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

.jly-wrap05 .topnews .lefts{float:none;width:100%;}

.jly-wrap05 .topnews .rights{float:none;width:100%;}

.jly-wrap05  ul li{float:left;width:48%;margin-right:4%;}

.jly-wrap05  ul li:nth-child(2n){margin-right:0;}



} 



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

.jly-wrap05{padding:0 0 25px; background:#f4920b;}

.jly-wrap05  ul li{float:none;width:100%;margin-right:0; margin-top:15px;}

.jly-wrap05  ul li a{display:block;width:90%;height:50px;padding:15px 5%; color:#fff;}

.jly-wrap05 .topnews .rights .con .txt{margin:15px 0;line-height:25px;max-height:75px;overflow:hidden}

.jly-wrap05 .topnews .rights .con{margin-top:15px}

.jly-wrap05 .topnews .rights .con .tit a{font-size:18px;color:#fff}

 

} 



/*产品中心*/

.products_bg{width:100%;background:#ffffff;display:inline-block; padding-bottom:60px;}

 

.products_bg .hd{ text-align:center; width:444px;margin:0 auto 40px; overflow:hidden;}

.products_bg .hd li{ display:inline-block; height:42px;border:1px solid #f4920b;box-sizing:border-box;border-radius:21px;-moz-border-radius: 21px;border-radius: 21px;text-align:center;cursor:pointer;background: #fff;font-size:18px;color:#000;overflow: hidden; line-height:42px;}

.products_bg .hd li:last-child{margin-right:0px;}

.products_bg .hd li.swiper-slide-thumb-active{background:linear-gradient( to right, #F49412, #1570B1);color:#fff;}

 



.products_bg .bd{width:100%;overflow:hidden;}

.products_bg .bd li{width:23.5%;border:1px solid #eeeeee;float:left;margin-right:2%;box-sizing:border-box; margin-top:30px;}

.products_bg .bd li:nth-child(4){margin-right:0%;}

.products_bg .bd a{display:block;width:100%;height:100%}

.products_bg .bd .pro_img{margin: 0 auto;width: calc(100% - 1px)}

.products_bg .bd .pro_name{font-size:16px;color:#333;text-align:center; margin:0 15px; margin-top:20px;height:52px;overflow:hidden; line-height:26px;}

.lang_ru .products_bg .bd .pro_name{}

.products_bg .bd .pro_model{font-size:14px;color:#999999;text-align:center; padding:10px 0;}

.products_bg .bd li:hover{border:1px solid #ff4d08;box-sizing:border-box;}

.products_bg .bd li:hover .pro_name{color:#ff4d08;}

.products_bg .more_btn{margin-bottom: 0;margin-top: 3%;text-align: center;}

.img_center img {

    vertical-align: middle;

    max-width: 100%;

    max-height: 100%;

}

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

	.products_bg .bd li{width:48.5%;border:1px solid #eeeeee;float:left;margin-right:3%;box-sizing:border-box;margin-top: 15px;} 

	.products_bg .bd li:nth-child(2n){margin-right:0%;}

}

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

.products_bg .hd{ text-align:center; width:284px;margin:0 auto 0px;overflow:hidden;}

 .products_bg{padding-bottom: 30px;}

.products_bg .bd{margin-top:0;width:100%;overflow:hidden;}

.products_bg .bd .pro_name{font-size:16px;color:#333;text-align:center; margin:0 5px; margin-top:10px;height:48px;overflow:hidden; line-height:24px;}

} 

/* 节能 */
.advert{background: url(../images/jn_bg.png);background-size: cover;background-repeat: no-repeat;max-height: 370px;}
.advert .odcontent{display: flex;align-items: center;flex-wrap: wrap;}
.advert .fl{width: 70%;float:none;}
.advert .fl h2{box-sizing: border-box;font-family: Arial;font-size: 36px;line-height: 1.2;color: #ffffff;margin-bottom: 2%;}
.advert .fl p{box-sizing: border-box; font-size: 18px;font-family: Arial;text-align: left;color: #ffffff;line-height: 1.5;}
.advert .fl p em{margin-right: 1%;color:#f4920b ;font-weight: bold;}
.advert .fl .text{margin-top:2%;}
.advert .fl .text p{box-sizing:border-box;color:#fff;font-family:Arial;font-size:16px;text-align:left;line-height: 2.5;margin-right: 4%;}
.advert .fl .text h3{box-sizing:border-box;font-size:24px;font-family:Microsoft YaHei;color:#fff;font-weight:700}
.advert .fr{width: 30%;float: none;}
.advert .fr .pic{}
.advert .fr .pic img{-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform: translateY(-70px);width: 80%;}

@keyframes slideUp{
	from{bottom: -50px;}
	to{bottom: 0px;}
}
 

@media screen and (max-width: 1260px) {
	 .advert .fl h2{font-size: 40px;}
	 .advert .fr .pic img{width: 70%;transform: translateY(-75px);}
}
@media screen and (max-width: 1024px) {
	.advert .fl h2{font-size: 36px;}
	.advert .fr .pic img{width: 60%;transform: translateY(-20px);}
}
@media screen and (max-width: 768px) {
.advert{max-height: 100%;padding: 8% 0;}
.advert .fl{width: 100%;margin-bottom: 4%;}
.advert .fl h2{font-size:22px;text-align: center;}
.advert .fl p{font-size: 16px;text-align: center;}
.advert .fl .text{margin-top: 6%;}
.advert .fl .text p{text-align: center;width: 100%;}
.advert .fl .text h3{text-align: center;width: 100%;color: #fff;font-size: 22px;}
.advert .fr{width: 100%;}
.advert .fr .pic{text-align: center;}
.advert .fr .pic img{width: 40%;transform: translateY(-10px);}
}
@media screen and (max-width: 480px) {
}




/*底部*/

#footer{ background:#17171c url(../images/foot_bg.png) no-repeat right center; padding:30px 0 0; overflow:hidden;}

#footer .top{padding:18px 0 35px;border-bottom: 1px solid #29292a; overflow:hidden;}

#footer .top dl{float: left;width: 10%; margin-right:2%}

#footer .top dl:nth-child(7){float: left;width: 28%; margin-right:0}

#footer .top dl dt{height: 72px;line-height: 72px;color: #fff;font-size: 18px;}

#footer .top dl:nth-child(7) dt{font-size: 24px;}

#footer .top dl dd{padding-top: 15px;color: #8b8d93;line-height: 24px;}

#footer .top dl dd a{color: #8b8d93;}

#footer .top dl .desc{ font-size:16px;}

#footer .top dl li a{display: block;height: 28px;line-height: 28px;overflow: hidden;color: #8b8d93;}



#footer .top dl .share{ margin:0 auto; margin-top:20px;}

#footer .top dl .share .follow_toolbox{display: inline-block;padding-bottom: 0;}

#footer .top dl .share .follow_toolbox li{ margin:0 9px 5px 0;}

#footer .top dl .share .follow_toolbox li>a{ background-image:url(../images/icon_follow.png);}

#footer #newsletter_form{position: relative;width: 80%;margin:20px 0 0px;text-align: left;}

#footer #newsletter_form .text{display: block;width: 100%;height: 53px;line-height: 53px;background: #2e2f34;border:none;outline: none;color: #aaa;text-indent: 20px;border:1px solid #2e2f34;}

#footer #newsletter_form .subscribe{position: absolute;right: 0px;top: 1px;width: 20%;height: 53px;line-height: 53px;font-size: 16px;color: #cccccd;border:none;background: #2e2f34 url(../images/fsubmit.png) no-repeat center center;cursor: pointer;outline: none;}

#footer .copyright{height: 30px;line-height: 30px;padding:20px;text-align: center;font-size: 14px;color: #999;}

#footer .copyright *{color: #999;}



/*Follow功能*/

.follow_toolbox{padding-bottom:10px;}

.follow_toolbox li{width:28px; margin:0 5px 5px 0; float:left;}

.follow_toolbox li>a{width:inherit; height:28px; display:block; line-height:16px; white-space:nowrap; text-indent:999px; overflow:hidden; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}

.follow_toolbox li>a em{display:block; font-size:14px; line-height:18px;}

.follow_toolbox li>a:focus, .follow_toolbox li>a:hover{transform:translateY(-4px); -webkit-transform:translateY(-4px);}

.follow_facebook{background-position:-56px -140px;}

.follow_google{background-position:-84px -112px;}

.follow_twitter{background-position:-140px -56px;}

.follow_vk{background-position:0 -196px;}

.follow_linkedin{background-position:-196px 0;}

.follow_pinterest{background-position:-112px -84px;}

.follow_youtube{background-position:-168px -28px;}

.follow_instagram{background-position:-28px -168px;}



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

 #footer{ padding:0 0 0; overflow:hidden;}

 #footer .top dl:nth-child(1){ display:none;}

 #footer .top dl:nth-child(2){ display:none;}

 #footer .top dl:nth-child(3){ display:none;}

 #footer .top dl:nth-child(4){ display:none;}

 #footer .top dl:nth-child(5){ display:none;}

 #footer .top dl:nth-child(6){ display:none;}

#footer .top dl{float: left;width: 100%; margin-right:0;}

#footer .top dl:nth-child(7){float: none;width: 100%; margin-right:0}

#footer .copyright{height: auto;line-height: 25px;padding:15px;}

 

}



.foot1{margin-top: 68px;padding: 30px 0; background:#f0f0f0;}

.foot1 ul{text-align: justify;}

.foot1 li{ float:left;text-align: center;}

.foot1 li.addr{width: 26%; margin-right:6.33%}

.foot1 li.share{width: 26%;text-align: center; margin:0 3.66%}

.foot1 li.contact{width: 26%;text-align: center;margin-left:6.33%}

 

.foot1 li .title{height: 45px;line-height: 45px;font-size: 20px;color: #333333;text-transform: uppercase;font-family: Arial;font-weight: 550;}

.foot1 li .desc{/*margin:30px 0 20px;*/font-size: 16px;line-height: 24px;color: #666666;font-family: Arial;margin-bottom: 20px;margin-top: 0;}

.foot1 li .tel{height: 38px;line-height: 38px;padding-right: 45px;margin-top: 14px;font-size: 16px;color: #555;}

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

.foot1 li.addr{width: 100%; margin-right:0;text-align: left;}

.foot1 li img{width: 15%;}

.foot1 li .desc{font-size: 14px;}

.foot1 li.share{width: 100%;text-align: left; margin:0 0}

.foot1 li.contact{width: 100%;text-align: left;margin-left:0}

.foot1 {

    margin-top: 8px;

    padding: 18px 0;

}

.foot1 li .desc{margin-bottom: 15px;}

.foot1 li .title{height: 45px;line-height: 45px;font-size: 16px;color: #000;text-transform: uppercase;}

 

}