@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,div{margin:0;padding:0;}
img{border:0;}
ul,ol,li{list-style:none;}
a{ text-decoration:none; outline:none; color:#333;}
a:hover{ color:#ff6700}
body{font-size:14px; background:#fff; color:#333;font-family:"Microsoft YaHei","微软雅黑"}
div,ul{height:auto; overflow:hidden}

.clear{padding:0; width:100%; height:1px; clear:both;}

.header_frame{ width:100%;}
.wrap{ width:1200px; margin:0 auto;}
.mg10{ margin-top:10px;}

.header{ position:relative;}
.logo{ float:left;width:450px; margin-top:10px;}

.top_menu{font-size:12px;text-align:right;height:20px;line-height:20px; position:absolute; right:0; top:5px;}
.top_menu a{ margin-left:5px; display:inline; font-family:Arial, Helvetica, sans-serif}

.phone{font-size:22px;color:#ff6700; background:url(../Images/tel.png) no-repeat left top; padding-left:50px;font-family:Arial; position:absolute; right:0; top:35px; height:35px; line-height:35px;}

#nav,.m-nav{width:100%; background:url(../Images/nav_bg.png) repeat-x;}
#nav ul li{ float:left;font-size:14px; width:120px;line-height:42px;height:47px;}
#nav ul li a{ font-weight:bold; font-size:16px; display:block;text-align:center; color:#fff}
#nav ul li.sep{width:2px; background:url(../Images/sep.gif) no-repeat center;}

#nav li ul{display:none;position:absolute;left:auto; z-index:10000;width:130px;background:#fff;height:auto;}
#nav li ul li{height:30px;line-height:30px;float:none; border-bottom:1px dotted #ddd;}
#nav li ul li a{color:#333;font-weight:normal; font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#nav ul li ul li a:hover{ color:#ff6700;}
.m-nav{ display:none;}

.left{float:left; width:200px;display:inline; background:#ff6700; padding:15px; border:1px solid #db5800;-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.5); -moz-box-shadow: 2px 2px 4px rgba(0,0,0,.5); -o-box-shadow: 2px 2px 4px rgba(0,0,0,.5); box-shadow: 2px 2px 4px rgba(0,0,0,.5);}
.left h2{ line-height:40px; height:40px;font-size:20px; color:#fff;font-weight:normal; border-bottom:1px solid #db5800;-webkit-text-shadow: 2px 2px rgba(0,0,0,0.2); -moz-text-shadow: 2px 2px rgba(0,0,0,0.2); -o-text-shadow: 2px 2px rgba(0,0,0,0.2); text-shadow: 2px 2px rgba(0,0,0,0.2);}
.left ul{border-top:1px solid #f4883f; padding-top:20px;}
.left,.left ul{ overflow:visible; }
.left ul li{ height:auto;}
.left ul li a{font-weight:bold;border:1px solid #ccc;background:url(../Images/tt_bg.gif) repeat-x top;line-height:35px;padding-left:30px;display:block; margin-bottom:10px;-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.3); -o-box-shadow: 2px 2px 4px rgba(0,0,0,0.3); box-shadow: 2px 2px 4px rgba(0,0,0,0.3);}
.left ul li a:hover{color:#ff6700;}
.left ul li a.shover{ position:relative}
.left ul li a.shover:after{ content:''; position:absolute; right:20px; width:11px; height:6px; top:16px; background:url(../Images/icon.png) no-repeat center}

.left ul li ul{ display:none; padding-bottom:10px; border:0; padding-top:0}
.left ul li li a{border:0; padding-left:50px;background:url(../Images/icon_02.png) no-repeat 30px center #fff;line-height:30px; margin-bottom:0;}
.left ul li li a:after{ display:none}

.left_contact{ margin-top:30px;}
.left_contact ul{ color:#fff; line-height:25px;}

.footer{width:100%;color:#555; margin:10px auto 0; border-top:1px solid #D7D7D7;background:#f1f1f1; padding-top:10px}
.footer a{ color:#555}
.foot_nav{ height:35px; line-height:35px; text-align:center;font-size:10px; color:#999;}
.foot_nav a{padding:0 10px; font-size:12px; font-weight:bold}
.foot_copy{text-align:center; line-height:20px;padding-bottom:10px; font-family:Arial}

.foot_link{border-bottom:1px dotted #d4d4d4;text-align:center; padding:10px; padding-top:0}
.foot_link a{ display:inline-block; padding:0 10px;line-height:25px;}
.ad2{ margin-top:10px;}
.ad2 img{ margin-bottom:5px;}


.m-nav li{ float:left;line-height:40px;height:40px; padding:0 10px;font-size:16px;color:#fff;}
.m-nav li.mobile-nav{float:right; background:url(../Images/mobilemenu-icon.png) no-repeat center; background-size:30px auto; width:40px;}

.mob-nav-btn{display:block; padding-left:27px; height:15px; background: url(../Images/mobilemenu-icon.png) no-repeat;background-size: 20px 15px;color:#ffffff; text-transform: uppercase; line-height: 15px;}

.mob-nav-menu{position: absolute;z-index: 100;width: 100%;background: rgba(17, 17, 17, 0.9); top:116px;font-size: 12px; display:none}
.mob-nav-menu ul{margin-left: 0;list-style: none;}
.mob-nav-menu li{padding-bottom: 0;position: relative;}
.mob-nav-menu ul li a{display: block;padding: 15px 3%;border-bottom: 1px solid rgba(255, 255, 255, 0.07);color: #ffffff;}
.mob-nav-menu ul ul{background-color: rgba(255, 255, 255, 0.11);display: none;}
.mob-nav-menu ul ul li{padding-left: 2%;}
.mob-nav-arrow{position: absolute;top: 0px;right: 0px;width: 50px;height: 50px;border-left: 1px dotted rgba(255, 255, 255, 0.11);color: #ffffff;text-align: center;font-size: 20px;line-height: 30px;cursor: pointer;}
.mob-nav-arrow span{display: block; background:url(../Images/i5.png) no-repeat center; width:100%; height:100%}

.cbg{ background:#f7f8fa;}
@media screen and (max-width: 1200px){
	.wrap{ margin:0 10px; width:auto}
}
@media screen and (max-width: 1000px){
	.top_menu{ display:none;}
	.phone{ display:none}
	.logo{ float:none;width:100%;}
	.logo img{ width:100%}
	#nav{ display:none;}
	.m-nav{ display:block; margin-top:10px;}
	.foot_nav{ display:none;}
	.foot_copy{ padding-top:10px;}
}