@charset "UTF-8";
html{}
body {font-family:Microsoft YaHei,SimSun,Arial;color: #333;padding:0;margin:0 auto;font-size:1rem;position: relative;background-color:#FFF;min-height: 100vh;}
body.on{overflow: hidden;}
a{text-decoration:none;}
ul,p,h1,ul{margin:0;padding:0;}
ul{list-style:none;}
.clearfix{*zoom: 1;}
.clearfix:after {display: table;content: "";clear: both;}
a{color: #333}
a img{border: 0;}
input,button,textarea{outline: none;
    box-shadow: none;
    -webkit-appearance: none;border: 0;
    border: none;border-radius: 0;}
.fl{float: left;}
.fr{float: right;}
.center{text-align: center;}
.pb20{padding-bottom: 20px;}
.pb40{padding-bottom: 40px;}
.pt40{padding-top: 40px;}
.ptb{padding: 2rem 0;}
.mb15{margin-bottom: 15px;}
.mt10{margin-top: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px!important;}
.h10{height: 10px;}

::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}  
.position_r{position: relative;}
.position_a{position: absolute;}
.show{display:block;}
.hide{display:none;}
.mf0{}

.w1000{width: 1000px; margin: 0 auto;padding-top: 80px;}
.w1540{width: 1400px; margin: 0 auto;}
.bg1{background-color: #FFF;}


header .nav a.logo{width:15%;padding: 0 2.5%;font-size: 0;line-height: 0;}
header .nav a.logo img{width: 100%;}
header .nav a{width: 10%;display: inline-block;float: left;text-align: center;line-height: 70px;color: #000;}
header .m_logo{width: 96%;padding: 1rem 2%;background-color: #FFF;display: none;text-align: center;position: relative;}
header .m_logo img{height: 50px;}
header .m_logo span{font-size: 2.4rem;line-height: 50px;position: absolute;right: 5%;}
.index_sjnav{display: none; background-color: #FFF;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;}
.index_sjnav .toubu{width: 100%;height: 49px;text-align: center;line-height: 49px;border-bottom: 1px solid #dddddf;background-color: #FFF;}
.index_sjnav .toubu .icon-rig{font-size: 1.2rem;position: absolute;top: 10px;left: 10px;width: 30px;height: 30px;line-height: 30px;}
.index_sjnav a{width: 100%;line-height: 40px;border-bottom: 1px solid #ececec;display: block;text-align: center;}
.index_sjnav a:hover{background-color: #f9af39;color: #FFF;}

footer{background-color: #736356;padding: 1rem 0;color: #FFF;box-sizing: content-box;}
footer a{color: #faaf3a;}
footer .f_l{width: 62%;/*line-height: 40px;*/}
footer .f_r{width: 33%;}
.s_banner{position: relative;}
.s_banner img{width: 100%;/*height:370px;*/}
.s_banner .swiper-slide{position: relative;}
.s_banner .swiper-pagination-bullet{width: 9%;height: 3px;background-color: #FFF;border-radius: 0;opacity:1;margin: 0 1%;}
.s_banner .swiper-pagination-bullet-active{background: #f2a93a;}
.s_banner .anniu{position: absolute;left:67%;bottom:10px;width: 76px;height: 34px;z-index: 999;}
.s_banner .prev{background: url(../images/ico_left.png) #f9af39;width: 34px;height: 34px;left: 0;}
.s_banner .next{background: url(../images/ico_right.png) #f9af39;width: 34px;height: 34px;right: 0;}
.s_banner .swiper-slide .con1{background-color: #544741;padding: 1.5rem;}
.s_banner .swiper-slide .con1 .p1{color: #FFF;font-size: 1.5rem;font-weight: bold;padding-bottom: 1rem;}
.s_banner .swiper-slide .con1 .p2{color: #ff961c;font-size: 1.6rem;font-weight: bold;padding-bottom: 1rem;}
.s_banner .swiper-slide .con1 .p3{color: #FFF;line-height: 30px;}
.s_banner #lunbo_2{width:30%;position: absolute;bottom:-32%;right: 0;z-index: 900;}
.s_banner .swiper-pagination{z-index: 999;}
.mf1 {	padding: 0 0 2rem 0}
.mf1 .box{width:30%;float: left;margin-right: 4.5%;}
.mf1 .box:first-child{width: 31%;}
.mf1 .box .pic{font-size: 0;padding-bottom: 1rem;}
.mf1 .box .pic img{width: 100%;}
.mf1 .box .biao{font-size: 1.6rem;color: #000;font-weight: bold;}
.mf1 .box .biao span{font-size:1.1rem ;padding-left: 1rem;}
.mf1 .box .con{color: #686868;line-height: 30px;text-indent: 2em;padding: 1rem 0;}
.mf1 .box1{width:30%;float: left;margin-top:240px;}
.mf1 .box1 .con1{background-color: #544741;padding: 1.5rem;}
.mf1 .box1 .con1 .p1{color: #FFF;font-size: 1.8rem;font-weight: bold;padding-bottom: 1rem;}
.mf1 .box1 .con1 .p2{color: #ff961c;font-size: 1.6rem;font-weight: bold;padding-bottom: 1rem;}
.mf1 .box1 .con1 .p3{color: #FFF;line-height: 30px;}
.mf1 .box1 .con2{font-size: 2rem;position: relative;line-height: 4rem;}
.mf1 .box1 .con2:before{font-size: 2.4rem;color: #faaf3a;content: "\e63c";box-sizing: border-box;font-family: "iconfont" !important;padding-right: 1rem;}
.mf1 .box1 .con2:after{font-size: 2.4rem;color: #faaf3a;content: "\e63a";box-sizing: border-box;font-family: "iconfont" !important;position: absolute;right: 0;bottom: 0;}
.mf1 .box1 .con2 span{color: #faaf3a;}

.mf0{position: relative;}
.mf0 .back{width: 10%;position: fixed;top:50px;z-index: 999;}
.mf0 .back img{width: 100%;}
.mf2{min-height:200px; padding-top: 80px;}
.menu{text-align: right;width: 550px;padding-bottom: 2rem;}
.menu a{transform: skewX(-45deg);font-weight: bold;font-size: 1.2rem; text-align: center;line-height: 60px;display: inline-block;color: #FFF;background-color: #808080;position: relative;z-index: 100;}
.menu a.on,.menu a:hover{background-color: #000;}
.menu a span{transform: skewX(45deg); display: inline-block;}
.menu a:first-child{width: 250px;left: 30px;}
.menu a:last-child{transform: skewX(0);z-index: 90;width:300px;}
.menu a:last-child span{transform: skewX(0);}
.mf2 .pic img{width: 100%;}
.mf2 .biao{font-size: 2.8rem;font-weight: bold;color: #c6b198;padding: 1rem 0;text-align: center;}
.mf2 p{line-height: 2.4rem;font-size: 1.2rem;color: #888;}
.mf2 .pic1{margin: 40px 0;}
.mf2 .pic1 img{width: 100%;}
.mf2 .pic1 .tu1{width: 39%;}
.mf2 .pic1 .tu2{width: 51%;}


.mf3 .pic img{width: 100%;}
.mf3 .pic .biao{font-size: 2.8rem;line-height: 2; font-weight: bold;color: #c6b198;padding: 1rem 0;text-align: center;}
.mf3 .pic p{line-height: 3rem;font-size: 2rem;color: #888;text-align: center;}
.mf3 .list{border-top: 1px solid #CCC;padding-bottom: 4rem;margin-top: 2rem;}
.mf3 .list li{border-bottom: 1px solid #CCC;padding: 2.5rem 0;}
.mf3 .list li .pic{width: 48%;float: left;font-size: 0;}
.mf3 .list li .pic img{width: 100%;}
.mf3 .list li .word{width: 48%;float: right;}
.mf3 .list li:nth-child(2n) .pic{float: right;}
.mf3 .list li:nth-child(2n) .word{float: left;}
.mf3 .list li .word .biao{font-size: 1.4rem;color: #000;line-height: 2rem;padding-bottom: 1rem;}
.mf3 .list li .word .biao span{font-size: 2rem;color: #be2329;padding-right: 2rem;}
.mf3 .list li .word p{font-size: 1rem;line-height: 2rem;}


.mf4 .toubu .wen{width: 48%;text-align: center;font-size: 1.9rem;line-height: 1.6;color: #aaa;}
.mf4 .toubu .lanmu{width: 48%;}
.mf4 .toubu .lanmu a{width: 23%;margin-right: 2.66%;font-size: 0;float: left;margin-bottom: 10px;}
.mf4 .toubu .lanmu a img{width: 100%;}
.mf4 .toubu .lanmu a:nth-child(4n){margin-right: 0;}
.pro_list{padding: 40px 0;}
.pro_list li .pic{position: relative;font-size: 0;cursor: pointer;}
.pro_list li .pic img{width: 100%;}
.pro_list li .pic .ewm{width:200px;position: absolute;left:50%; top: 50%;margin: -100px 0 0 -100px;display: none;}
.pro_list li .pic:hover .ewm{display: block;}
.pro_list li .word{padding: 30px 0;}
.pro_list li .word .s1{font-size: 2rem;line-height: 4rem;width: 45%;}
.pro_list li .word .s2{line-height: 2rem;width: 50%;color: #aaa;text-indent: 2em;}


.title_A .pic{width: 37.5%;font-size: 0;}
.title_A .pic img{width: 100%;}
.title_A .wen{width: 46%;margin-right: 5%;padding-top: 1rem;}
.title_A .wen p{font-size: 1.4rem;line-height: 2.6rem;}
.mf5 .list{width: 86%;margin: 0 auto;}
.mf5 .list li{border-bottom: 1px solid #ccc;padding: 2rem 0;}
.mf5 .list li .pic{width: 31%;font-size: 0;}
.mf5 .list li .pic img{width: 100%;}
.mf5 .list li .word{width:65%;font-size: 1.6rem;}
.mf5 .list li .word .date{color:#bd1c21 ;padding-bottom:1rem;}
.mf5 .list li .word .biao{color:#000 ;padding-bottom:1rem;}
.mf5 .list li .word p{font-size:1rem ;text-indent: 2em;line-height:1.8rem;}


.mf6 .box{padding: 1rem 0 2rem;}
.mf6 .box img{width: 100%;}
.mf6 .box .wen{width: 48%;}
.mf6 .box .pic{width: 46%;}
.mf6 .box .wen p{padding-top: 1.5rem;line-height: 2rem;color: #888888;}
.mf6 .box .pic .con{background-color: #c6b198;text-align: center;padding: 1rem 0;}
.mf6 .box .pic .con p{font-size: 1.6rem;}
.mf6 .box .pic .con p.s1{color: #FFF;font-size: 2rem;padding-bottom: 0.5rem;}

.mf7 .title_pic{width: 39%;font-size: 0;}
.mf7 .title_pic img{width: 100%;}
.mf7 .lanmu{padding: 2rem 0 3rem;}
.mf7 .lanmu a{width: 250px;line-height: 4rem;font-size:1.2rem;display: inline-block;background-color: #faaf3b;text-align: center;margin-right: 3%;float: left;}
.mf7 .lanmu a:last-child{background-color: #808080;color: #FFF;margin-right: 0;}
.mf7 .show{padding-bottom: 3rem;}
.mf7 .show p{line-height: 2.6rem;color: #000;}

.mf8 .title_pic{text-align: center;position: relative;}
.mf8 .title_pic a{width: 100px;position: absolute;top: 0;right: 0;font-size: 0;}
.mf8 .title_pic a img{width: 100%;}
.mf8 .show p{line-height: 3rem;color: #888;font-size: 1.1rem;padding-bottom: 1rem;} 
.mf8 .pro_list li .word .s1{text-align: center;}
.mf8 .show1 p{line-height: 3rem;color: #333;font-size: 1.1rem;padding-bottom: 1rem;text-align: center;} 

.title_B .pic{width: 37.5%;font-size: 0;}
.title_B .pic img{width: 100%;}
.title_B .wen{width: 30%;margin-right: 5%;padding-top: 2rem;}
.title_B .wen p{font-size: 1.4rem;line-height: 2.6rem;}
.mf9 .lanmu {padding: 3rem 0;}
.mf9 .lanmu a{width: 32%;margin-right: 2%;font-size: 1.2rem;line-height: 4rem;display:inline-block;float: left;text-align: center;background-color: #808080;color: #FFF;}
.mf9 .lanmu a:last-child{margin-right: 0;}
.mf9 .lanmu a.on{background-color: #faaf3b;color: #333;}
.job_list li{margin-bottom: 2rem;}
.job_list li .biao{border-bottom: 1px solid #ccc;padding: 10px 0;cursor: pointer;}
.job_list li .biao .b_l{width:calc(100% - 90px);line-height: 2rem;font-size: 1.4rem;color: #000;}
.job_list li .biao .r_l{background-color: #000;color: #FFF;display: inline-block;padding: 0 10px;line-height: 27px;font-size: 12px;}
.job_list li .show{line-height: 2rem;color: #888;padding: 1rem 0;display: none;}
.job_list li:first-child .show{display: block;}
.mf9 .end{color: #000;line-height: 2rem;text-align: center;padding-bottom: 3rem;}

.bg_lunbo{display:none;position: fixed;background-color:rgba(0, 0, 0, .6);width: 100%;height:100%;top: 0;left: 0;z-index: 1000;}
.bg_lunbo .swiper-container{width: 90%;margin: 0 auto;margin-top: 2%;height: 80%;}
.bg_lunbo img{width: 100%;}
.bg_lunbo p{padding-top: 2rem;text-align: center;position: absolute;bottom: 5%;left: 0;width: 100%;}
.bg_lunbo p span{font-size: 3rem;color: #FFF;}

.fixed_sub{ position: fixed; right:0; bottom:10%; z-index: 999; display: none;}
.fixed_sub a{display: inline-block; width: 64px; height: 22px; padding-top:42px; text-align: center;border-radius:5px; background:url(../images/fixed_sub_05.png) no-repeat top center #faaf3b; color: #FFFFFF;}

@media only screen and (max-width:1400px){
	.w1540{width: 100%; margin: 0 auto;}
	footer{width: 96%;padding: 1rem 2%;}
}
@media only screen and (max-width:1200px){
}
@media only screen and (max-width:1100px){
	.mf1 .box .biao{font-size: 1.4rem;}
	.mf1 .box1 .con1 .p1{font-size: 1.6rem;}
	.mf1 .box1 .con2{font-size: 1.8rem;line-height: 3rem;}
}

@media only screen and (max-width:1023px){
	.w1000{width: 96%;padding:2rem 2%;}
	.pc{display: none;}
	header .m_logo{display: block;}
	.mf1 .box:first-child,.mf1 .box,.mf1 .box1{width:96%;margin: 0 2% 2rem 2%;}
	.mf0 .back{width: 15%;}
	.mf3 .list li .pic{width: 100%;padding-bottom: 1rem;}
	.mf3 .list li .word{width: 100%;}
	.mf4 .toubu .wen{font-size: 1.5rem;padding-top: 2rem;}
	.mf5 .list{width: 96%;}
	.mf6 .box .pic .con p.s1{font-size: 1.6rem;}
	.mf6 .box .pic .con p{font-size: 1.2rem;}
	.mf7 .title_pic{margin-left: 20%;}
	.mf7 .lanmu a{width: 48%;}
	.s_banner .anniu{width: 90%;left: 5%;bottom: 40%;}
	/*.s_banner #lunbo_2{display: none;}*/
	.bg_lunbo {height: 100%;}
	.bg_lunbo .swiper-container{top: 20%;height: auto;}
	.fixed_sub{display: block;}	
}
@media only screen and (max-width:768px) {
	.s_banner #lunbo_2 {width: 90%;left: 5%;position: initial;bottom: -42%;right: 0;z-index: 900;	}
	.s_banner .swiper-slide .con1 .p3 {	color: #686868;	}
	.s_banner .swiper-slide .con1 {background-color: #fff;}
	.s_banner .anniu {display: none;}
	.s_banner .swiper-slide .con1 .p1 {color: #eb596e;	}
	.s_banner img {	height: 150px;}
	.s_banner .prev {display: none;}
	.s_banner .next {background-color: #92bcd2;opacity: 0.5;}
}
@media only screen and (max-width:750px){
	footer .f_l{width: 100%;line-height: 24px;}
	footer .f_r{width: 100%;line-height: 24px;}
	.mf3 .pic .biao{font-size: 2rem;}
	.mf3 .pic p{font-size: 1.6rem;}
	.mf4 .toubu .wen{width: 100%;}
	.mf4 .toubu .lanmu{width: 100%;padding-top: 2rem;}
	.pro_list li .word .s1,
	.pro_list li .word .s2{width: 100%;}
	.title_A .wen{width: 60%;margin-right: 0;}
	.title_A .wen p{font-size: 1rem;line-height: 2rem;}
	.mf5 .list{width: 100%;}
	.mf5 .list li .pic{width: 100%;padding-bottom: 1rem;}
	.mf5 .list li .word{width: 100%;font-size: 1.4rem;}
	.mf6 .box .wen{width: 100%;}
	.mf6 .box .pic{width: 100%;padding-top: 2rem;}
	.mf8 .show1 p{line-height: 2rem;}
	.title_B .wen{width: 60%;margin-right: 0;}
	.title_B .wen p{font-size: 1rem;line-height: 2rem;}
	.s_banner #lunbo_2 {width: 90%;left: 5%;position: initial;bottom: -42%;right: 0;z-index: 900;}
	.s_banner .swiper-slide .con1 .p3 {		color: #686868;	}
	.s_banner .swiper-slide .con1 {		background-color: #fff;	}
	.s_banner .anniu {		display: none;	}
}
@media only screen and (max-width:479px){
    html {font-size: 100%; } 
    .menu{width:83%;}
    .mf0 .back{width: 18%;top: 1rem;}
    .menu a{line-height: 40px;}
    .menu a:first-child{width:45%;left: 6.5%;}
	.menu a:last-child{width: 55%;}
	.mf2 .pic1 .tu1,
	.mf2 .pic1 .tu2{width: 100%;}
	.mf8 .title_pic img{max-width: 70%;}
	.job_list li .biao .b_l{font-size: 1rem;}	
	
}
@media only screen and (max-width:432px){
    html {font-size: 84.375%; }
}
@media only screen and (max-width:414px){
    html {font-size: 80.86%; }
}
@media only screen and (max-width:400px) {
    html {font-size: 78.125%; }
}
@media only screen and (max-width:384px) {
    html {font-size: 75%; }
}
@media only screen and (max-width:375px){
    html { font-size: 70%; }
}
@media only screen and (max-width:360px) {
    html { font-size: 65%; }
}
@media only screen and (max-width:320px){
	html { font-size: 60%; }
}