@font-face{font-family:dinpro-bold;src:url(../fonts/6480318d98d24c618f6a9a0347aefa08.woff)}
*{font-family:Microsoft YaHei}
body{margin:0;padding:0;font-size:14px;overflow-x:hidden}
body,html{height:100%}
img{border:0}
a{color:#111;text-decoration:none;transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s}
a:hover{color:#accd05;text-decoration:none;transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s}
.sc{border:1px solid #ccc;border-collapse:collapse;border-top:0}
.w1520 {
  width: 90%;
  margin: 0 auto;
}
.fl {
  float: left;
  display: inline; }

.fr {
  float: right;
  display: inline; }
.white{ color: #fff!important;}

.header_two.header_hide {
    position: fixed;
    background: #fff;
}

.header_one{ background: #eaeaea;}
.one_hide{ display:none;}
.sitewap{ display: none;}
.header_one .site{overflow: hidden; margin-top: 0px; padding: 5px 0px;}
.header_one .site dd{ float: left; height: 30px; line-height: 30px; padding-left: 30px; margin-right: 20px; transition: all 0.5s;}
.header_one .site dd a{ color: #999; border-right: 1px solid #dbdbdb; padding-right: 20px;}
.header_one .site dd a:hover{ color: #accd05;}
.header_one .site dd:hover{ transform: scale(1.05);}
.header_one .site dd.oa{ background: none; padding-left: 0; width: 40px; float: right;}
.header_one .site dd.search{ 
	background: none;
	padding-left: 0;
	float: right;
	padding-right: 0px;
 }
.header_one .site dd.search a{border: none;}
.header_one .site dd.search img{margin-top: 5px;}



/* Header  Start*/
.logo{float:left; height: 85px;}
.logo a{ height:85px; display: table-cell;vertical-align:middle;text-align:center;}
.logo img{width: 300px;vertical-align:middle;}

.header_two{width:calc(100%); border-bottom:1px rgba(255,255,255,.09) solid;padding:0 0%;transition:.5s; position: relative;box-shadow: 0 0 10px rgba(0,0,0,.2); z-index:1000;}


.nav{width:100%;height:85px;margin:0 auto;float:left;box-sizing:border-box;}
.nav ul{display:inline-block;float:right;}
.nav ul li{float:left;font-size:16px;list-style:none; text-align:center;position: relative; /*width:90px;*/padding: 0 20px;}
.nav li.zizhan{ display: none;}
.nav ul li:hover{border-bottom:2px #2f3086 solid;background:rgba(0,0,0,.1)}
.nav ul li>a{color:#333;display:block;line-height:85px}
.nav ul li a:hover{color:#333;text-decoration:none}
.nav ul li .search{ margin-top:32px; margin-bottom:35px;}
.nav ul li .erji{width:150%; background:rgba(255,255,255);position:absolute; left:-25%;text-align:center; display: none; z-index: 99999;top: 87px;box-shadow: 0px 2px 2px #ddd;}
.nav ul li .erji a{color:#333;line-height:40px;font-size:14px;opacity:.9; display: block;}
.nav ul li .erji a:hover{background:rgba(0,0,0,.1);color:#accd05;}

.header_two .menu{
	top: 0px;
	right: 10px;
	background: #20217d;
	padding: 10px;
	margin: 20px 0;
	position: absolute;
}
.header_two .menu span{
	display: block;
	height: 3px;
	width: 22px;
	background: #ffffff;
	margin-bottom: 4px;
}
.header_two .menu span:last-child{
	margin-bottom: 0;
}

.wap .header_two.white{width:100%; position:fixed; left:0; z-index:10000; background: none; padding:0 0%; transition:.5s; box-shadow:0 0 10px rgba(0,0,0,.2)}
.wap .header_two.white a img:last-child{display:none}
.wap .header_two.white a img:first-child{display:block}
.wap .header_two.white .nav ul li>a,.wap .header_two.white .site dd a{color:#fff;}
.wap .header_two.white .erji{background:none;border-top:1px rgba(0,0,0,.1) solid;}
.wap .header_two.white .erji a{color:#ccc}

/*手机端导航样式*/
.wap .header_two.header_hide {
    position: fixed;
    background: none;
}
.wap{ width: 100%; height: 100%; background:rgba(0,0,0,0.8); padding: 0; position: fixed; z-index: 9999;}
.wap .header_two{ padding: 0; border: none;}
.wap .header_two .container{ padding: 0;}
.wap .header_two .logo{border-bottom:1px rgba(255,255,255,.09) solid; width: 100%; padding-left: 15px; padding-bottom: 20px;}
.wap .site{ display: none;}
.wap .nav{ height: auto; border: none;}
.wap .nav ul{ width: 50%; float: left;}
.wap .nav li{ width: 100%; float: none;background:rgba(0,0,0,0.3); margin-bottom: 2px;}
.wap .nav ul li>a{color:#fff;display:block;line-height:53px}
.wap .nav li.zizhan{ display: block;}
.wap .nav ul li.lang{ width: 100%!important; margin-left: 0; text-align: center;}
.wap .nav ul li.search{ display: none;}

.wap .nav ul li .erji{width:50%;height:100%; background: none; position:absolute; top:100px; left:50%; text-align:center; display: none; box-shadow: none;}
.wap .nav ul li .erji a{color:#ccc; margin:0 15px; line-height:50px; font-size:14px; opacity:1; width: 100%; display: block;}
.wap .nav ul li .erji a:hover{opacity:1}
.wap .pageheader .nav ul li{float:left;font-size:16px;list-style:none;width:100%;text-align:center}
.wap .pageheader .nav ul li>a{color:#fff;display:block;line-height:53px}






.close{ 
	top: 0px;
	right: 10px;
	padding: 10px;
	margin: 20px 0;
	position: absolute;color: #fff; font-size: 36px;
	display: none;
}

@media (min-width: 1130px) and (max-width: 1260px){
	.header_two{ padding: 0;}
	.header_two .container{ width: 100%;}
}

@media (min-width: 991px) and (max-width: 1130px){
	.header_two{ padding: 0!important;}
	.header_two .container{ width: 100%;}
	.nav ul li{float:left;font-size:16px; width: auto!important; padding: 0 10px; list-style:none;text-align:center}
	.nav ul li.search{ display: none;}
	.site dd.oa{ display: none;}
	.site dd.email{ display: none;}
	
	.pageheader .site{ display: none;}
	.pageheader .nav ul li{float:left;font-size:16px;list-style:none;width:70px;text-align:center}
	.pageheader .nav ul li>a{color:#fff;display:block;line-height:93px}
	.pageheader .nav ul li.lang{ width: 40px!important; text-align: left;}
	.pageheader .nav ul li.oan{ width: 40px!important; text-align: left;}
	.pageheader .nav ul li.search{ width: 40px!important; height: 53px; background: url(../images/search.png) no-repeat center center; margin-top: 20px;}
	/* .pageheader .nav ul li.search a{ display: block; width: auto!important; height: 20px;border-left:none!important; margin-top: 15px;} */
	.pageheader .nav ul li.emailn{ background: url(../images/email.png) no-repeat center center; padding-left: 0; width: 60px; margin-left: 0px;}
	.pageheader .nav ul li.emailn a{ border: none;}
}

@media (min-width: 767px) and (max-width: 991px){
	/* Header  Start*/
	.site{display: none;}
	.nav ul{display: none;}
	.nav ul li{position: static;}
	.disabled-link{
        cursor: default;
        pointer-events: none;        
        text-decoration: none;
        color: grey;
    }
}

@media screen and (max-width:767px) {
	/* Header  Start*/
	.site{display: none;}
	.nav ul{display: none;}
	.nav ul li{position: static;}
	.disabled-link{
        cursor: default;
        pointer-events: none;        
        text-decoration: none;
        color: grey;
    }
	.logo img{width: 180px;vertical-align:middle;}
	
	.sitewap{ overflow: hidden; margin: 4%; display: block;}
	.sitewap dd{ float: left; height: 30px; line-height: 30px; padding-left: 30px; width:30%; transition: all 0.5s; margin-top:3%; font-size:12px;}
	.sitewap dd a{ color: #666;}
	.sitewap dd a:hover{ color: #ccc;}
	.sitewap dd:hover{ transform: scale(1.05);}
	.sitewap dd:nth-child(3){padding-left: 63px; width:39%;}
	.sitewap dd:nth-child(6){width:39%;}
}






/*底部*/
.xunjia{ background: #eaeaea; position: fixed; bottom: -165px; width: 100%; z-index: 9999;}
.footBg{ background:#ffffff; position:relative; font-size: 14px;}
.foot{ padding: 35px 0;}
.ftLef{ float:left; width:65%; font-style:normal; list-style:none; position:relative; overflow:hidden;}
.ftLef li{ float:left; width:20%; margin-bottom:15px;}
.ftLef .clearfix {
    margin-bottom: 20px;
}
.ftLef a{ color:#333;}
.ftTit{ font-size:18px; line-height:200%; margin:5px 0; font-weight: bold;}
.ftLef dd img{ float: left; width: 300px;}
.ftLef dd span{ height: 30px; line-height: 30px; width: 210px; margin-left: 10px; margin-top: 10px; display: block; float: left; position: relative;}
.ftLef dd span b{position: absolute; z-index: 1; font-size: 18px; bottom: -2px;}
.ftLef dd span:before{position: absolute; content: ''; display: block; background: #accd0552; height: 13px; width: 100%; z-index: 0; bottom: 0;}

.ftCon a{font-size:14px;color:#a0a0a0;display:block;margin-bottom:5px;line-height:30px;transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s}
.ftCon a:hover{color:#cdcdcd;width:100%;text-decoration:none;padding-left:5px;}
.ftLef li.last{ width:40%;}
.ftLef li.last .ftCon{ font-size:0;}
.ftLef li.last p{ font-size:14px; display:inline-block; vertical-align:middle; width:50%;}


.ftRig{ float:right; width:35%;}
.ftRigCon{ margin-bottom:15px;}
.address,.addressen{ line-height: 30px; background: url(../images/foot-addbg.png) no-repeat left center; padding-left: 30px;}
.ftWechat{ float:left; text-align: center; margin-top: 20px; font-size: 14px; color: #333333;}
.ftWechat dd{float: left; width: 48%;}
.ftWechat dd:first-child{margin-right: 4%;}
.ftWechat dd img{ margin-bottom:5px;}
.ftWechat p{ opacity:0.5; margin:10px 0;}


.copyRight{ overflow:hidden; background: #eaeaea; color: #333333; text-align:left; line-height:30px; font-size: 14px; padding: 10px 0px;}
.copyRight a{ color:#333333;}
.copyRight dd{ float: right;}

@media (min-width: 767px) and (max-width: 991px){
	.ftLef{ float:left; width:100%; font-style:normal; list-style:none; position:relative; overflow:hidden;}
	.ftRig{ float:right; width:100%;}
	.ftWechat dd{float: left; width: 48%; display: none;}
}

@media screen and (max-width:767px) {
	.ftLef{display: none;}	
	.ftRig{ float:right; width:100%;}
	.ftWechat{ float:left; text-align: center; margin-top: 20px; font-size: 14px; color: #333333; width: 100%;}
    .addressen{ line-height: 30px; background: url(../images/footen-addbg.png) no-repeat left center; padding-left: 30px;}
}




.title{overflow: hidden;margin-bottom: 30px;}
.title h2{ 
	color: #333333; 
	font-size: 22px; text-align: left;
	position: relative;
	height: 30px;
	line-height: 30px;
	float: left;
	z-index: 999;
	width: 100%;
}
.title h2 span{position: relative; z-index: 999; font-weight: bold;}
.title h2:before{
	content: '';
	position: absolute;
	height: 10px;
	width: 88px;
	background: #accd05;
	bottom: 5px;
	left: 0px;
	z-index: -1;
}
.title p{ color: #cccccc; font-size: 16px; line-height: 30px;}
.title dd{ width: 45%;}
.title a{ color: #666666; font-size: 14px; line-height: 30px; padding-top: 10px; float: left; position: relative; line-height: 30px; padding-right: 20px; font-size: 16px;}
.title a span{position: relative; z-index: 999; font-weight: bold;}
.title a.active:before{content: '';
	position: absolute;
	height: 10px;
	width: 63px;
	background: #accd05;
	bottom: 5px;
	left: 0px;
	z-index: 1;}
.title a.more{ font-size: 14px; float: right; padding-right: 0px;}
.title a.more:hover{ color:#accd05;}


.title2{text-align:center; padding-bottom: 10px;}
.title2 h2{ 
	color: #999;
    font-size: 18px;
    text-align: left;
    height: 40px;
    line-height: 40px;
    float: left;
}
.title2 p{ color: #cccccc; font-size: 16px; line-height: 30px; margin-top: 5px;}