body{margin:0 auto;padding:0;background:#fff;color: #282828;font-size:14px;font-family:"Microsoft Yahei",Verdana,"Helvetica Neue",Helvetica,Tahoma,sans-serif;zoom:1;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

@font-face {
    font-family: 'Gobold_Thin';
    src: url('fonts/Gobold_Thin.eot');
    src: url('fonts/Gobold_Thin.eot?#iefix') format('embedded-opentype'),
         url('fonts/Gobold_Thin.woff') format('woff'),
         url('fonts/Gobold_Thin.ttf') format('truetype'),
         url('fonts/Gobold_Thin.svg#Gobold_Thin') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gothamlightregular';
    src: url('fonts/gothamlight-webfont.eot');
    src: url('fonts/gothamlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothamlight-webfont.woff') format('woff'),
         url('fonts/gothamlight-webfont.ttf') format('truetype'),
         url('fonts/gothamlight-webfont.svg#gothamlightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {font-family: "iconfont";
  src: url('fonts/iconfont.eot?t=1540775244970'); /* IE9*/
  src: url('fonts/iconfont.eot?t=1540775244970#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('fonts/iconfont.woff') format('woff'),
  url('fonts/iconfont.ttf?t=1540775244970') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('fonts/iconfont.svg?t=1540775244970#iconfont') format('svg'); /* iOS 4.1- */
}
 @font-face {font-family:Bebas;
 src:url("./fonts/BEBAS____.TTF");
}

 @font-face {
  font-family: 'MicrosoftYaHeiBold';
 src:url("./fonts/MicrosoftYaHeiBold.ttf");
}
 @font-face {font-family: 'Eurostile';
 src:url("./fonts/Eurostile-BoldCondensed.otf");
 src: url('fonts/Eurostile-BoldCondensed.eot?t=1540775244970'); /* IE9*/
  src: url('fonts/Eurostile-BoldCondensed.eot?t=1540775244970#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('fonts/Eurostile-BoldCondensed.woff') format('woff'),
  url('fonts/Eurostile-BoldCondensed1.ttf?t=1540775244970') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('fonts/Eurostile-BoldCondensed.svg?t=1540775244970#Eurostile-BoldCondensed') format('svg'); /* iOS 4.1- */

}

[class^="icon_"], [class*=" icon_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon_email:before { content: "\e643"; }

.icon_write:before { content: "\e62a"; }

.icon_shizhong:before { content: "\e629"; }

.icon_cc_arrow_down:before { content: "\e606"; }

.icon_cc_arrow_left:before { content: "\e609"; }

.icon_cc_arrow_right:before { content: "\e60c"; }

.icon_arrowup:before { content: "\e60f"; }

.icon_arrowdown:before { content: "\e623"; }

.icon_add:before { content: "\e613"; }

.icon_ar_left:before { content: "\e6f4"; }

.icon_ar_right:before { content: "\e6f5"; }

.icon_ar_up:before { content: "\e6f6"; }

.icon_ar_down:before { content: "\e6f7"; }

.icon_search:before { content: "\e6e3"; }

.icon_chat:before { content: "\e602"; }

.icon_tel:before { content: "\e642"; }

.icon_pin:before { content: "\e630"; }

.icon_add_big:before { content: "\e626"; }

.icon_jiaohuan:before { content: "\e732"; }

.icon_location:before { content: "\e65e"; }

.icon_c_arr_upc:before { content: "\e693"; }

.icon_c_arr_dc:before { content: "\e615"; }

article,aside,dialog,figure,footer,header,menu,nav,section{display:block}
dd,div,dl,dt,footer,form,header,li,nav,ol,section,ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}
input,select,textarea{-webkit-border-radius:0;border-radius:0}
button,input,input:focus,select,textarea{outline:0}
textarea{resize:none}
input,select,textarea{margin:0;padding:0;border:none;background:0 0}
article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}
figcaption,figure{margin:0;padding:0}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
img{max-width:100%;border:none;border:0;vertical-align:middle}
a{color:#282828;text-decoration:none;noline:-webkit-tap-highlight-color:transparent}
a:hover{outline:0;text-decoration:none;}
.menu_box{position: relative;}
.search_box_h{position: absolute;right:0;top:15px;}
.search_box_h .keyword{border:1px solid #eee;border-radius: 15px;line-height: 30px;font-size: 14px;color:#333;background-color: #fff;height:30px;padding:0 38px 0 8px;margin:0;}
.search_box_h .keyword::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
  font-size: 14px;
}
.search_box_h .icon-sousuo,.search_box_h .icon-sousuo:hover{position: absolute;right:3px;top:0;line-height: 30px;font-size: 22px;color:#333;width: 30px;text-align: center;cursor: pointer;padding:0;margin: 0;border:0;background:none;}

@media screen and (max-width:1280px){
  .search_box_h{position: relative;top:0;padding:5px;}
  .search_box_h .icon-sousuo{top:5px;right:8px;}
}
.wrap{max-width: 1200px;margin: auto;}
.menuul{width: 1000px;}
.main_box{max-width: 1200px;margin: auto;}
.mid_box{margin: auto;max-width: 1070px;}
.clear::before,
.clear::after{content:"";display: block;line-height: 0;height: 0;visibility: hidden;clear:both;}
.overhidden{overflow: hidden;}
.left{float:left}
.right{float:right}
.blue{color: #0262b8;}
.brown{color:#41280b}
.white{color:#fff}
.orange_red{color:#e06c4d}
.orange_pink{color:#fbe0af;}
.orange{color:#fa7821}
.yellow{color:#e06c4d}
.green{color:#3dbfab}
.red{color:#ff1e00}
.black{color:#282828}
.gray{color:#9f9f9f}
.gray2{color:#b9b9b9}
.white{color:#fff}

.root{overflow: hidden;}
.bg_gray {
    background-color: #f6f6f7;
}
.bg_deep_gray {
    background-color: #efefef;
}

.top_search{float: right;padding-top: 9px;}
.search_box{background:#fff;transition:all .3s;display: flex;overflow: hidden;}
.search_box.open{visibility:visible;opacity:1}
.search_box .text_input{float:left;border-right: 0;line-height: 23px;width: auto;background: #fff;}
.search_box button{padding: 5.5px 8px;font-size: 24px;background: #0262b8;color: #fff;}

input[type="checkbox"]:checked{background: url(../images/check_ok.jpg) center no-repeat;border-color: #3dadef;}
input::-webkit-input-placeholder{color:#fff;}
input::-moz-placeholder{color:#fff;}
input:-moz-placeholder{color:#fff;}
input:-ms-input-placeholder{color:#fff;}
textarea::-webkit-input-placeholder{ color:#fff;}
textarea::-moz-placeholder{color:#fff;}
textarea:-moz-placeholder{color:#fff;}
textarea:-ms-input-placeholder{color:#fff;}
button{border: 1px solid;box-sizing: border-box;color: #fff;background: none;transition: all 0.5s;cursor: pointer;padding: 8px 36px;}
button:first-child{margin-right:30px;}
button:hover{background:#fff;color:#738091}
.text_input{border-bottom: 2px solid;padding: 5px 0;box-sizing: border-box;width: 100%;color: #fff;transition: all 0.5s;line-height: 60px;}
.textarea_input{border: 2px solid;line-height: 43px;vertical-align: middle;padding: 10px;box-sizing: border-box;width: 100%;color: #fff;transition: all 0.5s;margin-bottom: 30px;}
.select_text{color:#7c7c7c;border: 1px #e1e1e1 solid;background: #fff;line-height: 23px;padding: 10px;box-sizing: border-box;}
.text_input:focus,.textarea_input:focus{background:#fff;color:#000;}
.text_input,.textarea_input{color:#000;}
.gray_bar{background:#f0f0f0;}
.white_bar{background:#fff;}
.box_tit_c{margin-bottom: 65px;}
.box_tit_c .p1{font-size:35px;font-weight:bold;color:#405673;display: inline-block;vertical-align: bottom;text-transform: uppercase;}
.box_tit_c .p2{font-size:30px;color: #c0c0c0;text-transform: uppercase;font-family: -webkit-pictograph;vertical-align: bottom;display: inline-block;}
.box_tit_l{font-size: 35px;padding-top: 55px;}
.box_tit_l p{margin-bottom: 32px;}
.bbar{width: 32px;height: 5px;background:#47617f;margin:auto;}
.bbar_l{width: 30px;height: 4px;background:#47617f;}
.bbar.white,.bbar_l.white{background:#fff;}

::-webkit-scrollbar{width:7px;height:7px;background-color:#F5F5F5}
::-webkit-scrollbar-track{border-radius:10px;background:#fff}
::-webkit-scrollbar-thumb{background-color: #738091;}
@media screen and (max-width:1200px){
.box_tit_c{margin-bottom: 20px;}
.box_tit_c p{margin-bottom:15px;}
.top_search{display:none;}
.phoneclear{overflow:hidden}
.main_box,.mid_box{margin: 0 5%;}
.left{float:none;}
}
.clear {clear: both;}
.cp_bg{background: url(../images/cp_bg.jpg) 0 0 repeat;}
.mp_bg{background: url(../images/mp_bg.jpg) 0 0 repeat;}
.longarr{background: url(../images/long_arr_w.png) 0 0 no-repeat;width: 28px;height: 18px;}
.box_more{color: #47617f;padding-left: 40px;border: 1px #738091 solid;transition: all 0.5s;border-radius: 20px;position: relative;line-height: 37px;padding-top: 10px;padding-bottom: 10px;padding-right: 14px;}
.box_more span{display:inline-block;margin-left: 10px;font-size: 16px;line-height: 40px;}
.box_more i{border-radius: 50%;transform: rotate(270deg);display: inline-block;background: #738091;color: #fff;font-size: 30px;padding: 5px;transition: all 0.5s;vertical-align: middle;left: -1px;position: absolute;top: 0;transition: all 0.5s;}
.box_more:hover{background: #747f91;color: #ffffff;padding-left: 20px;padding-right: 34px;}
.box_more:hover i{left:100%;margin-left:-40px;}
.hidden{display:none}

.head_block{height: 78px;background: #fff;display: none;}
header{z-index:999;width: 100%;transition: all 1s;background: #fff;}
header .logo{display: inline-block;vertical-align: middle; float: left; margin-bottom: 10px;width: 108px;margin-top:20px;}
header .logo img{position: relative;}
.top_h1{display:inline-block;vertical-align:middle;color: #47617f;padding-left: 20px;margin-left: 20px;border-left: 1px solid;margin-right: 50px;}
.top_h1 .p1{font-size:18px;font-weight:bold;}
.top_h1 .p2{font-size:16px;}
.top_des {
  border-left: 1px solid #d2d2d2;
  float: left;
  margin-top: 30px;
  padding-left: 20px;
  font-size: 17px;
  text-transform:Uppercase;
  margin-left: 20px;
}
.top_des span {
  color: #eacf03;
}

.service_hotline {
  float: right;
  margin-top: 26px;
  margin-right: 30px;
  font-size: 18px;
}
.service_hotline span {
  font-family: "MicrosoftYaHei Bold";
  color: #eacf03;
  font-weight: bold;
  font-size: 23px;
}
header .menu_bar p {
    position: absolute;
    left: 0;
    width: 100%;
    padding-top: 10px;
    font-size: 12px;
}
.nav_lang {display: none;}
.lang{float: right;}
.lang a{background-position:center;background-repeat:no-repeat;padding: 5px 5px;float: left;margin: 31px 5px; font-size: 12px;}
.lang a.on{background-color: #000; color: #ffe100; border-radius: 15px;}
header nav{position:relative;box-sizing: content-box;z-index: 2;display: inline-block;vertical-align: middle; width: 100%; background-color: #000;}
header nav li{position:relative;float: left;}
header nav ol{display:inline-block;}

header nav a{padding: 20px 40px; text-transform:uppercase;display: block;font-size: 15px;transition: all 0.5s; color: #fff;}

header nav a:hover,header nav li.hover a{color: #ffe100;}
header nav li .sub_nav{position:absolute;top:100%;left: 0; width: 100%; visibility:hidden;background:#000;opacity:0;transition:all .3s;transform-origin:top center;}
header nav li .sub_nav.open{visibility:visible;opacity:0.7;transform:rotateX(0)}
.sub_nav li{display:block;line-height:2;width: 100%;text-align: center;}
header nav li .sub_nav a{display: block;background:0 0;color:#fff;line-height: 2;border: none;padding: 10px;}
header nav li .sub_nav a:hover{color: #ffe100;}
header nav li .sub_nav a.back_nav{display:none;}
header .menu_bar{position:absolute;top: 50%;right: 5%;display:none;margin-top: -6px;padding:12px;width:22px;height:20px;cursor:pointer;}
header .menu_bar .box{position:relative;display:block;width:100%;height:100%}
header .menu_bar .line{position:absolute;left:0;display:block;width:100%;height:2px;background-color:#1d1d1d;transition:width .3s ease 0s}
header .menu_bar .line1{top:0;width:12px}
header .menu_bar .line2{top:6px;width:20px}
header .menu_bar .line3{top:13px;width:16px}
header .close_menu_bar{display:none}
.nav_tel{display: none;}
@media screen and (min-width:1280px){
  header.index nav li:hover,header.index nav li.hover{background-color: #000;}
header.index nav a:hover,header.index nav li.hover a{color: #ffe100;}
header.index nav li.hover .sub_nav a {color: #fff;}

  header.index nav .lang:hover{background-color: #fff;}
header.index nav .lang a:hover{color: #282828;}
}

@media screen and (max-width:1280px){
.top_h1{margin: 0;border: 0;padding-left: 0;}
header{height: 68px;}
header .logo{margin-bottom:0;margin-top:10px;}
header .logo img{width: 60%;}
header{position:fixed;border-bottom: 1px #eee solid;}
.top_r{display: none;}
.top_line{display:none;}
.top_rt{display:none;}
header nav a{border-radius:0;color: #282828;padding: 15px;}
header nav li .sub_nav a:hover{background: #333333;color:#fff;}
header nav li .sub_nav a.back_nav{display:block;background:url(../images/tna2.png) 10px 50% no-repeat #333333;color: #fff;}
header .tel_logo img{height: 60px;padding: 10px;}
.head_block{display:block}
header .menu_bar{display:block;}
header .menu_bar.close{display:block}
header .menu_bar.close .line1,header .menu_bar.close .line2,header .menu_bar.close .line3{width:100%}
header nav{position:fixed;top:0;left:100%;z-index:99999;margin-left: 40%;width: 60%;height:100%;background:#fff;transition:left .5s;}
header nav.open{left:0}
header nav.open .has_menu{background: url(../images/tna1.png) no-repeat right center;}
header nav.open ul{overflow-x:hidden;/*overflow-y:scroll;*/top: 0;left: 100%;width: 100%;height: 100%;transform: rotateX(0deg);margin: 0;}
header .close_menu_bar{display:block;height:55px;background-color:#333}
.close_menu_bar .lang2{
  display: block;
}
.close_menu_bar .lang2 a{float: left;width:40px;line-height:55px;margin-left:20px;color:#fff;padding:0!important;text-align: center;}
.close_menu_bar .lang2 a.on{color:#ffe100;}
header .close_menu{float:right;display:inline-block;margin-top:22px;margin-right:7.8%;width:17px;height:17px;background:url(../images/close.png) no-repeat center;cursor:pointer;position: absolute;right: 0 ;top:0;}
header nav li{display:block;border-bottom:1px #eee solid;position: unset;width: auto;float: none;}
.sub_nav li{line-height:60px;}
.lang{padding-top: 0;}
.lang a{font-size: 13px;padding: 15px 22px;float:none;margin: 0;display: block;}
.lang a.cn,.lang a.en{background-image:none;}
.nav_pc{display: none;}
.nav_tel{display: block;}
header nav li .sub_nav.open{left:0;border-radius: 0;}
.search_b{display:none;}

.service_hotline span{font-size: 12px;}
}

footer{background: #1b1a1a;padding-top: 50px;}
footer .wave_box{margin-bottom:50px;}
.foot_top{padding-bottom: 20px;}
.foot_down{line-height: 62px;text-align: left;background: #000; color: #828181;}
.f_tel{margin-right: 30px;}
.f_tel .p1{font-size:18px;line-height: 24px;margin-bottom: 15px;}
.f_tel .p1 i{font-size:24px;border:1px solid;border-radius:50%;padding:5px;margin-right: 10px;color: #405673;}
.f_tel .p1 img {width: 108px; height: 108px;}
.f_tel .p2{    text-align: center;
    color: #828181;}
.tel_button{border:1px solid;padding: 6px 16px;display: inline-block;color: #405673;cursor: pointer;transition: all 0.5s;}
.tel_button i{margin-right:10px;font-size: 18px;vertical-align: middle;}
.tel_button:hover{color: #4a89f1;}
.foot_down .right a {color: #828181;}
.foot_down .left span {color: #fff;}

.share{vertical-align: middle;/* float: left; */ text-align: center; color: #828181; margin-right: 31px;}
.share img{margin-left: 15px;float: right;}
.share .bdsharebuttonbox{display: inline-block;zoom: unset;}
.share .bdsharebuttonbox .bds_more{background-image: url(../images/share.png);background-position: 0 0;float: left;width: 32px;height: 32px;margin-left: 15px;}
.share .bdsharebuttonbox .bds_weixin{background-image: url(../images/weixin.png);background-position: 0 0;float: left;width: 32px;height: 32px;}

.f_ewma{margin-bottom:15px; }

.f_nav{line-height: 3;margin-bottom: 50px;}
.f_nav li{float: left;text-transform:capitalize;transition:color .3s;width: 149px;}
.f_nav li p a{font-size:16px;color: #fff;}
.f_nav li .bbar_l{height:1px;margin-bottom:15px;margin-top: 8px;}
.f_nav li ul a{display:block;transition: all 0.5s;color: #828181; font-size: 13px; line-height: 30px;}
.f_nav li a:hover{color: #4a89f1;}
.f_nav li span {
  display: block;
    transition: all 0.5s;
    color: #828181;
    font-size: 13px;
    line-height: 30px;
}
.f_nav li span.white {
  color: #fff;
}
.f_link{overflow:hidden;}
.f_link p{font-size:16px;margin-bottom: 15px;}
.f_link li{float:left;margin-right: 15px;margin-bottom: 50px;}

#go_top{right: 3%;bottom: 15%;margin-top: 50px;width: 50px;height: 50px;border-radius:5px;background: url(../images/upar.png) center no-repeat #747f91;cursor:pointer;display: inline-block;position: fixed;transition: all 0.5s;z-index: 999;}
#go_top:hover{background-color: #0a74b0;}
@media screen and (max-width:1280px){
.foot_top{padding-bottom: 50px;text-align: center;}
.f_tel{margin-right:4rem;}
.foot_down{line-height: 1.5;padding: 10px 0;}
#go_top{bottom:5%;right: 0;width: 40px;height: 40px;}
}
@media screen and (max-width:1024px){
.f_nav li a{display:inline-flex;margin-right:10px}
.foot_l,.foot_r{float: none;}
.f_nav{width: 300px;display: none;}
.f_nav li a:last-child{margin-right:0}
.f_nav li{margin-right:0;margin-bottom:15px;padding-bottom:15px;width:100%;border-bottom:1px #eee solid}
.f_ewma{/* float: right; */}
}
@media screen and (max-width:768px){
.foot_l{}
.foot_top{padding-bottom:30px;}
.foot_bottom{padding:15px 0}
.foot_mid,.foot_email{width:100%;}
header .logo img{width: 80%;}


}
@media screen and (max-width:425px){
.foot_l{float: none;margin-right: 0;margin-bottom: 20px;}
.f_ewma{float: none;}
.f_link li{margin-bottom:15px;}
}
.page_num{display:block;display:flex;overflow:hidden;padding:15px;text-align:center;justify-content:center}
.page_num li{display:inline-block;margin:0 5px;border:1px #eee solid;background:#fff}
.page_num li.active,.page_num li:hover{background: #014099;}
.page_num li.active span,.page_num li:hover a{color:#fff}
.page_num a,.page_num span{display:block;padding:10px;color:#b5b5b5;font-size:14px}
.page_num a:hover,.page_num span{color:#b5b5b5}
.page_break{overflow:hidden;text-align:justify}
.page_break a{display:inline-block}
.page_break a:hover{color: #014099;}
.page_break span{display:inline-block;vertical-align:middle; }
.page_break .icon_ar_l,.page_break .icon_ar_r{font-size:16px}




.page{
  text-align: center;
  padding-top: 50px;
}
.page a,
.page span{
  float: left;
  margin: 0 2.5px;
  line-height: 36px;
  font-size: 14px;
  background: #e5e5e5;
  padding: 0 13px;
  color: #666666;
}
.page a:hover,
.page a.active{
  background: #ffe100;
  color: #FFFFFF;
}

@media screen and (max-width:1024px){
 .page{padding-top: 15px;}
 .page span{line-height:22px;font-size:10px;padding: 0 7px;}
}