﻿#top_box{position: fixed;top: 0px;width: 100%;z-index: 100;}
#wrap{height:65px;}

.div_online{ width:100%;height: 3px;background-color: #e8e8e8; }
.nav{width:100%; background-color:rgba(0, 0, 0, .85); height:65px;  position: relative; margin:0 auto;min-width: 1200px;display: flex;justify-content: space-around; }
.nav .logo{ width:260px;  position: absolute;left: 30px;top: 0px;}
.nav .phone{background:url("../images/phone.png")  0 0 no-repeat;  width:30px; height:50px;  }
.nav .phoneLable{ position:absolute; margin:-60px 0 0 40px; display:block;}
.alpha_bg2{position: absolute;left: 0;top: 0;width: 100%;height: 63px; height: 63px;filter: alhpa(opacity:95);opacity: 0.95;z-index: 0;}
.alpha_bg{width:100%; height:80px; background:#FFF; filter:alhpa(opacity=30); opacity:0.3; position:absolute;left:0; top:63px;z-index:0; display:none; opacity:0; filter:alpha(opacity=0);}
.nav ul{ height: 65px;}
.nav ul li{float:left;text-align:center; margin-right: 40px;margin-bottom: 10px;}
.nav ul li a{display: inline-block;height: 38px;padding-top: 20px;color: #6c7788;font-size:14px;cursor: pointer;}
.nav ul li label{display: inline-block;height: 38px;padding-top: 20px;color: #6c7788;font-size:16px; }
.nav ul li .active1{color:#ff1010;}
.nav .ul2
{
   
height: 80px;
position: absolute; 
margin-left: -387px;
top: 58px;
opacity: 0;
filter: alpha(opacity=0);
z-index: 2;
display: none;}
.nav .ul2 li{float:left; display: block; width: 128px;height: 47px; position:relative; text-align: left;}
.nav .ul2 li a{display:inline-block;color:#000;width:148px; height:47px; padding-top:0; font-size:14px;}
.nav .m1 li{margin:18px 45px 0 66px}
.nav .m2 li{margin:18px 28px 0 38px;}
.nav .m3{height:150px}
.nav .m3 li{margin:18px 28px 0 38px;}
.nav .m4 li{margin:18px 0px 0 10px;}
.nav h2{ color:#17a2ad; font-size:32px; line-height:65px;  }
.nav .ul2 .txt span{position:absolute;  left:56px; top:0; }
.nav .ul2 .txt_thr span{position:absolute;}
.nav .ul2 .txt_fiv a{width:142px;}
.nav .ul2 .txt_six a{width:156px;}
.nav .ul2 .txt_sev a{width:170px;}
.nav .ul2 li a span{display:inline-block;margin-top: 13px;margin-right: 16px; float:right;}
.nav .ul2 li a i{display:inline-block;width:47px;height:47px; float:left; background-image:url("../images/nav_icon.png") ; background-repeat:no-repeat;}
 .nav .ul2 li .ibk { background: none repeat scroll 0 0 #fff; float:left; left: 0px; height: 47px; position: absolute; top: 0; width: 47px; opacity: 0.1; filter: ahpha(opacity=10); z-index: -1; display: block; }
.nav .ul2 li .i1{background-position: -155px 0 ;}
.nav .ul2 li .i2{background-position: 0 0 ;}
.nav .ul2 li .i3{background-position: -52px 0 ;}
.nav .ul2 li .i4{background-position: -104px 0 ;}
.nav .ul2 li .i5{background-position: -207px 0 ;}
.nav .ul2 li .i6{background-position: -259px 0 ;}
.nav .ul2 li .i7{background-position: -.bannerjifen 0 ;}

.nav_ul_li_color{ color:Red;} 
 
.top_boxr {display: flex;justify-content: space-around;align-items: center;width: 790px;height: 65px;}
#top_box2 ul.top_boxr li.lastprolist {background: #ffae00;color: #fff;}
#top_box2 ul.top_boxr li.lastprolist a {padding-top: 0px;color: #fff;}
#top_box2 ul.top_boxr li.lastprolist:hover {background: #17a2ad;color: #fff;}
 
 
 .bannerJixiao{height:200px;padding-top:97px;background:url(../images/banner_jixiao.jpg) no-repeat 50% bottom;margin-top: -7px;}
 .bannerMUBIAO{height:200px;padding-top:97px;background:url(../images/banner_mubiao.jpg) no-repeat 50% bottom;margin-top: -7px;} 
 .bannerZHANLUE{height:200px;padding-top:97px;background:url(../images/banner_zhanlue.jpg) no-repeat 50% bottom;margin-top: -7px;} 
 .bannerjifen{height:200px;padding-top:97px;background:url(../images/banner_jifen.jpg) no-repeat 50% bottom;margin-top: -3px;} 
 .bannerBIAOZHUNHUA{height:200px;padding-top:97px;background:url(../images/banner_biaozhunhua.jpg) no-repeat 50% bottom;margin-top: -7px;}
 .bannerContact{height:200px;padding-top:70px;background:url(../images/contact_ban.png) no-repeat 50% bottom;margin-top: -7px;}
 .bannerBANZU{height:200px;padding-top:97px;background:url(../images/banner_banzu.jpg) no-repeat 50% bottom;margin-top: -7px;} 
 .top_boxP{position: fixed;top: 0px;width: 100%;z-index: 100;}
 .top_boxl{ float:left;margin-left: 100px;}
 #top_box2{ height:70px; }
 #top_box2 ul.top_boxr li:hover{ background:#17a2ad; color:#fff;}
 #top_box2 ul.top_boxr li{ text-align:center; cursor:pointer; font-size:14px; color:#666666; height:30px; line-height:30px; background:#e8e8e8; border-radius:2px; padding:0 10px; position:relative;margin-right:0px;top: 6px;}
.pro_h2title ul.fr li.hover{ background:#17a2ad; color:#fff;}



.nav-head ul{ margin: 0 auto;width: 440px; }

.LXphone {display: inline-block;display: flex;align-items: center;justify-content: space-around;height: 65px;width: 90px;position: absolute; top: 0px; right: 200px;cursor: pointer;}

.LXphone-show { transition: all .3s;height: 0; position: absolute;width: 200px;top: 65px;left: 10px;background-color: rgba(255, 255, 255, .85);text-align-last: justify;text-align: justify;overflow: hidden;}

.LXphone:hover .LXphone-show{ height: 100px;display: block;padding: 10px }


