.y_button {
    font-size: 16px;
    font-weight: bold;
    background-color: #ffe100;
    border-radius: 8px;
    text-align: center;
    display: inline-block;
    line-height: 26px;
    padding: 1px 35px;
}

/* ------------------------------------------------------------------------------
     page_banner
-------------------------------------------------------------------------------*/
.page_banner{position: relative;background-repeat: no-repeat;background-position: center center;height: 339px;background-size: cover;overflow: hidden;}
.page_banner_tit{margin-top: 135px;text-transform: uppercase;color: #fff; background-color: #000; opacity: 0.5; display: inline-block; padding: 5px;}
.page_banner_tit .bd1 {border: 1px dashed #fff; padding: 8px 30px;}
.page_banner_tit .p1{font-size: 36px;margin-bottom: 10px; font-family: 'MicrosoftYaHeiBold'; font-weight: bold;}
.page_banner_tit .p2{font-size: 16px;letter-spacing: 5px;}
.page_banner_tit .p3{font-size: 50px;font-weight: bold;}
.page_banner_tit .p4{font-size: 48px;position: relative;top: -100px;opacity: 0.5;letter-spacing: 24px;display: inline-block;right: -12px;}
.page_banner2{display: none;}

.position{position: relative;padding: 15px;background: #f5f5f5;}
.position .loc1{margin-right: 10px;display: inline-block;font-size: 36px;color: #738091;}
.position a{transition: color 0.3s;color: #606060;}
.position a:hover,.position a.hover{color: #014099;}
.position a,.position span{display: inline-block;vertical-align: middle;text-transform: capitalize;}
.position .nav_line{margin-right:5px;}

.mark_line{border-bottom:2px #47617f solid;margin-top: 26px;margin-bottom: 20px;}

.nav_list {width: 100%; border-bottom: 1px solid #d9dada; background-color: #fff;}
.cat_nav{overflow: hidden;line-height: 65px;}
.cat_nav a{float: left;width: 146px;text-align: center;position: relative; border-bottom: 1px solid #fff;}
.cat_nav a.hover{color: #ffe100; border-bottom: 1px solid #ffe100;}
.cat_nav .icon_tri_up{font-size:0;}
.cat_nav a.hover .icon_tri_up{color: #fff;font-size: 16px;position: absolute;left: 50%;bottom: -5px;margin-left: -8px;}


@media screen and (max-width: 425px) {
.cat_nav a{width: 100%;margin: 5px 0;}
.cat_nav{margin-bottom:15px;margin-top: 15px;}
#ar_down{display:none}
}
.merchants_title {
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    color: #636161;
}
.blog_tit{font-size: 26px;text-align: center;padding-bottom: 46px;font-weight: bold;}
.blog_tit i{display:inline-block;vertical-align:middle;font-family: -webkit-pictograph;}
.blog_tit span{display:inline-block;vertical-align:middle;}
.log_line{margin-bottom: 50px;border-bottom: 1px #e2e2e2 solid;padding-bottom: 50px;}
@media screen and (max-width: 1440px) {
.page_banner{background-size:  cover;}
.page_banner_tit .p1{font-size: 30px;}
.page_banner_tit .p2{font-size: 16px;}
}
@media screen and (max-width: 768px) {
.page_banner_tit{padding-top: 40px;text-align: center;}
.cat_nav .nav_line{margin: 0 5px;}
.about_banner{background-position: 30% center;}
.pro_banner{background-position: 82% center;}
.qu_banner{background-position: 60% center;}
.contact_banner{background-position: 20% center;}

.page_banner{display: none}
.page_banner2{display: block;position: relative;}
.page_banner2 .mid_box{margin:0;}
.page_banner2 .mid_box img{width:100%;}
.page_banner2 .page_banner_tit{position: absolute;margin-top:0;bottom:10%;left:2%;}
}
@media screen and (max-width:425px) {
.blog_tit{padding-bottom:15px;}
.blog_tit i{font-size:16px;}
}
/* ------------------------------------------------------------------------------
     pic_list
-------------------------------------------------------------------------------*/
.pic_list{overflow: hidden;padding-bottom: 50px; padding-top: 30px;}
.pic_box{float: left;width: 25%;text-align: center; padding: 0 10px;}
.pic_box p {
    margin: 10px 0;
}
.protect_list {
    padding: 30px 0;
}
.protect_list .pic_box{
    width: 50%;
    text-align: left;
    height: 62px;
    margin-bottom: 20px;
    position: relative;
}
.protect_list .pic_box img {
    display: inline-block;
    position: absolute;
    left: 70px;
    top: 0;
}
.protect_list .pic_box p {
    display: table-cell;
    height: 62px;
    position: relative;
    vertical-align: middle;
    padding-left: 150px;
    font-size: 16px;
}
@media screen and (max-width:768px) {
.protect_list .pic_box{width:100%; padding-left: 0;}
.protect_list .pic_box img { left: 0; }
.protect_list .pic_box p { padding-left: 70px; }
}


.big_cb{background: linear-gradient(to bottom left, #e4e5e6 , white);width: 444px;height: 444px;position: absolute;right: -3%;top: 16%;z-index: -1;border-radius: 50%;}
.business{position:relative;padding-bottom: 68px;}
.bg_cb{background:#f5f5f5;height:100%;width70%;width: 40%;position:absolute;right:0;top:0;z-index: -1;}
.bg_cb:before{content:"";display: inline-block;height: 100%;width: 50%;border-radius: 50%;position: absolute;left: -25%;top: 0;background: #f5f5f5;}
.business_list {margin-left:-36px;display: flex;}
.business_list  li{float: left;width: 33.33333%;position: relative;padding-left: 36px;margin-bottom: 16px;}
.business_list  dd{float: left;border-radius: 0 45px;border: 1px solid;padding: 40px;line-height: 2;height: 100%;width: 100%;}
.business_list .bbar_l{margin-bottom: 30px;}

.scence{padding-top:112px;}
.scence_box{overflow:hidden;margin-bottom: 15px;position: relative;width: 830px;}
.scence_list li{float: left;width: 100%;text-align: center;line-height: 2;}
.scence_list li img{border-radius: 0 45px;}
.sl_arr{width: 100%;bottom: 0;display: flex;justify-content: space-between;position: absolute;}
.sl_arr a{width: 35px;height: 68px;display: inline-block;position: relative;z-index: 99;line-height: 68px;text-align: center;font-size: 32px;font-weight: bold;cursor: pointer;}
.sl_arr a:hover{color:#408cef;}
.scence_spot {text-align:center;line-height: 68px;}

.scence_des {width: 400px;padding-top: 105px;position: relative;}
.scence_des .des{padding-right:50px;line-height: 2;}
.small_cb{background: linear-gradient(to bottom left, #e4e5e6 , white);width: 138px;height: 138px;position: absolute;right: 0;top: 35%;z-index: -1;border-radius: 50%;}

@media screen and (max-width: 1200px) {
.about_des .img_box .ab_font,.big_cb,.small_cb{display:none;}
.about_des{padding: 30px 0;}
.about_des .img_box{width:100%;text-align: center;padding-top: 0;padding-right: 0;margin-right: 0;}
.about_des .des_box{width:100%;text-align: center;padding-top: 0;margin-right: 0;margin-bottom: 30px;}
.scence{padding-top: 0;}
.scence_box{width:100%;}
.scence_des{width:100%;padding-top: 0;margin-bottom: 30px;}
.business{padding-bottom:30px;}
}
@media screen and (max-width: 768px) {
.business_list{display:block;}
.business_list li{width:100%;}
}
@media screen and (max-width: 425px) {
}
/* ------------------------------------------------------------------------------
     contact
-------------------------------------------------------------------------------*/
.cf_content{padding:80px 0;display: flex;}
.contact_info{width:55%;background:#f5f5f5;padding: 50px;padding-top: 80px;}
.ci_tit{position:relative;}
.ci_tit .p1{font-size:70px;font-weight:bold;text-transform:uppercase;color:#ddd;position: absolute;top: -130px;}
.ci_tit .p2{font-size:22px;color:#405673;}
.ci_tit .bbar_l{margin-bottom:50px;margin-top: 43px;}
.ci_des p{line-height:46px;}
.ci_des i{color: #405673;border: 1px solid;border-radius: 50%;padding: 5px;margin-right: 15px;font-size: 18px;}
.ci_des span{}
.ci_des{margin-bottom:40px;}
.contact_info .map{border:5px #fff solid;}
.contact_form{width:45%;background: #738091;padding: 80px 60px;position: relative;}
.cf_top{position:relative;}
.top_tit{position:absolute;right:0;top: -24px;color:#738091;letter-spacing: 20px;}
.top_tit i{width:80px;height:2px;background:#738091;display: inline-block;vertical-align: middle;margin-left: 15px;}
.cf_top .p1{font-size:22px;}
.cf_top .bbar_l{margin-bottom:50px;margin-top: 43px;}
.contact_form li{line-height:60px}
.contact_form li.tit{}
@media screen and (max-width: 1200px) {
.cf_content{padding-bottom: 30px;display: block;}
.contact_info{width:100%;margin-bottom: 50px;}
.contact_form{width:100%;}
}
@media screen and (max-width: 768px) {
.ci_tit .p1{font-size:30px;position: unset;margin-bottom: 15px;}
.cf_content{padding-top:30px;}
.contact_info{padding: 5%;}
.contact_form{padding: 5%;}
.ci_tit .bbar_l{margin-top:15px;margin-bottom:20px;}
.cf_top .bbar_l{margin-top:15px;margin-bottom:20px;}
}
/* ------------------------------------------------------------------------------
    News
-------------------------------------------------------------------------------*/
.news_content_box{max-width: 780px;margin: auto;}
.news_c{overflow: hidden;}
.news_box_list {padding-top: 45px;}
.new_big_box{overflow: hidden;margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px dashed #e3e3e3;}
.new_big_box .img_box{text-align: center;display: inline-block;vertical-align: middle; border: 1px solid #e3e3e3; padding: 5px;}
.new_big_box .img_box img{width:428px; height: 300px;}
.new_big_box .des_box{color: #606060;display: inline-block;width: 60%;vertical-align: middle;padding-left: 40px;}
.new_big_box .des_box .tit{font-size: 16px;margin-bottom: 15px; border-bottom: 1px dashed #e3e3e3; padding-bottom: 10px;}
.new_big_box .des_box .tit span {float: right; color: #999999;}
.new_big_box .des_box .des{line-height: 2;margin-bottom: 25px;color: #999999;font-size:  13px;}
.new_big_box .des_box .bbar_l{margin-bottom:15px;}
.new_big_box .des_box .more {background-color: #ffe100; color: #000; padding: 8px 35px; font-size: 12px;}
.new_big_box .des_box .more:hover {background-color: #000; color: #fff;}
.news_c_list{}
.news_c_list li{background:#fff;position:relative;padding: 20px 35px;margin-bottom: 13px;}
.news_c_list li a,.news_c_list li span{color:#606060;cursor: pointer;transition: color 0.3s;}
.news_c_list li a:hover{color:#014099;}
.news_c_list li .rtime{position:absolute;right: 35px;top: 20px;}
@media screen and (max-width: 1440px) {
.new_big_box .des_box{/* width: 60%; */}
}
@media screen and (max-width: 1200px) {
.new_big_box .img_box{width:49%;}
.new_big_box .des_box{width:50%;}
}
@media screen and (max-width: 768px) {
.new_big_box .des_box{width:100%;padding-left: 0;}
.new_big_box .img_box{width:100%;margin-bottom: 15px;}
.news_c_list li .rtime{display:none;}
.top_line .rtime{display:none;}
}
@media screen and (max-width: 425px) {
.new_big_box .des_box{width:100%;}
.new_big_box .img_box{width:100%;margin-bottom: 15px;}
}


.page_tit{text-align: center; padding: 40px 0;}
.page_tit .p1 {margin-bottom: 20px;}
.page_tit .page_tit1 {font-size: 26px; margin-bottom: 20px;}
.page_tit .page_tit1 .point {font-size: 40px; margin: 0 10px;}
.page_tit .page_tit1 .bold {font-weight: bold;}
.page_tit .bbar { width: 70px; height: 3px; background-color: #fd992c;margin-top: -2px;}
.page_tit .line { width: 630px; border-top: 1px solid #ccc; margin: auto; }
.page_tit .page_tit3 {
    margin-top: 25px;
    color: #adadad;
}
.page_des{padding: 30px 5%; line-height: 30px;}

/* ------------------------------------------------------------------------------
     case
-------------------------------------------------------------------------------*/
.case {padding: 80px 0;}
.case_list{position: relative;left:0;top:0;}
.case_box{}
.case_box .des_box{width: 392px;padding-top: 60px;}
.case_box .des_box .tit{font-size:35px;margin-bottom:50px;display: block;}
.case_box .des_box .des{line-height:2;}
.case_box .img_box{width: 800px;background: #f5f5f5;padding: 65px 45px;overflow: hidden;}
.case_box .img_box img{float:left;width:50%;padding: 15px;}

@media screen and (max-width: 1200px) {
.case{padding:30px 0}
.case_box .des_box{width:100%;padding-top: 0;margin-bottom: 15px;}
.case_box .img_box{width:100%;padding: 0;}
.case_box .des_box .tit{margin-bottom:15px;}
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 425px) {

}
@media screen and (max-width: 1200px) {

}
/* ------------------------------------------------------------------------------
     recruit
-------------------------------------------------------------------------------*/
.recruit{}
.recruit_list{margin-bottom:50px;}
.recruit_top{position: relative;overflow: hidden;font-size: 16px;font-weight: bold;line-height: 68px;}
.recruit_top a{color: #00589a;}
.recruit_top .bg_tit{font-family: 'bebasregular';font-size: 60px;text-transform: uppercase;color: #eaf0f6;position: absolute;right: 0;top: 20px;}
.recruit_l{border: 1px #eee solid;margin-bottom: 3px;}
.recruit_des{width:100%;padding: 15px 20px;line-height: 2;overflow: hidden;}
.recruit_tit{font-size:16px;font-weight:bold;background:#f2f6fa;line-height: 60px;padding: 0 30px;position: relative;}
.recruit_tit .tit{font-size: 16px;}
.recruit_tit.active .tit{color: #00589a;font-size: 18px;font-weight: bold;}
.recruit_tit .more{font-size: 18px;border: 1px solid;border-radius: 50%;background: #00589a;width: 27px;height: 27px;line-height: 27px;display: inline-block;text-align: center;color: #fff;font-family: serif;position: absolute;right: 30px;top: 16px;cursor: pointer;}
.recruit_tit .more:before{content: "+";}
.recruit_tit.active .more:before{content: "-"}
@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 768px) {
.recruit_top .bg_tit{display:none;}
}
@media screen and (max-width: 425px) {

}
/* ------------------------------------------------------------------------------
     products
-------------------------------------------------------------------------------*/

.right_bar {width: 885px; float: right;}
.right_bar .top_box {width: 800px; height: 65px; border: 1px solid #e3e3e3; margin: auto; border-bottom: none;}
.right_bar .p_list {width: 100%; overflow: hidden;}
.right_bar .p_list .item {width: 278px; margin-right: 25px; float: left;}
.right_bar .p_list .item:nth-child(3) {margin-right: 0;}
.right_bar .p_list .item img { height: 300px; }
.right_bar .p_list .p_bottom { height: 112px; background-color: #585859; text-align: center;}
.right_bar .p_list .p_bottom .p_name {line-height: 35px; color: #fff; text-align: center; margin-bottom: 15px;}
.right_bar .p_list .p_bottom span {background-color: #fd992c; padding: 5px 40px; color: #fff; font-weight: bold;}

.solovea{}
.sla_box{margin-bottom:44px;position: relative;}

.sla_up{background-position:center;height: 230px;padding-top: 89px;padding-left: 60px;padding-right: 38px;}
.sla_tit{}
.sla_icon{background-position:center;background-repeat: no-repeat;width: 40px;height: 40px;display:inline-block;vertical-align: middle;}

.sla_tit .tit1{font-size:30px;display: inline-block;vertical-align: middle;text-transform: uppercase;}
.sla_tit .tit2{font-size:20px;font-family: gothamlightregular;text-transform: uppercase;display: inline-block;vertical-align: middle;padding-top: 10px;}
.sla_tit .icon_add{border:1px solid;padding: 8px;border-radius: 50%;font-size: 24px;float: right;}
.sla_down{position:absolute;padding-left: 60px;padding-right: 60px;background: #f5f5f5;height: 100%;width: 100%;left: 100%;top: 0;transition: all 0.5s;}
.sla_down .sla_tit{padding-top:30px;padding-bottom:26px;border-bottom:1px solid;}
.slad_list{overflow:hidden;}
.slad_list a{border:1px #f5f5f5 solid;float: left;padding: 10px;margin: 15px 5px;transition: all 0.5s;}
.slad_list a:hover{color:#0a74b0;border-color:#0a74b0;}

.sla_1{background-image:url(../images/solovea_1.png)}
.sla_2{background-image:url(../images/solovea_2.png)}
.sla_3{background-image:url(../images/solovea_3.png)}
.sla_4{background-image:url(../images/solovea_4.png)}
.slad_1{background-image:url(../images/solovea_h_1.png)}
.slad_2{background-image:url(../images/solovea_h_2.png)}
.slad_3{background-image:url(../images/solovea_h_3.png)}
.slad_4{background-image:url(../images/solovea_h_4.png)}
@media screen and (min-width: 1280px) {
.sla_box:hover .sla_down{left:0;}
}
@media screen and (max-width: 1280px) {
.sla_down{position:unset;border-left:0;}
.sla_down .sla_tit{display:none;}
}
.pro_list{overflow: hidden; }
.pro_box{margin-bottom: 60px; padding: 25px;}
.pro_box .img_box {background: #f5f5f5;text-align: center;position: relative;float: left;width: 340px; height: 340px;}
.pro_box .icon_arrowdown {border-radius: 50%;transform: rotate(270deg);display: inline-block;background: #738091;color: #fff;font-size: 30px;padding: 5px;position: absolute;left: 26px;bottom: -20px;transition: all 0.5s;}
.pro_tit{}
.pro_box:hover .icon_arrowdown{background: #0a74b0;}
.pro_info { width: 470px; float: right; padding-top: 20px;}
.pro_info h1 {margin-bottom: 25px;}
.pro_info .des {line-height: 25px; color: #828282; margin-bottom: 20px;}
.pro_info .pro_more {background-color: #fd992c; color: #fff; padding: 5px 40px;}
@media screen and (max-width: 768px) {
.pro_box{width:50%;}

}
@media screen and (max-width: 425px) {
.pro_box{width:100%;}
.sla_tit .icon_add{display:none;}
}
.inner_show{background:#fff;padding:3%;} 
.is_tit{width:400px; float: right; padding-top: 20px;}
.is_tit .p1{font-size:25px;font-family:gothamlightregular;margin-bottom: 15px;text-transform: uppercase;color:#000;line-height: 1.3;}
.is_tit .p2{display: inline-block; color: #828282;}
.is_img{margin: 10px 0 30px 0; width: 340px; float: left;}
.is_des{margin-bottom: 40px;}
.isd_tit{font-size:22px;}
.isd_tit .bbar_l{width: 24px;height:3px;background:#ffe105;margin: 15px 0;}
.is_des .des{line-height:2;}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 425px) {

}

.link_list li{
    display: inline-block;
    line-height: 83px;
    margin-right: 50px;
}
.about_tit{
    text-align: center;
}
.about_tit h1 {
    font-family: "Eurostile";
    font-size: 54px;
    margin-bottom: 10px;
}
.about_tit p {
    text-align: center;
    line-height: 35px;
    text-transform: uppercase;
}
.about_row {
    vertical-align: middle;
}
.company_profile {
    padding-top: 55px;
    padding-bottom: 70px;
}
.company_profile .content {
    width: 519px;
    padding-top: 60px;
    line-height: 20px;
    display: inline-block;
}
.company_profile .about_tit {
    margin-bottom: 25px;
}
.company_profile .img {
    float: left;
    margin-right: 50px;
}
.qualification {
    padding-top: 60px;
    padding-bottom: 80px;
}
.qualification .cert_box {
    margin-top: 0;
    padding-bottom: 0;
}
.qualification .about_tit h1 {
    color: #000;
}
.qualification .qualification_img {
    margin-top: 45px;
}
.qualification .qualification_img img {
    margin-right: 20px;
}
.service .service_img {
    margin-top: 45px;
    overflow: hidden;
        flex-wrap: wrap;
    display: flex;
    /*justify-content: space-between;*/
}
.service .service_img div {
    float: left;
    width: 20%;
    margin-bottom: 20px;
}
.quality {
    padding-top: 75px;
    padding-bottom: 100px;
}
.quality .about_tit {
    margin-bottom: 35px;
}
.quality .img {
    display: inline-block;
}
.quality .content {
    width: 579px;
    padding-top: 65px;
    line-height: 30px;
    float: left;
    margin-right: 75px;
}
.adv_page .adv_list {
    padding-top: 0;
}
.adv_page .adv_list li {
    padding: 45px 0 40px 35px;
    border-bottom: 1px #ccc dashed;
}
.adv_page .adv_list li .item_left {
    width: 560px;
    float: left;
}
.adv_page .adv_list li .item_right {
    width: 460px;
    float: right;
}
.adv_page .adv_list .des h2 {
    border: none;
}
.adv_page .adv_list .desc {
    width: 450px;
    padding-top: 10px;
    color: #6d6e71;
}
.adv_page .adv_list .item_right .desc {
    width: 368px;
}
.merchants_content {
    padding-top: 70px;
}
.merchants_content .blog_tit {
    font-weight: normal;
    padding-bottom: 70px;
}
.merchants_content .blog_tit span {
    font-weight: bold;
    color: #fd992c;
}
.contact_box {
    position: relative;
    margin-bottom: 60px;
}
.contact_box li {
    color: #fff;
    line-height: 30px;
    padding-left: 27px;
    background-repeat: no-repeat;
    background-position: left 5px;
}
/*.contact_box li:nth-child(1) {
    background-image: url('../images/contact_tel_icon.png');
}
.contact_box li:nth-child(2) {
    background-image: url('../images/contact_400_icon.png');
}
.contact_box li:nth-child(3) {
    background-image: url('../images/contact_email_icon.png');
}
.contact_box li:nth-child(4) {
    background-image: url('../images/contact_add_icon.png');
}*/
.contact_box .white {
    position: absolute;
    height: 405px;
    width: 100%;
    background-color: #fff;
    top: 345px;
}
.contact_box .map {
    height: 400px;
    background-color: #fff;
}
.contact_box .contact_main {
    margin-top: 55px;
    margin-bottom: 40px;
}
.contact_box .contact_inf {
    padding-top: 50px;
    width: 670px;
    display: inline-block;
}
.contact_box .contact_inf .company_name {
    font-size: 22px;
    color: #ffe100;
    font-weight: bold;
}
.contact_box .contact_inf div {
    margin-bottom: 25px;
    color: #828282;
}
.contact_box .contact_inf img {
    margin-right: 10px;
}

.contact_box .contact_ewma {
    width: 450px;
    padding-top: 45px;
    float: right;
}
footer .contact_box {
    margin-bottom: 10px;
}
.join_form{padding: 50px 85px;background: #fff; margin-top: 65px;}
.join_tit{margin-bottom: 30px;text-transform: capitalize;}
.join_tit .loc2{width:9px;height:47px;background:#e2aa23;display: inline-block;vertical-align: middle;}
.join_tit .p1{margin-bottom: 10px;color: #ffe100;font-size: 22px; text-align: left; font-weight: 700;}
.join_tit .p1 img {margin-right: 10px;}
.join_tit .p2{color: #757575;}
.join_post{margin: auto;box-sizing: border-box;}
.join_post label {font-size: 13px; width: 60px; margin-right: 8px; text-align: right; display: inline-block; color: #757575;}
.join_post .text_input{width:410px; height: 40px; font-size: 14px; background-color: #faf6f6;}
.join_post li{padding: 10px 0;font-size: 16px;box-sizing: border-box;display: inline-block;}
.join_post .title{color:  #000;display: inline-block;vertical-align: middle;font-size: 12px;}
.text_input{border: 1px #e1e1e1 solid;background: #fff;line-height: 23px;padding: 5px;box-sizing: border-box;}
.textarea_input{height: 145px;border: 1px #e1e1e1 solid;background: #faf6f6;line-height: 43px;width: 892px;vertical-align: middle;padding: 10px;box-sizing: border-box; font-size: 14px;}
.select_text{color:#7c7c7c;border: 1px #e1e1e1 solid;background: #fff;line-height: 23px;padding: 10px;box-sizing: border-box;width: 120px;}
.province{margin-right: 12px;}
.join_post .checkbox{line-height: 1.5;border: 1px #000 solid;border-radius: 50%;-webkit-appearance: none;width: 15px;height: 15px;position: relative;}
.join_form_submit{cursor: pointer;padding: 10px 30px;border: 1px #ffe100 solid;color:  #fff;display: inline-block;margin: 15px auto;text-transform: uppercase;transition: all 0.3s;background: #ffe100; }
.join_form_reset{cursor: pointer;padding: 10px 30px;border: 1px #7c7c7c solid;color:  #fff;display: inline-block;margin: 0 15px;text-transform: uppercase;transition: all 0.3s;background: #7c7c7c;}
.join_form_reset:hover{background: #000;border-color:#00589a;}
.form-content {position: relative; top: -70px;}


.about_box{background-color: #252122; height: 670px; padding-top: 90px;}
.about_box .l_box {width: 577px; float: left;}
.about_box .r_box {width: 530px; float: right;}
.about_box .r_box h3 { color: #fff; font-size: 54px; font-family: "Eurostile"; margin-top: 50px; margin-bottom: 20px;}
.about_box .r_box .des {color: #fff; line-height: 28px; margin-bottom: 70px; margin-top: 30px;}
.about_box .r_box .more {color: #fff; padding: 5px 25px; border: 1px solid #fff; border-radius: 20px;}
.about_box .r_box .more:hover {color: #000; background-color: #ffe100; border: 1px solid #ffe100;}
.about_img_list {margin-top: 65px; background-color: #fff; padding: 43px 65px 43px 65px; border-radius: 15px; position: relative; -moz-box-shadow:5px 5px 20px #333333; -webkit-box-shadow:5px 5px 20px #333333; box-shadow:5px 5px 20px #333333;}
.about_img_list .swiper-slide {width: 16%; height: 84px;}
.about_img_list .swiper-slide img { padding: 2px;}
.about_img_list .about_img_list1 {overflow: hidden;}
.about_arr {
    position: absolute;
    left: 0;
    top: 36%;
    width: 100%;
}
.about_arr a {
    font-size: 16px;
    color: #828282;
    cursor: pointer;
    transition: all 0.3s;
    padding: 15px 12px;
    z-index: 2;
    position: relative;
}
.about_arr a:hover{
    background-color: #fd992c;
    color: #fff;
}
.about_arr .icon_about_left {
    float: left;
    margin-left: 28px;
    background: url('../images/about_left_icon.jpg');
}
.about_arr .icon_about_right {
    float: right;
    margin-right: 28px;
    background: url('../images/about_right_icon.jpg');
}
.row_title {
    font-weight: 700;
    font-family: "Eurostile";
    font-size: 54px;
    line-height: 45px;
}
.cert_box {
    margin-top: 180px;
    padding-bottom: 80px;
}
.cert_box .y_button {
    margin: 20px 0 35px 0;
}
.cert_box .cert_list {
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none; 
    box-shadow:none;
    margin: 0;
    padding: 0;
}
.cert_list .swiper-slide {
    width: 19%;
    height: auto;
}
.cert_list .icon_cert_left {
    float: left;
    margin-left: -60px;
    background: url('../images/cert_left_icon.jpg');
}
.cert_arr {
    top: 40%;
}
.cert_arr a {
    padding: 0;
    width: 47px;
    height: 47px;
}
.cert_list .cert_list1 {
    overflow: hidden;
}
.cert_list .icon_cert_right {
    float: right;
    margin-right: -60px;
    background: url('../images/cert_right_icon.jpg');
}


/* ------------------------------------------------------------------------------
     products
-------------------------------------------------------------------------------*/
.pro_nav{overflow: hidden;}
.pro_nav li{background-color: #e5e2e2; margin-bottom: 10px;}
.pro_nav .tit{color:#000;font-size: 24px;border-bottom: 1px #26b2cb solid;padding: 15px;}
.pro_nav_i{line-height: 45px; transition: all 0.3s;text-transform: capitalize;display: block;padding-left: 60px;}
a.pro_nav_js{font-size: 16px;}
.pro_nav_js.active { background-color: #ffe105; }
.pro_nav_i span{display:inline-block;vertical-align: middle; font-weight: bold;    background: url(../images/proi.jpg) no-repeat left 5px;
    padding-left: 30px; line-height: 25px;}
.pro_sub_nav span {font-weight: normal;}
.pro_nav_i i{width: 13px;height: 13px; vertical-align: middle;text-align: center;line-height: 1;display: inline-block;margin-right: 15px;font-family: -webkit-pictograph;color: #e2aa23;}
.pro_nav_i:hover .p1,.pro_nav_i.active .p1{display:none;}
.pro_nav_i:hover .p2,.pro_nav_i.active .p2{display: inline-block;}
.pro_nav_i .p1{background: url(../images/proi.jpg) no-repeat;margin-right: 15px;}
.pro_nav_i .p2{display:none;margin-right: 15px; background: url(../images/proi.jpg) no-repeat;}
.pro_nav_i .p3{
    margin-right: 30px;}
.left_bar{float: left;width:270px; margin-top: 50px;}
.pro_nav_h{color:#ffe100;padding-left: 70px;background: url(../images/l_mark.jpg) 28px center no-repeat #000;font-size: 20px;font-weight: 700;height: 78px; padding-top: 20px;}
.pro_nav_h span{font-size: 14px; color: #ffe100;}
.list_r{float: right;width: 880px;overflow: hidden;margin-top: 50px; margin-bottom: 50px;}
.list_r .category_img img {width: 100%; height: 385px; border-radius: 20px;}
.list_r .category_title {font-size: 17px; font-weight: bold; margin-top: 35px; margin-bottom: 20px; padding-left: 20px; background: url('../images/product_icon.png') no-repeat left;}
.list_r2{width:100%;}
.pro_nav_img{width:100%;height:72px;background-position: center bottom;background-repeat: no-repeat;margin-bottom: 15px;}
.left_bar_tel{background: url(../images/l_tel.jpg) 53px 50% no-repeat #014099;font-size: 25px;font-family: impact;color:  #fff;padding-left: 100px;line-height: 51px;}
.pro_sub_nav{display: none;background: #f9f7f7; border-top: 1px solid #e4e7e6;}
.pro_sub_nav li{border-bottom: none; background-color: #f9f7f7;}
.pro_sub_nav.active{display: block;}
.pro_sub_nav li.active span{ font-weight: bold; }
.pro_sub_nav .pro_nav_i{line-height: 35px;}
@media screen and (max-width: 1200px) {
.left_bar{width:100%;margin-bottom: 30px; margin-top: 0}
.list_r{width:100%; padding: 0 5%;}
}
.pro_list{overflow: hidden;}
.pro_box{width: 100%; border: 1px solid #dcdcdc; border-radius: 15px; background-color: #fff;}
.pro_box img {border: 1px #ccc solid;}
.pro_tit span{vertical-align: middle;display: inline-block;}
.pro_des {margin: 20px 0;}
.pro_param {width: 49%; float: left; display: inline-block; padding-left: 30px; background: url('../images/product_icon.png') no-repeat left top; margin-bottom: 10px; }
.pro_param span {background-color: #e5e5e5; padding: 2px 10px;}
.pro_bc{background: url(../images/proi.jpg) 50% 50% no-repeat;width: 8px;height: 8px;margin-right: 30px;}
.pro_box:hover img{border-color: #014099;}

@media screen and (max-width: 768px) {
.pro_box{width:50%;}
}
@media screen and (max-width: 425px) {
.pro_box{width:100%;}
}

.service_area {
    background: url('../images/service_area_bg.jpg') no-repeat;
}

.contact_page {
    height: 758px;
    background: url('../images/contact_bg.jpg') no-repeat center;
}
.contact_page .contact_box li {
    color: #000;
    line-height: 30px;
    font-size: 16px;
}
.service_content {
    /*text-align: center;*/
}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0;}
.clearfix{*zoom:1;}