
.top1{ height:32px; background-color:#efefef; width:100%; color:#333; line-height:32px; overflow:hidden;font-size: 13px;}
.top1 span{font-weight: bold;color: #0066cc;position: relative;font-size: 16px;}
.t1{ float:left;}
.t2{ float:right;padding-right:120px;}
.top1 a{ color:#333;}
.top1 a:hover{color:#0066cc;}
.t2 a{}
.t2 a{ display:inline-block;padding:0 10px;}
.t2 img{ line-height:32px; vertical-align:middle;}
.t2 .ti1,.t2 .ti2,.t2 .ti3{ width:90px; height:40px; text-indent:30px; }
.t2 .ti1{ background:url(ti1.png) no-repeat 10px 9px;}
.t2 .ti2{ background:url(ti2.png) no-repeat 10px 9px;}
.t2 .ti3{ background:url(ti3.png)  no-repeat 10px 9px;}
.top2{ padding-top:22px; height:105px; overflow:hidden; position: relative;}
.logo{ float:left;}
#fixed-foot{display:none;}
.top_slogn {
	float: left;
	width-: 550px;
	height: 50px;
	margin-top: 10px
}
      .hover{
            display: block;
            overflow: hidden;
            position: absolute;
        }
        .hover:hover{
            overflow: visible;
        }
        .hover .ex{
           position:absolute;
		  right:0px;
            width: 150px;
            background: #fff;
			z-index:9999;
			 border-radius: 2px;
        border: 1px solid #eee;
        text-align: center;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        }
.top_slogn ul li {
	display: block;
	float: left;
	width-: 250px;
	padding-left: 0px;
	height: 50px;
	color: #333
}

.top_slogn ul li i.iconfont {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 40px
}
.top_slogn ul li p b {
	display: block;
	line-height: 25px;
	font-weight: bold;
	font-size: 25px
}
.top_slogn ul li p {
	display: block;
	float: right;
	width-: 170px;
	height: 50px;
	font-size: 16px;
	line-height: 28px;
	padding-top:0px;
	font-weight: lighter
}



.tel{
    background: url(head_tel.png) left 10px no-repeat;
    padding-left:55px;
    padding-top:0px;
	float:right;
	width:280px;
}
.tel p{
    vertical-align: bottom;
    color:#666;
	font-size:15px;
}
.tel p span{
    color:#0066cc;
    font-size: 28px;
    font-weight: bold;
}
.nav{ height:58px; line-height:58px; width:100%; background-:url(bg_nav.jpg);background-color:#0066cc;}
.nav ul{  width:1200px; margin:0 auto;}
.nav li{ width:12.2%; float:left; text-align:center; box-sizing:border-box; display:inline; line-height:58px; background:url(navl.png) no-repeat right center;}
.nav li a{ color:#ffffff; font-size:16px;display:block; }
.nav li a:hover{ display:block; color:#ffffff; background:url(bg_nav_on.jpg) no-repeat center bottom;}
.cut {background:url(bg_nav_on.jpg) !important;}
/* 瀵艰埅鍥哄畾 */
#topNav.nav_fixed { position:fixed; top:0; left:0; right:0; width:100%; z-index:9; }
.wp_subtop{float:left;width:80px;line-height:50px;text-align:center;position:relative;}
.wp_subtop:hover{}
.menutop a{font-size:15px;text-align:center;color:#000; position: relative;}
.wp_subson{display:none;position:absolute;z-index:2;background: #0066cc;transition: all 0.3s ease 0s;width:100% !important;}
.wp_subtop:hover .wp_subson{display:block;}
.wp_subson a{padding-right: 1px;text-align: center;position: relative;background-color: #0066cc;height: 40px;line-height: 40px;border-bottom: 1px solid #1e7bd5;font-size: 14px !important;}
.wp_subson a:hover{}
.wp_subson a{color:#fff;font-size:14px;}

@media screen and (max-width: 1200px) {
.wrap,.banner,.nav,.ss{ width:100%; }
.m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8{ margin-bottom:5%;}
.fnav {	width: 100%;}
.logo{width: 30%;} 
.top_slogn {display:none;}
.tel{text-align:right;}
.nav ul{ width:100%;}
}
@media screen and (max-width: 980px) {
.search{ width:100%; background-image:none; margin:auto;}
.top1{ display:none;}
.top2{ height:auto; padding:10px 0px;}
.tel{ display:none;}
.logo{ width:100%; text-align:center;}
.top_slogn {display:none;}
}
@media screen and (max-width: 800px) {
#topNav.nav_fixed{position:relative;}
body,.text,.textarea,.input{font:12px/1.6 "\5fae\8f6f\96c5\9ed1","Arial","tahoma"!important;}
a{text-decoration:none;color:#666}
ul{list-style:none;margin:0;padding:0}
.spot{color:#f90}
.clearfix::after{content:"";display:table;clear:both}
.clearfix{overflow:hidden;zoom:1;}
img{max-width:100%;height:auto;border:0;vertical-align:top;}
.text,.textarea,.input{width:94%!important;padding:.5rem;border:1px solid #ccc;font-family:"\5fae\8f6f\96c5\9ed1"}
::-webkit-scrollbar {width:6px;height:6px;}
::-webkit-scrollbar-track-piece {background-color:#CCCCCC;-webkit-border-radius:6px;}
::-webkit-scrollbar-thumb:vertical {height:5px;background-color:#999999;-webkit-border-radius:6px;}
::-webkit-scrollbar-thumb:horizontal {width:5px;background-color:#CCCCCC;-webkit-border-radius:6px;}
.nav{ background-image:none; background-color:#0066cc; height:80px; line-height:39px;}
.nav li{ width:25%;  border-right:1px solid #1e7bd5; border-bottom:1px solid #1e7bd5; line-height:39px; background-image:none;}
.nav li a{ font-size:14px;}
.nav li a:hover{ background-image:none; height:39px;}
.search .tags{ width:100%;}
.syn1{ width:48%;margin: 1%;}
.syn2{ width:94%; margin-left:2%;}
.top_slogn {display:none;}
}