header{left:0;top:0;width:100%;z-index:99}
.pc_header{border-bottom:2px solid rgba(255,255,255,0.2);height:84px;}
.active{background:rgba(0,0,0,0.7);border-bottom:2px solid #000}
img{display:block;max-width:100%}
.banner img{width:100%}
.wrap{max-width:1365px;width:100%;margin:0 auto}
.pc_nav ul li > a{display:block;text-transform: uppercase;color:#fff;line-height:80px;position:relative;font-size:18px;font-weight:bold;margin:0 1.7vw}

.thr{top:82px;width:100%;background:#fff;padding:10px;box-sizing:border-box;display:none;text-transform:uppercase}
.thr > a{display:block;line-height:36px; font-size:12px}


@media(min-width:1201px){
    .pc_nav ul li > a::after{width:0%;position:absolute;content:"";height:2px;background:#e72a1a;left:0;bottom:-2px;transition:0.5s}
    .pc_nav ul li > a:hover:after,.pc_nav ul li.current  > a::after{width:100%}
    .pc_nav ul li:hover .thr{display:block}
    .thr > a:hover{color:#e72a1a;}
}
.f18{font-size:18px}
.f16{font-size:16px}
.cf{color:#fff}
.fw{font-weight: bold}
.center{text-align:center}
.box{width:80px}
.searcher_box01{right: 5%;top: 86px;display:none;z-index:99;}
.searcher_box{width: 300px;height: 40px;border: 1px solid #000;background: #fff}
.inpt{width: 220px}
.inpt input{width: 100%;height: 36px}
.inpt_btn a{display: block;background: #000;width: 80px;height: 40px;line-height: 40px;color: #fff;text-align: center;font-size: 16px}
.inpt_btn a:hover{color: #fff}
.indexBanner a{display:block}
.indexBanner img{width:100%}
.box1 .con{height:100%;left:0;top:0;width:100%}
.box1 .con .txt{width:46%}
.box1 .con .txt .t1{padding-bottom:20px;font-size:48px}
.box1 .con .txt .t1::after{width:75px;left:0;bottom:0;height:2px;background:#fff;position:absolute;content:""}
.box1 .con .txt .t2{margin-top:20px; line-height:24px}
.box1 .con .txt .btn{text-transform:uppercase;background:url(../images/jt.png) no-repeat 90% center;height:53px;width:222px;line-height:53px;border:1px solid #fff;border-radius:50px;box-sizing:border-box;padding:0 20px;margin-top:20px}
.indexBanner .swiper-pagination{bottom: 30px !important}
.indexBanner .swiper-pagination .swiper-pagination-bullet{height: 14px;width: 14px;;margin-right:4.5px !important;border:2px solid #fff;border-radius:50%;background:none}
.indexBanner .swiper-pagination .swiper-pagination-bullet-active{background:#e72a1a;border-radius:50%;border:2px solid #f4e32b}
/* 新增 */
.indexBanner .swiper-slide img {width: 100%;height: auto;min-height: 100%;transition: 1s linear;transform: scale(1.1, 1.1); display:block;height:700px;object-fit: cover}
.indexBanner .swiper-slide-active img, .banner01 .swiper-slide-duplicate-active img {transition: 5s linear; transform: scale(1, 1);}
.banner_flv video{width:100%;object-fit: cover;height:700px}

@media(max-width:1200px){
    .banner_flv video, .indexBanner .swiper-slide img{height:400px}
}

.bg{background:url(../images/bg.jpg)}
.title{padding:60px 0;text-align:center;font-size:42px; text-transform: uppercase}
.gap_1{margin:0 -28.5px}
.gap_1 li{width:25%}
.gap_1 li a{background:#fff;display:block;border-radius:10px;overflow:hidden;box-shadow: 0px 3px 65px 0px rgba(0,0,0,0.11);color:#000;margin:0 28.5px 46px 28.5px}
.gap_1 .img{height:200px}
.gap_1 .img img{margin:0 auto;object-fit:cover;height:100%;width:100%}
.gap_1 li a .t1{margin-bottom:5px;text-align:center;line-height:56px;padding:0 10px}
/* .gap_1 .hover{padding:15px 15px 0 15px;box-sizing:border-box;width:100%;left:0;bottom:-35px;transition:0.5s;height:120px;background:url(../images/jt2.png) no-repeat center 80%}
.gap_1 .hover .t1{margin-bottom:5px}
.gap_1 .hover .t2{height:40px;line-height:20px;display:none} */
.gap_1 a::after{content:"";left:0;bottom:0;height:4px;background:url(../images/bg2.jpg);position:absolute;width:0;transition:0.5s}
.gap_1 a:hover::after{width:100%}
.gap_1 a:hover .hover{bottom:0}
.gap_1 a:hover .hover .t2{display:block}
.btn_box{padding:70px 0}
.more{width:199px;height:47px; text-transform: uppercase;line-height:47px}
.more a{display:block;background:url(../images/eye.png) no-repeat 52px center;padding-left:80px;color:#E72A1A;border: 1px solid #E72A1A;border-radius:24px;transition:0.5s}
.more a:hover{color:#fff;background:url(../images/eye1.png) no-repeat 52px center #E72A1A}
.bg2{background:url(../images/bg3.jpg) repeat-x left bottom;padding:70px 0}
.img_Nav .hover{left:0;top:0;height:100%;background:rgba(0,0,0,0.3);width:100%}
.img_nav_l{width:393px}

.img_nav_r img,.img_nav_l img{object-fit:cover}

.tc{text-align:center}
.img_Nav a{display:block;border-radius:10px;overflow: hidden}
.img_Nav .t1{border-bottom:2px solid #fff;text-transform: uppercase}
.f20{font-size:20px}
.li36{line-height:36px}
.img_nav_r{width:calc(100% - 420px)}
.img_nav_r a{width:48.6%;height:221px;margin-bottom:30px}
.img_nav_r img{width:100%;height:221px}
.index_about .con:first-child{flex:2}
.index_about .con{flex:1}
.index_about img{width:100%}
.index_about .flt{left:0; top:0;height:100%;width:100%;background:rgba(0,0,0,0.3)}
.index_about .con_box{padding:0 8%}
.upp{text-transform:uppercase}
.f42{font-size:42px}
.mb2{margin-bottom:20px}
.mb4{margin-bottom:40px}
.more1{width:199px;height:47px; text-transform: uppercase;line-height:47px}
.more1 a{display:block;background:url(../images/eye1.png) no-repeat 52px center;padding-left:80px;color:#fff;border: 1px solid #fff;border-radius:24px;transition:0.5s}
.more1 a:hover{color:#000;background:url(../images/eye.png) no-repeat 52px center #fff}

.index_about a{display:block}
.flt1{background:url(../images/flx.png) no-repeat center center rgba(0,0,0,0.3) !important}
.vr_t1{background:url(../images/360.png) no-repeat center center;padding-top:100px;width:100%}
.vr_t2{background:url(../images/honner.png) no-repeat center center;padding-top:120px;width:100%}

.mySwiper .swiper-slide{width:56%;position: relative;transform:scale(0.8)}
.mySwiper .swiper-slide.swiper-slide-active{transform:scale(1)}
.mySwiper .swiper-slide  .con{justify-content: center;}
.mySwiper .txt{padding:9%;background:#fff;height:100%;box-sizing:border-box}
.box2:last-child{display:none}
.box2 img{height:375px;width:100%;object-fit:cover}
.box2 .time{color:#999}
.f18{font-size:18px}
.f22{font-size:22px}
.box2 .t2{color:#666}
.mySwiper{padding-bottom:90px !important}
.mySwiper .swiper-slide.swiper-slide-active .box2{width:50%}
.mySwiper .swiper-slide.swiper-slide-active .box2:last-child{display:block}
.swiper_btn .swiper-button-prev,
.swiper_btn .swiper-button-next{height: 50px;width: 50px;background:#fff;border-radius:50%;box-shadow: 0px 3px 65px 0px rgb(0 ,0 ,0 ,0.1)}
.swiper_btn .swiper-button-prev{left:15%}
.swiper_btn .swiper-button-next{right:15%}
.swiper_btn .swiper-button-prev:after,
.swiper_btn .swiper-button-next:after{font-size: 18px;color: #000;font-weight: bold}
.mySwiper .swiper-button-next,.mySwiper .swiper-button-prev{top:41%;}
footer{background:#fff;border-top:1px solid #ececec}
.footer_top::after{width:50%;position:absolute;left:0;top:96px;height:1px;background:#ececec;content:""}
.footer_logo{height:96px;border-bottom:1px solid #ececec}
.footer_l{width:calc(100% - 342px)}
.footer_nav{padding:40px 0}
.footer_nav li{flex:1}
.footer_nav li:nth-child(2){flex:2}
.footer_nav li a{display:block;font-size:13px;color:#666; line-height:30px}
.footer_nav li:nth-child(2) a{width:50%}
.footer_nav li p{text-transform:uppercase;font-weight:bold;color:#666;padding-bottom:30px;position: relative}
.footer_nav li p::after{content:"";position:absolute;left:0; bottom:15px;height:2px; width:27px;background:#666}
.footer_r{width:342px;border-left:1px solid #ececec;box-sizing: border-box;padding:3% 0 3% 4%}
.footer_r p{line-height:32px;color:#666}
.ewm{height:102px;max-width:100%}
.copy{border-top:1px solid #ececec;padding:25px 0;color:#666}

.product_l{width:279px;padding:37px 0}
.sub_nav{display:block}
.sub_nav li{border-bottom:1px solid #f5f5f5}
.sub_nav li a{display:block}
.sub_nav li > a{line-height:64px;padding-left:32px;background:url(../images/i3.png) no-repeat 90% center;font-size:18px;font-weight:bold}
.sub_nav li> a:hover,.sub_nav li.current > a{background:url(../images/dow.png) no-repeat 90% center #f5f5f5;position:relative; color:#E72A1A}
.sub_nav li.current > a::after{content:"";position:absolute;left:0;top:0;height:50px;width:50px;background:url(../images/i1.png) no-repeat left top}

.thr1{display:none;padding:20px 20px 20px 28px}
.thr1 a{line-height:36px;font-size:16px;}
.thr1 a:hover,.thr1 a.current{color:#E72A1A;background:url(../images/i2.png) no-repeat 90% center}
.product_r{width:calc(100% - 279px);background:#f5f5f5;box-sizing:border-box;padding:36px 27px}
.sub_nav li.current .thr1{display:block}
.product_r ul{margin:0 -12.5px}
.product_r li{width:33.3333%}
.product_r li a{display:block;margin:0 12.5px;}
.product_r .img{background:#fff;overflow: hidden;}
.product_r .img img{margin:0 auto;object-fit:cover;height:219px}
.product_r ul li .t1{line-height:77px;text-align:center;color:#333}
.product::after{background:#f5f5f5;width:60%;right:0;top:0;height:100%;position:absolute;content:'' ;z-index:-1}
.bgf{background:#fff}
.detailed-top{padding:15px;flex-direction:column;}
.detailed_img{width:100%;}
.detailed_img img{max-width:100%;margin:0 auto;object-fit:contain;height:auto;}
.detailed-top .con{width:100%;padding-top:20px}
.detailed-bottom{margin-top:24px}
.detailed-bottom .t1{background:#e72a1a;height:58px;width:216px;line-height:58px;text-align:center}
.detailed-bottom .con{padding:20px}
.detailed-bottom .con img{height:auto !important;max-width:100% !important;margin:0 auto}
.aboutus .img{width:650px}
.aboutus .img img{max-width:100%;height:443px;margin:0 auto}
.aboutus .txt{width:calc(100% - 680px)}
.aboutus .txt .t1{color:#E72A1A}
.mb3{margin-bottom:30px}
.aboutus p{font-size:16px;line-height:26px}

.numScroll{padding:50px 0 50px 50px}
.numScroll li{width:30%}
.numScroll li:first-child{width:48%}
.numScroll li .num{height: 65px;color:#E72A1A;font-family: Montserrat}
.numScroll li .num i,
.numScroll li .num span{font-size: 50px;font-weight: bold}
.numScroll li .num p{font-weight:bold;font-size:20px}
.numScroll li > p{font-size: 16px}

.flv video{width:100%;height:762px;object-fit:cover}
.flv_btn{width:100%;height:100%;left:0;top:0;background:rgba(0, 0, 0, 0.2); z-index:55}
.flv_btn img{display:block;margin:0 auto}
.flv_btn p{color:#fff;font-size:36px;font-weight:bold;margin-top:20px}
.contact{padding-bottom:50px}
.contact li{width:25%}
.contact .icon{height:92px;width:92px;background:#fff;border-radius:50%;overflow: hidden;margin:0 auto}
.contact .icon img{margin:0 auto}
.mt2{margin-top:20px}
.contact .t2{color:#727272;font-weight:bold}

#map{width:100%;height:500px;}

/* 招聘 */
.join{padding-bottom:60px}
.joinUs_box{padding-bottom:10px}
.join_top{height:68px;line-height:68px;border: 1px solid #edeef0;padding: 0 17px;font-size: 16px;background:#fff}
.post{width:25%}
.join_top1{width:75%}
.nnt{color: #919191}
.load_more::before,
.load_more::after{content: "";position: absolute;right: 0;top: 50%;width: 37px;height: 1px;background: #dddddd;transition: all 0.5s ease}
.load_more::before{transform: rotate(90deg)}
.join_con{padding:15px 20px 30px 20px;display:none}
.join_con h3{font-size: 18px;font-weight: bold;color: #000;padding: 30px 0 10px 0}
.join_con p:first-child{line-height: 30px;color: #b3b3b3}
.joinUs_box.current .join_top{background: #f9f9f9;border-left:4px solid #e72a1a}
.joinUs_box.current .join_top .post{color:#E72A1A}

.joinUs_box.current .load_more::before{transform: rotate(45deg);transition: all 0.5s ease}
.joinUs_box.current .load_more::after{transform: rotate(-45deg);transition: all 0.5s ease}


/* 招聘结束 */

.honor{margin:0 -23.5px}
.honor li{width:33.3333%}
.honor li a{margin:0 23.5px 47px 23.5px;background:#fff;display:block;padding:22px;box-sizing:border-box;transition:0.5s}
.honor li a .img{height:337px}
.honor li a .img img{margin:0 auto;max-width:100%;object-fit:contain;height:100%}
.flt2{left:0; top:0;height:100%;width:100%;background:url(../images/fdj.png) no-repeat center center rgba(0,0,0,0.3);opacity:0;transition:0.5s}
.honor .t1{color:#000;line-height:56px}
.honor li a:hover .flt2{opacity:1}


.voltae{ width:100%; max-width:940px; margin:0 auto}
.vodl{height:450px}
.vodl .pic img{height:450px;width:100%;object-fit:cover}
.atebu{padding:0 50px;}
.atebu .swiper-button-next,.atebu .swiper-button-prev{height:30px;width:30px;}
.atebu .swiper-button-next::after,.atebu .swiper-button-prev::after{font-size:20px;color:#000;}
.plct{ position:absolute; left:50%; top:50%; width:52px; height:52px; transform:translate(-50%,-50%)}
.voltae .title2{ font-size:18px; font-weight:bold;  color:#929292;padding:30px 0}
.vodshow{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; overflow:hidden; display:none}
.vodshow video{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover}
.swiper05 .pic img{height:100px;object-fit:cover;width:100%}
.swiper05  a{display:block;position:relative}
.swiper05 a .pic{position: relative}
.swiper05  .swiper-slide.current a .pic:after{content: "";position:absolute;width:100%;height:100%;border:2px solid #e72a19;left:0;top:0}
.swiper05 .tit{padding:15px 0; color:#000}
.swiper05  .swiper-slide.current .tit{color:#e72a19}
.newslist{padding-bottom:60px}
.newslist li a {background:#fff}
.newslist li a .img{width:397px}
.newslist li a .img img{height:273px;max-width:100%;object-fit:cover}
.newslist li a .con{width:calc(100% - 430px)}
.newslist li a .time{width:92px;border-right:1px solid #e8e8e8;height:91px;color:#585858}
.newslist li a .time p{color:#585858}
.tit_box{padding-right:130px;width:calc(100% - 120px);box-sizing: border-box;background:url(../images/news_jt.png) no-repeat 94% center}
.tit_box .t1{color:#2f2f2f}
.tit_box .t2{line-height:24px;color:#626262}
.newslist li{margin-bottom:33px}
.newslist li a:hover .t1{color:#E72A1A}
.newslist li a:hover  .tit_box{background:url(../images/news_jt_atv.png) no-repeat 94% center}

@media(max-width:1000px){
    .tit_box{background:none;padding-right:0px;width:100%}
    .newslist li a{flex-direction:column}
    .newslist li a .con,.newslist li a .img{width:100%}
    .newslist li a .img img{height: auto;margin:0 auto;}
    .newslist li a .con{padding:10px;box-sizing: border-box}
    .newslist li a .time{display:none}
    .newslist li{margin-bottom:10px}
    .product_r li{width:50%}
    .product_r .img img{height:238px}

}


.f24{font-size:24px}
.mt10{margin-top:10px}

.fx{width:80px;height:30px;margin:0 auto;margin-top:20px}
.detaile_l .t2{color:#717171}
.fx .t1{background:url(../images/fx.png) no-repeat left center;padding-left:30px;color:#484848;cursor: pointer}
.fx_abs{left:0;top:30px;padding:10px;width:100px;background:#f8f8f8;display:none}
.fx:hover .fx_abs{display:block}
.f30{font-size:30px}
.news_Details{border-top:5px solid #e72a19;padding:30px;position:relative;margin-top:-100px}
.news_Details .t2{color:#484848}
.fx_abs a{display:block;width:100%;margin-bottom:10px}
.fx_abs a img{display:inline-block}

.pb60{padding-bottom:60px}
.dtl_top{border-bottom:1px solid #e1e1e1;padding-bottom:15px}
.news_Details .con{padding:3% 7%}
.news_Details img{max-width:100%;margin:0 auto !important;height:auto !important}
.input_box{width:31%;background:#fff;border-radius:50px;height:74px;margin-bottom:49px;box-sizing: border-box;padding:0 20px 0 30px}
.input_box:nth-child(4){width:100%;height:140px}
.in1{height:70px;width:85%;margin-left:10px;font-size:16px}
.in2{height:100px;width:100%}
.input_box button{width:100%;height:74px;background:none;font-size:18px;color:#fff;text-transform:uppercase}
.input_box:last-child{background:#22499D}
.in3{width:85%;height:70px;font-size:18px;margin-left:10px}

.rutern{width:160px;height:51px;margin:0 auto}
.rutern a{display:block;background:url(../images/renter.png) no-repeat 30px center #E72A1A;line-height:51px;padding-left:60px;color:#fff;border-radius:15px}
.rutern a:hover{color:#fff}


@media(max-width:1400px){
    .wrap{max-width:96%}
}

@media(max-width:1200px){
    .gap_1{margin:0 -10px}
    .gap_1 li a{margin:0 10px 20px 10px}
    .pc_header{background:#fff;height:60px;display:flex;align-items:center;border-bottom:none}
    .pc_header .wrap{max-width:100%;width:100%;padding:0 2%;box-sizing:border-box}
    .logo img{height:40px}
    .pc_nav{position:absolute;left:0;top:50px;background:#f8f8f8;width:100%;height:100vh;display:none}
    .pc_nav ul{display:block;padding-top:15px;overflow-y:auto;height:90vh}
    .pc_nav ul li > a{display:block;text-transform: uppercase;color:#333;line-height:42px;position:relative;font-size:18px;font-weight:bold;margin:0 1.5vw;border-bottom:1px solid #e0e0e0;}
    .mob-nav{display:block !important;}
    .box{width:120px}
    .box img{height:25px;}
    .searcher_box01{top:60px;}
    .thr{position:static !important;display:block;text-align:left;font-size:18px;padding:0 6%;display:none;}
    .thr a{line-height:42px;border-bottom:1px solid #f8f6f6;}
    .thr a:hover{color:#e72a19}
    .banner{padding-top:60px}
    .box1 .con .txt .t1{font-size:20px}


    .title{font-size:23px;padding:40px 0;}
    .vr_t1 ,.vr_t2,.index_about .con_box .t1{font-size:25px} 
    .mySwiper .con{flex-direction:column;}
    .mySwiper .swiper-slide{width:auto;position: relative;transform:scale(1)}
    .mySwiper .swiper-slide.swiper-slide-active .box2{width:100%}
    .box2:last-child{display:block;}

    .mySwiper .txt .t1{font-size:18px}
    .box2 .t2{margin-bottom:10px}
    .box2 img{height:auto}
    .swiper_btn .swiper-button-prev{left:0%}
    .swiper_btn .swiper-button-next{right:0%}
    .swiper_btn .swiper-button-prev,
    .swiper_btn .swiper-button-next{height:30px;width:30px;box-shadow:none;background:rgba(0, 0, 0, 0.5);border-radius:0;}
    .mySwiper{padding-bottom:10px !important}
    .footer_top{display:none}
    .copy .wrap{flex-direction: column;}
    .news_Details{margin-top:15px;padding:10px;}
    .news_Details .dtl_top .t1{font-size:18px}
    .news_Details .con{padding:3% 0%;}
    .pb60{padding-bottom:10px}
    .honor li a .img{height:250px}

    .aboutus .con:first-child{flex-direction:column}
    .aboutus .img{width:100%;margin-bottom:20px}
    .aboutus .img img{height:auto}
    .aboutus .txt{width:100%}
    .numScroll li .num i, .numScroll li .num span{font-size:18px;}
    .numScroll li .num{height:30px;}
    .main-nav-m{display:block !important;}
    .product_l{display:none}

    .product::after,.product_r{width:100%}
    .product_r{padding:15px 0}


}

@media(max-width:1000px){
    .box1 .con{display:none}
    .img_Nav{flex-direction:column}
    .img_nav_l{margin-bottom:10px}
    .img_nav_r,.img_nav_l{width:100%;}
    .index_about .con{width:50%;flex:auto;margin-bottom:10px}
    .index_about .con:first-child{width:100%;flex:auto}
    .input_box{width:100%;margin-bottom:10px;border-radius:0;}
    .vodl,.vodl .pic img{height:auto}
    .atebu{padding:0px;}
    .atebu .swiper-button-prev{left:0%}
    .atebu .swiper-button-next{right:0%}
    .atebu .swiper-button-next,.atebu .swiper-button-prev{background:rgba(225, 255, 255);}
    .honor li{width:50%}
    .honor{margin:0 -5px}
    .honor li a{margin: 0 5px 10px 5px;}
    .numScroll li:first-child,.numScroll li{width:33.333%;text-align:center}
    .numScroll{padding:15px;}
    .numScroll li .num{justify-content:center}
    .flv video{height:auto;}
    .flv_btn{display:none !important}
    .detailed-top{flex-direction:column;padding:15px;}
    .detailed_img{width:100%;margin-bottom:20px;height:auto}
    .detailed-top .con{width:100%}
    .gap_1 li{width:33.3333%;}
}


@media(max-width:640px){
 
    .gap_1 li{width:50%;}
    .btn_box{padding:20px 0;}
    .index_about .con{width:100%}
    .index_about .con_box1{position:static !important;height:auto;background:none;}
    .index_about .con_box1 .con_box{padding:30px 10px;color:#333;}
    .more1 a{border:1px solid #E72A1A;color:#E72A1A;background: url(../images/eye.png) no-repeat 52px center;}
    .more1 a:hover{color:#fff;background:url(../images/eye1.png) no-repeat 52px center #E72A1A}
    .index_about .con:last-child{margin-bottom:0}
    .flt2{display:none}
    .join{padding-bottom:10px}
    .join_top1{width:58%}
    .post{width:40%;}
    .join_top{height:50px;line-height:50px}
    .load_more::before, .load_more::after{width:20px}
    #map{height:300px}
    .contact li{width:50%;margin-bottom:30px}
    .contact .icon{width:75px;height:75px}
    .contact{padding-bottom:8px}
    .mov{display:none !important;}

}

@media(max-width:480px){
    .img_Nav .t1{font-size:18px}
    .honor li a .img{height:150px}
    .honor li a{padding:22px 10px 10px 10px}
    .numScroll li:first-child, .numScroll li{width:50%}
    .numScroll{flex-wrap:wrap}
    .numScroll li{margin-bottom:20px}
    .detailed-bottom .t1{width:100%;height:40px;line-height:40px}
    .product_r ul{margin:0 -5px}
    .product_r li a{margin:0 5px}
    .gap_1 .img{height:140px}
    .gap_1{margin:0 -5px}
    .gap_1 li a{margin:0 5px 10px 5px}
    .product_r .img img{height:120px}

}
.join_tel{padding-bottom:60px}
.join_tel .img{width:643px}
.join_tel .img img{height:340px;object-fit:cover}
.join_tel .con{width:calc(100% - 700px)}
.f36{font-size:36px}
.join_tel .con .t3{margin-top:30px;font-size:18px;line-height:36px}
.join_tel .con .t3 p:first-child{background:url(../images/yx.png) no-repeat left center; padding-left:40px}
.join_tel .con .t3 p:last-child{background:url(../images/ph.png) no-repeat left center; padding-left:40px}
@media(max-width:1200px){
    .join_tel {flex-wrap:wrap}
    .join_tel .con,.join_tel .img{width:100%;margin-top:10px}
    .join_tel .img img{height:auto}
    .f36{font-size:22px}
}