﻿@charset "utf-8";
/* CSS Document */
header{display: block; height: 88px; position: relative; background: #fff; z-index: 10;max-width: 1367px;text-align:center; margin: 0px auto;}
.header-main{width: 1365px; height: 88px; margin: 0px auto; position:absolute;}
.header-logo{height: 52px; display: block; float: left; margin-top: 15px;}
.header-logo img{height: 58px;}
.header-nav{display: block; width: 980px; height: 80px; margin: 0px auto;}
.header-nav div{float: left; height: 80px; padding: 0px 36px; background: url("../images/navline.png") right center no-repeat;}
.header-nav div.current>a{color: #ff6600; border-bottom:2px solid #ff6600; padding: 0px 6px;}
.header-nav div>a{display: block; white-space: nowrap; height: 54px; line-height: 54px; font-size: 18px; color: #333; margin-top: 13px;padding: 0px 6px;}
.header-nav div:hover>a{color: #ff6600;border-bottom:2px solid #ff6600;}
.header-nav div section{position: absolute; width: 100%; top: 80px; left: 0px; overflow: hidden; height: 0px;  display: block; background: #fafafa;transition:height cubic-bezier(0.3,0.2,0.5,0.8) 0.4s; -webkit-transition:height cubic-bezier(0.3,0.2,0.5,0.8) 0.4s;}
.header-nav div section::before{content: ""; display: block; width: 100%; height: 4px; background: #e6e6e6; left: 0px; top: 0px;}
.header-nav div section ul{max-width: 1600px; margin: 30px auto; overflow: hidden;}
.header-nav div section ul li{width: 13.6%; padding-left: 42px; border-left: 1px solid #e6e6e6; float: left;}
.header-nav div section ul li b{display: block; height: 20px; line-height: 20px; font-size: 16px; color: #333; font-weight: normal; margin-bottom: 15px;}
.header-nav div section ul li a{display: block; height: 30px; line-height: 30px; font-size: 14px; color: #666;}
.header-nav div section ul li a:hover{color: #0d67b3;}
.header-call{height: 20px; float: right; line-height: 20px; font-size: 16px; color: #ff6600; margin-top: 33px;}
.header-call img{height: 19px; float: left; margin-right: 17px;}
.header-nav>div:last-child{background: none;}
footer{display: block; min-height: 80px; background: #ff6600;}
.footer-main{max-width: 1600px; min-height: 80px; margin: 0px auto; position: relative;}
.footer-p{text-align: center; line-height: 30px; font-size: 14px; color:#fff; padding: 25px 0px;}
.footer-share{float: right; height: 42px; float: right; margin-top: 19px;}
.footer-share a{float: left; margin-left: 8px;}
.footer-share img{width: 42px; height: 42px;}
.y_line-title{height: 36px; line-height: 36px; border-left: 6px solid #ed1b23;  font-size: 36px; color: #333; padding-left: 19px;}
.y_more-Arrow{background: #fff;color: #333; display: block;font-size: 12px;position: relative;text-transform: uppercase;transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s;}
.y_more-Arrow b{display: inline-block;height: 9px;margin-left: 10px;overflow: hidden;position: relative;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;width: 30px;}
.y_more-Arrow b img{display: block;position: absolute;right: 0;top: 0;transition: all 0.3s linear 0s;}
.y_more-Arrow b img.g_hgh{opacity:0; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity:0;}
.y_more-Arrow:hover{color:#ff6600;}
.y_more-Arrow:hover b{width:80px;}
.y_more-Arrow:hover b .g_hgh{opacity:1; filter:alpha(opacity=100); -moz-opacity:1;  -khtml-opacity:1;}
.y_more-Arrow:hover b .g_hgq{opacity:0; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity:0;}
.g_btn-menu{display:none; position:absolute; right:0; top:0; width:25px;}
.g_btn-menu img{width:25px; display:block;}




@media  only all and (max-width:1600px) {
    .header-nav{width: 920px;}
    .header-main{margin: 0px 10px;}
}
@media  only all and (max-width:1500px) {
    .header-nav{width: 920px;}
}
@media  only all and (max-width:1300px) {
    .header-nav div{padding: 0px 30px;}
    .header-nav{max-width: 836px;}
}

@media  only all and (max-width:1200px) {
	.header-nav{max-width:100%; width:626px;}
	.header-nav div{padding:0 15px;}
	
}

@media  only all and (max-width:1000px) {
	.header-main{position:relative; padding-top:1px;}
	.header-call{float:none; position:absolute; left:15px; top:0;}
	.header-nav{position:absolute; width:112px; background:#fff; overflow:hidden; height:auto; top:80px; right:-10px; display:none;}
	.header-nav div{height:40px; background:none; padding:0 10px; width:auto; float:none;}
	.header-nav div > a{display:block; height:40px; line-height:40px; text-align:center; width:auto; padding:0; margin:0; border-bottom:1px solid #ccc; font-size:14px;}
	.header-nav div.current > a{border-bottom:1px solid #ccc;}
	.header-logo{float:none; margin:15px auto 0; display:block; text-align:center;}
	.g_btn-menu{right:0; top:0; display:block; width:40px; height:80px; overflow:hidden;}
	.g_btn-menu img{display:block; margin-top:30px;}
}
@media  only all and (max-width:550px) {
	.header-call{display:none;}
	.header-logo{text-align:left;}
	.footer-share{display:none;}	
}