@charset "utf-8";
*{margin: 0;padding: 0;}
html,body{ margin: 0;padding: 0; font-family:"微软雅黑";overflow-x:hidden;}
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{ content:""; display:block; clear:both;}
.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;}


.c_head{ width:100%; height:100px; padding:0 4%; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center; background:#fff;}
.c_logo{ display:block; padding-top:8px; }
.c_logo img{ display:block; width:100%;}


.c_nav{ display:flex;}
.c_navbox{ display:flex; height:43px; line-height:43px;}
.c_navbox > li{ margin-right:38px; position:relative; padding-bottom:5px; height:43px;}
.c_navbox > li a{ color:#666666; font-size:16px;}
.c_navbox > li:hover > a{color:#004c8c;}
.dropdown-menu{ width:184px; position:absolute; left:0; box-shadow:0 0 12px rgba(0,0,0,0.3); padding:0 10px; box-sizing:border-box; top:47px; display:none; z-index:100; background:#fff;}
.dropdown-menu:before{ content:""; display:block; width:37px; height:4px; background:#ff9600; position:absolute; top:-4px; left:0;}
.dropdown-menu li a{ color:#000000; display:block;}
.dropdown-menu li a:hover{ padding-left:22px; background:url(../images/arr_nav.png) no-repeat left center; color:#004c8c;}
.c_navbox > li:hover .dropdown-menu{ display:block;}
.log{ display:flex;}
.log a{ width:68px; height:43px; line-height:43px; text-align:center; display:block; font-size:16px;border-radius:5px;}
.log a:first-child{ border:#004c8c solid 2px; color:#004c8c; width:64px; height:39px; line-height:39px; margin-right:10px;}
.log a:last-child{ background:#ff9600; color:#fff;} 

.m_menu{ display:none;}
/* mob_nav */
#menu{ padding:0; background:#004c8c; 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;}
.accordion{ display:none;}
#menu > ul > li a{ font-size:16px;}
.m_log{ width:100%; text-align:right; padding:0 2%; box-sizing:border-box; height:2rem; line-height:2rem; display:none; padding-top:0.5rem;}
.m_log a{ font-size:1rem; display:inline-block; width:3rem; text-align:center; height:1.8rem; line-height:1.8rem; border-radius:0.2rem;}
.m_log a:first-child{ margin-right:1rem;color:#004c8c; border:#004c8c solid 1px;}
.m_log a:last-child{ color:#fff; background:#ff9600;}
#menu > ul > li:last-child{ border-bottom:solid 1px rgba(255,255,255,0.5);}

.footer{ width:100%; border-top:#eeeeee solid 1px;}
.footbox{ max-width:1150px; margin:0 auto; display:flex; justify-content:space-between; padding:20px 0;}
.foot_1{ width:45%;}
.foot_2{ width:42%;}
.foot_1 h3,.foot_2 h3{ color:#333333; font-size:14px;  line-height:30px;}
.foot_1 h4,.foot_2 h4{ color:#666666; font-size:14px;  line-height:30px;}
.foot_1 p,.foot_2 p{ color:#999999; font-size:14px;  line-height:26px;}


.f_bq{ width:100%;background:#f4f4f4;}
.f_bq p{ max-width:1150px;line-height:36px;margin:0 auto; color:#646262; font-size:12px;}

@media screen and (max-width:1300px){
.c_head{ padding:0;}
.c_navbox > li{ margin-right:30px;}  
  }
@media screen and (max-width:1170px){
.c_navbox > li{ margin-right:20px;}  
.c_navbox > li a{ font-size:14px}
  }
@media screen and (max-width:992px){
.c_navbox > li{ margin-right:10px;}  
.c_navbox > li a{ font-size:12px}
  }
@media screen and (max-width:768px){
.c_logo{ width:80%;}
.c_head{ padding:1rem 2% 2rem 2%; height:auto;}
.c_nav{ display:none;}
.m_menu,.m_log{ display:block;}
#menu > ul > li a{ font-size:1.2rem;}
.foot_1{ width:100%; margin-bottom:1rem;}
.foot_2{ width:100%;}
.footbox{ flex-wrap:wrap; padding:1rem 1rem; box-sizing:border-box;}
.f_bq{ padding:0 1rem; box-sizing:border-box;}
.f_bq p{ font-size:1rem; line-height:1.5rem;}
.foot_1 h3,.foot_2 h3{font-size:1rem;  line-height:1.5rem;}
.foot_1 h4,.foot_2 h4{font-size:1rem;  line-height:1.5rem;}
.foot_1 p,.foot_2 p{font-size:1rem;  line-height:1.5rem;}
.conbox_6{ width:100%; padding:0 1rem; box-sizing:border-box;}

  }