*{font-family:Lato-Regular}
#about,#advantage,#banner,#category,#footer,#headre,#news,#product{font-family:Lato-Regular}
#banner .banner_item img{display:block}
#banner .bx-wrapper .bx-controls-direction a{display:none}
.bx-wrapper .bx-pager.bx-default-pager a{box-sizing:border-box;background:0 0!important;border:1px solid #0597e0;width:20px!important;height:20px!important;border-radius:50%!important}
.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#0597e0!important}
#advantage .main-width{display:flex}
#advantage .adv_item{width:25%;padding:67px 0;text-align:center}
#advantage .adv_item .adv_item_img{height:70px}
#advantage .adv_item .adv_item_img img{text-align:center;display:block;margin:0 auto;max-width:100%;max-height:100%;transition:all .3s}
#advantage .adv_item:hover .adv_item_img img{transform:rotate(360deg)}
#advantage .adv_item .adv_item_text{padding:20px 40px 8px 40px}
#advantage .adv_item .adv_item_text .adv_item_title{font-weight:700;height:24px;font-size:18px;line-height:24px;margin-bottom:8px;color:#2d2d2d;overflow:hidden}
#advantage .adv_item .adv_item_text .adv_item_contact{font-family:Lato-Regular;height:48px;color:#555;font-size:18px;line-height:24px;overflow:hidden}
#category .index_wrapper_1680{display:flex}
#category .cate_left{width: 560px;}
#category .cate_item{position:relative;width:100%}
#category .cate_item .cate_item_text{display:flex;padding:0 1.5625vw;box-sizing:border-box;position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,.8);text-align:center;opacity:0;transition:all .3s;align-items: center;justify-content: center;}
#category .cate_item:hover .cate_item_text{opacity:1}
#category .cate_item_text .cate_item_title{line-height:48px;font-weight:700;font-size:30px}
#category .cate_item_text .cate_item_contact{font-family:Lato-Regular;font-size:18px;line-height:30px;max-height:90px;overflow:hidden}
#category .cate_top{margin-bottom:28px}
#category .cate_left .cate_left_top>a{display:flex;width:100%;height:100%;align-items: start;justify-content: center;}
#category .cate_center{margin:0 30px;width:532px}
#category .cate_center .cate_center_top{box-sizing:border-box;background:#000;color:#fff;text-align:center;padding-top:108px;padding-bottom:114px}
#category .cate_center .cate_center_top .cate_center_title{font-size:36px;line-height:50px}
#category .cate_center .cate_center_top .cate_center_btn{font-size:12px;line-height:20px;color:#fff;padding-bottom:28px}
#category .cate_right{width:532px;margin: 0 0.5%;}
#category .cate_left img{display:block}
#category .cate_center img{display:block}
#category .cate_right img{display:block}
#product{padding-top:48px}
#product .index_wrapper_1680{text-align:center}
#product .product_title{font-weight:700;font-size:36px;line-height:50px;padding-bottom:54px}
#product .product_items{display:flex;flex-wrap:wrap;justify-content:space-between}
#product .product_items .product_item{width:23.69047619047619%;box-sizing:border-box}
#product .product_items .product_item .product_item_img{display:block;width:100%;padding-top:100%;position:relative}
#product .product_items .product_item .product_item_img img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transition:.3s all}
#product .product_items .product_item .product_item_img img:hover{transform:scale(1.1,1.1)}
#product .product_items .product_item .product_item_text{padding-top:16px;padding-bottom:53px;padding-left:30px;padding-right:30px}
#product .product_items .product_item .product_item_text .product_item_title{height:52px;overflow:hidden;line-height:26px;font-size:18px;color:#222}
#product .product_items .product_item .product_item_text .product_item_contact{height:26px;overflow:hidden;line-height:26px;font-size:18px;color:#222;margin-bottom:7px}
#product .product_items .product_item .product_item_text .product_item_btn{font-family:Lato-Regular;font-size:12px;line-height:26px;color:#888;border-bottom:1px solid #fff;transition:all .5s}
#product .product_items .product_item:hover .product_item_btn{color:#222;border-bottom:1px solid #222}
#product .product_more{padding-top:8px}
#product .product_more .product_more_btn{font-family:Lato-Regular;margin-top:8px;margin:0 auto;display:block;width:174px;height:45px;line-height:45px;border:solid 1px #222;box-sizing:border-box;transition:all .5s}
#product .product_more .product_more_btn:hover{background:#000;color:#fff}
#about{padding-top:60px}
#about .index_wrapper_1680{position:relative}
#about .index_wrapper_1680 img{display:block}
#about .about_text{padding:0 30px;margin-top:100px;box-sizing:border-box;text-align:center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;margin-top:100px;width:944px;height:268px;background:rgba(255,255,255,.9)}
#about .about_text .about_title{font-weight:700;height:50px;padding-top:30px;font-size:32px;line-height:50px;overflow:hidden}
#about .about_text .about_contact{font-family:Lato-Regular;height:60px;overflow:hidden;margin:13px 150px 17px 150px;font-size:20px;line-height:30px}
#about .about_text .about_more{display:inline-block;margin:0 auto}
#about .about_text .about_more .about_more_btn{font-family:Lato-Regular;display:block;width:174px;height:45px;font-size:12px;line-height:45px;color:#fff;background-color:#000;transition:all .5s;border:solid 1px rgba(255,255,255,0)}
#about .about_text .about_more .about_more_btn:hover{color:#222;background:0 0;border:solid 1px #222}
#news{padding-top:48px}
#news .news_title{font-weight:700;text-align:center;font-size:36px;line-height:50px;margin-bottom:50px}
#news .news_items{display:flex;justify-content:space-between;margin:0 81px}
#news .news_items .news_item{width:49.01185%;padding: 0 0.5%;}
#news .news_items .news_item{overflow:hidden}
#news .news_items .news_item .news_item_img img{display:block;width:100%;transition:all .3s}
#news .news_items .news_item .news_item_text{text-align:left}
#news .news_items .news_item .news_item_text .news_item_title{font-family:Lato-Regular;height:50px;overflow:hidden;font-size:26px;line-height:50px;margin-top:24px;text-align:left;font-weight:700}
#news .news_items .news_item .news_item_text .news_item_date{font-family:Lato-Regular;font-size:18px;line-height:44px}
#news .news_items .news_item .news_item_text .news_item_contact{font-family:Lato-Regular;font-size:18px;line-height:30px;height:60px;overflow:hidden;color:#555}
#news .news_items .news_item .news_item_btn{font-family:Lato-Regular;padding-top:10px;display:inline-block;color:#888;line-height:30px;font-size:12px;text-align:left;border-bottom:1px solid #fff;transition:all .5s}
#news .news_more{margin-top:50px;margin-bottom:60px;text-align:center}
#news .news_more .news_more_btn{font-family:Lato-Regular;display:inline-block;box-sizing:border-box;height:45px;width:174px;line-height:45px;color:#222;border:solid 1px #222;transition:all .5s}
#news .news_more .news_more_btn:hover{background:#000;color:#fff}
#news .news_items .news_item:hover .news_item_btn{color:#222;border-bottom:solid 1px #222}
#news .news_items .news_item:hover img{transform:scale(1.02,1.02)}
@media screen and (max-width:1700px){#category .cate_top{margin-bottom:1.7647vw}
#category .cate_center{margin:0 1.7647%}
#category .cate_center .cate_center_top{box-sizing:border-box;width:100%;height:15.794112vw;padding-top:6.35274vw;padding-bottom:5.058823vw}
#category .cate_center .cate_center_top .cate_center_title{display:inline-block;width:100%;font-size:36px;font-weight:700;overflow:hidden}
#category .cate_center .cate_center_top .cate_center_btn{display:inline-block;width:100%;font-size:12px;line-height:2.94117%}
#about .about_text{margin:auto auto}
}
@media screen and (max-width:1300px){#category .cate_center .cate_center_top .cate_center_title{font-size:26px;line-height:2.6041666vw;height:2.6041666vw}
#category .cate_item_text .cate_item_title{font-size:26px;line-height:30px;height:30px;width:100%}
}
@media screen and (max-width:1200px){#advantage .main-width{display:flex;flex-wrap:wrap}
#advantage .adv_item{padding:36px 0;width:50%}
#product .product_items .product_item{width:48%}
#about .about_text{width:80%;height:80%;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:0}
#about .about_text .about_title{height:4.16vw;line-height:4.16vw;padding-top:2.5vw}
#about .about_text .about_contact{margin-bottom:0}
#about .about_text .about_more .about_more_btn{height:3.75vw;line-height:3.75vw;border:solid 1px #fff}
#news .news_items{margin:0}
}
@media screen and (max-width:991px){#banner .index_wrapper_1680{padding:0 0}
#advantage{padding-top:36px}
#advantage .adv_item{padding:0 0;padding-bottom:12px}
#advantage .adv_item .adv_item_img{height:36px}
#advantage .adv_item:hover .adv_item_img img{transform:rotate(0)}
#advantage .adv_item .adv_item_text{padding:0 5px;padding-top:6px}
#advantage .adv_item .adv_item_text .adv_item_title{height:24px;font-size:14px;font-weight:700;line-height:24px;margin-bottom:5px;overflow:hidden}
#advantage .adv_item .adv_item_text .adv_item_contact{font-size:14px;line-height:17px;height:51px;overflow:hidden}
#category{display:block;width:100%;overflow:hidden;padding-top:0}
#category .index_wrapper_1680{display:flex;justify-content:center;flex-wrap:wrap}
#category .cate_left{width:100%}
#category .cate_center{width:100%}
#category .cate_right{width:100%}
#category .cate_left img{width:100%}
#category .cate_center img{width:100%}
#category .cate_right img{width:100%}
#category .cate_item{width:100%;margin-bottom:15px}
/* #category .cate_item .cate_item_text{overflow:hidden;opacity:1;padding:24.3971% 20px 0 20px;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.5)} */
#category .cate_item .cate_item_text{overflow:hidden;opacity:1;padding:0 20px ;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.5);display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}

#category .cate_item .cate_item_text>a{display:flex;width:100%;flex-wrap:wrap;flex-direction:row-reverse;justify-content:center;align-items:center}
#category .cate_item_text .cate_item_title{font-size:19px;font-weight:700;line-height:25px;height:25px;width:100%}
#category .cate_item_text .cate_item_contact{font-size:14px;line-height:25px;max-height:50px;overflow:hidden}
#category .cate_center{margin:0 0}
#category .cate_center .cate_center_top{margin-bottom:15px;height:190px;padding-top:62px}
#category .cate_center .cate_center_top .cate_center_title{font-size:23px;line-height:32px;height:32px}
#category .cate_center .cate_center_top .cate_center_btn{font-size:12px;line-height:32px}
#product{padding-top:18px;padding-bottom:0}
#product .product_title{font-size:23px;line-height:31px;height:31px;overflow:hidden;padding-bottom:32px}
#product .product_items .product_item{margin-bottom:17px}
#product .product_items .product_item .product_item_img{padding-bottom:10px}
#product .product_items .product_item .product_item_img img:hover{transform:scale(1,1)}
#product .product_items .product_item .product_item_text{padding:0 0}
#product .product_items .product_item .product_item_text .product_item_title{font-size:14px;line-height:18px;height:36px;overflow:hidden;margin-bottom:6px}
#product .product_items .product_item .product_item_text .product_item_btn{font-size:12px}
#product .product_items .product_item:hover .product_item_btn{color:#888;border-bottom:1px solid #fff}
#product .product_more{padding-top:20px}
#product .product_more .product_more_btn{width:130px;height:36px;line-height:36px;font-size:12px}
#product .product_more .product_more_btn:hover{border:solid 1px #222;background:0 0;color:#222}
#about{padding-top:40px}
#about .index_wrapper_1680{padding:0 0;overflow:hidden;display:flex;flex-wrap:wrap}
#about .about_img{width:100%;order:2}
#about .about_img img{width:100%;width:auto}
#about .about_text{width:100%;position:unset;top:0;left:0;transform:translate(0,0);height:100%;padding-bottom:30px;order:3}
#about .about_text .about_title{font-size:23px;line-height:36px;height:36px;padding-top:20px}
#about .about_text .about_contact{font-size:14px;line-height:20px;height:60px;padding:4px 25px 0 25px}
#about .about_text .about_more{padding-top:10px}
#about .about_text .about_more .about_more_btn{width:120px;height:34px;line-height:34px}
#about .about_text .about_more .about_more_btn:hover{background:#000;color:#fff}
#news{padding-top:31px}
#news .news_title{height:31px;line-height:31px;font-size:23px;margin-bottom:28px}
#news .news_items{display:flex;flex-wrap:wrap}
#news .news_items .news_item{width:100%}
#news .news_items .news_item .news_item_text{padding-top:13px}
#news .news_items .news_item .news_item_text .news_item_title{font-size:16px;line-height:21px;height:21px;overflow:hidden;margin-top:0;margin-bottom:9px;font-weight:700}
#news .news_items .news_item .news_item_text .news_item_date{font-size:14px;line-height:14px;height:14px;overflow:hidden;font-weight:400}
#news .news_items .news_item .news_item_text .news_item_contact{padding-top:8px;font-size:14px;line-height:20px;height:60px;overflow:hidden;font-weight:400;display:block}
#news .news_items .news_item .news_item_btn{font-size:12px;line-height:16px;padding-top:10;padding-bottom:20px}
#news .news_items .news_item:hover .news_item_btn{color:#888;border-bottom:1px solid #fff}
#news .news_more{margin-top:18px;margin-bottom:38px}
#news .news_more .news_more_btn{display:inline-block;width:130px;height:36px;font-size:12px;line-height:36px}
#news .news_items .news_item:hover img{transform:scale(1,1)}
.bx-wrapper .bx-pager.bx-default-pager a{width:8px!important;height:8px!important}
.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#fff!important}
}
.pro_nav .index_wrapper_1680{grid-gap: 3rem;display:grid}
.pro_itm{display:grid;grid-template-columns: repeat(2,1fr);grid-gap: 5rem;align-items:center}
.i_p_img img{width:100%}
.i_p_info h4{font-size:2.5rem;font-weight:700}
.i_p_info p{font-size:1.2rem;line-height:1.5;margin:3% 0}
a.i_more{display:inline-block;padding:1.2% 5%;text-align:center;border:1px solid #000}
a.i_more:hover{background:#000;color:#fff}
   
.index-about{padding:30px 0;}
.index-about h2{line-height:60px;margin-bottom:20px;font-size:40px;font-weight:700}
.index-about p{line-height:25px;font-size:16px;}
.index-about .overview{display:flex;justify-content:space-between;flex-direction:row-reverse;margin:100px 0 70px;}
.index-about .tab{width:15.7%;box-shadow:0 0 20px rgba(0,0,0,.1);}
.index-about .tab span{position:relative;float:right;display:flex;justify-content:center;align-items:center;width:100%;line-height:45px;padding:35px 0;border-bottom:1px solid #eee;text-align:center;font-size:18px;box-sizing:border-box;cursor:pointer;clear:both;transition:all .5s,color .1s;}
.index-about .tab span i{position:relative;display:inline-block;line-height:25px;color:#333;transition:all .5s;}
.index-about .tab span i:before{content:"\e900";display:inline-block;vertical-align:middle;width:0;line-height:40px;margin-right:0;overflow:hidden;font-family:"icomoon";font-size:30px;transition:all .5s;}
.index-about .tab span:nth-child(2) i:before{content:"\e901";}
.index-about .tab span:nth-child(3) i:before{content:"\e903";}
.index-about .tab span:nth-child(4) i:before{content:"\e904";}
.index-about .tab span:nth-child(5) i:before{content:"\e905";}
.index-about .tab .on,.index-about .tab span:hover{width:125%;background-color:#0597e0;color:#fff;}
.index-about .tab .on i,.index-about .tab span:hover i{color:#fff}
.index-about .tab .on i:before,.index-about .tab span:hover i:before{width:30px;margin-right:10px;color:#fff}
.index-about .tab .on:after{content:"";position:absolute;left:-30px;top:50%;margin-top:-15px;border:15px solid transparent;border-right-color:#0597e0;}
.index-about .cont{position:relative;width:79.3%;}
.index-about .cont li{position:absolute;left:0;bottom:0;width:100%;display:flex;justify-content:space-between;align-items:center;transform:translateX(-50px);opacity:0;z-index:-1;transition:all .5s;}
.index-about .cont li .pic{width:48%;overflow:hidden;}
.index-about .cont li .pic img{width:100%;height:auto;transform:scale(1.05);transition:all .5s;}
.index-about .cont li .pic img:hover{transform:scale(1);}
.index-about .cont li .text{width:47%;padding-right:2%;box-sizing:border-box;}
.index-about .cont li .text h3{position:relative;line-height:35px;margin-bottom:25px;padding-bottom:25px;font-size:30px;font-family:"PlayfairDisplay-Regular";}
.index-about .cont li .text h3:after{content:"";position:absolute;left:0;bottom:0;width:55px;height:2px;background-color:#0597e0;}
.index-about .cont li .text p{line-height:25px;font-size:18px;}
.index-about .cont li .text .more{margin-top:70px;font-weight:bold;}
.index-about .cont li.on{transform:translateX(0);opacity:1;z-index:5;}
.index-about .list ul{display:none;justify-content:space-between;}
.index-about .list ul.on{display:flex}
.index-about .list li{width:23.15%;}
.index-about .list li .pic{height:0;padding-bottom:79%;overflow:hidden;}
.index-about .list li .pic img{width:100%;height:auto;transition:all .5s;max-height:inherit}
.index-about .list li .pic img:hover{transform:scale(1.05);}
.index-about .list li .more{display:block;padding:16px 0;border-bottom:1px solid #ddd;overflow:hidden;}
.index-about .list li .more i{float:right;}  
.more{display:inline-block;line-height:28px;font-size:18px;}
.more i{display:inline-block;vertical-align:top;width:28px;height:28px;margin-left:20px;padding:6px 0;box-sizing:border-box;border:1px solid #0597e0;border-radius:50%;}
.more i:before{content:"→";display:block;height:14px;line-height:16px;font-size:24px;color:#0597e0;font-weight:200;text-align:center;background-color:#fff;transform:translateX(-5px);border-radius:50%;transition:all .3s;}
.index-certificate{padding:180px 0;background-color:#f5f5f5;overflow:hidden;}
.index-certificate .cont{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:80px;}
.index-certificate .cont .text{width:37.15%;padding-bottom:20px;}
.index-certificate .cont .text h2{line-height:60px;margin-bottom:20px;font-size:60px;}
.index-certificate .cont .text p{line-height:25px;font-size:16px;}
.index-certificate .cont .text ul{display:flex;justify-content:space-between;margin:55px 0;}
.index-certificate .cont .text li span{display:block;line-height:50px;margin-bottom:20px;font-size:50px;font-family:"Helvetica-Bold";font-weight:bold;color:#0597e0;}
.index-certificate .cont .text .more{display:inline-block;padding:10px 65px;color:#fff;background-image:linear-gradient(to right,#000 59%,#000 1%,#0597e0 40%);background-position-x:right;background-size:300% 100%;transition:all .5s;}
.index-certificate .cont .text .more:hover{background-position-x:left;}
.index-certificate .cont .text .more:hover i:before{font-size:18px;transform:translateX(0px);background:rgba(153,114,87,0) !important;}
.index-certificate .cont .text .more i{border-color:#fff;}
.index-certificate .cont .text .more i:before{background-color:#0597e0;color:#fff;}
.index-certificate .cont .cer{position:relative;width:50%;padding-right:11.4%;box-sizing:border-box;}
.index-certificate .cont .cer > video{position:absolute;left:0;bottom:0;max-height:inherit;max-width:inherit}
.index-certificate .cont .cer .box{position:relative;padding:40px 55px;background-color:rgba(153,114,87,.88);}
.index-certificate .cont .cer .box p{line-height:30px;font-size:18px;color:#fff;}
.index-certificate .cont .cer .box img{width:auto;max-width:100%;height:auto;margin-top:40px;}
.index-certificate .slide-pic{margin-bottom:60px;overflow:hidden;}
.index-certificate .slide-pic li{float:left;width:210px;margin-right:28px;}
.index-certificate .slide-pic li img{width:100%;height:auto;}
.index-certificate .slide-dot{text-align:center;}
.index-certificate .slide-dot li{display:inline-block;width:16px;height:16px;margin:0 3px;padding:4px;box-sizing:border-box;border:1px solid #f5f5f5;border-radius:50%;}
.index-certificate .slide-dot li:before{content:"";display:block;width:100%;height:100%;background-color:#0597e0;border-radius:50%;}
.index-certificate .slide-dot li.active{border-color:#0597e0;}
.pro_nav h2{position:relative;line-height:40px;padding-bottom:25px;font-size:36px;text-align:center;}
.pro_nav h2:after{content:"";position:absolute;left:50%;bottom:0;width:90px;height:1px;margin-left:-45px;background-color:#0597e0;}
.pro_nav h3{line-height:30px;font-size:24px;}
.pro_nav p{line-height:25px;font-size:18px;}
.pro_nav .title{margin-bottom:60px;text-align:center;}
.pro_nav .title p{margin:25px 0 0;}
.pro_nav .start{padding:80px 0 20px;background-color:#f5f5f5;}
.pro_nav .start .cont ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.pro_nav .start .cont li{width:30.7%;margin-bottom:60px;text-align:center;}
.pro_nav .start .cont li img{width:100%;height:auto;}
.pro_nav .start .cont li h3{line-height:40px;margin:15px 0 10px;font-size:36px;}
.pro_nav .process{position:relative;padding:80px 0 10px;overflow:hidden;}
.pro_nav .process h2{color:#fff;}
.pro_nav .process h2:after{background-color:#fff;}
.pro_nav .process .title{position:relative;}
.pro_nav .process .cont{position:relative;}
.pro_nav .process .cont ul{display:flex;justify-content:space-between;}
.pro_nav .process .cont li{display:flex;align-items:center;width:182px;height:182px;padding:0 10px;box-sizing:border-box;border-radius:50%;border:1px solid #0597e0;background-color:#fff;text-align:center;overflow:hidden;}
.pro_nav .process .cont li p{line-height:25px;font-size:22px;color:#0597e0;}
.pro_nav .process:before{content:"";position:absolute;left:0;top:0;width:100%;height:295px;background-color:#0597e0;}
.pro_nav .intro{padding:80px 0;}
.pro_nav .intro .info{display:flex;margin-bottom:50px;}
.pro_nav .intro .info .pic{width:48.8%;}
.pro_nav .intro .info .pic img{width:auto;height:100%;}
.pro_nav .intro .info .text{width:51.2%;padding:50px 20px 20px 50px;box-sizing:border-box;background-color:#f5f5f5;}
.pro_nav .intro .info .text h2{text-align:left;}
.pro_nav .intro .info .text h2:after{left:0;margin:0;}
.pro_nav .intro .info .text p{margin-top:25px;}
.pro_nav .intro .desc{display:flex;justify-content:space-between;}
.pro_nav .intro .desc h3{margin:10px 0 25px;}
.pro_nav .intro .desc p{margin-bottom:25px;}
.pro_nav .intro .desc img{width:100%;height:auto;margin-top:10px;margin-bottom:30px;}
.pro_nav .intro .desc .box{width:47%;}
.pro_nav .intro .faq{margin-top:80px;}
.pro_nav .intro .faq ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.pro_nav .intro .faq li{width:49.3%;margin-bottom:1.4%;padding:2.85%;box-sizing:border-box;background-color:#fff;transition:all .5s;}
.pro_nav .intro .faq li p{margin-top:25px;}
.pro_nav .intro .faq li:hover{transform:translateY(-5px);box-shadow:0 10px 15px rgba(0,0,0,.2);}
.pro_nav .oem{background-color:#f5f5f5;}
.pro_nav .oem .info .text{background-color:#fff;}
@media only screen and (min-width: 1680px){
.i_p_info{width:48%;margin:0 auto}    
}
@media only screen and (max-width: 1680px){
.main-width {
    width: 92vw;
}
}
@media only screen and (max-width: 1280px){
.index-certificate .cont .cer {
    padding: 0;
}
.main-width {
    width: 92vw;
}
}
@media screen and (max-width:786px){#about .about_text .about_contact{margin:0}
.pro_itm{grid-template-columns: 100%;grid-gap: 2rem;}
.pro_itm:last-child{display:flex;flex-direction:column-reverse;flex-wrap:wrap}
.index-about{display:none}
.index-certificate{padding:40px 0;}
.index-certificate .cont{display:block;}
.index-certificate .cont .text{width:100%;}
.index-certificate .cont .text h2{line-height:30px;font-size:24px;}
.index-certificate .cont .text p{line-height:20px;font-size:16px;}
.index-certificate .cont .text ul{margin:20px 0;}
.index-certificate .cont .text li{max-width:32%;}
.index-certificate .cont .cer{width:100%;overflow:hidden;}
.index-certificate .cont .cer .box{padding:30px;}
.index-certificate .slide-pic li{width:140px;margin-right:10px;}
.pro_nav h2{line-height:30px;font-size:24px;}
.pro_nav p{line-height:20px;font-size:16px;}
.pro_nav .title{margin-bottom:30px;}
.pro_nav .start{padding:40px 0 1px;}
.pro_nav .start .cont li{width:48%;}
.pro_nav .process{padding:40px 0;}
.pro_nav .process .cont li{width:160px;height:160px;}
.pro_nav .intro{padding:40px 0;}
.pro_nav .intro .info{margin-bottom:30px;}
.pro_nav .intro .desc{display:block;}
.pro_nav .intro .desc .box{width:100%;}
.pro_nav .intro .faq{margin-top:30px;}
.pro_nav .intro .faq ul{display:block;}
.pro_nav .start{padding:60px 0 20px;}
.pro_nav .start .cont li{margin-bottom:40px;}
.pro_nav .start .cont li h3{line-height:30px;margin:10px 0 5px;font-size:24px;}
}