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: "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- */
}

[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_tel:before {content: "\e61b";}
.icon_tri_down:before {content: "\e606";}
.icon_tri_left:before {content: "\e609";}
.icon_tri_right:before {content: "\e60c";}
.icon_ar_ledt:before {content: "\e6f4";}
.icon_ar_right:before {content: "\e6f5";}
.icon_ar_up:before {content: "\e6f6";}
.icon_ar_down:before {content: "\e6f7";}
.icon_email:before {content: "\e75d";}
.icon_home:before {content: "\e61f";}
.icon_diqiu:before {content: "\e602";}
.icon_location:before {content: "\e66a";}
.icon_book:before {content: "\e63a";}
article,aside,dialog,figure,footer,header,menu,nav,section,dd{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;}
.main_box{max-width: 1150px;margin: auto;}
.mid_box{margin: auto;max-width: 1120px;}
.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}
.center{text-align:center;}
.blue{color: #376ac7;}
.brown{color:#41280b}
.white{color:#fff}
.orange_red{color:#e06c4d}
.orange_pink{color:#fbe0af;}
.orange{color:#fa7821}
.yellow{color:#e06c4d}
.green{color: #068f35;}
.red{color:#ff1e00}
.black{color:#282828}
.gray{color:#9f9f9f}
.gray2{color:#b9b9b9}
.white{color:#fff}

input[type="checkbox"]:checked{background: url(../images/check_ok.jpg) center no-repeat;border-color: #3dadef;}
input::-webkit-input-placeholder,input::-moz-placeholder,input:-moz-placeholder,input:-ms-input-placeholder,textarea::-webkit-input-placeholder,textarea::-moz-placeholder,textarea:-moz-placeholder,textarea:-ms-input-placeholder{color:#6d6d6d;}
button{box-sizing: border-box;color: #fff;background: none;transition: all 0.5s;cursor: pointer;padding: 8px 36px;background: #a2a2a2;border: 1px solid;}
button:first-child{margin-right:30px;}
button:hover{background: #006ec2;color: #fff;}
.text_input{padding: 15px;box-sizing: border-box;width: 100%;color: #757575;transition: all 0.5s;line-height: 1;background: #fff;}
.textarea_input{line-height: 1;vertical-align: middle;padding: 15px;width: 100%;color: #757575;transition: all 0.5s;background: #fff;min-height: 182px;font-family: -webkit-body;}
.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;}
.gray_bar{background:#f0f0f0;}
.white_bar{background:#fff;}
.box_tit_c{margin-bottom: 32px;}
.box_tit_c .p1{text-transform: uppercase;margin-bottom: 10px;font-size: 27px;}
.box_tit_c .p1 .t1{color: #006ec2;font-family: compactaicgbold;font-weight: bold;}
.box_tit_c .p1 .t2{font-family: Poppins_Bold;background: linear-gradient(to right, #0a9677, #14d0a6);-webkit-background-clip: text;color: transparent;}
.box_tit_c .p1 i{background:url(../images/dot.jpg) 0 0 no-repeat;width: 45px;height: 50px;display: inline-block;vertical-align: middle;margin-left: 6px;background-size: contain;}
.box_tit_c .p2{color: #8a8b8c;}
.box_tit_l{font-size: 35px;padding-top: 55px;}
.box_tit_l p{margin-bottom: 32px;}

::-webkit-scrollbar{width:7px;height:7px;background-color:#F5F5F5}
::-webkit-scrollbar-track{border-radius:10px;background:#fff}
::-webkit-scrollbar-thumb{background-color: #738091;}

.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{border: 1px solid;transition: all 0.5s;position: relative;padding: 9px 25px;display: inline-block;text-transform: uppercase;}
.box_more span{display:inline-block;margin-left: 10px;line-height: 40px;}
.box_more i{display: inline-block;transition: all 0.5s;padding-left: 10px;font-weight: bold;}
.box_more:hover{background: #376ac7;color: #fff;}
.box_more.white{color:#fff;}
.box_more.white:hover{background:#fff;color:#006ec2;}
.hidden{display:none}


input[type="checkbox"]:checked{background: url(../images/check_ok.jpg) center no-repeat;border-color: #3dadef;}
input::-webkit-input-placeholder{color:#b6b6b6;}
input::-moz-placeholder{color:#b6b6b6;}
input:-moz-placeholder{color:#b6b6b6;}
input:-ms-input-placeholder{color:#b6b6b6;}
textarea::-webkit-input-placeholder{ color:#b6b6b6;}
textarea::-moz-placeholder{color:#b6b6b6;}
textarea:-moz-placeholder{color:#b6b6b6;}
textarea:-ms-input-placeholder{color:#b6b6b6;}
button{border: none;box-sizing: border-box;color: #fff;background: #7c7c7c;transition: all 0.5s;cursor: pointer;}
.text_input{border: 1px #e1e1e1 solid;background: #fff;line-height: 2.5;padding: 5px 10px;box-sizing: border-box;width: 100%;}
.textarea_input{border: 1px #e1e1e1 solid;background: #fff;line-height: 43px;vertical-align: middle;padding: 10px;box-sizing: border-box;width: 100%;}
.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;}
.gray_bar{background:#f0f0f0;}
.white_bar{background:#fff;}
.box_tit_c{text-align: center;padding-top: 55px;}
.box_tit_c.white .p1{color:#fff;}
.box_tit_l{font-size: 35px;padding-top: 55px;}
.box_tit_l p{margin-bottom: 32px;}
.bbar{width: 31px;height: 4px;background: #376ac7;margin:auto;border-radius: 2px;}
.bbar_l{width: 18px;height: 2px;background: #376ac7;}
.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: #376ac7;}
@media screen and (max-width:1200px){
.box_tit_c{padding-top:15px;}
.box_tit_c .p2{font-size: 20px;}
.top_search{display:none;}
.phoneclear{overflow:hidden}
.main_box,.mid_box{margin: 0 5%;}
.left{float:none;}
.right{float:none}
}

.hidden{display:none}

.top_bar{line-height: 36px;border-bottom: 1px #ddd solid;}
.top_bar .p1{float: left;color: #808080;}
.top_bar .p2{float: right;color: #808080;}
.top_bar .p2 a{color: #808080;}
.top_bar .p2 a:hover{color: #006ec2;}
.top_tmail{background:url(../images/tmail.jpg)0 0 no-repeat;display:inline-block;width:24px;height:22px;vertical-align: middle;margin: 0 10px;}
.top_jindog{background:url(../images/jindog.jpg)0 0 no-repeat;display:inline-block;width:24px;height:22px;vertical-align: middle;}

.head_block{height: 78px;background: #fff;display: none;}
header{z-index:999;width: 100%;transition: all 1s;background: #fff;}
header .logo{float: left;position: relative;z-index: 999;margin-top: 8px;}
header .logo img{position: relative;}
.top_r{float: left;padding-left: 30px;}
.top_r_up{border-bottom: 2px #ddd solid;padding-bottom: 15px;padding-left: 40px;}
.top_r_des{float: left;padding-top: 30px;}
.top_r_des .p1{font-size: 18px;color: #da251c;font-weight: bold;text-transform: uppercase;}
.top_r_des .p2{font-size: 15px;text-transform: uppercase;color: #959595;}
.top_r_tel{float: right;margin-top: 20px;}
.top_r_tel .icon_tel{display: inline-block;vertical-align: middle;color: #376ac7;border: 1px solid;border-radius: 50%;font-size: 18px;padding: 5px;}
.top_r_tel .p1{font-size: 16px;color: #376ac7;display: inline-block;vertical-align: middle;margin-left: 10px;margin-right: 20px;font-weight: bold;}
.top_r_tel .lang{display:inline-block;vertical-align:middle;}
.top_r_tel .lang a{text-transform:uppercase;display: inline-block;text-align: center;transition: all 0.5s;vertical-align: middle;}
.top_r_tel .lang a:hover{color: #376ac7;}
.top_r_tel .lang i{display: inline-block;vertical-align: middle;margin-right: 10px;color: #376ac7;font-size: 28px;}
.top_r_tel .lang span{display: inline-block;vertical-align: middle;margin: 0 5px;}
.top_r_tel .lang .cn i{background:url(../images/cn.png)}
.top_r_tel .lang .en i{background:url(../images/en.png)}
header nav{position:relative;box-sizing: content-box;z-index: 2;float: left;margin-left: 20px;}
header nav li{position:relative;float: left;}
header nav .lang{display:none;}
header nav li .nav_l{background: linear-gradient(rgba(255, 255, 255, 0.5), white,rgba(255, 255, 255, 0.5));width: 1px;height: 18px;position: absolute;top: 15px;left: 0;}
header nav a{padding: 25px 10px;text-transform:uppercase;display: block;transition: all 0.5s;font-weight: bold;font-size: 12px;}
header nav a:hover{color: #376ac7;}
header nav li.hover a{color: #376ac7;}
header nav li.open a{color: #fff;background:#376ac7;}
header nav li .sub_nav{position:absolute;top:100%;left: 0;visibility:hidden;background: rgba(90, 90, 90, 0.55);opacity:0;transition:all .3s;transform:rotateX(90deg);transform-origin:top center;padding: 10px 0;}
header nav li .sub_nav.open{visibility:visible;opacity:1;transform:rotateX(0)}
.sub_nav li{display:block;line-height:2;width: 100%;text-align: center;}
@media screen and (min-width:1150px){
header nav li .sub_nav a{display: block;background:0 0;color: #fff;line-height: 2;border: none;font-size: 13px;padding: 0;font-weight: normal;}
header nav li .sub_nav a:hover{color: #8db5ff;}
header nav li .sub_nav a.back_nav{display:none;}
}
header .menu_bar{position:absolute;top: 20px;right: 10px;display:none;cursor:pointer;width: 30px;}
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}
header .menu_bar p{position:absolute;left: 0;width: 100%;padding-top: 18px;font-size: 12px;}
.nav_tel{display: none;}
@media screen and (max-width:1440px){
.box_more{padding: 0 10px;line-height: 38px;}
.top_line{width:1010px;}
}

@media screen and (max-width:1200px){
.top_r_tel{display:none;}
.top_bar{display:none;}
header .logo{margin-bottom: 6px;margin-top: 6px;}

header{position:fixed;}
.top_r{display: none;}
.top_line{display:none;}
.top_rt{display:none;}
.head_block{height: 64px;}
header nav a{border-radius:0;color: #282828;padding: 15px;font-weight: normal;}
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;padding: 0;}
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;background: #fff;}
header .close_menu_bar{display:block;height:55px;background-color:#333;}
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;}
header nav li{display:block;border-bottom:1px #eee solid;position: unset;width: auto;float: none;}
header nav .lang{display:block;}
.nav_pc{display: none;}
.nav_tel{display: block;}
header nav li .sub_nav.open{left:0;border-radius: 0;}
header nav li .nav_l{display:none;}
}
@media screen and (max-width:768px){
header .logo{margin-bottom:0;margin-top: 15px;}
header .logo img{width: 60%;padding-top:5px;padding-bottom: 15px;}
.top_r_des{display:none;padding-top: 30px;}
.top_r_des .p1{font-size:16px;}
.top_r_des .p2{display:none;}
}

@media screen and (max-width:1200px){
.cf_content{border:none;}
.contact_info{width:100%;border-right:0;border: 1px #ddd solid;padding: 5%;margin-bottom: 30px;}
.contact_form{width:100%;padding: 5%;}
.contactform li{width:100%;}
.ci_top .call{padding: 5px 15px;margin-top: 12px;}
.contactform .cf_button{}
}
footer{background: #282828;padding-top:50px;}
.f_top {border-bottom: 1px #555 solid;}
.f_nav{margin-bottom: 30px;display: flex;justify-content: space-between;float: left;}
.f_nav li{float: left;text-transform:capitalize;transition:color .3s;margin-bottom: 12px;margin-right: 20px;}
.f_nav li.fnav6{margin-right: 0;}
.f_nav li .tit{font-size:16px;margin-bottom: 10px;color: #fff;}
.f_nav li .bbar_l{margin-bottom:10px;}
.f_nav li.ll a{float: left;}
.f_nav li a{line-height: 2;color: #b6b6b6;display: block;}
.f_nav li a:hover{color: #006ec2;}
.f_cdes p{color:#828181;padding: 5px 0;}
.f_des{float:right;}
.fl_box{float: left;}
.fr_box{float: right;}
.fl_box .tit{font-size:16px;margin-bottom: 15px;color: #fff;}
.fl_box li{float:left;color: #9ea1a4;overflow: hidden;width: 300px;}
.f_tel{margin-bottom: 18px;color: #ffffff;position: relative;font-weight: bold;}
.f_tel i{font-size:18px;color:#006ec2;border:1px solid;border-radius:50%;padding:5px;margin-right: 15px;display: inline-block;/* vertical-align: middle; */}

.f_link{background: #ffffff;color: #000;font-size: 12px;width: 235px;position: relative;margin-bottom: 30px;}
.f_link .select{padding: 10px;}
.f_link i{font-style:normal;margin:0 15px;}
.f_link .icon_tri_down{display: inline-block;position: absolute;right: 0;top: 0;width: 36px;height: 36px;text-align: center;color: #9ea1a4;line-height: 36px;}
.flink_con{opacity:0;visibility: hidden;height:0;transition:all 0.5s;position: absolute;top: 36px;left: 0;width: 100%;background: #fff;}
.flink_con a{display:block;padding: 10px;transition: all 0.5s;color: #757575;}
.flink_con a:hover{background: #376ac7;color:#fff;}
.f_link:hover .flink_con{height:auto;opacity:1;visibility:visible;}

.f_ewma{margin-bottom: 15px;text-align: center;float: left;color: #828181;line-height: 2;}
.f_ewma li{display:inline-block;color: #737272;text-align: center;}
.f_ewma li p{padding:6px 0;}
.f_info{padding: 15px 0;color: #757575;font-size: 12px;}
.f_info a{color:#757575;}
.f_info a:hover{color:#376ac7;}
#go_top{right: 3%;bottom: 15%;margin-top: 50px;width: 50px;height: 50px;border-radius:5px;background: url(../images/upar.png) center no-repeat #376ac7;cursor:pointer;display: inline-block;position: fixed;transition: all 0.5s;z-index: 999;}
#go_top:hover{background-color: #2e9ef3;}
@media screen and (max-width:1200px){
#go_top{bottom:5%;right: 0;width: 40px;height: 40px;}
.f_top{display:none;}
.f_ewma{display:none;}
.f_info dd{display:inline-block;}
}
@media screen and (max-width:1024px){
.f_nav li a{display:inline-flex;margin-right:10px}
footer{padding-top:0;}
}
@media screen and (max-width:768px){
.fc_box{display:flex;}
.f_link{margin:15px 0;display:none;}
.f_nav{display:none;}
footer{padding:0;}
}
@media screen and (max-width:425px){

.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: #376ac7;}
.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;display: flex;justify-content: space-between;padding: 15px 0;}
.page_break a{display:inline-block}
.page_break a:hover{color: #376ac7;}
.page_break span{display:inline-block;vertical-align:middle}
.page_break .icon_ar_l,.page_break .icon_ar_r{font-size:16px}
@media screen and (max-width:425px){
.page_break a,.page_break{display:block}
}