@charset "utf-8";
*{margin: 0;padding: 0;}
html,body{ margin: 0;padding: 0; font-family:"Arial";}
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_top{ width:100%; height:24px; background:#ececec; border-bottom:#dddddd solid 1px; line-height:24px;}
.c_topbox{ max-width:1200px; margin:0 auto; position:relative;}
.lang_xz{ padding-right:12px; background:url(../images/ico_1.png) no-repeat right center; cursor:pointer;}
.lang_xz img{ margin-right:5px; width:16px; overflow:hidden;}
.lang_list{ width:120px; position:absolute; right:0; top:25px;background: #f2f2f2;border: 1px solid #dad8d8;border-top: none;box-shadow: 0px 0px 4px #edebeb; z-index:999;padding: 5px 8px 0; box-sizing:border-box; display:none;}
.lang_list li{ float:left; width:100%;}
.lang_list li img{ margin-right:5px;width:16px; overflow:hidden;}
.c_head{ max-width:1200px; margin:0 auto; height:104px; overflow:hidden; padding-top:30px; box-sizing:border-box; position:relative;}
.c_logo{display: block; padding-top: 16px; box-sizing: border-box;}
.c_logo img{ display:block; width:350px; overflow:hidden;}
.c_sousuo{ width:205px; height:36px; border:#e6e7e7 solid 1px; box-sizing:border-box; padding-left:14px;}
.c_sousuo input{ display:block; float:left; width:152px; height:34px; overflow:hidden; border:none;}
.c_sousuo a{ display:block; float:right; width:30px; height:34px; background:url(../images/search.png) no-repeat left center;}
.c_nav{ width:100%; height:44px; background:#008ed3;}
.c_navbox{ max-width:1200px; margin:0 auto;display: flex;justify-content: space-between;}
.c_navbox > li{ position:relative;}
.c_navbox > li > a{ display:block; line-height:44px; color:#fff; font-size:16px;text-transform:uppercase;}
.dropdown-menu{ position:absolute; left:0; top:44px; background:#fff; border:#e1e1e1 solid 1px; width:207px; box-sizing:border-box; z-index:999; padding:10px 0; display:none;}
.dropdown-menu li{ float:left; width:100%; height:32px; line-height:32px; text-align:left; margin-bottom:3px; overflow:hidden;}
.dropdown-menu li a{ display:block; padding-left:20px; width:100%; box-sizing:border-box; overflow:hidden; font-size:14px;}
.dropdown-menu li a:hover{ background:#008ed3; color:#fff;}
.c_navbox > li:hover .dropdown-menu{ display:block;}
.c_navbox:after{ display:none;}


.c_footer{ width:100%; background:#111111;}
.c_foot{ max-width:1200px; margin:0 auto;}
.c_footbox{ width:100%; height:282px; border-bottom:#171717 solid 1px; padding-top:18px; box-sizing:border-box; color:#aeaeae;}
.c_footbox h3{ font-size:18px; color:#e1e1e1; height:40px; line-height:40px; overflow:hidden; margin-bottom:8px;}
.c_foot_1{width: 18.7%; margin-right:8%;}
.c_foot_1 p{ line-height:20px; margin-bottom:6px;}
.c_foot_1 p,.c_foot_2 li a,.c_foot_3 p{font-size: 12px!important; font-family: Arial!important;}
.c_foot_2{width: 12.5%;}
.c_foot_2 li{ float:left; width:100%; line-height:26px; height:26px; overflow:hidden;}
.c_foot_2 li a{ color:#aeaeae; font-size:14px;}
.c_foot_2 li a:hover{ color:#fff; font-weight:bold;}
.c_foot_3{width: 20%;}
.c_foot_3 p{ line-height:26px; color:#aeaeae; font-size:14px;}
.c_foot_3 a{ display:block; width:122px; height:21px; overflow:hidden; color:#fcfcfc; background:url(../images/qq_bg.png) no-repeat; padding-left:20px; box-sizing:border-box; line-height:21px;}
.c_foot_3 p:nth-child(3){ margin-top:10px;}
.c_foot_3 p:nth-child(4){ margin-top:10px;margin-bottom:5px;}
.c_foot_4{width: 14.5%;}
.c_ban{ width:100%; height:64px; line-height:64px;}
.c_ban font{ color:#aeaeae; font-size:12px; display:block; float:left;}
.c_ban a{ color:#aeaeae; font-size:14px; display:block; float:right;}
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{margin: 5px 5px 5px 0;}
.f_dl{ width:100%; height:43px; line-height:43px; background:#008ed3; padding:0 15px; box-sizing:border-box; margin-top:30px;}
.f_dl a{font-size:16px; color:#e1e1e1; font-weight:bold; display:block; padding-right:10px; background:url(../images/ico_2.png) no-repeat right center;}

.m_menu{ display:none; position:absolute; right:1rem; top:0;}
/* mob_nav */
#menu{ padding:0; background:#008ed3; 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:1.2rem;}

@media screen and (max-width:1200px) {
.c_foot_1{ margin-right:2%;}  
.c_foot_1 p,.c_foot_3 p{ font-size:12px;}
.c_foot_4{ width:21%;}
.f_dl a{ font-size:14px;}  
  }
@media screen and (max-width:768px) {
.c_nav,.c_sousuo{ display:none;}  
.m_menu{ display:block;}
.m_menu img{ width:2.2rem; vertical-align: middle; }
.c_head{ height:5.2rem; padding-top:0; line-height:5.2rem;}
.c_logo img{ width:60%;position: absolute; left: 50%;transform: translate(-50%, 0);}
.lang_xz{ margin-right:1rem;}

.c_footbox{ display:none;}
.accordion {width: 100%;background: #111;}
.accordion .link {cursor: pointer;display: block;padding: 1rem 1rem 1rem 2rem;color: #e1e1e1;font-size:1.2rem;border-bottom: 1px solid #CCC;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion li.open .link {color: #008ed3;}
.submenu {display: none;background: #444359;font-size:1rem;}
.submenu li{border-bottom: 1px solid #4b4a5e;}
.submenu p{ color:#d9d9d9; line-height:2rem; padding-left:2rem; box-sizing:border-box;}
.submenu li > a {display: block;text-decoration: none;color: #d9d9d9;padding-left: 2rem;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease; box-sizing:border-box; line-height:2.5rem;}
.submenu p > a{ background:url(../images/qq_bg.png) no-repeat; display:block; width:6.1rem; height:1.2rem; line-height:1.2rem; overflow:hidden; background-size:100% 100%; font-size:0.8rem; color:#fff; padding-left:0.5rem; box-sizing:border-box;}
.submenu p:nth-child(2){ margin-bottom:0.5rem;}
.bdsharebuttonbox{ padding-left:2rem;}
.f_dl{ width:45%; margin-top:0.5rem; margin-left:2rem;}
.f_m{ width:100%; height:1rem; overflow:hidden;}
.c_ban{ height:3rem; line-height:1.5rem; padding:0.5rem 0;}
.c_ban font{ font-size:1rem; width:100%; text-align:center;}
.c_ban a{ font-size:1rem; width:100%; text-align:center;}
.accordion{ display:block;}

.c_fs{ padding-left:2rem; box-sizing:border-box; padding-top:1rem;}
.c_fs a{ padding-left:0 !important;}
.f_er{ position:fixed !important;top: 50% !important;left: 50% !important;transform: translate(-50%, -50%);}
.f_er p{ padding-left:0; font-size:1rem;}
  }