@charset "UTF-8";



.gy{width:86%; margin:auto;  }

img { max-width: 100%;  max-height: 100%;}

/*幻灯*/
.idx_banner{width:100%;height:100vh;max-height:960px;box-sizing:initial;background:#282f36;position:relative;overflow:hidden}
.idx_banner ul{width:100%;height:100%;position:relative;z-index:1;overflow:hidden}
.idx_banner ul li{width:100%;height:100%;position:relative;overflow:hidden}
.idx_banner ul li .center{width:100%;height:100%;padding-top:30px;position:absolute;top:0;left:0;z-index:2;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.idx_banner ul li .center .info{width:100%;height:auto;color:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.idx_banner ul li .center .info .info_box{width:49%}
.idx_banner ul li .center .info .center{text-align: center; width: 100%; display:block; margin-top:10%; text-align:left;}
.idx_banner ul li .center .info .info_box .title,.idx_banner ul li .center .info .info_box .subtitle{font-size:60px; margin-bottom:0px; letter-spacing:1px; font-family: "GJJCQJW"; line-height:1.2; margin-top:0.6vw;}
@media (max-width:1680px){.idx_banner ul li .center .info .info_box .title,.idx_banner ul li .center .info .info_box .subtitle{font-size:52.5px}}@media (max-width:1440px){.idx_banner ul li .center .info .info_box .title,.idx_banner ul li .center .info .info_box .subtitle{font-size:45px}}@media (max-width:1280px){.idx_banner ul li .center .info .info_box .title,.idx_banner ul li .center .info .info_box .subtitle{font-size:40px}}@media (max-width:1024px){.idx_banner ul li .center .info .info_box .title,.idx_banner ul li .center .info .info_box .subtitle{font-size:32px}}.idx_banner ul li .center .info .info_box .subtitle{font-family:hs_m}
.idx_banner ul li .center .info .info_box .links{margin-top:3vw;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.idx_banner ul li .center .info .info_box .links .item{margin-right:1vw;padding:15px;border-radius:5px;background:rgba(128,142,162,.2);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.idx_banner ul li .center .info .info_box .links .item .icon{width:2.8vw;font-size:0;margin-right:0.7vw}
.idx_banner ul li .center .info .info_box .links .item .icon img{width:auto !important;}
.idx_banner ul li .center .info .info_box .links .item .txt{font-size:1vw;line-height:1.2}
@media (max-width:1280px){.idx_banner ul li .center .info .info_box .links .item .txt{font-size:14px}}@media (max-width:1024px){.idx_banner ul li .center .info .info_box .links .item{padding:15px 10px}
.idx_banner ul li .center .info .info_box .links .item .txt{font-size:12px}}
.idx_banner ul li .center .info .info_box .links .item:last-child{margin-right:0}
.idx_banner ul li .center .info .img{width:50%;font-size:0;text-align:center}
.idx_banner ul li .center .info .img img{max-height:70vh; width:auto !important;}
.idx_banner ul li .images{width:100%;height:100%;font-size:0;overflow:hidden}
.idx_banner ul li .images img{min-width:100%;min-height:100%;object-fit:cover}
.idx_banner .banner_btn{width:auto;height:100%;box-sizing:initial;position:absolute;top:0;z-index:2;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;opacity:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.idx_banner .banner_btn .center{width:84px;height:84px;border-radius:50%;background:rgba(0,0,0,.3);text-align:center;cursor:pointer;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.idx_banner .banner_btn .center img{max-width:40%;max-height:40%;vertical-align:middle ;margin-top: 30%;}
.idx_banner .banner_btn .center:hover{background:rgba(0,0,0,.5)}
.idx_banner .banner_btn.prev{left:0;padding:0 30vw 0 7vw}
.idx_banner .banner_btn.next{right:0;padding:0 7vw 0 30vw}
.idx_banner .banner_btn:hover{opacity:1}
.idx_banner .banner_pagination{width:100%;height:auto;font-size:0;position:absolute;bottom:20px;z-index:2;text-align:center;overflow:hidden}
.idx_banner .banner_pagination span{width:20px;height:2px;border-radius:0;display:inline-block;background:#fff;opacity:.7;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.idx_banner .banner_pagination .active{width:40px;background:#0c52b1;opacity:1}
@media (max-width:1280px){.idx_banner .banner_btn.prev{padding:0 30px}
.idx_banner .banner_btn.next{padding:0 30px}
.idx_banner .banner_btn .center{width:60px;height:60px}}@media (max-width:990px){.idx_banner{height:auto}
.idx_banner ul li .center{display:none}
.idx_banner .banner_btn{display:none}}@media (max-width:768px){.idx_banner .banner_pagination span{width:10px}
.idx_banner .banner_pagination .active{width:20px}}@media (max-width:480px){.idx_banner ul li .center .info .en_1,.idx_banner ul li .center .info .en_2{font-size:80px}
.idx_banner ul li .center .info .en_2{-webkit-text-stroke:1px #fff}
.idx_banner ul li .center .info .title{font-size:24px}}.idx_title{width:100%;height:auto;text-align:center}
.idx_title .title{font-family:hs_m;font-size:40px;color:#0c52b1;line-height:1.1}
.idx_title .subtitle{margin-top:10px;font-size:22px;color:#282f36;line-height:1.4}
/*结束*/

.t{text-align: center;height:150px; display: flex; flex-direction: column; align-items: center; }
.t h3{font-size:40px;color:#333;line-height: 64px; padding-top:8px; font-weight: bold;  position: relative; z-index: 5; font-family: "Microsoft YaHei";}
.t h3 b{font-weight: normal;}
.t h3:after {content:'';width:50px;height:4px; background-color: rgba(0,54,134,.5); position: absolute;bottom:10px;left:0%;z-index: -1;animation:myfirst 3s linear infinite;}
.t span{color: #5d5d5d; font-weight: 100; font-size: 16px; line-height:36px;}

.pr_box{margin-bottom: 0px;}
#c_product_list_039-16704649649370 .e_container-6{display: flex;flex-wrap: wrap;flex-direction: row;width: auto;margin-left: auto;margin-bottom: 0px;transition-property: all;transition-radio: hover;transition-duration: 0.8s;transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);display-radio: flex;background-color: rgba(243,244,244,1);padding-bottom: 0px;margin-top: 15px;min-height: 0px;height: 280px;overflow: hidden;}
#c_product_list_039-16704649649370 .e_loop-1 .p_list{display: flex;flex-wrap: wrap;position: relative;max-width: 100%}
#c_product_list_039-16704649649370 .e_loop-1{max-width: 1500px;margin-left: auto;margin-right: auto;display-radio: 1;}
.s_list{background-color: rgba(255,255,255,0);}
#c_product_list_039-16704649649370 .e_loop-1 .p_loopitem{flex: 0 0 32.3%;position: relative;margin-right: 1%}
#c_product_list_039-16704649649370 .e_loop-1 .p_loopitem:hover .e_container-12{margin-top: -280px;height: 315px}
#c_product_list_039-16704649649370 .e_loop-1 .p_loopitem:hover .e_text-19{margin-top: 182px}
#c_product_list_039-16704649649370 .e_loop-1 .p_page{text-align: center;}
#c_product_list_039-16704649649370 .e_loop-1 .p_filter_wrapper{width: 100%;font-size: 13px}
#c_product_list_039-16704649649370 .e_loop-1 .p_kv_wrapper{display: inline-block;flex-wrap: nowrap;line-height: 24px;margin: 15px 0;width: 33%}
#c_product_list_039-16704649649370 .e_loop-1 .p_filter_key{width: 70px;overflow: hidden;margin-right: 10px;font-weight: bold;color: #333333;font-size: 12px;display: none}
#c_product_list_039-16704649649370 .e_loop-1 .p_v_item{display: inline-block;padding: 0 3px;cursor: pointer;font-size: 13px;color: #555555;margin-right: 30px}
#c_product_list_039-16704649649370 .e_loop-1 .p_active .p_fbutton{color: #fff;background-color: cornflowerblue}
#c_product_list_039-16704649649370 .e_loop-1 .p_result_item{position: relative;padding: 3px 20px 3px 10px;border: 1px solid #ddd;border-radius: 3px;margin-right: 10px}
#c_product_list_039-16704649649370 .e_loop-1 .p_filter_close{position: absolute;right: 0;top: 0;padding: 3px;font-style: normal;font-size: 16px;margin-top: -5px;cursor: pointer}
#c_product_list_039-16704649649370 .e_loop-1 .multSelect{font-size: 13px;position: relative}
#c_product_list_039-16704649649370 .e_loop-1 .multSelect .inputWrap{width: 100%;min-width: 100px;min-height: 24px;border: 1px solid #DCDFE6;border-radius: 3px;position: relative;cursor: pointer;background: white}
#c_product_list_039-16704649649370 .e_loop-1 .multSelect.is-invalid .inputWrap{border-color: #dc3545}
#c_product_list_039-16704649649370 .e_loop-1 .multSelect ul{padding: 0 5px;margin: 0;padding-right: 35px}
#c_product_list_039-16704649649370 .e_loop-1 .multSelect ul,
li{list-style: none}
#c_product_list_039-16704649649370 .e_loop-1 .multSelect li{display: inline-block;background: #edf0f3;color: #92969c;padding: 0px 5px;margin: 1px 5px 1px 0;border-radius: 5px;line-height: 16px}
#c_product_list_039-16704649649370 .e_loop-1 .multSelect .multSelect-option{width: 100%;border: 1px solid #DCDFE6;border-radius: 2px;border-top: 0;max-height: 200px;overflow-y: scroll;position: absolute;height: 0;opacity: 0;z-index: 9;background: #fff}
#c_product_list_039-16704649649370 .e_loop-1 .multSelect .multSelect-option>div{line-height: 24px;cursor: pointer;padding: 0 10px}
#c_product_list_039-16704649649370 .e_loop-1 .multSelect .multSelect-option>div.selected{color: #409eff}
#c_product_list_039-16704649649370 .e_loop-1 .multSelect .multSelect-option>div:hover{color: #409eff;background: #f3f6f9}
#c_product_list_039-16704649649370 .e_loop-1 .multSelect .fa-close{font-style: normal;font-size: 12px;padding: 0 5px 0 7px}
#c_product_list_039-16704649649370 .e_loop-1 .multSelect .inputWrap>.fa svg{fill: #666;width: 12px;height: 12px;position: absolute;right: 0;top: calc(50% - 3px)}
#c_product_list_039-16704649649370 .e_loop-1 .multSelect .inputWrap>.fa-down svg{transform: rotate(-90deg)}
#c_product_list_039-16704649649370 .e_loop-1 .multSelect .inputWrap>.fa-up svg{transform: rotate(90deg)}
#c_product_list_039-16704649649370 .e_loop-1 .multSelect .placeholder{line-height: 40px;padding-left: 10px;color: #aaa;position: absolute;left: 0;top: 0}
#c_product_list_039-16704649649370 .e_loop-1 .p_normal_start{display: inline;width: 60px;height: 22px}
#c_product_list_039-16704649649370 .e_loop-1 .p_date_start{display: inline;width: 105px;height: 22px}
#c_product_list_039-16704649649370 .e_loop-1 .p_normal_end{display: inline;width: 60px;height: 22px;margin-right: 5px}
#c_product_list_039-16704649649370 .e_loop-1 .p_date_end{display: inline;width: 105px;height: 22px;margin-right: 5px}
#c_product_list_039-16704649649370 .e_loop-1 .p_split{margin: 0 5px}
#c_product_list_039-16704649649370 .e_loop-1 .p_normal{margin-right: 16px}
#c_product_list_039-16704649649370 .e_loop-1 .p_fbutton{background-color: #007bff;text-decoration: none;color: white;font-size: 14px;text-align: center;padding: 10px;border-radius: 5px}
#c_product_list_039-16704649649370 .e_loop-1 .input-check,
#c_product_list_039-16704649649370 .e_loop-1 .input-radio{margin: 0 5px;vertical-align: text-top}
#c_product_list_039-16704649649370 .e_loop-1 .position-left{display: flex}
#c_product_list_039-16704649649370 .e_loop-1 .position-right{display: flex;flex-direction: row-reverse}
#c_product_list_039-16704649649370 .e_loop-1 .position-bottom{display: flex;flex-direction: column-reverse}
.s_title{font-size: 16px;color: #333;line-height: 1;}
#c_product_list_039-16704649649370 .e_loop-1{max-width: 1500px;margin-left: auto;margin-right: auto;display-radio: 1}
#c_product_list_039-16704649649370 .e_image-3{overflow: hidden;transition-property: all;transition-duration: 0.8s;background: #e2e2e2;transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);display-radio: 1;background-color: #e2e2e2;}
#c_product_list_039-16704649649370 .e_image-3 img{width: 100%;height: 100%;object-fit: contain}
#c_product_list_039-16704649649370 .e_container-6>.p_item{flex: 1;max-width: 100%;max-height: 100%}
#c_product_list_039-16704649649370 .e_text-10{line-height: 24px;font_radio: 2;font-size: 16px;color: rgba(0, 0, 0, 1);-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;display-radio: -webkit-box;font-weight: normal;margin-top: 0px;transition: 0.5s}
#c_product_list_039-16704649649370 .e_text-10 a{font-size: 20px;font-weight:bold;}
#c_product_list_039-16704649649370 .e_container-12{display: flex;position: relative;z-index: 2;flex-wrap: wrap;flex-direction: row;width: 100%;margin-top: -67px;padding-left: 30px;padding-right: 30px;display-radio: flex;background-color: rgba(255, 255, 255, 0.8);padding-top: 15px;padding-bottom: 15px;transition: 0.5s}
#c_product_list_039-16704649649370 .e_container-12>.p_item{flex: 1;max-width: 100%;max-height: 100%}
#c_product_list_039-16704649649370 .e_container-6:hover .e_line-14{width: 100%;display: none}
#c_product_list_039-16704649649370 .e_line-14{transition-property: all;transition-duration: 0.8s;transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);width: 0px;display: none}
#c_product_list_039-16704649649370.response-animated .e_container-6{animation-name: none, none;animation-delay: 0.0s, 0.6s;animation-duration: 0.6s, 0.6s;animation-iteration-count: 1, 1}
#c_product_list_039-16704649649370 .e_container-6:hover img{opacity: 1;transform: scale(1.1);transition: all .6s}
#c_product_list_039-16704649649370 .e_container-6:hover .e_image-3{}
#c_product_list_039-16704649649370 .e_text-17 a{line-height: 22px;font-size: 16px;}
#c_product_list_039-16704649649370 .e_text-17{line-height: 20px;font_radio: 2;font-size: 14px;text-align: left;color: rgba(102, 102, 102, 1);position: absolute;top: 31%;z-index: 9;bottom: auto;right: auto;display: none;transition-property: all;transition-duration: 0.8s;transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);font-weight: normal;left: 28px;display-radio: none;max-width: 100%;}
#c_product_list_039-16704649649370 .e_container-6:hover .e_text-17{display: block}
#c_product_list_039-16704649649370 .e_text-19{line-height: 1.8;font_radio: 2;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;font-size: 14px;color: rgba(0, 0, 0, 0.3);margin-top: 7px;padding-left: 0px;padding-right: 0px;display-radio: -webkit-box;font-family: Microsoft YaHei;margin-bottom: 0px;transition: 0.5s}
#c_product_list_039-16704649649370 .e_text-19 a{color: rgba(0, 0, 0, 0.4);}
#c_product_list_039-16704649649370 .e_container-6 .p_item{display-radio: 1}




/*关于*/
.uw-title{color: #fff;}
.uw-title .uw-title-cn{font-size: 36px;line-height: 40px;}
.uw-title .uw-title-cn>a{font-size: 36px;line-height: 40px;}
.uw-title .uw-title-en{font-size: 52px;line-height: 80px;text-transform: uppercase;font-weight: bold;}
.uw-title .uw-title-en a{font-size: 52px;line-height: 80px;}
.uw-title .uw-line-x{background: rgba(255,255,255,.5);}
.uw-line-x{transform: translateX(0px);opacity: 1;color: #fff;font-weight: bold;font-family: microsoft yahei;text-transform: uppercase;}
.uw-line-x{width: 100%;height: 3px;position: relative;margin: 10px 0 28px 0;background: rgba(0,0,0,.2);}
.uw-line-x::before{content: '';width: 30%;height: 3px;position: absolute;left: 0;top: 0;z-index: 1;background: #0c52b1;}
/*tb*/
.proc{max-width: 1200px;margin: 0 auto;min-width: 980px;width: 100%;overflow: hidden;padding-bottom:98px;padding-top:3%;}
.proc_cont li{width:calc(100% / 3);float: left;text-align: center;height: 225px;cursor: pointer;position:relative;}
@media screen and (max-width: 1440px){.proc_cont li{height: 192px;}}
@media screen and (max-width: 1366px){.proc_cont li{height: 140px;}}
.proc_cont li span{display: block;font-size: 20px;color: #333;font-weight: bold;font-family: 'Arial';padding-top: 25px;}
.proc_cont li i{display: inline-block;margin-top: 30px;height: 122px;font-size:92px;color:#0c52b1;vertical-align: -0.15em;fill: currentColor;overflow: hidden;transition:all 0.5s;}
.proc_cont li i img{width:122px;}
@media screen and (max-width: 1366px){.proc_cont li i img{width:90px;}
.proc_cont li i{height: 90px;}}
.proc_cont li i:hover{transform:rotateY(360deg);}
.proc_cont li i .iconfont{width: 3.25em;height: 3.25em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;transition:all 0.5s;}
.proc_cont li:hover img{transform:rotateY(360deg);}
.proc_cont li a{font-size: 26px;color: #333;margin-top: 30px;display: block;}
@media screen and (max-width: 1440px){.proc_cont li a{margin-top: 10px;}}
@media screen and (max-width: 1366px){.proc_cont li a{margin-top:4px;}}
.proc_cont li d{font-size: 12px;color: #ccc;font-family: 'Arial';text-transform: uppercase;line-height: 30px;}
.proc_cont li:hover a{color:#0c52b1;font-weight:bold;}
.about_co{padding:7% 0;background:url(https://memberpic.114my.com.cn/026757/uploadfile/image/20240702/20240702155433_962158139.jpg) no-repeat;position: relative;background-attachment: fixed;height:100%;}
@media screen and (max-width: 1366px){.about_co{padding:7% 0;}}
.about_co:before{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.about_int{width: 60%;border-radius: 10px;position: relative;padding:0% 2% 6% 2%;}
.about_int a{line-height: 36px;font-size: 19px;color: #fff;font-weight:normal;text-align: justify;display: flex;}
.about_int a:hover{color: rgba(255,255,255,0.8);}
/*产品*/.pro_c{margin-top:0px;/*padding:70px 0;*/}
.pro_list{display: flex; position: relative;margin:0 auto 35px;width: 100%; }
.pro_list .prolist2021{ width:92%;background: #0c52b1; padding:0.5%;border-radius:70px; margin: auto;}
.pro_list ul{display: flex; justify-content: center; width: 100%;}

.pro_list li{text-align: center; width: 25%;float: left; height:44px;line-height:44px; border-radius:44px;}
.pro_list li a{ font-size:19px; color: #fff;}
.pro_list li.on{color: #fff;transition: all .3s ease; background: url(https://memberpic.114my.com.cn/zhantong/uploadfile/image/20240415/20240415152714_2118667472.png) no-repeat 18%;}
.pro_list li.on a.prolist2021_one{color:#fff;}
.pro_list li dl{ display: none;}
.pro_call ul{display:block;}
.pro_call li{ padding: 1% 1% 0.3% 1%;display: block;float: left;width:21.8%;border: 1px solid #eee;margin-top:1%;background: #fff;}
.pro_call li a{display: block;width: 100%;height: auto;overflow: hidden;position: relative;}
.pro_call li>a:after{content: '';display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.45) url(https://memberpic.114my.com.cn/0436181/uploadfile/image/20231020/20231020154935_533110292.png) no-repeat center;position: absolute;top: 0;left: 0;opacity: 0;transition: 0.3s all ease;}
.pro_call li:hover>a:before{opacity: 1;transform: scaleY(1);}
.pro_call li:hover>a:after{opacity: 1;}
.pro_call li br{display:none;}
.pro_call li span a{display:block;width:100%;height:56px;line-height:56px;font-size:1vw;color:#333;transition: 0.3s all ease;position: relative;z-index:22;text-align: center;background: #fff;}
.pro_call li span a:after{content: '';display: block;background: #0c52b1;width:100%;height:0px;position: absolute;top:0;z-index: -1;}
.pro_call li:hover span a:after{height:100%;transition: 0.3s all ease;}
.pro_call li:hover span a{color:#FFF;/*border: 1px solid #0c52b1;*/}
.pro_call li+li{margin-left:1.3%;}
.pro_call li img{transition: 0.3s all ease;width: 100%;height: 100%;}
.pro_call li:hover img{transform: scale(1.1);}


/*案例*/
.product{height: auto;overflow: hidden; width:100%; }
.product .title{height: 86px;line-height: 86px;font-size: 78px;color: #f8f8f8;font-weight: bold;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif; text-align:left; }
.product .titlex{height: 50px;line-height: 50px;font-size: 36px;color: #424242;font-weight: bold;margin-top: -66px;}
.product .line{width: 48px;height: 4px;background: #1c4b9b;margin: 20px 0px 60px 0px;float: left;}
.product .contlist{width: 100%;height: auto;overflow: hidden;margin:auto;}
.product .contlist .swiper-slide a .pic{width: 100%;height: auto;overflow: hidden;position: relative;transition: all 400ms ease 0s;background-color: #000;}
.product .contlist .swiper-slide a .pic .img{width: 100%;height: auto;transition: all 1s ease 0s;opacity: 0.8;}
.product .contlist .swiper-slide a:hover .pic .img{transform: scale(1.1);}
.product .contlist .swiper-slide a .info{width: 100%;height: auto;overflow: hidden;position: absolute;left: 0px;top: 0px;z-index: 10;padding:5% 10% 10% 5%;}
.product .contlist .swiper-slide a .info .tt{line-height: 36px;font-size: 24px;color: #fff;font-weight: bold;}
.product .contlist .swiper-slide a .info .pline{width: 22px;height: 2px;background: #e0e1e1;float: left;margin: 10px 0px 10px 0px;}
.product .contlist .swiper-slide a .info .ttx{line-height: 30px;font-size: 16px;color: #fff; font-family:hs_l;}
.product .contlist .swiper-slide a .info .more{line-height: 30px;font-size: 16px;color: #1c4b9b;font-weight: bold;font-family: Arial, Helvetica, sans-serif;margin-top: 20px;}
.product .prolist{width: 100%;height: auto;overflow: hidden;margin: 0px auto 0px auto;}
.product .prolist .swiper-slide a .pic{width: 100%;height: auto;overflow: hidden;position: relative;transition: all 400ms ease 0s;}
.product .prolist .swiper-slide a .pic .img{width: 100%;height: auto;transition: all 1s ease 0s;}
.product .prolist .swiper-slide a:hover .pic .img{transform: scale(1.1);}
.product .prolist .swiper-slide a .info{width: 100%;height: auto;overflow: hidden;position: absolute;left: 0px;top: 0px;z-index: 10;padding: 10% 10% 10% 10%;}
.product .prolist .swiper-slide a .info .tt{line-height: 30px;font-size: 16px;color: #424242;font-weight: bold;}
.product .prolist .swiper-slide a .info .pline{width: 22px;height: 1px;background: #e0e1e1;float: left;margin: 5px 0px 5px 0px;}
.product .prolist .swiper-slide a .info .ttx{line-height: 24px;font-size: 14px;color: #777777;}
.product .prolist .swiper-slide a .info .more{line-height: 24px;font-size: 14px;color: #1c4b9b;font-weight: bold;font-family: Arial, Helvetica, sans-serif;margin-top: 20px;}


@media (min-width: 0px) and (max-width:1024px) {
.product{height: auto;overflow: hidden;padding: 30px 0px;background: #fff;}
.product .title{height: 40px;line-height: 40px;font-size: 36px;color: #f8f8f8;font-weight: bold;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;}
.product .titlex{height: 40px;line-height: 40px;font-size: 20px;color: #424242;font-weight: bold;margin-top: -40px;}
.product .line{width: 48px;height: 2px;background: #1c4b9b;margin: 0px 0px 20px 0px;float: left;}
.product .contlist{width: 100%;height: auto;overflow: hidden;margin: 0px auto 0px auto;}
.product .contlist .swiper-slide a .pic{width: 100%;height: auto;overflow: hidden;position: relative;transition: all 400ms ease 0s;}
.product .contlist .swiper-slide a .pic .img{width: 100%;height: auto;transition: all 1s ease 0s;}
.product .contlist .swiper-slide a:hover .pic .img{transform: scale(1.1);}
.product .contlist .swiper-slide a .info{width: 100%;height: auto;overflow: hidden;position: absolute;left: 0px;top: 0px;z-index: 10;padding: 10% 10% 10% 10%;}
.product .contlist .swiper-slide a .info .tt{line-height: 36px;font-size: 25px;color: #fff;font-weight: bold;}
.product .contlist .swiper-slide a .info .pline{width: 22px;height: 2px;background: #e0e1e1;float: left;margin: 10px 0px 10px 0px;}
.product .contlist .swiper-slide a .info .ttx{line-height: 30px;font-size: 16px;color: #777777; font-weight:normal;}
.product .contlist .swiper-slide a .info .more{line-height: 30px;font-size: 16px;color: #1c4b9b;font-weight: bold;font-family: Arial, Helvetica, sans-serif;margin-top: 20px;}
.product .prolist{width: 100%;height: auto;overflow: hidden;margin: 0px auto 0px auto;}
.product .prolist .swiper-slide a .pic{width: 100%;height: auto;overflow: hidden;position: relative;transition: all 400ms ease 0s;}
.product .prolist .swiper-slide a .pic .img{width: 100%;height: auto;transition: all 1s ease 0s;}
.product .prolist .swiper-slide a:hover .pic .img{transform: scale(1.1);}
.product .prolist .swiper-slide a .info{width: 100%;height: auto;overflow: hidden;position: absolute;left: 0px;top: 0px;z-index: 10;padding: 10% 10% 10% 10%;}
.product .prolist .swiper-slide a .info .tt{line-height: 30px;font-size: 16px;color: #424242;font-weight: bold;}
.product .prolist .swiper-slide a .info .pline{width: 22px;height: 1px;background: #e0e1e1;float: left;margin: 5px 0px 5px 0px;}
.product .prolist .swiper-slide a .info .ttx{line-height: 24px;font-size: 14px;color: #777777;}
.product .prolist .swiper-slide a .info .more{line-height: 24px;font-size: 14px;color: #1c4b9b;font-weight: bold;font-family: Arial, Helvetica, sans-serif;margin-top: 20px;}
}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{font-size:0px;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{font-size:0px;}

/**/
.padv_bg{height:965px;padding-top:80px; margin-top:160px;
background:url(https://memberpic.114my.com.cn/026757/uploadfile/image/20210716/20210716222653_1023800795.jpg)no-repeat center;}
.padv_cont { height: 820px; width: 100%;
    background: url(https://memberpic.114my.com.cn/026757/uploadfile/image/20210717/20210717085002_2116567926.png)no-repeat bottom;
    background-position-y: 115%;    position: relative;}
.padv_cont li{width:20%;text-align:center;position: absolute;float:left;cursor: pointer;}
.padv_cont li.padv_one{bottom:39%;left: 7%;}
.padv_cont li.padv_two{bottom:64%;left: 28%;}
.padv_cont li.padv_three{bottom:64%;right: 28%;}
.padv_cont li.padv_four{bottom:40%;right:7%;}
.padv_cont li i{display:block;height:61px; width: 61px;margin:0 auto;transition: all .5s;}
.padv_cont li.padv_one i{
background: url(https://memberpic.114my.com.cn/026757/uploadfile/image/20210717/20210717091022_785119153.png)no-repeat bottom;}
.padv_cont li.padv_two i{
background: url(https://memberpic.114my.com.cn/026757/uploadfile/image/20210717/20210717091022_1876947083.png)no-repeat bottom;}
.padv_cont li.padv_three i{
background: url(https://memberpic.114my.com.cn/026757/uploadfile/image/20210717/20210717091022_1802807616.png)no-repeat bottom;}
.padv_cont li.padv_four i{
background: url(https://memberpic.114my.com.cn/026757/uploadfile/image/20210717/20210717091022_785119153.png)no-repeat bottom;}
.padv_cont li:hover i{transform: rotateY(360deg);transition: all .5s;}
.padv_cont li p{font-size:30px;color:#0c52b1;font-weight:bold;margin: 14px 0 12px;}
.padv_cont li span{font-size:15px;color:#666;line-height:28px;}
.padv_t{ text-align:center;}


.jcd-title {position: relative;}
.jcd-title.center {text-align: center; padding:110px 0 40px 0;}
.jcd-title.right {text-align: right;}
.jcd-title .entitle-1{color: #ccc;}
.jcd-title .title-1{color: #0c52b1; height:25px;}
.jcd-title .title-1 h3{font-weight: 900;color: #0c52b1; font-size:32px; line-height:0px;}
.jcd-title .title-3 h3{font-weight: 900;}
.jcd-title .title-2 {color:#111; font-size:42px;}
.jcd-title .text-2 {color:#333; margin-top: 2%;text-align: justify;}

/* strength*/
.dfsc{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.str_bg{max-width:100%;background:#fff;position: relative;padding: 0% 6%;margin: 0 auto;z-index: 999;}
.str_bg .w1500 *{line-height: 100%;}
.str_list,.str_list ul{position: relative;margin-top: -0px;padding:1.5% 0;}
.str_list li+li{border-left: 1px rgba(0,0,0,0.1) solid;padding-left: 6%;}
.str_list li p{font-size:30px;font-weight: 100;color:#333;}
.str_list li em{display:flex;align-items:baseline;margin: 0 0 6px 0;}
.str_list li em i{font-size:66px;color:#000; font-family:'Montserrat-Bold';}
.str_list li em b{font-size:18px;font-weight: 100;color:#000;margin-left:5px;}
.str_list li>span{font-size:20px;color:rgba(0,0,0,0.7);}
.t2{text-align:center;padding:80px 0 40px 0;position: relative;flex-direction: column;align-items: center;font-family: "Microsoft YaHei";}
.t2 h3{color:#0259b6;font-size:44px;line-height:87px;font-weight:bold;position: relative;z-index: 5;letter-spacing:2px;font-family: "Microsoft YaHei";}
.t2 p{font-size:18px;font-weight:lighter;color:#5d5d5d;z-index: 5;}
.t2 h3 b{color:#333;}
.t2 h3 span{font-size:91px;line-height: 82px;color:#f5f5f5;font-family: "DIN";text-transform: uppercase;font-weight: bold;position: absolute;top: 0;z-index: -1;left:-17px;}
/*news*/
.flexBetween{display: -webkit-flex;display: flex;justify-content: space-between;flex-wrap: wrap;}
.indexTit .boxLeft .top h4{font-size: 40px;color: #333;}
.indexTit .boxLeft .top h5{font-size:24px;color: #666;margin-top: 1rem;font-weight:normal;}
@media screen and (max-width: 1366px){.indexTit .boxLeft .top h5{margin-top: 0rem;}} .indexTit .boxLeft .bot h6{font-size: 0.9rem;color: #999;margin-top: 0.1rem;}
.flexStart{display: -webkit-flex;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.indexTit .boxRight div p{width: 3.4375rem;height: 3.4375rem;border-radius: 50%;background: #0c52b1;}
.indexNews{margin-top: -7.8125rem;position: relative;z-index: 1;}
.indexNews .box{position: relative;}
.indexNews .box .boxLeft{width: 42%;}
.indexNews .box .boxRight{width: 58%;box-sizing: border-box;background: #fff;padding: 0 4.375rem;}
.indexNews .box .boxRight .left{font-size: 1rem;color: #999;line-height: 7.8125rem;cursor: default;}
.indexNews .box .boxRight .right{width: 80%;margin-left: 5.625rem;}
.indexNews .box .boxRight .right .swiper-container{height: 7.8125rem;}
.indexNews .box .boxRight .right .swiper-container .swiper-slide{height: 7.8125rem;}
.indexNews .box .boxRight .right .swiper-container .swiper-slide .item{line-height: 7.8125rem;}
.indexNews .box .boxRight .right .swiper-container .swiper-slide .item .time{font-size: 1rem;color: #666;}
.indexNews .box .boxRight .right .swiper-container .swiper-slide .item .text{font-size: 1rem;color: #000;margin-left: 2.1875rem;width: 85%;}
.indexNews .box .boxBtn{position: absolute;right: 2.8125rem;top: 2.1875rem;}
.indexNews .box .boxBtn p{padding: 3px 0;outline: none;cursor: pointer;}
.indexNews .box .boxBtn p span{font-size: 1.125rem;color: #000;}
.indexNews .box .boxBtn p span:hover{color: #0c52b1;}
.indexTit .boxLeft .bot{margin-top:0.5rem;}
.indexTit .boxLeft .bot h6{font-size: 0.875rem;color: #999;margin-top: 0.3125rem;}
.indexTit .boxRight{margin-top:32px;}
.indexTit .boxRight div span{font-size:18px;color: #000;line-height: 3.4375rem;transition: all 0.3s;position: relative;left: -2.1875rem;}
.indexTit .boxRight a{display: inline-block;}
.indexTit .boxRight div span font{display: inline-block;width: 0.75rem;height: 0.125rem;background: #000;vertical-align: middle;margin-right: 0.7rem;}
.indexTit .boxRight div:hover span{left: -3.125rem;}
.news_bc{margin-top:100px;}
.news_c{overflow: hidden;}
.news_cc{padding: 3% 0 106px;border-top: 1px solid #eee;margin-top: 3%;}
@media screen and (max-width: 1440px){.news_cc{margin-top: 2%;padding: 0% 0 70px;}}
@media screen and (max-width: 1366px){.news_cc{margin-top: 1%;padding: 0% 0 70px;}}
.news_cc .news_div{display: flex;width:100%;}
.news_cc .news_div .news_div_item{width: 22%;flex-shrink: 0;display: flex;flex-direction: column-reverse;position: relative;padding:0 0.4%;transition:all 0.5s;border-left: 1px #eee solid;}
.news_cc .news_div .news_div_item .news_div_item_pic{width: 100%;position:relative;transition:all 0.5s;overflow: hidden;padding-top: 45%;}
@media screen and (max-width: 1440px){.news_cc .news_div .news_div_item .news_div_item_pic{padding-top: 28%;}}
@media screen and (max-width: 1366px){.news_cc .news_div .news_div_item .news_div_item_pic{padding-top: 23%;}}
.news_cc .news_div .news_div_item .news_div_item_pic:hover img{transform: scale(1.1);transition:all 0.5s;}
.news_cc .news_div .slick-slide img{width:100%;}
.news_cc .new_column{display: none;}
.news_cc .new_column a{display:block;color:#fff;line-height:24px;}
.news_cc .news_div_item .news_div_item_date{display: flex;position: absolute;top: 1%;left: 0px;align-items: center;justify-content: center;padding-left: 0px;background: #0c52b1;padding:2%;color: #fff;width: 22%;text-align: center;height: 17%;justify-content: center;align-items: center;display: flex;}
@media screen and (max-width: 1366px){.news_cc .news_div_item .news_div_item_date{width: 20%;text-align: center;height: 14%;}}
@media screen and (max-width: 1366px){.news_cc .news_div_item .news_div_item_date{top: 0%;}}
.news_cc .news_div_item .news_div_item_day{font-size: 36px;color: #fff;position: absolute;top: 19%;left: 20%;}
@media screen and (max-width: 1366px){.news_cc .news_div_item .news_div_item_day{font-size: 30px;}}
.news_cc .news_div_item .news_div_item_year,.news_cc .news_div_item .news_div_item_month{color: #fff;font-size: 16px;position: absolute;padding-top: 33%;left: 21%;}
@media screen and (max-width: 1366px){.news_cc .news_div_item .news_div_item_year,.news_cc .news_div_item .news_div_item_month{font-size: 14px;}}
.news_cc .news_div_item .news_div_item_month{padding-left:34%;}
.news_cc .news_div_item .news_div_item_title a{font-size: 20px;color: #333;font-weight: bold;padding-top: 10px;padding-bottom: 14px;display: block;position:relative;}
.news_cc .news_div .news_div_item .news_div_item_body{font-size: 15px;line-height: 26px;color: rgba(0,0,0,0.8);}
.news_cc .news_div .news_div_item .news_div_item_content{padding: 5% 3% 1% 3%;background: #fff;padding-bottom:0px;}
.news_cc .slick-prev::before{content: "\eb90" !important;font-family: "iconfont";background: #eee;display: flex;width: 55px;height: 55px;justify-content: center;align-items: center;}
.news_cc .slick-next:before{content: "\eb8d" !important;font-family: "iconfont";background: #eee;display: flex;width: 55px;height: 55px;justify-content: center;align-items: center;}
.news_cc .slick-prev:before, .slick-next:before{}
.news_cc .slick-prev:before,.news_cc .slick-next:before{color: #131513;transition:all ease 0.5s;}
.news_cc .slick-prev{left:14px;top:45%;z-index: 9999 !important;}
.news_cc .slick-next{right: 47px;top:45%;z-index: 9999 !important;}
.news_cc .slick-prev:before,.news_cc .slick-next:before{opacity: 1;}
/*gg*/
.about_p1 {width:100%;background: url()no-repeat center;height:40vw;overflow: hidden;padding-top: 8vw;position: relative;background-size: 100%; background-repeat: no-repeat;
    background-attachment: fixed; position: relative;}
.about_p {width:100%;background: url(https://memberpic.114my.com.cn/026757/uploadfile/image/20240706/20240706100805_697620886.jpg)no-repeat center;height:26vw;overflow: hidden;padding-top:8vw;position: relative;background-size: 100%; background-repeat: no-repeat;
    background-attachment: fixed; position: relative;}
.about_p:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
background:rgba(0,0,0,0.2);
    top: 0;
    left: 0;}
.about_con {color: #ffffff;}
.about_con p span {font-size: 45px;line-height:45px;width: 727px;margin: 0 auto;margin-top: 20px; font-weight: bold; position: relative;}
.about_con em { font-size:28px; line-height: 32px;  display: block; margin-top: 36px; text-align: center; font-weight:100; position: relative;}
.about_con p {font-size: 45px; line-height: 45px; text-align:center; position: relative;} 

/*video_sp*/
.video_sp{float:left; padding:27px 0px;}
.ripple img { width:32px;height:32px;position: relative;z-index: 5;}
.ripple,.ripple:before,.ripple:after {position: absolute;left:50%;top:62%;height: 90px;width: 90px;margin-top: -55px;margin-left: -45px;border-radius: 50%;-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255,0.64);-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);box-shadow: 0 0 0 0 #7f7f7f;animation: ripple 3s infinite;background: #fff;}
.ripple{background: rgba(255, 255, 255, 0.5); display: flex;justify-content: center;align-items: center;}
.ripple:before {-webkit-animation-delay:.9s;animation-delay:0.9s;content:"";position:absolute;right: 0;bottom: 0;}
.ripple:after {-webkit-animation-delay:.6s;animation-delay:0.6s;content:"";position:absolute;right: 0;bottom: 0;}
.video_box{background:rgba(0,0,0,0.6); top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:999;transition:600ms ease;}
.video{position: fixed;top:-100%;left:71%;margin-top:-300px;margin-left:-575px;transition:600ms ease;}
.video_box.cur .video,.video_box.cur .video_x{top:40%;transition:600ms ease;}
.video_x1{}

@-webkit-keyframes ripple {
    70% {-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);}
    100%{-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
                box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);}
}

.video_box{width:100%;height:100%;background:rgba(0,0,0,0.6);position: fixed;top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:999;transition:600ms ease;}

.video_box.cur .video,.video_box.cur .video_x{top:45%;transition:600ms ease;}
.video_x{width:50px;height:50px;border-radius:50px;background:#fff;position: fixed;top:-100%;left:50%;margin-left:260px;margin-top:-260px;text-align: center;line-height:50px;font-size:32px; line-height:46px; font-weight: lighter;cursor: pointer;transition:600ms ease; content: "x"; color:#000;}

@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 70px rgba(0, 0, 0, .0);
            box-shadow: 0 0 0 70px rgba(0, 0, 0, .0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
  }
}
@media screen and (max-width:999px) and (min-width:800px) {
    .box1 {max-width:990px;}
}
@media screen and (max-width:1099px) and (min-width:1000px) {
    .box1 {max-width:1070px;}
}
@media screen and (max-width:1299px) and (min-width:1100px) {
    .box1 {max-width:1280px;}
     .about_txt {padding-top: 0%;}
 .about_txt>em {padding-top: 2%;}
    .about_video {top:65%;}
 .about_txt ul {padding-top: 5%;}
}
@media screen and (max-width:1499px) and (min-width:1300px) {
    .box1 {max-width:1490px;}
    .about_txt {padding-top: 1.1%;}
   .about_txt ul {padding-top: 5%;}
    .about_video {top:65%;}
    .about_txt>em {padding-top: 3%;}

}
@media screen and (max-width:1660px) and (min-width:1500px) {
.about_txt ul {    padding-top: 6%;}


}
@media screen and (max-width:1920px) and (min-width:1500px) {
    .box1 {max-width:1400px;}
}


@keyframes ripple{70%{-webkit-box-shadow: 0 0 0 70px rgba(0, 0, 0, .0);box-shadow: 0 0 0 70px rgba(0, 0, 0, .0);}
100%{-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);}}


.link_bg{height: 100px;position: relative;margin-top: 0px;background: #232323;border-bottom: 1px solid rgba(255,255,255,0.1);}
.linkTagcs li a{font-size:14px; color:#fff;}
.links_r a{font-family: "iconfont" !important;font-size:42px;font-style: normal;color:rgba(255,255,255,0.3);display:inline;height:80px;display: block;line-height:80px;}
.links_l{display: flex;align-items: center;}
.l_wz{position: relative;width: 79px;}
.l_wz b{font-size: 25px;color: #fff;line-height: 21px;}
.l_wz p{color: rgba(255,255,255,0.38);letter-spacing: 2px;}
.links{display: flex;align-items: center;height: 100%;/*justify-content: space-between;*/}
.links .container{width:100%;padding:0 15px;max-width:1760px;}
.links>div{display: flex;align-items: center;height: 100%;}
.links_m{margin-left: 25px;}
.linkTagcs li a{color: rgba(255,255,255,0.38)!important;}
/*--serverBar--*/.serverBar{display:none;position:fixed;z-index:999;top:30%;right:0;transform:translateY(-50%);}
.serverBar li{position:relative;margin-bottom:10px;line-height: 26px;}
.serverBar li a{display:block;padding:5px;width:60px;height:60px;text-align:center;color:#000 !important;background:#fff;border:#f0f0f0 solid 1px;}
.serverBar li a>i{display:block;font-size:22px;line-height:28px;}
.serverBar li a>span{display:block;font-size:14px;}
.serverBar li:hover a{color:#fff !important;background:#324476;border-color:rgba(255,255,255,0.1);}
.serverBar li .infos{display:none;position:absolute;right:60px;padding:10px;background:#fff;border:#f0f0f0 solid 1px;box-shadow:0 0 10px rgba(255,255,255,0.1);}
.serverBar li .tel{top:0;}
.serverBar li .tel dt{padding-bottom:6px;font-size:14px;color:#666;border-bottom:#f0f0f0 solid 1px;}
.serverBar li .tel dd{padding-top:6px;font-size:20px;font-family:"DIN Medium";color:#324476;white-space:nowrap;}
.serverBar li .QRcode{bottom:0;overflow:hidden;}
.serverBar li .QRcode .item1{overflow:hidden;}
.serverBar li .QRcode .item1 i{display:block;width:100px;}
.serverBar li .QRcode .item1 img{display:block;width:100%;}
.serverBar li .QRcode .item1 p{font-size:14px;color:#000;text-align:center;}
.serverBar li:hover .infos{display:block;}
@media(max-width:1200px){.serverBar{display:none !important;}}
/*--end serverBar--*/.

.transit,.nav-close,.at_once span,.combie_list li,.show_industry a,.show_industry a i,.vd_btn a,.fixed_left{transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;}
.active .protection span,.fixed_left li,.aldehyde_des i,.envi_list i,.envi_list li p,.join_investment_close,.liaojie_close i,.industry_des_con a i,.muban_des i{transition:all 0.4s linear;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-ms-transition:all 0.4s linear;}
.protection .line i,.join,.footer-fix,.envi_line,.intro_control a i{transition:all 0.6s linear;-webkit-transition:all 0.6s linear;-o-transition:all 0.6s linear;-moz-transition:all 0.6s linear;}
.made li,.section4 .protection_box::before,.section7 .protection_box::before,.move_step li,.envi_list li{transition:all 1s linear;-webkit-transition:all 1s linear;-o-transition:all 1s linear;-moz-transition:all 1s linear;}
.step_line{transition:all 2.6s linear .2s;-webkit-transition:all 2.6s linear .2s;-o-transition:all 2.6s linear .2s;-moz-transition:all 2.6s linear .2s;}
.trans,.nav-box{-webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1);-moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);-o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);-ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);}
/**/.vd_btn a:hover{transform: rotate(120deg);-webkit-transform: rotate(120deg);-o-transform: rotate(120deg);-moz-transform: rotate(120deg);}
.join_investment_close:hover,.liaojie_close:hover i,.industry_des_con a:hover i{transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-moz-transform: rotate(180deg);}
/**/.join1 a:hover::before,.join2 a:hover::before{animation:move 1s linear infinite;-webkit-animation:move 1s linear infinite;-moz-animation:move 1s linear infinite;-o-animation:move 1s linear infinite;}
@keyframes move{0%{transform: translate(0,0);}
50%{transform: translate(10px,0);}
100%{transform: translate(0,0);}}
@-webkit-keyframes move{0%{transform: translate(0,0);}
50%{transform: translate(10px,0);}
100%{transform: translate(0,0);}}
.join3 a:hover::before{animation:move3 1s linear infinite;-webkit-animation:move3 1s linear infinite;-moz-animation:move3 1s linear infinite;-o-animation:move3 1s linear infinite;}
@keyframes move3{0%{transform: translate(0,0);}
50%{transform: translate(0,10px);}
100%{transform: translate(0,0);}}
@-webkit-keyframes move{0%{transform: translate(0,0);}
50%{transform: translate(0,10px);}
100%{transform: translate(0,0);}}
.join4 a:hover::before{animation:move4 1s linear infinite;-webkit-animation:move4 1s linear infinite;-moz-animation:move4 1s linear infinite;-o-animation:move4 1s linear infinite;}
@keyframes move4{0%{transform: translate(0,0);}
50%{transform: translate(-10px,0);}
100%{transform: translate(0,0);}}
@-webkit-keyframes move{0%{transform: translate(0,0);}
50%{transform: translate(-10px,0);}
100%{transform: translate(0,0);}}
/**/.section6.active .join_title{animation:smalltoBig 1s linear;-webkit-animation:smalltoBig 1s linear;-moz-animation:smalltoBig 1s linear;-o-animation:smalltoBig 1s linear;}
@keyframes smalltoBig{0%{opacity: 0;filter: alpha(opacity=0);transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);}
100%{opacity: 1;filter: alpha(opacity=100);transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}}
@-webkit-keyframes smalltoBig{0%{opacity: 0;filter: alpha(opacity=0);transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);}
100%{opacity: 1;filter: alpha(opacity=100);transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}}
/**/.active .protection span:hover,.section4 .protection a:hover span,.section7 .protection span:hover,.aldehyde_des i:hover,.toshdow,.ppsp:hover i,.muban_des i:hover{animation:toShadow 1.5s linear infinite;-webkit-animation:toShadow 1.5s linear infinite;-moz-animation:toShadow 1.5s linear infinite;-o-animation:toShadow 1.5s linear infinite;}
@keyframes toShadow{0%{box-shadow: 0 0 0 #ddd;-webkit-box-shadow: 0 0 0 #ddd;}
50%{box-shadow: 0 0 32px #ddd;-webkit-box-shadow: 0 0 20px #ddd;}
100%{box-shadow: 0 0 0 #ddd;-webkit-box-shadow: 0 0 0 #ddd;}}
@-webkit-keyframes toShadow{0%{box-shadow: 0 0 0 #ddd;-webkit-box-shadow: 0 0 0 #ddd;}
50%{box-shadow: 0 0 32px #ddd;-webkit-box-shadow: 0 0 20px #ddd;}
100%{box-shadow: 0 0 0 #ddd;-webkit-box-shadow: 0 0 0 #ddd;}}
.ljyd:hover i,.market_vd:hover i{animation:toShadow2 1.5s linear infinite;-webkit-animation:toShadow2 1.5s linear infinite;-moz-animation:toShadow2 1.5s linear infinite;-o-animation:toShadow2 1.5s linear infinite;}
@keyframes toShadow2{0%{box-shadow: 0 0 0 #fff;-webkit-box-shadow: 0 0 0 #fff;}
50%{box-shadow: 0 0 32px #fff;-webkit-box-shadow: 0 0 20px #fff;}
100%{box-shadow: 0 0 0 #fff;-webkit-box-shadow: 0 0 0 #fff;}}
@-webkit-keyframes toShadow2{0%{box-shadow: 0 0 0 #fff;-webkit-box-shadow: 0 0 0 #fff;}
50%{box-shadow: 0 0 32px #fff;-webkit-box-shadow: 0 0 20px #fff;}
100%{box-shadow: 0 0 0 #fff;-webkit-box-shadow: 0 0 0 #fff;}}
/**/.section3.active .slide_Left,.section5.active li.li1,.slideInLeft,.hangye.active li.slideInLeft{-webkit-animation: slideInLeft 1.2s both;animation: slideInLeft 1.2s both;}
@-webkit-keyframes slideInLeft{0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);-moz-transform: translateX(-2000px);-o-transform: translateX(-2000px);transform: translateX(-2000px);}
100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);-ms-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}}
@keyframes slideInLeft{0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);-moz-transform: translateX(-2000px);-o-transform: translateX(-2000px);transform: translateX(-2000px);}
100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);-ms-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}}
/**/.slideInRight,.hangye.active li.slideInRight{-webkit-animation-name: slideInRight;animation-name: slideInRight;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes slideInRight{0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);-moz-transform: translateX(2000px);-o-transform: translateX(2000px);}
100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}
@keyframes slideInRight{0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);-moz-transform: translateX(2000px);-o-transform: translateX(2000px);}
100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}
/**/.section5.active li.li3,.section5.active li.li5,.slideInUp{-webkit-animation-name: slideInUp;animation-name: slideInUp;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes slideInUp{0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px);-moz-transform: translateY(2000);-o-transform: translateY(2000);}
100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);}}
@keyframes slideInUp{0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px);-moz-transform: translateY(2000);-o-transform: translateY(2000);}
100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);}}
/**/.section5.active li.li2,.section5.active li.li4,.slideInDown{-webkit-animation-name: slideInDown;animation-name: slideInDown;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes slideInDown{0%{opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}
100%{opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
@keyframes slideInDown{0%{opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}
100%{opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
/*7*/.section7{background: url() no-repeat center center;background-size: cover;}
.section .overturn{transform: translate(20px,20px) scale(0.5);-webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;opacity: 1;transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;height: 100%;}
.section.active .overturn{transform: translate(0px,0px) scale(1);-webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;opacity: 1;transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}

.swiper-button-next, .swiper-button-prev{ width: calc(var(--swiper-navigation-size) / 44* 44) !important;}