@charset "utf-8";
/* CSS Document */
/* 布局框架 */
/* 这里改了 */
body { background-color: #f8f8f8; font-family: "微软雅黑", "宋体"; }
.line { border-bottom: 1px dashed #999999; width: 100%; height: 1px; margin: 10px 0px; }
/* header */
.input_text { width: 192px; height: 27px; line-height: 27px; color: #333; border: none; float: left; font-size: 14px; padding-left: 10px; font-family: "微软雅黑", "宋体"; }
.input_btn { width: 30px; height: 27px; float: left; }
.subnav { background-color: #f6f6f4; border-bottom: 1px solid #CCC; width: 1100px; height: 50px; margin: 0 auto; }
/* 尾部 */

.footer { text-align: center; background-color: #d8ecff; padding: 40px 0; }
.w100 { width: 100px; text-align: left; }
.w200 { width: 200px; text-align: center; }
.w50t { width: calc( 50% - 150px ); text-align: left; color: #434343; }
.w50t h2 { font-size: 18px; font-weight: bold; padding: 10px 0; }
.w50t p { font-size: 16px; line-height: 180%; }
.w50t p .top5 { position: relative; top: 5px; }
.headT { background-image: url(head.jpg); background-position: top center; background-repeat: no-repeat; height: 210px; }
.location { padding-bottom: 20px; color: #666; padding: 0 20px 20px 20px; }
.location a { color: #C00; text-decoration: none; }
.h120 { height: 320px; }
.headPic { display:block;}
.navBg { background-color: #3669c4; height: 56px; }

.menuNav { width: 1200px; margin: 0 auto; padding: 0; height: 56px; display: block; }
.menuNav>li:first-child a { border: 0; background-image: url(home.png); background-repeat: no-repeat; background-position: 12% center; color: #FFF }
.menuNav>li { list-style: 0; margin: 0; padding: 0; float: left; width: 11.1%; height: 56px; }
.menuNav>li:hover { background-color: #1c4793; }
.menuNav>li a { color: #FFF; text-decoration: none; text-align: center; border-left: 1px solid #FFF; display: block; margin-top: 18px; height: 20px; line-height: 20px; }
.drop { margin-top: 18px; width: 200px; z-index:999; display: none; position:absolute;}
.drop li {  width: 100%; height: 40px; }
.drop li a { background-color: rgba(30, 70, 150, 0.8); padding: 0;/* background-image:none !important */ display: block; height: 40px; line-height: 40px; margin: 1px 0 0 0; border-bottom: 1px solid #FFF; border-left: 0px; text-align: left; padding-left: 10px; }


#menu { }
#menu li {  }
#menu a { }
#menu li:hover > a { }
*html #menu li a:hover /* IE6 */ {  }
#menu li:hover > ul { display: block; }
/* Sub-menu */
        
#menu ul { }
#menu ul ul {  }
#menu ul li { float: none; margin: 0; padding: 0; display: block;  }
#menu ul li:last-child { }
#menu ul a {   display: block;  float: none; text-transform: none; }
*html #menu ul a /* IE6 */ { }
*:first-child + html #menu ul a /* IE7 */ {  }
#menu ul a:hover {  }
#menu ul li:first-child > a {  }
#menu ul li:first-child > a:after {   }
#menu ul ul li:first-child a:after {  }
#menu ul li:first-child a:hover:after { }
#menu ul ul li:first-child a:hover:after {  }
#menu ul li:last-child > a {  }
/* Clear floated elements */
#menu:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

@media screen and (max-width: 1199px) {
.menuNav { width: 98%; margin: 0 1%; padding: 0; height: 56px; }
}
@media screen and (max-width: 800px) {
.navBg { background-color: #3669c4; height: 100vh; position: fixed; top: 0; z-index: 999; }
.w100 { width: 100px; text-align: center; }
.w200 { width: 100px; text-align: center; padding-top:40px;}
.footer { text-align: center; background-color: #d8ecff; padding: 15px 0; }
.w50t h2 { font-size: 14px; font-weight: bold; padding: 10px 0; }
.w50t p { font-size: 12px; line-height: 180%; }
.w200 img{ width:80px;}
div.w100F { width: 65%!important; text-align: left !important; margin:5px 0 0 15px; }
.w50t { width: calc( 100% - 110px ); text-align: left; color: #434343; }
.headPic{ display:none;}
/* 本例子css */
.sideMenu { border: 0; background-color: #3669c4; display: none; position: absolute; z-index: 99; top: 80px; width: 100%; padding: 0 0 30px 0; }
.sideMenu h3 { height: 40px; line-height: 40px; padding-left: 20px; border-bottom: 1px dotted #8b95cb; cursor: pointer; font: normal 18px }
.sideMenu h3 a { color: #FFF; display:block; }
.sideMenu ul { padding: 0; color: #999; background-color: #1c4793; display: none; /* 默认都隐藏 */ }
.sideMenu ul li { height: 30px; line-height: 30px; font-size: 15px; border-bottom: 1px dotted #8b95cb; padding: 0px 35px; }
.sideMenu ul li a { color: #fff ;display:block;}
input::-webkit-input-placeholder { /*WebKit browsers*/color: #fff;}
input::-moz-input-placeholder { /*Mozilla Firefox*/color: #fff;}
input::-ms-input-placeholder { /*Internet Explorer*/color: #fff;}
}
