@charset "gb2312";
/* CSS Document */

html {font-size: 10px;/*10 ÷ 16 × 100% = 62.5%*/}
body {font-size: 1.4rem;/*1.4 × 10px = 14px */
background:#FFF;
font-family:'微软雅黑', Helvetica, Arial, Verdana, sans-serif;
}
html, body {
      position: relative;
      height: 100%;
}
a{
	color:#2d2d2d;
}
a:hover{
	color:#FF9800;
}
a,a:hover{
	text-decoration:none;
}
ul,ul li{
	list-style:none;
	padding:0;
}
.pull-left{
	float:left;
}
.pull-right{
	float:right;
}
.clearfix{ *zoom: 1; } 
.clearfix:before, .clearfix:after {  display: table; line-height: 0; content: ""; } 
.clearfix { clear: both; } 
/*---头部---*/
.topb{background-color:#F5F5F5;line-height: 38px;height:38px;padding: 0 10%;width: 100%; color: #666;}
.top{
	padding-top:2.2rem;
}


#head{padding: 15px 10%;position: fixed;width: 100%;top: 0;left: 0;z-index: 99;transition: 0.4s;margin-top: 38px; height:100px; background-color:#FFF;
	
}
#head .head-logo{height: 100%;transition: 0.4s; font-size: 0;}
#head .head-logo img{height: 71px;vertical-align: middle;transition: 0.4s;}
#head .head-right{padding-top: 10px;position: relative;transition: 0.4s;z-index: 110;right: -25px;}
#head .head-bar{border-radius: 0 0 8px 8px;padding: 0 12px;line-height: 38px;position: absolute;top: 0;right: 0;transition: 0.4s;overflow: hidden; background: rgba(255,255,255,0.3)}
#head .head-bar a{float: left;color: #fff;margin: 0 12px;}
#head .head-bar span{float: left;color: #fff;margin: 0 10px 0 15px;}
#head .head-nav ul li{float: left;position: relative;}
#head .head-nav ul li h3 a{display: block;padding: 0 25px;height: 56px;position: relative;font-size: 18px;color: #666;border-radius: 8px 8px 0 0;line-height: 45px;transition: 0.4s;}
#head .head-nav ul li h3.nav-item a::after{display: inline-block;content: "";vertical-align: top;width: 12px;height: 12px;background: url('../images/sj.png');background-size: 100% 100%;margin: 18px 0 0 4px;transition: 0.4s;}
#head .head-nav ul li h3 a:hover,
#head .head-nav ul li.on h3 a,#head .head-nav ul li.active h3 a{transition: 0.4s;color: #ce2e2e}
#head .head-nav ul li h3.nav-item a:hover::after{transition: 0.4s;transform: rotate(-90deg);}
#head .head-nav ul li .dropdown{position: absolute;width: 160px;top: 100%;left: 50%;margin-left: -80px;background: #ddb95b;background-image: linear-gradient(-180deg, rgba(238,205,105,1) 39%, rgba(195,143,64,1) 100%);padding: 13px 0 10px;border-radius: 0 0 8px 8px;display: none;box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.2);}
#head .head-nav ul li .dropdown::before{display: block;content: "";width: 0;height: 0;border-width: 8px;border-style: solid;border-color: transparent;border-bottom-color: #efce68;position: absolute;top: 0;left: 50%;-webkit-transform: translate(-50%,-100%);-moz-transform: translate(-50%,-100%);-ms-transform: translate(-50%,-100%);-o-transform: translate(-50%,-100%);transform: translate(-50%,-100%);}
#head .head-nav ul li .dropdown a{display: block;line-height: 31px;border-bottom: 1px solid rgba(195,143,64,0.3);text-align: center; color: #fff;}

#head .head-nav ul li .dropdown a:hover{color: #ce2e2e;}
#head .head-nav ul li .dropdown a:last-child{border-bottom:none;}


#head.head-fixed{height: 80px; padding-top: 10px; transition: 0.4s;background:#fff;margin-top:0px;box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1); }
#head.head-fixed .head-logo{height: 56px;transition: 0.4s;}
#head.head-fixed .head-logo img{height: 56px;transition: 0.4s;}
#head.head-fixed .head-right{padding-top: 4px;transition: 0.4s;}
#head.head-fixed .head-bar{transform: translateY(-100%);transition: 0.4s;}
#head.head-fixed .head-nav ul li h3 a{height: 52px;line-height: 52px;transition: 0.4s;}
.head-space.head-fixed{height: 72px;transition: 0.4s;}
#head .head-bg {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/top-bg.png) no-repeat ;  z-index: 110;}

.backtop{width: 46px;height: 54px;background: url('../images/backtop.png');background-size: 100% 100%;opacity: 0.5;position: fixed;right:60px;bottom: 0;z-index: 105;cursor: pointer;}
/*-- //header --*/


@media screen and (max-width: 1776px) {
    .topb{padding: 0 5%;}
    #head{padding: 15px 5%;}
}
@media screen and (max-width: 1580px) {

    #head{height: 80px;}
	#head .head-logo img{height: 54px;}
	#head .head-nav ul li h3 a{padding: 0 20px;height: 46px;font-size: 16px;line-height: 28px;}


}


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

	#head{height: 60px;}
	#head .head-logo{line-height: 56px;}
	#head .head-logo img{height: 45px;}
	#head .head-right{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1001;background: #ddb95b;padding: 20px 30px;transform: translateX(100%);transition: 0.4s;}
	#head .head-right.nav-show{transition: 0.4s;transform: translateX(0);}
	#head .head-bar{display: none;}
	#head .head-nav{height: 100%;padding-top: 80px;position: relative;}
	#head .head-nav .nav-close{display: block;width: 30px;height: 30px;background: url('../images/close.png');background-size: 100% 100%;top: 0;right: 0;position: absolute;}
	
	#head .nav-btn{float: right;display: block;width: 30px;height: 30px;background: url('../images/menu.png');background-size: 100% 100%;margin-top: 13px;}
	#head .head-nav ul{height: 100%;overflow-y: auto;}
	#head .head-nav ul li{float: none;padding: 5px 0;border-bottom: 1px solid rgba(195,143,64,1)}
	#head .head-nav ul li h3{padding-right: 40px;position: relative;}
	#head .head-nav ul li h3 i{display: block;width: 40px;height: 40px;position: absolute;top: 0;right: 0;background: url('../images/arrow.png') no-repeat center center;background-size: 20px 20px;transition: 0.4s;}
	#head .head-nav ul li h3.on i{transition: 0.4s;transform: rotate(90deg);}
	#head .head-nav ul li h3 a{padding: 0;height: 40px;font-size: 16px;line-height: 40px; color: #fff;}
	#head .head-nav ul li.on h3 a,
	#head .head-nav ul li h3 a:hover{background: none;}
	#head .head-nav ul li h3.nav-item a::after{display: none;}
	#head .head-nav ul li .dropdown{position: static;background: none;box-shadow: none;margin: 0;width: 100%;padding: 0 0 0 20px;}
	#head .head-nav ul li .dropdown::before{display: none;}
	#head .head-nav ul li .dropdown a{padding: 0;border: none;text-align: left;line-height: 30px;color: #fff;}
	
}
@media screen and (max-width: 988px) {
    #head{height: 50px;margin-top: 0px;padding-top:10px;}
}


@media screen and (max-width: 760px) {
    .topb{display: none;}

	#head{height: 50px;}
	#head .head-logo{line-height: 48px;}
	#head .logo img{height: 40px;}
	#head .nav-btn{width: 26px;height: 26px;margin-top: 12px;}
	#head .head-right{padding: 20px;}	
	.backtop{width: 32px;height: 38px;right:5px;}
}


/***手机模式*****/
.phone-top{display:none;}
@media screen and (max-width: 991px) {
.phone-top{display:block;float:left; position:relation; width:100%; top:0; height:45px; line-height:45px; background:#188067; colro:#fff; font-size:14px; padding:0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.phone-top a{display:block; float:left; margin-right:10px; color:#fff;}
.phone-search{width:150px; height:35px; margin:5px 0; float:right;}
.search-input{width:120px; height:15px; line-height:15px; padding:10px 0; background:none; font-size:14px; color:#fff; float:left; color:#fff;}
.search-btn{width:20px; float:right; padding:10px 0;}
#head{float:left; position:relative!important; top:auto;}
}





/*****footer****/
.footer{
	padding:3rem 0;
	background: #e5e1e1;
	line-height:2.4rem;
}
.footer a{padding-right: 20px;}
.footer h3{
	
}
.footer .row p{
	padding-top:2rem;
}
.copy {text-align: center; display: block; margin: 0 auto;}
.tb{
	width:20px;
}
@media screen and (max-width: 760px) {
    .yqlj{display: none;}
	.footer img{
		display: block; margin: 0 auto;margin-top: 10px;
}