body{background: #fff}
.main_body{padding-top: 60px;}
#lay-banner{text-align: center;position: relative;}
#sec-navigation{margin-top: -30px}
#sec-navigation li{margin-top: 30px;}
.sec-navigation p{font-size: 30px;color: #434343;vertical-align: middle;text-align: center;padding-top: 60px;padding-bottom: 38px}
.sec-navigation p span{display: inline-block;width: 24px;height: 1px;vertical-align: middle;background: #b7b7b7;margin: 0 30px}
#sec-navigation a{font-size: 16px;margin: 0 20px;border-radius: 30px;padding: 7px 30px;}
#sec-navigation a.on{color: #fff;background-color: var(--thime-body-color);}
/*----------------------------about------------------------*/
.main_body_box{padding-bottom: 60px}
/*内页-公司介绍 css*/
.aboutBox{width:263px;height:263px;background:var(--thime-body-color) url(../img/brand_bg.png) no-repeat center; background-size:cover;padding:100px 30px 40px;margin-bottom: 78px;color: #fff}
.aboutBox h3{font-size:27px;line-height: 1.3;font-weight: bold}
.aboutBox p{font-size:18px;margin-top:15px; }
.aBoxImg{float: right;margin-left: 50px;margin-bottom: 50px;max-width: 55%}
.discription p,
.discription div{text-align: justify;font-size: 18px;line-height:2;color: #666;}
.curl{position: relative;margin-top: 30px}
.curl .h{font-size: 60px;color: var(--thime-body-color);font-weight: 100}
.curl .h:before{content: '';left: 0;top: 0;display: inline-block;width: 230px;height: 68px;background: var(--thime-body-color);margin-right: 50px;vertical-align: bottom}
.curl:after{content: '';right: 0;top: 0;display: inline-block;border-right: 123px solid var(--thime-body-color);border-left: 123px solid transparent;border-top: 146px solid var(--thime-body-color);border-bottom: 146px solid transparent;position: absolute;}
.curl_cont{padding: 0 150px 0 280px;margin-top: 30px}
.curl_tips{margin-top: 75px}
.curl_tips i{font-style: normal;font-size: 20px;color: var(--thime-body-color);line-height: 26px}
.curl_tips i em{display: inline-block;width: 26px;height: 26px;background: var(--thime-body-color);border-radius: 100%;margin-right: 10px;vertical-align: bottom}
.curl_tips p{font-size: 22px;line-height: 2;color: #7b797a;padding-left: 36px;font-weight: 100;padding-bottom: 40px}
.curl_tips .col-12:nth-last-of-type(1){position: relative}
.curl_tips .col-12:nth-last-of-type(1):after{content: '';width: 104px;height: 104px;background: url("../img/about_crl2.png") no-repeat left 12px var(--thime-body-color);border-radius: 100%;position: absolute;right: 0;bottom: 20px;}


/*智慧制造*/
#about_icon{padding-top: 50px;padding-bottom: 100px}
#about_icon .list{position: relative;text-align: center}
#about_icon .list + .list:before{content: '';width: 1px;height: 90px;background: #d2d2d2;left: 0;top: 50%;margin-top: -45px;position: absolute;}
#about_icon .l1-icon{width:66px;height: 66px;display: inline-block;margin-bottom: 29px;transition: transform 0.5s, -webkit-transform 0.5s;}
#about_icon .l1-icon img{width: 100%;display: block;}
#about_icon .list:hover .l1-icon, .tab-page li:hover .pp1, .tab-page li:hover .icon{transform: translateY(-.5rem);}
#about_icon .l2{width: 100%;font-size: 18px;line-height: 18px;font-weight: bold;color: #000;display: block;margin-bottom: 14px;}
#about_icon .l3{width: 50px;height: 3px;background: var(--thr-body-color);display: inline-block;margin-bottom: 10px;}
#about_icon .l4{width: 100%;font-size: 14px;line-height: 26px;color: #666666;}
#make_icon{background: #f7f7f7;padding: 90px 0}
#make_icon .listl{padding-left: 0}
#make_icon .listl.listw{background: #fff}
#make_icon .listr{padding-right: 0;background: #fff}
#make_icon .container > .row + .row{margin-top: 30px}
#make_icon .img{padding: 0}
#make_icon .img img{width: 100%}
#make_icon .about-tab-block{padding: 80px 80px 0;height: 100%;margin-top: 0;box-shadow: none}
#make_icon .listl .about-tab-block{padding: 80px;text-align: left}
#make_icon .h1{text-align: left}
#make_icon .about-tab-block .h4{font-size:16px;color: #4c4c4c;text-align: left;margin-top: 26px}
#make_icon .about-tab-block .h4 br{display: block}
#make_icon .about-tab-block .h4 i{vertical-align: text-bottom;display: inline-block}
#make_icon .about-tab-block .h4 i img{max-height: 28px;}
#make_icon .h5{width: auto;font-size: 18px;line-height: 18px;color: #000;padding-bottom: 4px;display: inline-block;}
#make_icon .h6{width: 100%;display: block;font-size: 16px;line-height: 16px;color: #000;margin-top: 26px;margin-bottom: 1px;}
#make_icon dl{width: 100%;margin-top: 70px;text-align: left}
#make_icon dd{text-align: left;display: inline-block;}
#make_icon dd + dd{padding-left: 40px}
#make_icon dd .t1{width: auto;display: block;margin-bottom: 1px;font-size: 30px;font-weight: bold;color: var(--thr-body-color)}
#make_icon dd .t1 p{font-size: 40px;font-weight: bold;line-height: 1;}
#make_icon dd .t1 p span{font-size: 28px;font-weight: normal;line-height: 1;transform: translateY(-4px);display: inline-block;}
#make_icon dd .t1 p i{font-size: 16px;font-style:normal;line-height: 1;transform: translateY(-2px);display: inline-block;}
#make_icon dd .t1 p em{font-size: 24px;font-style:normal;line-height: 1;transform: translateY(-26px);display: inline-block;}
#make_icon dd .t2{width: auto;font-size: 14px;display: block;color: #666666;}
#make_icon .foot{display: block;margin-left: -15px;margin-right: -15px;margin-top: 60px;}
#make_icon .foot .t{width: 100%;font-size: 24px;line-height: 38px;display: block;color: #000;padding-bottom: 12px;border-bottom: 1px solid #000;}
#make_icon .foot ul{width:100%;padding-top: 30px;padding-bottom: 20px;}
#make_icon .foot ul li{width: 20%;position: relative;}
#make_icon .foot ul li+li:before{content: '';width: 1px;height: 40px;background: #999999;position: absolute;left: 0;top: 50%;margin-top: -20px;}
#make_icon .foot li span{width: 100%;font-size: 40px;color: var(--thr-body-color);text-align: center;margin-bottom: 1px;font-weight: bold;line-height: 40px;display: block;transition: transform 0.5s, -webkit-transform 0.5s;}
#make_icon .foot li span.black{color: #000000;}
#make_icon .foot li:hover span{transform: translateY(-10px);}
#make_icon .foot li p{width: auto;font-size: 32px;display: inline-block;font-weight: normal;}
#make_icon .foot li .p1{width: 100%;font-size: 14px;color: #727373;display: block;text-align:center;line-height:25px}
/*-------------------------------news-----------------------*/
.newslist li + li{padding-top: 40px;border-top: 1px solid #c6c6c6}
.newslist li{padding-bottom: 40px;}
.newslist li .item dl{}
.newslist li .item dt{position: relative;display: block;margin-bottom: 15px;max-height: 75px;font-size: 28px;line-height: 36px;}
.newslist li .item dt:before{content: '';display: inline-block;vertical-align: middle;transition: all .3s ease-in-out;width: 0;height: 6px;background: var(--thime-body-color);}
.newslist li .item:hover dt:before{width: 45px;margin-right: 12px;}
.newslist li .date{display: block;margin-bottom: 20px;width: 100%;font-size: 12px;line-height: 12px;}
.newslist li dd p{color: #666;font-size: 16px;line-height: 2;text-align: justify;}
.newslist li dd span{margin-top: 20px;border: 1px solid;padding: 4px 30px;border-radius: 50px;font-size: 14px}
.newslist li .imgbox{display: block;overflow: hidden;}
.newslist li .imgbox img{transition: all .3s ease-in-out;}
.newslist li .imgbox:hover img{transform: scale(1.05);}
.new{display: block;overflow: hidden;width: 100%;}
.new dt{padding: 0 20px 0 30px;line-height: 81px;background: var(--thr-body-color);color: #fff;font-size: 24px;position: relative;}
.new dd{display: block;padding-top: 18px;width: 100%;}
.new dd a{display: block;width: 100%;line-height: 35px;padding-top: 10px;padding-bottom: 8px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #323333;}
.new dd a + a{border-top: dashed 1px #c3c3c3;}
.new dd a span{font-weight: 700;padding-right: 12px;}
.new.hot{margin-top: 30px}
.new.hot a+a{margin-top: 20px}
.new.hot a{padding: 0;border: 0;display: block}
.new.hot a img{width: 100%;}
.new.hot a span{display: block;font-size: 18px;font-weight: normal;padding: 0;}
.new a:hover{color: var(--thime-body-color)}
.info-contentBox{padding-bottom: 50px;}
.info-content > h2{font-size: 32px;line-height: 40px;max-height: 81px;overflow: hidden;margin-bottom: 10px;letter-spacing: normal;font-weight: normal;}
.info_times{width: 100%;display: block;font-size: 16px;margin-bottom: 30px;border-bottom: 1px solid #c3c3c3;margin-top: 10px;padding-bottom: 20px;}
.info_times span + span{padding-left: 20px}
#Dpage{margin-top: 60px;}
#Pages{padding: 30px 10px;font-size: 0;text-align: center}
#Pages a{display: inline-block;vertical-align: middle;padding: 8px 17px;background: #f6f6f6;font-size: 14px;color: #414141;}
#Pages a+a{margin-left: 8px;}
#Pages a.red{background: var(--thime-body-color);color: #fff}
#Pages p{padding-top: 10px}


/*talent*/
.jobListCont .jobList_title{overflow: hidden;padding-bottom: 20px;width: 100%;border-bottom: 1px solid rgba(0,0,0,.1);display: flex;}
.jobListCont .jobList_title .sub{width: 20%;text-align: center;}
.jobListCont .jobList_title .sub:nth-child(1){padding-left: 5px;text-align: left;}
.jobListCont ul{overflow: hidden;margin-top: 20px;margin-bottom: 100px;}
.jobListCont ul li{position: relative;overflow: hidden;line-height: 60px;transition: .3s;}
.jobListCont ul li a{display: flex;}
.jobListCont ul li a .sub{width: 20%;text-align: center;line-height: 60px}
.jobListCont ul li a .sub:nth-of-type(1){padding-left: 30px;text-align: left}
.jobListCont ul li:before{position: absolute;top: 22px;left: 5px;display: block;width: 15px;height: 15px;border-radius: 50%;background-color: #efd174;content: "";}
.jobListCont ul li:after{position: absolute;top: 12px;right: 15px;display: block;width: 33px;height: 33px;border-radius: 50%;background: url(../img/img_spire_1.png) no-repeat;background-position: -267px -80px;content: "";}
.jobListCont ul li:nth-child(odd) .sub{background-color: #f7f0db;}
.job_details h1{overflow: hidden;color: #3E3E3E;font-weight: bold;font-size: 32px;}
.job_details h1 a{float: right;display: inline-block;margin-top: 12px;padding-right: 20px;padding-left: 20px;border-radius: 30px;background-color: var(--thr-body-color);color: #fff;font-size: 14px;line-height: 30px;}
.job_details h2{box-sizing: border-box;padding: 10px 0;padding-bottom: 30px;border-bottom: 1px solid rgba(0,0,0,.2);color: #3E3E3E;font-size: 18px;opacity: .7;font-weight: bold;}
.job_details h3{padding: 20px 0;color: var(--thr-body-color);font-size: 20px;font-weight: bold;}
.job_details{padding-bottom: 90px}
.job_details .zz p{font-size: 16px;line-height: 2;}


/*内页-加盟优势 css*/
.adv{text-align: center}
.adv .container .p1{font-size: 26px; text-align: center; letter-spacing: 1px; padding-bottom: 15px; font-weight: bold;}
.adv .container .p2{font-size: 18px; line-height: 30px; text-align: center; padding-bottom: 40px; letter-spacing: 1px;}
/*内页-优势1 css*/
.adv1{}
/*内页-优势2 css*/
.adv2{padding-top: 60px}
/*内页-优势3 css*/
.adv3{padding-top: 60px}
/*内页-优势3 css*/
.adv4{padding-top: 60px}
/*内页-专卖店 css*/
.agent_store{padding-bottom: 56px}
.agent_store .p1{font-size: 20px; line-height: 2; text-align: center; padding-bottom: 40px; letter-spacing: 1px}
.agent_store .store_img img{width: 100%}
.agent_store .store_img .row div{padding-right: 0}
.agent_store .store_img .row div:nth-of-type(n+3){margin-top: 15px}
/*内页-加盟条件及支持 css*/
.agent_tj{background: url(../img/pc/fuchibg_07.jpg) no-repeat center bottom var(--thime-body-color); padding: 100px 0 90px;}
.tj .tj_text{background: #fff; padding: 90px 50px;}
.tj .tj_text p{text-align: justify; line-height:2; color: #333; font-size: 16px; letter-spacing: 1px; padding-bottom: 5px;}
.tj .tj_text p:nth-last-of-type(1){font-weight: 400; padding-top: 70px; font-size: 20px; padding-bottom: 0;}
/*内页-加盟要求 css*/
.agent_yq{padding: 98px 0 120px;}
.agent_yq .row div{font-size: 23px; line-height: 2; white-space: nowrap}
.agent_yq .row div img{width: 100%}
.agent_yq .row div:nth-last-of-type(1){padding: 0}
.agent_yq .tel_box{font-size: 30px; letter-spacing: 1px; padding: 148px 0 210px; text-align: center;}
.agent_yq .tel_box span{color: var(--thime-body-color); font-size: 50px;}
.agent_yq .tm{display: block; margin: 0 auto; border: 1px solid #333; color: #333; font-size: 18px; text-align: center; padding: 20px 0; width: 380px; letter-spacing: 10px;}
.agent_yq .tm span{display: block; font-size: 24px; letter-spacing: 1px;}
.agent_yq .tm:hover{background: var(--thime-body-color); border-color: var(--thime-body-color); color: #fff;}



/*内页-联系方式 css*/
.l-ct-box{}
.l-ct-box .tel-box{margin-bottom: 70px;}
.l-ct-box .tel-box .h3{font-size: 24px; margin-bottom: 30px;}
.l-ct-box .tel-box p{position: relative; margin-bottom: 15px; font-size: 14px; line-height: 30px;}
.l-ct-box .tel-box p i{font-size: 24px; width: 24px; line-height: 24px; text-align: left; vertical-align: top; display: inline-block; height: 100%; margin-top: 6px;}
.l-ct-box .tel-box p span{font-size: 20px; line-height: 30px; display: inline-block; padding-left: 10px}
.l-ct-box .tel-box p span em{font-style: normal; color:var(--thime-body-color); font-size: 15px}

/*内页-客户服务 css*/
.service .p1{font-size: 26px; text-align: center; letter-spacing: 1px; padding-bottom: 15px; font-weight: bold;}
.service .p2{font-size: 18px; line-height: 30px; text-align: center; padding-bottom: 40px; letter-spacing: 1px;}
.service1{padding: 60px 0 120px;background: url("../img/pc/fbg_19.jpg") no-repeat center}
.service1 .home-title + p{font-size: 16px;line-height:2;color: #fff;text-align: center;}
.service2{padding: 90px 0; background: #fafafa; background-size: cover;color: #333}
.service2 .container{padding: 50px 80px; background: #fff;}
.service3{padding-bottom: 80px; margin-top: -65px; text-align: center;}
.service3 img{margin-bottom: 30px;border-radius: 100%;border: 2px solid var(--thime-body-color);background: var(--thime-body-color);}
.service3 .p1{font-size: 36px}
.service3 h2{font-size: 40px; font-weight: bold;}
.map-box{width: 100%;height: 550px;padding: 10px; border: 1px solid #cecece; margin-bottom: 60px}
#map,#myMap,.BMap_mask{margin: 0!important;width: 100%!important;;height: 100%!important;border: none!important;z-index: 1}
#myMap .shadow img{max-width: unset}
@media screen and (max-width: 992px){
    .sec-navigation{border-bottom: 1px solid #eee}
    .sec-navigation p{display: none}
    #sec-navigation, #sec-navigation li{margin-top: 0}
    #sec-navigation li a{line-height: 85px;position: relative;display: block;width: 150px;text-align: center;padding: 0;margin: 0;border-radius: 0;font-size: 14px;}
    #sec-navigation li a.on{background: transparent;color: var(--thime-body-color);}
    #sec-navigation li a:after{content: "";opacity: 0;width: 0;height: 2px;background: var(--thime-body-color);position: absolute;left: 50%;bottom: -1px;transition: .3s;transform: translateX(-50%);}
    #sec-navigation li a.on:after{opacity: 1;width: 30px;}
    .main_body{padding-top: 20px}
    .newslist li .item dt{font-size: 18px}
    .newslist li dd p{font-size: 12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
    .info-content>h1{font-size: 24px;color: #333}
    .info_times{font-size: 14px;color: #606060}

    .jobListCont .jobList_title .sub:nth-child(1),.jobListCont ul li a .sub:nth-of-type(1){width: 30%}
    .jobListCont .jobList_title .sub:nth-child(2),.jobListCont ul li a .sub:nth-of-type(2){width: 24%}
    .jobListCont .jobList_title .sub:nth-child(4),.jobListCont ul li a .sub:nth-of-type(4){width: 46%}
    #about_icon{padding-top: 0;padding-bottom: 30px;}
    #about_icon .l1-icon{width: 50px;height: 50px;margin-bottom: 5px;}
    #about_icon .l2{font-size: 15px;margin-bottom: 7px;}
    #about_icon .list .l2:after{content: '';font-size: 14px;text-align: center;color: #959595;font-weight: normal;display: block;margin-top: 3px;}
    #about_icon .list:nth-of-type(1) .l2:after{content: 'Xtreme Design';}
    #about_icon .list:nth-of-type(2) .l2:after{content: 'Accurate market positioning';}
    #about_icon .list:nth-of-type(3) .l2:after{content: 'Advanced platform';}
    #about_icon .l3{width: 30px;height: 2px;margin-bottom: 7px;}
    #about_icon .list + .list:before{height: 10px;margin-top: 0;transform: translateY(-50%)}
    #about_icon .l4{display: none}
    #make_icon{padding: 0}
    #make_icon .listr,#make_icon .listl,#make_icon .listl.listw{padding: 0 15px;background: transparent;}
    #make_icon .about-tab-block,#make_icon .listl .about-tab-block{background: #fff;padding: 30px 15px;box-shadow: 3px 3px 4px #cecece7a;margin-top: -95px;display: table;width: 100%;}
    #make_icon .img{padding: 0}
    #make_icon dl{margin-top: 30px}
    #make_icon .foot{margin: 30px 0 0}
    #make_icon .foot .t br{display: none}
    #make_icon .foot ul{padding-top: 20px}
    #make_icon .foot li span{font-size: 30px}
    #make_icon .foot ul li+li:before{height: 20px;margin: 0;transform: translateY(-50%)}
    .about0{padding:0 0 30px}
    .about0 .container>.row,.about0 .container>.row+p{display: none}
    #introduction{display: block!important;}
    #lay-banner{min-height: auto}
    .main_body_box{padding-bottom: 30px}
    .aBoxImg{display: none}
    .aboutBox{width: 100%;background: var(--thime-body-color);padding: 20px;margin-bottom: 30px;height: auto}
    .discription p, .discription div{font-size: 15px}

    .curl{position: relative;margin-top: 30px}
    .curl .h{font-size: 40px;color: #ffffff;font-weight: 500;position: relative;z-index: 2;line-height: 1;padding: 15px;}
    .curl .h:before{content: '';left: 0;top: 0;display: inline-block;width: 100%;height: 100%;background: var(--thime-body-color);margin-right: 50px;vertical-align: bottom;position: absolute;z-index: -1;}
    .curl:after{content:unset;}
    .curl_cont{padding: 0;margin-top: 20px}
    .curl_tips{margin-top: 35px;}
    .curl_tips i{font-size: 24px;}
    .curl_tips i em{width: 18px;height: 18px;vertical-align: middle;}
    .curl_tips p{font-size: 20px;padding-left: 26px;padding-top: 10px;}
    .curl_tips .col-12:nth-last-of-type(1){position: relative}
    .curl_tips .col-12:nth-last-of-type(1):after{width: 104px;height: 104px;background: url("../img/about_crl2.png") no-repeat left 12px var(--thime-body-color);z-index: -1}





    /*内页-客户服务 css*/
    .service .p1{font-size: 22px; letter-spacing: 0; padding-bottom: 6px; }
    .service .p2{font-size: 15px; line-height: 26px;padding-bottom: 32px; letter-spacing: 0;}
    .service1{padding: 30px 0 60px;background-size: cover}
    .service1 .home-title + p{font-size: 14px;line-height:2;color: #fff;text-align: center;}
    .service2{padding: 20px 0; background: transparent; }
    .service3{padding-bottom: 40px;margin-top: -40px;}
    .service3 img{margin-bottom: 10px;width: 80px;}
    .service3 .p1{font-size: 22px;}
    .service3 h2{font-size: 32px;}
    .map-box{height: 280px;margin-bottom: 0}
}
@media screen and (max-width: 576px){
    .franchise .container{padding: 0}
    .advantages ul{background-size: cover}
    .advantages ul li:before{width: 38px;height: 38px;line-height: 38px}
    .advantages ul li .info .name b{font-size: 15px}
    .advantages ul li .des{font-size: 14px;text-align: justify}
    .jobListCont .jobList_title .sub:nth-child(1),.jobListCont ul li a .sub:nth-of-type(1){width: 40%}
    .jobListCont .jobList_title .sub:nth-child(2),.jobListCont ul li a .sub:nth-of-type(2){width: 60%}
    #about_icon .l1-icon{width: 60px;height: 60px}
    #about_icon .l4{display: block}
    #about_icon .list + .list{margin-top: 50px}
    #about_icon .l3{width: 12px}
    #make_icon .h1{font-size: 20px;line-height: 2;margin-bottom: 15px;text-align: center;}
    #make_icon .about-tab-block{text-align: center!important;}
    #make_icon .about-tab-block .h4{color: #666666;font-size: 15px;text-align: justify;margin-top: 0}
    #make_icon .h5{width: auto;font-size: 16px;line-height: 18px;color: #000;padding-bottom: 4px;border-bottom: 1px solid #000000;display: inline-block;margin: 0 auto 26px;}
    #make_icon dd .t1 p{font-size: 32px}
    #make_icon dd .t1 p em{font-size: 22px;transform: translateY(-20px)}
    #make_icon dd .t1 p span{font-size: 22px}
    #make_icon .container > .row.row-list2{padding-bottom: 20px}
    #introduction p{font-size: 16px;line-height: 2}
    .container{padding-left: 15px;padding-right: 15px}
    .over_x{overflow-x: scroll;padding: 0}
    /* 隐藏滚动条 */
    .sec-navigation::-webkit-scrollbar {width: 0;height: 0 }
    .over_x .nav{justify-content: space-evenly!important;}
    .over_x #sec-navigation li a{width: auto;}
    .jion-post-box{background-size: auto 100%;padding: 0;text-align: center}
    .jion-content p{font-size: 20px;text-shadow: 2px 2px 4px #4e4e4e;}
    .jion-post-box .contact-btn{margin-left: auto}
    .jion-wrap .container{padding: 30px 15px}
    .contact-title{font-size: 26px}
    .contact-content p{font-size: 15px}
    .anti_contact .anti_box{width: 90%;padding: 30px 10px;border-width: 5px;}
    .anti_contact .anti_box .ico{height: 90px;background-size: auto 100%;margin-bottom: 20px;}
    .anti_contact .contact_box h3{font-size: 20px;}
    .anti_contact .contact_box .box p{font-size: 14px}
    .anti_contact .contact_box .box:nth-of-type(1) p:nth-of-type(1){font-size: 16px;}
    .anti_contact .anti_box .contact-btn{width: 40%;height: auto;line-height: 44px;font-size: 16px}
}