html{ padding: 0px; margin: 0px; border: 0px; font-size: 16px;}
body{font-family: microsoft yahei,Helvetica; line-height: 2em; padding: 0px; margin: 0px; border: 0px; font-size: 16px;}
img{max-width: 100%;}
ol,ul,li{list-style:none; padding:0px; margin:0px;}

/*头部*/
.top{padding-top:15px; padding-bottom: 15px; overflow:hidden;border-bottom:1px solid #eaeaea;box-shadow:0 3px 8px 0 rgba(34, 34, 34, 0.1); line-height: 1.2em;}
.logo img{float:left;width:154px;}
.line {float:left;width: 1px;height: 35px;background-color: #c7c7c7;margin: 5px 19px;}
.slogen{float:left; margin-top: 3px;}
.slogen span {display: block;color: #333;font-size: 14px;}
.navline {float:right; margin-top: 0.5em; }
.navline li {float:left;margin: 0em 1em; font-size: 1em; line-height: 2em; padding-bottom: 0.5em; border-bottom: 2px solid #fff;}
.navline li a{color: #333; text-decoration: none;}
.navline li a:hover{color:#2B8CF4;}
.navline li:hover{border-bottom: 2px solid #2B8CF4; color: #2B8CF4;}
.navline li:nth-of-type(1) a {color:#2B8CF4;}
.navline dl{ font-size: 0.8em; display: none;position:absolute; z-index: 9; padding: 3em 0em; line-height: 1.5em; width: 100%; background-color: #fff; border-top: 1px solid #eee; text-align: center; left:0; top:80px;}
.navline dl dd{ display: inline;}
.navline dl a{ text-decoration: none; border: 1px solid #e7e7e7; border-radius: 4px; padding: 0.8em 1.5em; background-color: #f9f9f9; margin: 0px 0.5em;}
.navline dl a:hover{ background-color: #2B8CF4; color: #fff; border: 1px solid #2B8CF4;}
/*位置*/
.bread{line-height:50px;width:100%;background:#f6f6f6;color:#999;font-size:14px;}
.position {width:1200px;margin:0 auto;}
.bread strong{font-weight:400;margin-left:20px;}
.bread a{display:inline-block;margin:0 10px;color:#999;}
/*底部*/
.footer{width: 100%;padding: 0;background: #24242a;height: auto;overflow: hidden;color:#8a8a8a;}
.footer dd{float:left;width:18%;padding:25px 0;text-align: left;}
.footer dd h3{font-size: 1.2em;padding-bottom:15px;margin: 0 0px;font-weight:normal;color:#f5f5f5;line-height:30px;height:30px;}
.footer dd h3 a{color:#f5f5f5;}
.footer dd a{float:left;width:100%;height:30px;line-height:30px;color:#8e8f91;}
.footer dt{float: left;width: 28%;margin-top: 26px;border-left: 1px dashed #444;padding-left: 30px;}
.footer dt h4{font-size: 16px;line-height: 2;margin-bottom: 10px;font-weight: normal;color:#f5f5f5;}
.footer dt p{width: 100%;line-height: 30px;}
.bottom {background: #313237;padding: 5px 0;color:#8a8a8a;text-align:center;font-size: 0.8em;}
.bottom a{ color: #8e8f91;}
div#foot_tool{width: 100%;height: 3.5em; line-height: 3.5em; position: fixed;z-index: 10000;bottom: 0;font-size: 0.8em;}
.foot_color {width: 100%;height: 3.5em;background: #4667aa;}
.foot_fixed li{width: 30%;height: 3.5em;float: left;text-align: center;}
.foot_fixed a {height: 3.5em; color: #fff; display:block; float: left;}
.foot_fixed li.spcial img {margin-top: 2px;margin-bottom: 5px;width:25px; height:25px;}
.foot_fixed .bot-online,.foot_fixed .bot-tel,.foot_fixed .bot-contact{ background-image: url(/images/1.0/icon/online.png); background-repeat: no-repeat; background-position: left center; background-size: 1.6em; padding-left: 2em;}
.foot_fixed .bot-tel{ background-image: url(/images/1.0/icon/tel.png);}
.foot_fixed .bot-contact{ background-image: url(/images/1.0/icon/contact.png);}
.foot_fixed li:nth-child(1){ margin-left: 9%;}

@media screen and (min-width: 720px) {
.footer{display: block;font-size: 0.8em;}
.bottom{display: block;}
#foot_tool{display: none;}
header{display:none;}
.rightNav{display:none;}
}
@media screen and (max-width: 720px) {
#newBridge .nb-icon-wrap,#newBridge #nb_icon_wrap{ display:none;}
.position{width:100%;line-height:40px;}
.slogen{ border-left: 1px solid #ddd; padding-left: 0.8em; margin-left: 0.8em;}
.slogen span{ font-size: 0.8em; line-height: 1.5em;}
.logo img{ max-width: 35%;}
.footer{display: none;}
.bottom{display:none;}
#foot_tool{display: block;}
.top{display: none;}
header{display:black;}
header{width:100%; overflow:hidden;position: relative; margin:0px auto; background-color:#fff; height:60px; clear:both; overflow:hidden;}
header .logo{ display:block; margin:6px 10px; margin-top: 12px; clear:both; overflow:hidden; color:#fbebc8;}
header .menuicon{ position:absolute; top:18px; right:10px;width:32px; height:32px; background:none; background:url(/images/1.0/icon/m_daohang.png) center; display:block; background-size:32px; text-indent:52px; font-size:0px; overflow:hidden;}
.rightNav .menuclose{padding: 1em 0em;}
.menubg{width: 100%;height: 100%;background-color: #000;opacity: 0.6;position:fixed;display: none;z-index: 99;bottom: 0;}
.rightNav{position: fixed;width: 70%;height: 100%;right: -70%;top: 0;background-color: #fff;z-index: 999;transition: all .36s ease;overflow-y: scroll; line-height: 2em;}
.rightNav dl{width:100%;margin:0px auto;}
.rightNav dl dt{display: block;width: 100%;border-bottom: 0.01rem solid #eaeaea;font-size: 0.9em;padding-left: 1rem;position: relative;}
.rightNav dl dt img{width:100px; margin-left: 1em;}
.rightNav dl .nav-close {width: 1rem;height: 1rem;position: absolute;right: 2rem;top: 1.8rem;background: url(/images/1.0/icon/close-icon.png) no-repeat center;background-size: cover;}
.rightNav dl dt i{display: inline-block;vertical-align: middle;width: 0.12rem;height: 0.9rem;background-color: #aaa;margin-right: 0.5rem;}
.rightNav dl a{display:block; line-height:45px; width:100%; color: #333;}
.rightNav dl .cross {width: 0.5rem;height: 1rem;position: absolute;right: 2rem;top: 1rem;background: url(/images/1.0/icon/heise.png) no-repeat center;background-size: cover;}
.rightNav dl .sub2-menu {display: block; padding: 1em 0em; border-bottom: 0.01rem solid #eaeaea;}
.rightNav dl .sub2 {display: block;font-size: 0.9em;color: #888;background: #fff url(/images/1.0/icon/heise.png) no-repeat 1.5rem center;height: 2em;line-height: 2em;padding: 0rem 0 0rem 2.2rem;margin-bottom: 0.2rem;background-size: 0.5rem;}
button {border: 0px;vertical-align: middle;}
}