@charset "utf-8";
/* 公共部分 */
*{margin: 0;padding: 0;}
html,body{ margin: 0;padding: 0; font-family:"微软雅黑";}
h1, h2, h3, h4, h5{ font-weight: normal;}
body{font-size:14px; color:#000000; background:#fff;}
img { border:none;}
ul,ol,li{list-style: outside none none;}
a{ text-decoration: none; color: #000000; }
ul:after{ display:block; clear:both; content:"";}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after {content: " ";height: 0;visibility: hidden;display: block;clear: both;}
input,select{ outline:none;}
em{ font-style:normal;}

.col_f{color:#fff;}

.c_header{ width:100%; height:120px; background:#064881; position:relative;}
.c_top{ max-width:1200px; margin:0 auto; height:120px;line-height:120px; background:url(../images/head_bg.jpg) no-repeat top center; overflow:hidden;}
.c_logo{ display:block; padding-top:16px; box-sizing:border-box; height:120px; }
.c_logo img{ display:block; overflow:hidden;}
.c_ss{ width:183px;}
.c_ss .fl input{ width:148px; height:24px; overflow:hidden; padding-left:10px; box-sizing:border-box; line-height:24px; background:#fc9900; color:#fff; border:none;}
.c_ss .fr{ line-height:130px;}
.c_ss .fr input{ width:20px; background:url(../images/ss.png) no-repeat; border:none; height:20px; margin-top:5px;cursor: pointer;}
.c_ss input::-webkit-input-placeholder{color:#fff;}
.c_ss input::-moz-placeholder{color:#fff;}
.c_ss input:-moz-placeholder{color:#fff;}
.c_ss input:-ms-input-placeholder{color:#fff;}
.c_ss a{ display:block; float:right;}
.c_nav{ width:100%; height:48px; overflow:hidden; background:#0160b0;}
.c_nav ul{ max-width:1200px; margin:0 auto;}
.c_nav ul li{ float:left; width:11.11%; text-align:center; height:48px; line-height:48px; overflow:hidden;}
.c_nav ul li a{ color:#fff; font-size:18px; display:block;}
.c_nav ul li a:hover,.c_nav ul li a.on{ color:#fc9900;}
.m_nav{ display:none;}
.m_menu{ display:none; position:absolute; right:1rem; top:0;}
/* mob_nav */
#menu{ padding:0; background:#064781; visibility:hidden;}
#menu h2{color:#fff;}
#menu > ul > li{ border-top:solid 1px rgba(255,255,255,0.5);}
#menu > ul > li a{ display:block; line-height:40px; color:#fff; text-indent:15px;}
#menu > ul > li a em{ font-variant:small-caps; padding-left:10px; color:rgba(255,255,255,0.5);}
#menu > ul > li.title{ height:50px; background:solid 1px rgba(255,255,255,0.5); border-top:0;}
#menu > ul > li.title a{}
#menu > ul > li.title .logo{ float:left; padding-left:10px;}
#menu > ul > li.title .logo img{ display:block; height:50px;}
#menu > ul > li ul{ padding:0; border-top:solid 1px rgba(255,255,255,0.5)}
#menu > ul > li ul li{ border-bottom:solid 1px rgba(255,255,255,0.5);}
#menu > ul > li ul li:last-child{ border-bottom:0;}
#menu > ul > li ul li a{ font-size:12px;}
#menu .btn_mob_close{position:absolute; right:3px; top:0; height:50px;}
#menu .btn_mob_close img{height:48px; width:auto; position:relative;}
.c_footer{ width:100%; height:178px; overflow:hidden; background:url(../images/foot_bg.jpg) no-repeat top center; padding-top:28px; box-sizing:border-box;}
.c_foot{ max-width:1200px; margin:0 auto;}
.f_logo{ padding-top:12px; width:31%;}
.f_logo img{ max-width:76.8%; overflow:hidden;}
.f_p{ width:39.5%; padding-top:14px; height:90px; background:url(../images/line.png) no-repeat right center; padding-right:2%;}
.f_p p{ font-size:14px; line-height:26px; color:#82bcf5 !important; text-align:center;}
.f_img{ width:27.5%; text-align:right;}
.f_img img{ margin-left:35px; display:inline-block; width:32.42%; overflow:hidden;}
@media screen and (max-width:768px) {
.c_header,.c_top{ height:6rem; line-height:6rem;}
.c_ss{ display:none;}  
.c_nav{ display:none;}
.c_logo img{position: absolute;left: 50%;transform: translate(-50%, 0);}
.m_menu{ display:block;}
.m_menu img{ width:2.2rem; vertical-align: middle; }
.c_footer{ height:8.9rem; padding-top:1.4rem;}
.f_img,.f_logo{ display:none;}
.f_p{ width:100%; background:none;padding-top:0; height:6rem;}
.f_p p{font-size:1rem; line-height:2rem; height:2rem;}
  }
@media screen and (max-width:640px) {
.c_logo img{ width:50%;}
  }