body{max-width: 640px;margin: 0 auto;padding-bottom: 2rem;}
.bg{background: #f8f8f8;}
.header-title{height: 1rem;text-align: center;line-height: 1rem;background: #ff7214;color:#fff;font-size: .4rem;}
.header-title.en{font-size: .3rem}
.language{ float: right;margin: .1rem .1rem .2rem 0;}
.language .langitem{height: 27px;line-height: 27px;font-size:12px;margin:0 auto;}
.language .langitem .icon{width: 22px;height: 27px;display: inline-block;*display: inline;*zoom:1; margin-left: 10px;margin-right: 8px;}
.language .langitem .languageCn_Icon{ background:url(../images/national_cn.png) no-repeat left center;}
.language .langitem .languageEn_Icon{ background:url(../images/national_en.png) no-repeat left center;}
.language .langitem a{display: flex;justify-content:space-between;}
.language .langitem a span.arrow{width: 12px;height: 27px;background:url(../images/locater_Arrow3.png) no-repeat center center;-webkit-transition:transform .4s ease;-moz-transition:transform .4s ease;-ms-transition:transform .4s ease;transition:transform .4s ease;margin-right: 10px;}
 
.navButton{position: fixed;bottom:10%;left:.5rem;border-radius: 50%;width: 1.1rem;height: 1.1rem;border: 1px solid #ccc;z-index: 12;transition: all .4s;}
.navButton .navButton-container{background: #ff7214;width: 100%;height: 100%;color: #fff;border-radius: 50%;border: 2px solid #fff;display: flex;align-items:center;justify-content:center;font-size: .45rem;}
.navButton .fa-close{display: none;position: relative;}
.navButton.open .fa-close{display:block;right: -1px;bottom: 1px;}
.navButton.open .fa-navicon{display:none }
.navButton.open{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.navbarList{position: fixed;z-index: 10;width: 100%;height: 100%;}
.navbarList .navItem{display: flex;flex-direction:column;padding: 1.5rem 0 0 .5rem;height: 100%;width: 100%;}
.navbarList a{display: flex;align-items:center; color:#fff;font-size: .33rem;height: 1.4rem;transition: all .4s; -webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity: 0;}
.navbarList a .fa{width: 1rem;height: 1rem;background: #ff7214;border: 2px solid #fff;border-radius: 50%;margin-right: .3rem;display: flex;justify-content:center;align-items:center;font-size: .45rem;;}
.navbar-box{position: fixed;top:0;left: 0;width: 100%;height: 100%;z-index: 11;display: none;}
.navbar-box .nav-screen{background: rgba(0,0,0,.7);position: fixed;left:0;top:0;width: 100%;height: 100%;display: none}
.navbarList a.on .fa{background: #fff;color:#ff7214;border-color:#ff7214;}

.navbar-box.open a{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity: 1}
.navbar-box.open a:nth-child(1){transition-delay: 200ms;}
.navbar-box.open a:nth-child(2){transition-delay: 300ms;}
.navbar-box.open a:nth-child(3){transition-delay: 400ms;}
.navbar-box.open a:nth-child(4){transition-delay: 500ms;}
.navbar-box.open a:nth-child(5){transition-delay: 600ms;}
.navbar-box.open a:nth-child(6){transition-delay: 700ms;}
.navbar-box.open .nav-screen{display: block;}
.navbar-box.open{display: block;} 

.title_bar {padding:.4rem .3rem;background: #fff;}
.title_bar .t1{font-size: .36rem;color:#ff7214;}
.title_bar a {display: flex;display: block;width: 0.7rem;text-align: right}
.title_bar a span{display: inline-block;*display: inline;*zoom:1;width: .13rem;height: .13rem;background: #ff7214;border-radius: 50%;margin:0 1px;}
.article_list{background: #fff;}
.article_list a{margin-bottom: .4rem;display: block;border-bottom: 1px solid #eee;padding-bottom: .4rem;}
.article_list .title{flex:1;font-size: .32rem;padding-right: .4rem;}
.article_list .title i{color:#ea4335;font-size: .4rem;margin-right: 4px;}
.article_list .title p{font-size: .30rem;color:#666;}
.article_list .thumb{width: 103px;height: 77px;overflow: hidden;background: #eee;}
.article_list .thumb img{max-width: 100%;}
.article_list .thumb i{font-size: .8rem;color:#ccc;}
.article_list a:hover{color:#000;}
.index-about{float: left;width: 100%;margin-bottom: .6rem;background: #fff;padding: .15rem 0;}
.index-about.last{margin-bottom: 0;}
.index-about{padding: 0 .3rem;}
.index-about dt{width: 3.8rem;float:left;}
.index-about dd{float:left;width: 3.4rem;margin-left: .4rem;font-size: .31rem;}
.index-about .t{margin-bottom: .1rem;}
.index-about .desc{color:#999;height: 119px;overflow: hidden}
.index-about-desc{font-size: .32rem;color:#999;padding: 0 .3rem;background: #fff;}
.fazhan-bg{padding:.15rem;}

.more{background: #fff;margin-top: .15rem;}
.more a{display: block;width: 2.08rem;height: .62rem;border: 1px solid #ff7214;color: #ff7214;font-size: .30rem;text-align: center;line-height: .60rem;float: right;}
.swiper-fengongsi{padding: 0 .3rem;margin-bottom: .4rem;background: #fff;padding-bottom: .4rem;}
.swiper-fengongsi .swiper-slide img{width: 100%;}
.swiper-fengongsi .swiper-slide {border: 1px solid #ccc;}
.swiper-fengongsi .swiper-slide .thumb{height:3.56rem;display: flex;align-items:center;}
.swiper-fengongsi .swiper-slide .title{padding: .2rem;min-height: 1.24rem}
.swiper-hbchanye{background: #fff;}
.swiper-hbchanye {padding: 0 .3rem;position: relative;height: 4.4rem}
.swiper-hbchanye .swiper-slide{border-radius: 10px;overflow: hidden;}
.swiper-hbchanye .swiper-pagination-bullet {bottom: 0;opacity: .8;background: #ccc;}
.swiper-hbchanye .swiper-pagination-bullet-active{background: #fff;opacity: 1}
.swiper-hbchanye .title{position: absolute;bottom: 0;height: 1.2rem;background: rgba(0,0,0,.5);text-align: center;line-height: 2.2;width: 100%;color: #fff;font-size: .32rem;}
.chanye .more{margin: .3rem 0;}

.head-news{padding: .3rem;padding-bottom: 0;background: #fff;position: relative;}
.head-news .title{position: absolute;bottom: 0;height: .92rem;background: rgba(0,0,0,.5);color:#fff;font-size: .36rem;width: 92.7%;line-height:.92rem;text-indent: 12px;}
.nlist{background: #fff;padding: .3rem;}
.nlist li {margin-bottom: .4rem;font-size: .38rem;color:#333;padding:0 .4rem;position: relative;}
.nlist li:before{content:"";width: 5px;height: 5px;background: #333;left:1%;top:25%;position: absolute;border-radius: 50%;}
.nlist li .title{margin-bottom: .1rem;}
.nlist li .title span{position: absolute;right:0;top:50%;margin-top: -10px;font-size: .4rem;}

#backtop{background: #ff7214;height: .9rem;width: 100%;text-align: right;font-weight: bold;font-family: Arial;font-size: .4rem;margin-top: .4rem;color:#fff;line-height: .9rem;}
#backtop .fa{margin-right: .2rem;}

.footer .contact-info{text-align: center;font-size: .3rem;padding: .4rem 0;line-height: 2;color:#666;}
.footer .contact-info a{color: #000}
.footer .copyright{text-align: center;font-size: .32rem;margin-top: .2rem;color:#666;line-height: 2;}

.footer_nav{position: fixed;bottom: 0;width: 100%;height: 1.2rem;background: rgba(255,114,20,0.8);display: flex;justify-content:space-between;}
.footer_nav a{width:25%;height: 1.2rem;display: flex;text-align: center;justify-content:center;flex-direction:column;color: #fff}
.footer_nav a span.fa{font-size: .5rem;}
.footer_nav a span{display: block;}

.m_page{padding-top: .4rem;}
.h4{font-size: .32rem;color:#ff7214;margin: .3rem 0 .3rem 0;}
.m_page img{max-width: 100%;}
.m_page p{line-height: 2;font-size: .28rem;color: #666}
.m_page .title_bar{margin-top: .2rem;}

.swiper-honor .swiper-slide{height:2.72rem;border: 1px solid #ccc;}
.text-teamlist .title{margin-bottom:30px;}
.text-teamlist .span1{color: rgb(251,140,0);font-size: 12px;font-family: Arial}
.text-teamlist .span2{display: inline-block;*display: inline;*zoom:1;width: 6px;height: 9px;background: #ffc001;margin-left: 20px;}
.text-teamlist .span3{display: inline-block;*display: inline;*zoom:1;width:92%;height: 9px;background: #f5f5f5;margin-left: 10px;}
.text-teamlist ul{position: relative;padding: 0 .3rem;}
.text-teamlist ul:before{height: 100%;content:"";left:138px;width: 1px;position: absolute;top:0;background: #ddd;}
.text-teamlist ul li{position: relative;padding-left: 170px;margin: 30px 0;}
.text-teamlist ul li .dot{display: block;position:absolute;width: 15px;height: 15px;border-radius: 50%;background: #ddd;left: 116px;box-shadow: 0 0 3px 3px #fff;top:31px;}
.text-teamlist ul li span{position: absolute;left:0;}
.text-teamlist ul li span.date{font-size: .36rem;}
.text-teamlist ul li span.name{font-size: .28rem;color:#666;}
.text-teamlist ul li a{font-size: 15px;}
.text-teamlist ul li a:hover{color:rgb(251,140,0);}
.text-teamlist ul li p{font-size: 14px;}

.chanye-list {padding: 0 .3rem;}
.chanye-list .item{width: 48%;margin-bottom: .4rem;text-align: center;}
.chanye-list .item .title{font-size: .32rem;color:#666;margin-top: 5px;}

#page{text-align: center;padding: .4rem 0;font-size: .4rem;}
#page a,#page span{margin: 0 5px;}
#page span{color:#ff7214;}

.newsHeader{height: 1rem;background: #ff7214;position: relative;}
.newsHeader a{width: .6rem;height: .6rem;border-radius: 50%;background: rgba(255,255,255,.7);font-size: .5rem;display: block;text-align: center;line-height: .6rem;margin: .2rem 0 0 .2rem;float: left;}
.newsHeader a i{margin-left: -1px;position: relative;top:-1px;}
.mapheader{background: #fff;}
.mapheader .title{position: absolute;left:0;top:0;width: 100%;text-align: center;line-height: 1rem;height: 1rem;color:#000;font-size: .35rem;}
.mapheader a{position: relative;z-index: 2;}
.articleDetail{padding:.5rem .3rem }
.articleDetail h1{font-size: .33rem;}
.articleDetail .date{color:#999;margin: .3rem 0;}
.articleDetail .details{overflow: hidden}
.articleDetail .details img{max-width: 100%;height:auto !important}
.articleDetail .details .richContent {width: 100% !important;}
.articleDetail .details section{width: 100% !important;}

.chanye-list.fengongsi .title{font-size: .28rem;}
.chanye-list.fengongsi.rec .item{width: 100%;}

.joblist li {padding-left: .4rem;position: relative;height: 1rem;font-size: .36rem;}
.joblist li:before{content:"";position: absolute;width: 5px;height: 5px;background: #666;border-radius: 50%;left:0;top:.24rem;}
.joblist li .arrow{float: right;}
.newslist li {margin-bottom: .4rem;height: auto}
.newslist li .arrow{margin-top: .1rem;font-size: .5rem;}
.newslist li a p{font-size: .33rem;}

#job_form{padding: 0 .3rem;}
#job_form .input-group{display: flex;flex-direction:column;font-size: .34rem;}
#job_form .input-group .label{margin-bottom: .2rem;}
#job_form .input-group.name{margin-top: .4rem;}
#job_form .input-group.sex{margin-bottom: .4rem;}
#job_form .input-group.sex .input-container .item{width:15%;}
#job_form .input-group .input-container .item{float: left;width: 50%;}
#job_form .input-group .input-container .text{border: 1px solid #dadada;background: #f7f7f7;border-radius: 4px;text-indent: 12px;height: .8rem;width: 90%;}
#job_form .input-group .input-container span{margin-left: .2rem;color:red;}
#job_form .input-group .input-container textarea{border: 1px solid #dadada;background: #f7f7f7;border-radius: 4px;text-indent: 12px;height: 1.5rem;width: 90%;}
#job_form .btn_submit{background: #ff7214;width:90%;height: 1rem;border: none;border-radius: 5px;font-size: .33rem;color:#fff;}
#job_form.jobform_en .input-group .input-container .item {width: 100%;}

.contacts{padding: 0 .3rem;}
.contacts .conact-info{width: 100%;margin-bottom: .4rem;}
.contacts .conact-info .bold{font-size: .30rem;font-weight: bold;}
.contacts .conact-info .p{font-size: .28rem;}

#feedback_form{padding: .3rem;}
#feedback_form .label{color:#ccc;font-size: .4rem;margin-right: .4rem;}
#feedback_form .text{width: 90%;border:none;line-height: 30px;font-size: .33rem;}
#feedback_form .input-group{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: .4rem;}
#feedback_form .btn_submit{width: 95%;background: #ff7214;color:#fff;height: 1rem;border-radius: 30px;border: 0;font-size: .33rem;}

#map{width: 100%;height: 550px;}
@media screen and (min-width: 320px){
	html {
	    font-size: 40px;
	}
	.swiper-fengongsi .swiper-slide .title{font-size: .24rem;}
	.index-about dd{width: 3.2rem;}
	
	.text-teamlist ul:before{left: 135px;}
}
@media screen and (min-width: 375px) {
	html {
	    font-size: 45px;
	}
 
	.text-teamlist ul:before{left: 137px;}
}

@media screen and (min-width: 414px){
	html {
	    font-size: 50px;
	}
 
	.text-teamlist ul:before{left: 138px;}
}