.wrap{ width: 100%; }
/*头部top*/
.topwrap{ background: #eee;}
.top{ max-width: 1200px; margin: 0 auto; height: 30px; line-height: 30px; text-align: right;}
.top a{ margin-right: 25px; font-size: 15px; color: #888;}
.top a:hover{ color: #2589ff;}

/*头部head*/
.head{ max-width: 1200px; margin: 0 auto; position: relative;}
.head:after{ content: ""; display: block; visibility: hidden; clear: both;}
.head .logo{ float: left; position: relative; margin-top: 12px;}
.head .logo a{ display: inline-block;}
.head .logo a img{vertical-align: middle;}
.border_b{ border-bottom: 1px solid #74b6dc;} 

.logo .tel{ display: none; position: absolute; right: -54px; top: 50%; margin-top: -20px; width: 40px; height: 40px; text-align: center; line-height: 44px; background: #2589ff; vertical-align: middle; font-size: 0;}
.logo .tel:after{ content: ""; visibility: hidden; height: 100%; vertical-align: middle;}
.logo .tel img{ vertical-align: middle;}

/*导航nav*/
.nav_btn{ display: none; position:absolute; right: 10px; top: 50%; margin-top: -15px; vertical-align: middle; background: url(../images/nav_btn.png) no-repeat; width: 40px; height: 40px; cursor: pointer;  }
.nav{ float: right; text-align: right;}
.nav ul{}
.nav ul li{ display:inline-block; padding: 0 21px; position: relative; line-height: 99px; }
.nav ul li span{ font-size: 18px; cursor: pointer; display: block;}
.nav ul li.active a,.nav ul li.active .submenu_span{ color: #2589ff; text-decoration: none;}
.nav ul li a{ color: #333; font-size: 18px; display: block;}
.nav ul li a:hover,.nav ul li:hover span{ color: #2589ff;}

.nav ul .phone_submenu{ display: none;}
.nav ul li.sub_li{ background: url(../images/nav_sanjiao.png) no-repeat right center;}
.nav ul .sub_li_ul{ display: none; position: absolute; top: 99px; left: 0; width: 110px; z-index: 99; line-height: 40px; background: #fff; border: 1px solid #f0f0f0;}
.nav ul .sub_li_ul li a{ color: #999;}
.nav ul .sub_li_ul li:hover a{ background: #2589ff; color: #fff;}
.nav ul li.active .sub_li_ul .active a{ color: #fff; background: #2589ff;}
.nav ul .sub_li_ul li{ padding: 0; text-align: center; width: 100%; line-height: 40px; display: block; border-bottom: 1px solid #f0f0f0;}



/*底部*/
.foot_bg{ background: #323a45;}
.foot{ max-width: 1200px; margin: 0 auto; padding: 66px 0;}
.foot .fleft{ float: left; width: 50%;}
.foot .fleft img{ max-width: 100%;}
.foot .fright{ float: right; margin-top: 30px; text-align: right; width: 50%; }
.foot .fright .fnav li{ display: inline-block; margin-left: 40px; white-space: nowrap;}
.foot .fright .fnav li:nth-of-type(1){ margin-left: 0;}
.foot .fright .fnav li a{ color: #c5c5c5; font-size: 20px;}
.foot .fright .fnav li.current a{ color: #63b2ff;}
.foot .fright .qq{ font-size: 18px; color: #999; margin-top: 16px; text-align: right; }
.bottom{ padding: 16px 10px 26px; text-align: center; background: #333232;}
.bottom p{ font-size: 14px; color: #999; margin-top: 10px;}



@media only screen and (max-width:1100px) {
	.logo{ margin-left: 10px;}
	.nav_btn { display: block;}
	.nav{ display: none; background: #f0f0f0;float: none; margin: 0; position: absolute; right: 0; width: 160px; top: 64px; z-index: 9999;}
	.nav ul li{ margin: 0; line-height: 44px; text-align: center; display: block; padding: 0; border-bottom: 1px solid #ccc; }
	.nav ul li:nth-last-of-type(1){ border: 0;}
	.nav ul li.sub_li{ background: none;}
	.nav ul li a:hover{ background: #2589ff; color: #fff;}
	/*.nav ul li:hover .submenu_span{ background: #2589ff; color: #fff;}*/
	.nav ul li.active a{ background: #2589ff; color: #fff;}
	.nav ul li.active ul li a{ background: #fff; color: #666;}
	.nav ul li.active ul{ display: block;}
	
	.nav ul li ul{ background: #fff; border: 1px solid #f0f0f0;}
	.nav ul li ul li a{ color: #666;}
	.nav ul li ul li:nth-last-of-type(1) a{ border: none;}
	.nav ul .sub_li_ul{ top: 44px; width: 100%; position: static; }
	
	.nav ul .phone_submenu{ display: block;}
	.nav ul .submenu_span{ position: relative;}
	.nav ul .submenu_span:after{ content: ""; position: absolute; display: block; width: 10px; height: 10px; right: 10px; border-left:1px solid #333; border-bottom: 1px solid #333; top: 60%; -webkit-transform: translateY(-50%) rotate(135deg);transform: translateY(-50%) rotate(135deg);}
	.nav ul .ico_up:after{ top: 45%;  -webkit-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);}
	.nav ul li.active .ico_up:after{ }
	
	
	.topwrap{ display: none;}
	
	.foot .fleft{width: 100%; text-align: center;}
	.foot .fright{ width: 100%; text-align: center; margin: 0;} 
	.foot .fright .fnav { display: ; margin-top: 10px;}
	.foot .fright .fnav:after{ content: ""; display: block; visibility: hidden; clear: both;}
	.foot .fright .fnav .sybz{ display: none;}
	.foot .fright .fnav li{ margin-left: 0; width: 50%; text-align: center; float: left;}
	.foot .fright .qq{ text-align: center;}
}


@media only screen and (max-width: 768px) {
    html,body{cursor: pointer;}
    /*头部*/
	.logo .tel{ display: inline-block;}
	
	.head .logo { max-width: 60%; }
	.head .logo a img{ width: 100%; }
	
	.foot_bg{ margin-top: 1px;}
	.foot{ padding: 30px 0; }
	
	.nav ul li:hover span{ color: #333;}
	
}