/*Reset*/
.xian { margin-top: 40px; border-top-width: 1px; border-top-style: dotted; border-top-color: #CCC; }
*{padding:0; margin:0}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label,ol{margin:0;padding:0;border:0; font-size:14px; font-weight:normal}
img{border:none}
object,.dis{display:block}
ul,ul li,ol,ol li,menu li{list-style:none}
.cls{clear:both;line-height:0px!important;height:0px!important;font-size:0px!important}
.mt20{ height:20px;}
select,input{vertical-align:middle;font-size:14px}
a{color:#333;text-decoration:none}
.undis,.hidden,.play{display:none}
/*basic*/
html{height:100%;width:100%}
body{margin:0px;padding:0px;font-size:12px;color:#444; font-family:'微软雅黑', 'HELVETICANEUELTPRO-THEX','FZLTXHK';_background-image: url(about:blank);_background-attachment:fixed}
.wrap{width:1200px;margin:0 auto;position:relative}
.mobile_nav_wrap{width:100%;position:relative}
.cm_ico{background:url(common_bg.gif) no-repeat}
.cm_ico2{background:url(toptel_bg.png) no-repeat;}
.kg{ width:22px; float:left;}
/*头部*/
.pchtel{display:inline-block;color:#00C;font-weight:bold;Opacity:0.7;Filter:alpha(opacity=70);}
.headerTop {background:#039;height:49px;border-bottom:1px solid #e6e6e6;position:relative;z-index:111}
.headerTop h1{color:#999;font-size:16px;padding-top:14px;font-weight:bold; white-space:nowrap}
.headerTop h1 span.cm_ico2{width:24px;height:24px;display:inline-block;vertical-align:middle;margin-right:16px}
.headerTop h1 strong{font-size:16px;color:#fff}

.headerTop menu{position:absolute;right:0px;top:16px;float:right;_width:476px}
.headerTop menu li{float:left;color:#FFF;}.headerTop menu li a{ color:#FFF;}
.headerTop menu li a.qq{width:15px;height:15px;background-position:-28px 0;display:inline-block;vertical-align:middle}
.headerTop menu li a.msg{width:15px;height:15px;background-position:-53px 0;display:inline-block;vertical-align:middle}
.headerTop menu li a.qq:hover{background-position:-237px -38px}
.headerTop menu li a.msg:hover{background-position:-262px -38px}
.headerTop menu li.line{height:12px;width:1px;float:left;overflow:hidden;background:#dcdcdc;padding:0;display:inline;margin:3px 17px 0}
.headerTop .sline{width:1px;height:12px;background-position:-139px -22px;vertical-align:middle;overflow:hidden;margin:0 11px 0 7px;display:inline-block}
.headerTop span.text{display:inline-block;padding-right:9px;vertical-align:middle}
.headerTop menu li a:hover{color:#fff;}
.headerTop .icon_jia{width:12px;height:12px;display:inline-block;background-position:-78px -2px;margin-right:2px;vertical-align:middle;_top:2px; position:relative}
.mobilehtel{display:none;color:#00C;font-weight:bold}
/*导航*/
.nav{width:100%;position:relative;z-index:1111;height:115px;background-color: white;}
.logo{ float:left; padding-top:30px;}

/*导航跟随*/

    div#float_tool{position:fixed;top:40%;right:0;z-index:999999999999;}
    div#float_tool a{text-decoration:none}
    .float_Qr,.float_chat,.float_top,.float_tell{display:block;width:60px;height:60px;background:none;margin-bottom:2px;overflow:hidden;transition:all .5s ease-in-out;-wekbit-transition:all .5s ease-in-out;right:-10px;}
    #back-to-top{display: none}
    .float_Qr_big{position:absolute;top:124px;right:60px;display:none;transition:right .5s ease-in-out;-wekbit-transition:right .5s ease-in-out;z-index:99999999}
    .float_Qr:hover .float_Qr_big{display:block;transition:right .5s ease-in-out;-wekbit-transition:right .5s ease-in-out}
    .showTel{position:absolute;top:62px;right:60px;display:none;transition:right .5s ease-in-out;-wekbit-transition:right .5s ease-in-out}
    .float_tell:hover .showTel{display:block;transition:right .5s ease-in-out;-wekbit-transition:right .5s ease-in-out}
    .showTel{
        background:url(tel_border_right.png) no-repeat right top;
    }
    .showTel .tel-hover-panel {
        width: 230px;
        height: 90px;
        background-color: #fff;
        margin-right: 10px;
        padding: 0 20px;
        border-top: 8px solid #1677d2;
        border-left: 1px solid #1677d2;
        border-bottom: 1px solid #1677d2;
        text-align: left;
        -webkit-box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.15);
    }
    .showTel .tel-hover-panel .top-area {
        position: relative;
        width: 100%;
        padding: 15px 0;
    }
    .showTel .tel-hover-panel .top-area .desc{font-size:16px;font-weight: bold;}
    .showTel .tel-hover-panel .top-area .phone{font-size:14px;font-weight: bold;}
    .showTel .tel-hover-panel .top-area .top-left-icon {
        width: 50px;
        float: left;
        padding: 10px 0;
    }
    .showTel .tel-hover-panel .top-area .top-right-text {
        padding-right: 10px;
        float:right;
        height: 54px;
        color: #666;
    }
    div#foot_tool{width: 100%;height:auto;position: fixed;z-index: 10000;bottom: 0;}
    .foot_color {width: 100%;height: 60px;background: #00498d;}
    .foot_fixed li{width: 20%;height: 60px;float: left;text-align: center;}
	.foot_fixed p{color: #fff;font-size:14px;}
    .foot_fixed a {width: 100%;height: 35px;}
    .foot_fixed img {width: auto;margin-top: 10px;}
    .foot_fixed li.spcial img {margin-top: 2px;margin-bottom: 5px;}
/*1280宽度*/
/* for 1400px or less */



.tt{ background-color:#ececec; width:100%; height:34px; text-indent:20px;font-family: "黑体"; font-size:18px; font-weight:bold; line-height:34px;  margin-top:20px;}
.tt .ti{ font-size:16px; font-weight:normal; padding-left:10px; color:#00C; font-family: Arial, Helvetica, sans-serif;}
.te{border-top:solid #ececec 1px; border-left:1px solid #ececec; display:table; margin:16px auto 0; widows:100%;}
.te li{float:left;color:#999;text-align:center; border-right:1px solid #ececec; border-bottom:1px solid #ececec; padding:1px 4px;}


 select {
	margin:0;
 	border:1px solid #CCC;
	padding:8px;
	-webkit-box-shadow:#DFDFDF 0 1px 2px 0 inset;
	box-shadow:#DFDFDF 0 1px 2px 0 inset;
	width:150px;
 	font:14px/1.6 微软雅黑,tahoma,arial;	outline:none;

}


.menu { float:right; padding-top:45px;}
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
.hide{ height:35px; line-height:35px;}
.menu ul li {
float:left; 
position:relative; margin:0 10px;
}
.menu ul li a, .menu ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:80px; 
color:#fff; 
font-size:16px; border-radius:5px; font-weight:bold;
}
/* make the dropdown ul invisible */
.menu ul li ul {
display: none;
}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
color:#fff; 
background:#999; color:#181818;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:115px; 
left:0; 
width:105px; 
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block; 
background:rgba(232,236,237, 0.9); 
color:#181818; line-height:35px;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
background:#959696; 
color:#181818;
}
.mobile{ display:none;}
.pc{ display:block;}
.xwbt{ text-align:center; padding-bottom:15px;}
.xwbt p span{ padding:0 10px;}
@media screen and (max-width: 767px) {
	.wrap{ width:100%;}
	.mobile{ display:block;}
.pc{ display:none;}
.header1 {width: 100%;height: auto;}
.nav1{ width: 100%;}
.nav1 p{width: 70%; margin:0 auto; padding:1% 0;}
.nav1 img{ max-width:100%;}
.nav2 ul{ background:#00498d;}
.nav2 ul li{ float:left; width:25%; text-align:center;}
.nav2 ul li a{ display:block; width:100%; border-right:1px solid #3179bd; line-height:35px; border-bottom:1px solid #3179bd; color:#fff;}
.nav2 ul li:nth-of-type(4) a{ border-right:none; }
.nav2 ul li:nth-of-type(8) a{ border-right:none; }
}