/* 前端白明明 */

*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

*{ margin:0; padding:0;}

body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;  max-width: 1920px; min-width: 1280px;position: relative;padding: 0 ; width: 100%;color: #333;font-family: Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px;  line-height:1;background: #fff;left: 0%;}

html.act{overflow: hidden;width: 100%;height: 100%;}

ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }

.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #333;}

textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}

img{border:none;display: block;max-width: 100%;}

img[src=""]{opacity: 0;}

.gdt::-webkit-scrollbar{ width:4px;height: 1px;}

.gdt::-webkit-scrollbar-thumb{ background:#000;}

.gdt::-webkit-scrollbar-track{ background:#ddd;} 

.f_12{ font-size:12px; }

.f_16{ font-size:16px; }

.f_18{ font-size:18px; }

.f_20{ font-size:20px; }

.f_22{font-size: 22px;}

.f_24{ font-size:24px; }

.f_26{ font-size:26px; }

.f_28{ font-size:28px; }

.f_30{ font-size:30px; }

.f_32{ font-size:32px; }

.f_34{ font-size:34px; }

.f_36{ font-size:36px; }

.f_38{ font-size:38px; }

.f_40{font-size: 40px;}

.f_46{font-size: 46px;}

.f_48{font-size: 48px;}

.f_52{font-size: 52px;}

.f_100{font-weight: 100;}




/*分页*/

.BMap_mask,.BMap_cpyCtrl,.BMap_scaleTxt,.BMap_scaleCtrl,.BMap_omCtrl,.anchorBL{ display:none !important;}

.a_dw{position: relative;top: -70px;}

.a_dw2{position: relative;top: -150px;}

.box{min-width: 1200px;max-width: 1600px; width:90%;padding: 0 ;  margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.box2{min-width: 1200px;max-width: 1400px; width:90%;padding: 0 ;  margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.page1{ text-align:center; height: 32px;margin:   0;text-align: center;display: flex;justify-content: center;}

.page1 span a{display: block;  background:rgba(0, 0, 0, 0); color:#000;  width: 40px;height: 40px; text-decoration:none;font-size: 14px;}

.page1 span a:hover{  background:#0098f0; color:#fff;}

.page1 span.current a{ background:#0098f0; color:#fff;}

.page1 span{margin:0 8px;display: inline-block; line-height: 40px;}

.page1 span a.pre{background:  url(../images/fy1.png)  center no-repeat;background-size: 14px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.page1 span a.pre:hover{background: #0098f0 url(../images/fy2.png)  center no-repeat;background-size: 14px;}

.page1 span a.nex{background:  url(../images/fy1.png)  center no-repeat;background-size: 14px;}

.page1 span a.nex:hover{background: #0098f0 url(../images/fy2.png)  center no-repeat;background-size: 14px;}

.page2{width: 120px;height: 40px;background: #0098f0;color: #fff;display: block;margin: 0 auto;line-height: 40px;display: none;text-align: center;}

.alltime,.alltime *{-webkit-transition: all .4s linear; -moz-transition: all .4s linear; transition: all .4s linear;}

.alltime2,.alltime2 *{-webkit-transition: all 1s cubic-bezier(.4,0,.2,1); -moz-transition: all 1s cubic-bezier(.4,0,.2,1); transition: all 1s cubic-bezier(.4,0,.2,1);}

.wow{opacity: 0;}

.wow1{opacity: 1;}

.fbd{font-weight: bold;}

/* 头部 */

.head{position: fixed;width: 100%;top: 0;left: 0;z-index: 9;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}

.head .logo{display: flex;height: 54px;top: 24px;float: left;position: relative;color: #0098f0;}

.head .logo img{height: 100%;}

.head .logo s{display: block;width: 1px;height: 54px;margin: 0 12px;background: #0098f0;}

.head .logo .cn{padding: 2px 0 10px;}

.head .hrt{float: right;display: flex;height: 94px;align-content: center;align-items: center;}

.head .hrt .ul1{display: flex;}

.head .hrt .ul1 li{}

.head .hrt .ul1 li .ltop{}

.head .hrt .ul1 li .ltop a{display: block;line-height: 92px;color: #fff;margin: 0 15px;position: relative;height: 94px;}

.head .hrt .ul1 li .ltop a::after{content: '';display: block;width: 0%;top: 10px;height: 3px;background: #fff;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.head .hrt .yy{display: block;height: 16px;line-height: 16px;padding: 0 30px ;margin: 0 30px;border-left: 1px solid #fff;border-right: 1px solid #fff;cursor: pointer;position: relative;}

.head .hrt .yy span{color: #fff;text-decoration: underline;display: block;position: relative;padding-right: 10px;}

.head .hrt .yy span s{display: block;width: 6px;height: 6px;position: absolute;top: 50%;right: 0;background:url(../images/jt_1.png) center no-repeat ;margin-top: -3px;}

.head .hrt .yy .c{display: block;width: 100%;height: 95px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.head .hrt .yy .a{display: block;width: 100%;position: absolute;line-height: 20px;background:#fff ;text-align: center;left: 0;top: 80px;opacity: 0;visibility: hidden;pointer-events: none; padding: 20px 0;border-top: 4px solid #0098f0;border-radius: 0 0 5px 5px;}

.head .hrt .yy .a a{display: block;text-decoration: underline;line-height: 1.5;}


.head .hrt .ss{display: block;width: 26px;height: 26px;background: url(../images/ss.png) center no-repeat;cursor: pointer;}

.head .hrt .ul1 li.act .ltop a::after{width: 100%;}

.head.act,.head.bai,.head:hover{background: #fff;border-bottom: 1px solid #ccc;}

.head.bai .hrt .ul1 li .ltop a,.head.act .hrt .ul1 li .ltop a,.head:hover .hrt .ul1 li .ltop a{color: #222;}

.head.bai .hrt .ul1 li .ltop a::after,.head.act .hrt .ul1 li .ltop a::after,.head:hover .hrt .ul1 li .ltop a::after{background: #222;}

.head.bai .hrt .yy,.head.act .hrt .yy,.head:hover .hrt .yy{border-left: 1px solid #222;border-right: 1px solid #222;}

.head.bai .hrt .yy span,.head.act .hrt .yy span,.head:hover .hrt .yy span{color: #222;}

.head.bai .hrt .ss,.head.act .hrt .ss,.head:hover .hrt .ss{background: url(../images/ss2.png) center no-repeat;}

.head.act .hrt .ul1 li.act .ltop a,.head.bai .hrt .ul1 li.act .ltop a,.head:hover .hrt .ul1 li.act .ltop a{color: #0098f0;}

.head.act .hrt .ul1 li.act .ltop a::after,.head.bai .hrt .ul1 li.act .ltop a::after,.head:hover .hrt .ul1 li.act .ltop a::after{background: #0098f0;}

.head.act .hrt .yy span s,.head.bai .hrt .yy span s,.head:hover .hrt .yy span s{background:url(../images/jt_2.png) center no-repeat ;}



.head .hrt .ul1 li .ltop a:hover{color: #0098f0;}

.head .hrt .yy:hover span{color: #0098f0;}

.head .hrt .ss:hover{background: url(../images/ss3.png) center no-repeat;cursor: pointer;}

.head .hrt .yy:hover .a{top: 55px;opacity: 1;visibility: visible;pointer-events: visible;}

.head .hrt .yy .a a:hover{color: #0098f0;}



/* 二级导航 */

.hdadcp{position: fixed;width: 100%;background:#fff ;top: 95px;left: 0;padding: 30px 0 70px;z-index: 9;display: none;height: 330px;}

.hdadcp .btn{display: flex;justify-content: center;margin-bottom: 25px;}

.hdadcp .btn a{display: block;margin: 0 35px;padding-bottom: 5px;border-bottom: 1px solid #fff;}

.hdadcp .btn a.act{border-bottom: 1px solid #000;}

.hdadcp .ul1{position: relative;}

.hdadcp .ul1 li{text-align: center;overflow: hidden;position: absolute;top: 0;left: 0;z-index: 2;width: 100%;opacity: 0;}

.hdadcp .ul1 li:nth-child(1){position: relative;}

.hdadcp .ul1 li a{display: inline-block;width: 185px;margin: 0 10px;text-align: left;position: relative;transform: translateY(50%);-webkit-transform: translateY(50%);opacity: 0;}

.hdadcp .ul1 li a .img,.hdadcp .ul1 li a .img img{display: block;width: 100%;}

.hdadcp .ul1 li a .tt{color: #000;margin-top: 15px;padding: 0 10px;}

.hdadcp .ul1 li a:hover .tt{color: #0098f0;}

.hdadcp .ul1 li.act{z-index: 3;opacity: 1;}

.hdadcp .ul1 li.act a{transform: translateY(0%);-webkit-transform: translateY(0%); opacity: 1;transition-delay: .3s;-webkit-transition-delay: .3s;}

.hdadcp .ul1 li.act a:nth-child(2){transition-delay: .4s;-webkit-transition-delay: .4s;}

.hdadcp .ul1 li.act a:nth-child(3){transition-delay: .5s;-webkit-transition-delay: .5s;}

.hdadcp .ul1 li.act a:nth-child(4){transition-delay: .6s;-webkit-transition-delay: .6s;}

.hdadcp .ul1 li.act a:nth-child(5){transition-delay: .7s;-webkit-transition-delay: .7s;}

.hdadcp .ul1 li.act a:nth-child(6){transition-delay: .8s;-webkit-transition-delay: .8s;}

.hdadcp .ul1 li.act a:nth-child(7){transition-delay: .9s;-webkit-transition-delay: .9s;}




/* 右侧 */

#menu { margin: 0; padding: 0; position: fixed; right: 50px; top: 50%; list-style-type: none; z-index: 10;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

#menu li a {display: block; width: 12px;height: 12px;background:rgba(255, 255, 255, 1);transform: scale(0.6); -webkit-transform: scale(0.6);  border-radius: 50%;border: 3px solid #fff;margin: 15px 0;}

#menu li.active a {background:rgba(255, 255, 255, 0);border: 3px solid #0098f0;transform: scale(1); -webkit-transform: scale(1);  }

/* 搜索弹窗 */

.seatanchuang{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 20;background: rgba(0, 0, 0, 0.45);visibility: hidden;opacity: 0;}

.seatanchuang .stop{width: 100%;height: 50vh;position: absolute;top: -50vh;left: 0;z-index: 2;background: #f5f5f5;}

.seatanchuang .stop .sbox{width: 800px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);padding: 10px 0;border-bottom: 1px solid #000;}

.seatanchuang .stop .sbox input{display: block;width: calc(100% - 40px);float: left;height: 40px;border: 0;outline: none;background: #f5f5f5;font-size: 16px;}

.seatanchuang .stop .sbox a{display: block;width: 40px;height: 40px;background: url(../images/ss2.png) center no-repeat;float: right;}

.seatanchuang.act{visibility: visible;opacity: 1;}

.seatanchuang.act .stop{top: 0;}


/* 首页 */

.fpg{width: 100%;height: 100vh;position: relative;overflow: hidden;}

.fpg .section{width: 100%;height: 100%;overflow: hidden;position: relative;}

.fpg .section .bgimg{display: block;width: 1920px;max-width: 1920px;height: 100%;position: relative;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}

.fpg .section .fp-tableCell{position: relative;overflow: hidden;}

.fpg .section .vid{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1;}

.fpg .section .hbg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.3; z-index: 2;}


.i1{position: relative;z-index: 3;} 

.i1 .swiper1 .sbox{position: relative;overflow: hidden;}

.i1 .swiper1 .sbox > img{display: block;width: 100%;height: 100vh;}

.i1 .swiper1 .sbox .mimg{display: none;}

.i1 .swiper1 .sbox video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.i1 .swiper1 .sbox .quan_box{position: absolute;width: 100%;top: 0%;left: 0%;height: 100%;z-index: 0;display: flex;justify-content: center;align-items: center;z-index: 5;}

.i1 .swiper1 .sbox .quan{animation:turn 7s linear infinite;width: 30.5%;}

@keyframes turn{0%{-webkit-transform:rotate(0deg);}25%{-webkit-transform:rotate(90deg);}50%{-webkit-transform:rotate(180deg);}75%{-webkit-transform:rotate(270deg);}100%{-webkit-transform:rotate(360deg);}}

.i1 .swiper1 .sbox .bg_0{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 6;	}

@keyframes zoom{0%{-webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}100%{-webkit-transform: scale(1.8);-moz-transform: scale(1.8); -ms-transform: scale(1.8); -o-transform: scale(1.8); transform: scale(1.8);}}

.i1 .swiper1 .sbox .bg_0{color: #fff;text-align: left;font-weight: bold;font-family: "din";display: flex;justify-content: center;align-items: center;}

.i1 .swiper1 .sbox .bg_0 .con{width: 100%;padding: 0 8%;}

.i1 .swiper1 .sbox .bg_0 .t1{font-size: 18px;margin-bottom: 30px;}

.i1 .swiper1 .sbox .bg_0 .t2{font-size: 48px;margin-bottom: 30px;}

.i1 .swiper1 .sbox .bg_0 .t3{font-size: 48px;}

.i1 .swiper1 .sbox .bg_0 span{color: #0098f0;}

.i1 .swiper1 .sbox .bg_vid{text-align: center;}

.i1 .swiper1 .sbox .bf{display: block;width: 50px;height: 50px;background:url(../images/bf.png) center no-repeat ;background-size: 30px;z-index: 5;margin: 0px auto 0;}

.i1 .swiper1 .swiper-slide .sbox .dh{opacity: 0;top: 50px;position: relative;}

.i1 .swiper1 .swiper-slide-active .sbox .dh{opacity: 1;top: 0;transition-delay: .8s;-webkit-transition-delay: .8s;}



.i1 .ibtm{position: absolute;width: 100%;left: 0;bottom: 50px;opacity: 0; z-index: 3;}

.i1 .ibtm .ul1{display: flex;justify-content: space-around;padding: 0 3%;}

.i1 .ibtm .ul1 li{position: relative;top: 0;}

.i1 .ibtm .ul1 li a{display: flex;justify-content: space-between;color: #fff; align-items: center;align-content: center;}

.i1 .ibtm .ul1 li a .img{margin-right: 18px;}

.i1 .ibtm .ul1 li a .txt{}

.i1 .ibtm .ul1 li a .txt .en{opacity: 0.2;padding-top: 10px;}

.i1 .s{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: rgba(0, 0, 0, 0);pointer-events: none;}

.i1 .ibtm .ul1 li:hover{top: -10px;}

.i1 .ibtm .ul1 li:hover a .txt .en{opacity: 1;}

.fpg .section .y_com{position: absolute;top: 60%;opacity: 0; transform: translateY(-50%);-webkit-transform: translateY(-50%); left: 0;width: 100%;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.fpg .section .y_com .wz{position: absolute;top: 2%;left: 0;width: 100%;text-align: center;color: #fff;}

.fpg .section .y_com .wz span{color: #0098f0;}

.htmleaf-links a{ color: rgba(255, 255, 255, 0.6);outline: none;text-decoration: none;-webkit-transition: 0.2s;transition: 0.2s;}

.htmleaf-links a:hover,.htmleaf-links a:focus{color:#74777b;text-decoration: none;}

.htmleaf-container{margin: 0 auto;}

.carousel {padding: 20px;-webkit-perspective: 500px;perspective: 500px;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

.carousel > * {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;}

.carousel figure {margin: 0;width: 56%;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: -webkit-transform 0.5s;transition: -webkit-transform 0.5s;transition: transform 0.5s;transition: transform 0.5s, -webkit-transform 0.5s;}

.carousel figure .img {width: 100%;box-sizing: border-box;padding: 0 0px;}

.carousel figure .img:not(:first-of-type) {position: absolute;left: 0;top: 0;}

.carousel nav {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 20px 0 0;width: 70%;position: absolute;top: 40%;left: 15%;display: flex;justify-content: space-between;  }

.carousel nav button {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;margin: 0 5px;cursor: pointer;color: #333;background: none;letter-spacing: 1px;background-color: #fff;width: 46px;height: 46px;border-radius: 50%;border: none;background-image: url(../images/l.png);background-repeat: no-repeat;background-position: center center;transition: .3s;}

.carousel nav button:hover{background-color: #0098f0;background-image: url(../images/d2.png);}

.carousel nav button.prev{transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.carousel figure .img .con{position: relative;box-shadow: -25px 8px 25px rgb(21 35 62)}

.carousel figure .img .con a{position: absolute;top: 0;left: 0;z-index: 42;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);}

.carousel figure .img.on .con{position: relative;box-shadow: 0px 34px 60px rgb(21,35,62);}

.carousel figure .img.on img{opacity: 0;}

.carousel figure .img video{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 33;object-fit: cover;opacity: 0;}

.carousel figure .img.on video{opacity: 1;}

.carousel figure .img .tit{font-size: 36px;color: #fff;position: absolute;left: 0;width: 100%;bottom: 0;z-index: 99;text-align: center;padding: 0 20px 25px; opacity: 0;display: flex;justify-content: center;align-items: center;}

.carousel figure .img.on .tit{opacity: 1;}

.carousel figure .img.on .tit img{opacity: 1;margin-right: 26px;width: 60px;}

.section_3 .sceng{position: absolute;top: 55%; left: 0;width: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 3;color: #fff;text-align: center;}

.section_3 .sceng .tt span{color: #0098f0;}

.section_3 .sceng .ul1{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 40px  0;}

.section_3 .sceng .ul1 li{width: 25%;margin: 100px 0 0;border-right: 1px dashed #ccc;}

.section_3 .sceng .ul1 li .shuju{margin-bottom: 20px;font-family:  Helvetica;}

.section_3 .sceng .ul1 li .shuju2{font-size: 76px;}

.section_3 .sceng .ul1 li .shuju span{font-size: 76px;}

.section_3 .sceng .ul1 li:nth-child(4n){border: 0;}

.section_3 .sceng .ul1 li:last-child .shuju span{font-size: 64px;}

.section_3 .sceng .dh{transform: translateY(30px);-webkit-transform: translateY(30px);opacity: 0;}

.section_3 .sceng .ul1 li:nth-child(1){transition-delay: .2s;-webkit-transition-delay: .2s;}

.section_3 .sceng .ul1 li:nth-child(2){transition-delay: .3s;-webkit-transition-delay: .3s;}

.section_3 .sceng .ul1 li:nth-child(3){transition-delay: .4s;-webkit-transition-delay: .4s;}

.section_3 .sceng .ul1 li:nth-child(4){transition-delay: .5s;-webkit-transition-delay: .5s;}

.section_3 .sceng .ul1 li:nth-child(5){transition-delay: .6s;-webkit-transition-delay: .6s;}

.section_3 .sceng .ul1 li:nth-child(6){transition-delay: .7s;-webkit-transition-delay: .7s;}

.section_3 .sceng .ul1 li:nth-child(7){transition-delay: .8s;-webkit-transition-delay: .8s;}

.section_3 .sceng .ul1 li:nth-child(8){transition-delay: .9s;-webkit-transition-delay: .9s;}

.section_4 .sceng{position: absolute;top: 55%; left: 0;width: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 3;color: #fff;text-align: center;}

.section_4 .sceng .tt span{color: #0098f0;}

.section_4 .sceng .sbox{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0 5%;margin-top: 100px;}

.section_4 .sceng .sbox .slt{width: 60%;text-align: left;display: flex;flex-wrap: wrap;align-content: space-between;}

.section_4 .sceng .sbox .slt .stt1{font-size: 60px;line-height: 80px;}

.section_4 .sceng .sbox .slt .stt1 span{color: #0098f0;}

.section_4 .sceng .sbox .slt .stc1{}

.section_4 .sceng .sbox .slt .stc1 .stctt{color: #0098f0;}

.section_4 .sceng .sbox .slt .stc1 .stctt2{line-height: 34px;text-align: justify;margin-top: 20px;}

.section_4 .sceng .sbox .srt{width: 30%;}

.section_4 .sceng .sbox .srt .ul1{display: flex;flex-wrap: wrap;justify-content: space-between;}

.section_4 .sceng .sbox .srt .ul1 li{width: calc(50% - 4px);margin-bottom: 8px;}

.section_4 .sceng .dh{transform: translateY(20px);-webkit-transform: translateY(20px);opacity: 0;}

.section_4 .sceng.act .sbox .slt .stt1{transition-delay: .4s;-webkit-transition-delay: .4s;}

.section_4 .sceng.act .sbox .slt .stc1{transition-delay: .8s;-webkit-transition-delay: .8s;}

.section_4 .sceng.act .sbox .srt .ul1 li:nth-child(1){transition-delay: .2s;-webkit-transition-delay: .2s;}

.section_4 .sceng.act .sbox .srt .ul1 li:nth-child(2){transition-delay: .3s;-webkit-transition-delay: .3s;}

.section_4 .sceng.act .sbox .srt .ul1 li:nth-child(3){transition-delay: .4s;-webkit-transition-delay: .4s;}

.section_4 .sceng.act .sbox .srt .ul1 li:nth-child(4){transition-delay: .5s;-webkit-transition-delay: .5s;}

.section_4 .sceng.act .sbox .srt .ul1 li:nth-child(5){transition-delay: .6s;-webkit-transition-delay: .6s;}

.section_4 .sceng.act .sbox .srt .ul1 li:nth-child(6){transition-delay: .7s;-webkit-transition-delay: .7s;}

.section_4 .sceng.act .sbox .srt .ul1 li:nth-child(7){transition-delay: .8s;-webkit-transition-delay: .8s;}

.section_4 .sceng.act .sbox .srt .ul1 li:nth-child(8){transition-delay: .9s;-webkit-transition-delay:.9s;}

.section_5 .stop{}

.i1.act .ibtm{opacity: 1;bottom: 90px;}

.fpg .section .y_com.act{top: 56%;opacity: 1;}

.section_3 .sceng.act .dh{opacity: 1;transform: translateY(0px);-webkit-transform: translateY(0px);}

.section_4 .sceng.act .dh{opacity: 1;transform: translateY(0px);-webkit-transform: translateY(0px);}



@keyframes zhuan1 {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}

@-webkit-keyframes zhuan1 {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);}}

/* 底部 */

.footer{}

.footer .ftop{background: #000;}

.footer .ftop.lan{background: #0098f0;}

.footer .ftop .fbox{display: flex;justify-content: space-between;padding: 60px 0;align-content: center;align-items: center;}

.footer .ftop .fbox .flt{color: #fff;}

.footer .ftop .fbox .frt{display: flex;}

.footer .ftop .fbox .frt a{color: #fff;display: flex;align-items: center;}

.footer .ftop .fbox .frt a img{display: block;margin-right: 10px;}

.footer .ftop .fbox .frt s{display: block;width: 1px;height: 18px;background: #ddd;margin: 0 75px;}

.footer .ftop .fbox .frt a:hover{color: #0098f0;}

.footer .fbtm{background: #f2f2f2;padding: 150px 0 0;}

.footer .fbtm .ftop1 .fbox{display: flex;justify-content: space-between;}

.footer .fbtm .ftop1 .flt{width: 390px;}

.footer .fbtm .ftop1 .flt dl{width: 100%;height: 42px;border: 1px solid #dadada; background: url(../images/d3.png) center right no-repeat;cursor: pointer;position: relative;margin: 60px 0 120px;}

.footer .fbtm .ftop1 .flt dl dt{display: block;line-height: 42px;padding: 0 20px;opacity: 0.5;}

.footer .fbtm .ftop1 .flt dl dd{position: absolute;left: 0;top: 110%;background: #fff;padding: 10px 20px;width: 100%;border: 1px solid #ddd;opacity: 0;visibility: hidden;}

.footer .fbtm .ftop1 .flt dl dd a{display: block;width: 100%;line-height: 30px;}

.footer .fbtm .ftop1 .flt dl dd a:hover{color: #0098f0;}

.footer .fbtm .ftop1 .flt dl:hover dd{opacity: 1;visibility: visible;top: 100%;}

.footer .fbtm .ftop1 .flt .dh{display: flex;color: #000;align-items: flex-end;padding-left: 24px;background: url(../images/dh.png) left bottom no-repeat; }

.footer .fbtm .ftop1 .flt .dh span{color: #0098f0;position: relative;top: 6px;}

.footer .fbtm .ftop1 .flt .dh .d{margin: 0 10px;}

.footer .fbtm .ftop1 .frt{width: 730px;}

.footer .fbtm .ftop1 .frt .ul1{display: flex;justify-content: space-between;}

.footer .fbtm .ftop1 .frt .ul1 li{}

.footer .fbtm .ftop1 .frt .ul1 li .ltop a{color: #000;}

.footer .fbtm .ftop1 .frt .ul1 li .x{display: block;height: 12px;margin: 10px 0;}

.footer .fbtm .ftop1 .frt .ul1 li .lbtm a{display: block;color: #666;margin-bottom: 30px;}

.footer .fbtm .ftop1 .frt .ul1 li .lbtm a:last-child{margin-bottom: 0;}

.footer .fbtm .ftop1 .frt .ul1 li .ltop a:hover,.footer .fbtm .ftop1 .frt .ul1 li .lbtm a:hover{color: #0098f0;}

.footer .fbtm .ftop1 .frt .fx{display: flex;justify-content: space-between;margin-top: 90px;line-height: 24px;}

.footer .fbtm .ftop1 .frt .fx .ffl{display: flex;color: #000;}

.footer .fbtm .ftop1 .frt .fx .ffl span{display: block;margin-right: 40px;}

.footer .fbtm .ftop1 .frt .fx .ffl .ul2{display: flex;}

.footer .fbtm .ftop1 .frt .fx .ffl .ul2 li{position: relative;margin-right: 16px;cursor: pointer;}

.footer .fbtm .ftop1 .frt .fx .ffl .ul2 li .ltop{position: relative;width: 24px;border: 1px solid #ddd;border-radius: 50%;}

.footer .fbtm .ftop1 .frt .fx .ffl .ul2 li .ltop img{display: block;width: 100%;}

.footer .fbtm .ftop1 .frt .fx .ffl .ul2 li .ltop img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;}

.footer .fbtm .ftop1 .frt .fx .ffl .ul2 li .ewm{position: absolute;width: 110px;top: 150%;left: 50%;margin-left: -55px;pointer-events: none;opacity: 0;visibility: hidden;}

.footer .fbtm .ftop1 .frt .fx .ffl .ul2 li .ltop a{display: block;position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;}

.footer .fbtm .ftop1 .frt .fx .ffl .ul2 li:last-child{margin-right: 0;}

.footer .fbtm .ftop1 .frt .fx .ffl .ul2 li:hover .ewm{top: 100%;opacity: 1;visibility: visible;}

.footer .fbtm .ftop1 .frt .fx .ffl .ul2 li:hover .ltop{border: 1px solid #fff;background:#fff ;}

.footer .fbtm .ftop1 .frt .fx .ffl .ul2 li:hover .ltop img{opacity: 0;}

.footer .fbtm .ftop1 .frt .fx .ffl .ul2 li:hover .ltop img:nth-child(2){opacity: 1;}


.footer .ftop2{border-top: 2px solid #e7e7e7;padding: 30px 0;margin-top: 70px;}

.footer .ftop2 {display: flex;justify-content: space-between;color: #666;font-weight: 100;}

.footer .ftop2 *{color: #666;}

.footer .ftop2 .flt{display: flex;align-items: center;align-content: center;}

.footer .ftop2 .flt *{margin-right: 10px;}

.footer .ftop2 a:hover{color: #0098f0;}


/* 关于 */

.banner{position: relative;overflow: hidden;}

.banner img{display: block;width: 100%;}

.banner video{display: block;width: 100%;position: absolute;top: 0;left: 0;z-index: 1;object-fit: cover;}

.banner s{display: block;width: 100%;height: 100%; position: absolute;top: 0;left: 0;z-index: 2;object-fit: cover;background:rgba(0, 0, 0, 0.1) ;}

.banner .txt{position: absolute;top: 50%;left: 0;z-index: 3;color: #fff;text-align: center;line-height: 1.5;width: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.ab1{position: relative;}

.ab1 img{display: block;width: 100%;}

.ab1 .txt{position: absolute;top: 70px;left: 0;width: 100%;z-index: 2;text-align: center;line-height: 1.75;color: #000;}


.ab2{padding: 85px 0 160px;position: relative;z-index: 4;background: #fff;}

.ab2 video{display: block;width: 100%; height: 100%;position: absolute;top: 0;left: 0;z-index: -1;object-fit: cover;}

.ab2 .bg{display: block;width: 100%;position: absolute;top: 0;left: 0;z-index: 1;height: 100%;background: rgba(0, 15, 22, 0.78);}

.ab2 .abox{width: 680px;margin: 0 auto;position: relative;text-align: center;color: #fff;z-index: 2;}

.ab2 .abox .tt{margin: 0 auto;max-width: 300px;}

.ab2 .abox .tt2{margin: 30px 0 50px;}

.ab2 .abox .biao{position: relative;}

.ab2 .abox .biao .txt{width: 56%;position: absolute;top: 38%;opacity: 0; left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index: 2;text-align: center;}

.ab2 .abox .biao .txt .num{font-family:Arial, Helvetica, sans-serif;}

.ab2 .abox .biao .txt .num span{font-size: 64px;margin-right: 5px;}

.ab2 .abox .biao .txt .year{margin: 10px auto 20px;}

.ab2 .abox .biao .txt .wz{line-height: 1.8;font-weight: 100;margin-top: 40px;}

.ab2 .abox .biao .txt.act{top: 35%;opacity: 1;}

.ab2 .abox .biao .min{position: absolute;bottom: -30px;left: 80px;color: #c4c4cc;font-family: Helvetica;}

.ab2 .abox .biao .max{position: absolute;bottom: -30px;right: 80px;color: #c4c4cc;font-family: Helvetica;}

.ab2 .abox .biao .week{position: absolute;width: 150px;bottom: -30px;left: 50%;margin-left: -75px;height: 70px;padding-right: 20px;}

.ab2 .abox .biao .week .wlt{width: 80px;float: left;color: #c4c4cc;font-weight: 100;line-height: 70px;}

.ab2 .abox .biao .week .sz{width: calc(100% - 90px);float: right;height: 100%;}

.ab2 .abox .biao .week .sz .swiper4{height: 100%;cursor: pointer;}

.ab2 .abox .biao .week .sz .swiper4 .swiper-slide .sbox{line-height: 20px;font-family: Helvetica;color: #fff;opacity: 0.3;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.ab2 .abox .biao .week .sz .swiper4 .swiper-slide .sbox span{display: block;border-bottom: 1px solid rgba(0, 0, 0, 0);}

.ab2 .abox .biao .week .sz .swiper4 .swiper-slide-active .sbox{font-size: 18px;opacity: 1;}

.ab2 .abox .biao .week .sz .swiper4 .swiper-slide-active .sbox span{display: block;border-bottom: 1px solid #c4c4cc;}

.pd100{padding: 100px 0;}

.ab3{padding: 100px 40px;background: #fff;}

.ab3 .tt{text-align: center;line-height: 1.75;color: #000;}

.ab3 .ul1{display: flex;justify-content: space-between;margin-top: 70px;}

.ab3 .ul1 li{width: 32%;}

.ab3 .ul1 li .img,.ab3 .ul1 li .img img{display: block;width: 100%;}

.ab3 .ul1 li .txt{}

.ab3 .ul1 li .txt .ltt{margin: 50px 0 20px;}

.ab3 .ul1 li .txt .ltc{line-height: 1.75;color: #000;}

.ab4{background: #f6f9fb;}

.ab4 .tt{text-align: center;line-height: 1.75;color: #000;}

.ab4 .swiper2{padding:70px 0 150px;}

.ab4 .swiper2 .swiper-slide{}

.ab4 .swiper2 .swiper-slide .sbox{border: 1px solid #dbdbdb;}

.ab4 .swiper2 .swiper-slide .sbox img{display: block;width: 100%;}

.ab4 .swiper2 .scrollbar2{width: calc(100% - 160px);left: 160px;bottom: 28px;}

.ab4 .swiper2 .btn {width: 56px;height: 56px;background: rgba(0, 0, 0, 0) url(../images/r2.png) center no-repeat;border: 1px solid #ddd;border-radius: 50%;position: absolute;left: 0;bottom: 0;cursor: pointer;}

.ab4 .swiper2 .next2{left: 80px;}

.ab4 .swiper2 .prev2{transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.ab4 .swiper2 .btn:hover{background: #0098f0 url(../images/r.png) center no-repeat;border: 1px solid #0098f0;}

/* 产品 */

.pr1{background: #fff;}

.pr1 .ul1{padding-top: 95px;}

.pr1 .ul1 li{display: flex;width: 100%;height: calc(100vh - 95px);}

.pr1 .ul1 li .img{width: 49.45%;height: 100%;}

.pr1 .ul1 li .txt{width: 50.55%;display: flex;align-items: center;align-content: center; flex-wrap: wrap;padding: 0 7%;line-height: 1.5;background: #fff;}

.pr1 .ul1 li .txt > div{width: 100%;}

.pr1 .ul1 li .txt .ltc{margin: 20px 0;}

.pr1 .ul1 li .txt .a a{display: block;color: #222;margin-top: 30px;}

.pr1 .ul1 li:nth-child(2n) .txt{background: #f6f9fb;}

.pr1 .ul1 li .txt .a a:hover{color: #0098f0;}

.prl1{}

.prl1 dl{margin-bottom: 70px;}

.prl1 dl:last-child{margin-bottom: 0;}

.prl1 dl dd{display: flex;flex-wrap: wrap;}

.prl1 dl dd a{display: block;width: 31.55%;margin-right: 2.675%;margin-top: 2.675%;background:#f2f2f2 ;text-align: center;}

.prl1 dl dd a .txt{padding: 0 40px 40px;line-height: 1.5;}

.prl1 dl dd a .txt div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.prl1 dl dd a:nth-child(3n){margin-right: 0;}

.banner .txt2{width: 50%;left: 50%;padding:  0 10%;}

.banner .txt2 .dh{color: #fff;display: inline-block;padding-bottom: 5px;border-bottom: 1px solid #fff;margin-top: 50px;}

/* 联系我们 */

.con1{display: flex;justify-content: space-between;overflow: hidden;height: 920px;}

.con1 .clt{width: 47.66%;position: relative;}

.con1 .clt .cox{position: relative;display: block;}

.con1 .clt .cox > img{display: block;width: 100%;}

.con1 .clt .cox .ul1{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}

.con1 .clt .cox .ul1 li{width: 13%;padding-top: 13%;text-align: center;color: #fff;position: absolute;top: 0;left: 0;z-index: 2;cursor: pointer;}

.con1 .clt .cox .ul1 li .yuan{position: absolute;background:rgba(0, 152, 239, 0.3) ;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;border-radius: 50%;align-content: center;}

.con1 .clt .cox .ul1 li .yuan .wz{width: 100%;}

.con1 .clt .cox .ul1 li .yuan .ico{width: 18px;height: 18px;background:url(../images/co_2_2.png) center no-repeat ;margin-top: 10px;}

.con1 .clt .cox .ul1 li .yuan .x{background:url(../images/co_2_1.png) center no-repeat ;}

.con1 .clt .cox .ul1 li .xian{position: absolute;width: 3px;height: 37.5%;left: 50%;top: 100%;}

.con1 .clt .cox .ul1 li .xian img{display: block;width: 100%;height: 100%;}

.con1 .clt .cox .ul1 li .xian img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;}

.con1 .clt .cox .ul1 li .xian .dw{width: 21px;height: 6px;background:url(../images/co_3_4.png) center no-repeat ;position: absolute;top: 100%;left: 50%;margin-left: -11px;}

.con1 .clt .cox .ul1 li:nth-child(1){left: 57%;top: 30.2%;}

.con1 .clt .cox .ul1 li:nth-child(2){left: 50%;top: 24%;}

.con1 .clt .cox .ul1 li:nth-child(3){left: 38%;top: 58%;}

.con1 .clt .cox .ul1 li:nth-child(4){left: 68.5%;top: 41.5%;}

.con1 .clt .cox .ul1 li:nth-child(4) .xian{position: absolute;width: 37.5%;height: 3px;left: auto; right: 100%;top: 50%;}

.con1 .clt .cox .ul1 li:nth-child(4) .xian .dw{display: none;}

.con1 .clt .cox .ul1 li.act .yuan{background:rgba(0, 152, 239, 1) ;}

.con1 .crt{width: 52.34%;padding: 100px 8% 50px 0;line-height: 1.5;height: 100%;}

.con1 .crt .ltc{margin: 30px 0;line-height: 32px;text-align: justify;}

.con1 .crt .ltc span{text-decoration: underline;}

.con1 .crt .a{display: flex;justify-content: space-between;align-content: center;align-items: center;}

.con1 .crt .a a{display: block;}

.con1 .crt .a a .ico img{margin: 0 auto ;width: 40px;}

.con1 .crt .a s{display: block;width: 1px;height: 140px;background:#e0e2e4 ;}

.con1 .crt .a a .wz{margin-top: 30px;color: #000;}

.con1 .crt .a a:hover .wz{color: #0098f0;}

.con1 .crt .img{border-radius: 10px;overflow: hidden;margin-top: 30px;}

.con1 .crt .ul1{width: 100%;height: 100%;position: relative;}

.con1 .crt .ul1 li{position: relative; background: #fff;display: none;width: 100%;height: 100%;}

.con1 .crt .ul1 li .lbox{position: relative;top: 30px;opacity: 0;width: 100%;height: 100%;overflow: auto;padding-right: 10px;}

.con1 .crt .ul1 li .lbox.act{z-index: 3;opacity: 1;top: 0;display: block;}

.con1 .crt .ul1 li .lbox.act .lbox{top: 0;opacity: 1;}

.con1 .crt .ul1 li .lbox::-webkit-scrollbar{ width:4px;height: 1px;}

.con1 .crt .ul1 li .lbox::-webkit-scrollbar-thumb{ background:#000;}

.con1 .crt .ul1 li .lbox::-webkit-scrollbar-track{ background:#ddd;} 

.con2{padding: 120px 0;background: url(../images/co_3.jpg) center no-repeat;background-size: cover;}

.con2 .cbox{display: flex;justify-content:space-between;}

.con2 .cbox .clt{width: 45%;max-width: 680px;text-align: justify;padding-top: 60px;}

.con2 .cbox .clt .btn{display: flex;}

.con2 .cbox .clt .btn span{display: block;line-height: 1;padding-right: 30px;background:url(../images/co_4_2.png) center right no-repeat;margin-right: 10px;color: rgba(0, 0, 0, 0.5);cursor: pointer;}

.con2 .cbox .clt .btn span:last-child{background:rgba(0, 0, 0, 0) ;padding: 0;}

.con2 .cbox .clt .btn span:hover,.con2 .cbox .clt .btn span.act{color: #000;}

.con2 .cbox .clt .ul1{margin-top: 40px;}

.con2 .cbox .clt .ul1 li{display: none;}

.con2 .cbox .clt .ul1 li .tc{line-height: 32px;color: #000;font-weight: normal;}

.con2 .cbox .clt .ul1 li .a{margin-top: 100px;}

.con2 .cbox .clt .ul1 li .a a{display: inline-block;line-height: 1;padding-bottom: 0px;border-bottom: 1px solid #0098f0;color: #0098f0;margin-bottom: 15px;}

.con2 .cbox .clt .ul1 li .lbox{position: relative;opacity: 0;top: 30px;}

.con2 .cbox .clt .ul1 li .lbox.act{opacity: 1;top: 0;}


.con2 .cbox .crt{width: 31.25%;}

.con2 .cbox .crt .img{position: relative;}

.con2 .cbox .crt .img img{display: block;width: 100%;}

.con2 .cbox .crt .img img:nth-child(n + 2){position: absolute;top: 0;right: 35%;border-radius: 50%;opacity: 0;}

.con2 .cbox .crt .img img.act{opacity: 1;right: 40%;}


/* 加入我们 */

.jo1 {position: relative;}

.jo1 img{display: block;width: 100%;}

.jo1 .txt{position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);color: #30aaf0;}

.jo1 .txt .jen{margin: 10px 0 30px;}

.jo1 .txt .jtc{line-height: 2.2;color: #2b393f;}

.jo2 .tt{text-align: center;}

.jo2 dl{margin: 60px 0 80px;}

.jo2 dl dt{line-height: 60px;background:#333 ;color: #fff;display: flex;padding: 0 80px;justify-content: space-between;border-radius: 10px 10px 0 0;}

.jo2 dl dt span{width: calc(calc(100% -50px) / 6);}

.jo2 dl dt span:last-child{width: 50px;}

.jo2 dl dd{border-bottom: 1px solid #ddd;}

.jo2 dl dd .dtop{line-height: 100px;padding: 0 80px;display: flex;justify-content: space-between;cursor: pointer;}

.jo2 dl dd .dtop span{width: calc(calc(100% -50px) / 6);}

.jo2 dl dd .dtop span:last-child{width: 50px;display: flex;align-content: center;align-items: center;}

.jo2 dl dd .dtop span s{display: block;width: 32px;height: 32px;border: 2px solid #eee;border-radius: 50%;background:url(../images/jo2.png) center no-repeat ;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.jo2 dl dd .dbtm{padding: 40px 0 70px;border-top: 4px solid #30aaf0;width: calc(100% - 160px);position: relative;left: 40px;display: none;}

.jo2 dl dd .dbtm .dfl{display: flex;justify-content: space-between;}

.jo2 dl dd .dbtm .dfl .dlt{width: 45%;text-align: justify;line-height: 30px;}

.jo2 dl dd .dbtm .a{display: flex;}

.jo2 dl dd .dbtm .a a{display: flex;padding: 0 30px;line-height: 50px;background:#0098f0 ;align-items: center;border-radius: 5px;color: #fff;}

.jo2 dl dd .dbtm .a a img{display: block;margin-right: 10px;}

.jo2 dl dd .dbtm .a a:hover{background:#005ed1 ;}

.jo2 dl dd.act{background:#f6f6f6 ;border-radius: 0 0 10px 10px;border-bottom: 1px solid #f6f6f6;}

.jo2 dl dd.act .dtop{line-height: 80px;}

.jo2 dl dd.act .dtop span s{transform: rotate(0deg);-webkit-transform: rotate(0deg);}


.pr1 .ul1 li .img img{display: none;}

/* 搜索 */

.sle1 .tt{text-align: center;line-height: 1.5;margin: 70px 0 50px;}

.sle1 .tt .en{color: #222;opacity: 0.6;font-family: arial; font-weight: 100;}

.sle1 .ss{display: flex;width: 970px;height: 60px;border: 1px solid #ddd;border-radius: 30px;margin: 0 auto 90px;justify-content: space-between;overflow: hidden;}

.sle1 .ss input{display: block;width: calc(100% - 180px);padding: 0 20px;border: 0;outline: none;}

.sle1 .ss span{display: block;width: 180px;line-height: 60px;text-align: center;background:#0098f0 ;color: #fff;text-align: center;border-radius: 30px;cursor: pointer;}

.sle1 .ss span:hover{background:#005ed1 ;}


.y_com_m,.y_com_m3{display: none;}


/* 产品详情 */

.prcc1{position: relative;padding-left: 41.6%;}

.prcc1 .plt{position: fixed;width: 41.6%;left: 0;top: 95px;z-index: 2;height: calc(100% - 95px);overflow: hidden;}

.prcc1 .plt img{height: 100%;max-width: 1920px;position: relative;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}

.prcc1 .prt{position: relative;padding: 95px 80px 0;}

.prcc1 .prt .ptt{display: flex;justify-content: flex-end;margin: 60px 0;}

.prcc1 .prt .ptt a{display: block;padding-left: 20px;line-height: 16px;color: #666;background: url(../images/fh.png) center left no-repeat;}

.prcc1 .prt .ptt a:hover{color: #0098f0;}

.prcc1 .prt .ul1{display: flex;flex-wrap: wrap;width: 90%;}

.prcc1 .prt .ul1 li{width: 26%;position: relative;margin: 0 11% 5% 0;}

.prcc1 .prt .ul1 li:nth-child(3n){margin-right: 0;}

.prcc1 .prt .ul1 li .img,.prcc1 .prt .ul1 li .img img{display: block;width: 100%;}

.prcc1 .prt .ul1 li .ltt{margin-top: 20px;line-height: 1.5;}

.prcc1 .xh{position: fixed;width: 18px;right: 4%;bottom: 0;}








@media(min-width:1950px){

    .pr1 .ul1 li .img{background-size: cover !important;}

}


@media(max-width:1800px){

    .section_3 .sceng .ul1 li .shuju span,.section_3 .sceng .ul1 li .shuju2{font-size: 60px;}


}



@media(max-width:1680px){

    .fpg .section > img{width: 100%;}

    .con1 .crt{padding: 50px 8% 30px 0;}

    .con1{height: 800px;}

}



@media(max-width:1600px){

    .f_12{ font-size:12px;}
	
	.f_16{ font-size:14px;}
	
	.f_18{ font-size:16px;}
	
	.f_20{ font-size:18px;}
	
	.f_22{font-size: 20px;}
	
	.f_24{ font-size:22px;}
	
	.f_26{ font-size:24px;}
	
	.f_28{ font-size:26px;}
	
	.f_30{ font-size:28px;}
	
	.f_32{ font-size:30px;}
	
	.f_34{ font-size:30px;}
	
	.f_36{ font-size:30px;}
	
	.f_38{ font-size:30px;}
	
	.f_40{font-size: 30px;}
	
	.f_46{font-size: 32px;}

    .f_48{font-size: 32px;}

    .f_52{font-size: 34px;}



    .con1{height: 700px;}



}





@media(max-width:1440px){


    .pr1 .ul1 li .txt .a a{margin-top: 15px;}



}



@media(max-width:1360px){


}



@media(max-width:1280px){


}


.mhead,.mnav2,.mnav{display: none;}

@media(max-width:1030px){

    .f_12{ font-size:12px;}
	
	.f_16{ font-size:14px;}
	
	.f_18{ font-size:16px;}
	
	.f_20{ font-size:18px;}
	
	.f_22{font-size: 20px;}
	
	.f_24{ font-size:20px;}
	
	.f_26{ font-size:22px;}
	
	.f_28{ font-size:22px;}
	
	.f_30{ font-size:22px;}
	
	.f_32{ font-size:22px;}
	
	.f_34{ font-size:22px;}
	
	.f_36{ font-size:22px;}
	
	.f_38{ font-size:26px;}
	
	.f_40{font-size: 26px;}
	
	.f_46{font-size: 26px;}

    .f_48{font-size: 26px;}

    .f_52{font-size: 26px;}

    body,.box{min-width: 200px;}

    .box{width: 90%;min-width: 100px;}

    .head{display: none;}

    .mhead{display: block;width: 100%;height: 50px;position: fixed;top: 0;left: 0;z-index: 9;top: 0;left: 0;background:#fff ;border-bottom: 1px solid #eee;}

    .mhead .menu{height: 50px;padding-left: 35px;background:url(../images/m1.png) center right no-repeat ;background-size: 30px;float: right;}

    .mhead .ss{display: block;width: 50px;height: 50px;float: right;background: url(../images/ss2.png) center no-repeat;background-size: 18px;}

    .mhead .logo{display: block;position: absolute;top: 0;left: 0%;z-index: 3;}

    .mhead .logo img{display: block;height: 30px;margin-top: 10px;}

    .mhead.act{-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;}

    .mnav {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index: 15;display: block;}

    .mnav .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.7) ;position: absolute;top: 0;left: 0;z-index: 1;}

    .mnav .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;}

    .mnav .mbox .ss{width: 100%;height: 70px;position: relative;-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;}

    .mnav .mbox .ss input{display: block;width: calc(100% - 50px);padding: 0 15px;height: 100%;border: 0;outline: none;font-size: 16px;}

    .mnav .mbox .ss a{display: block;width: 50px;height: 100%;position: absolute;top: 0;right: 0;z-index: 2;background:url(../images/ss.png) center no-repeat;background-size: 20px;}

    .mnav .mbox .ul1{}

    .mnav .mbox .ul1 li{line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; position: relative;}

    .mnav .mbox .ul1 li a{display: block;width: 100%;}

    .mnav .mbox .ul1 li span{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;background:url(../images/r_h.png) center no-repeat ;}

    .mnav.act{left: 0;}

    .mnav.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;}

    .mnav2 {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index: 15;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

    .mnav2 .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.7) ;position: absolute;top: 0;left: 0;z-index: 1;}

    .mnav2 .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

    .mnav2 .mbox .dl1{}

    .mnav2 .mbox .dl1 dd{}

    .mnav2 .mbox .dl1 dd .dtop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; }

    .mnav2 .mbox .dl1 dd .dtop a{display: block;width: 100%;}

    .mnav2 .mbox .dl1 dd .dtop span{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;background:url(../images/r_h.png) center no-repeat ;}

    .mnav2 .mbox .dl1 dd .dtop span.act {transform: rotate(90deg);-webkit-transform: rotate(90deg);}

    .mnav2 .mbox .dl1 dd .dbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;}

    .mnav2 .mbox .dl1 dd .dbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 12px;color: #666;}

    .mnav2.act{left: 0;}

    .mnav2.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;}

    .wow{opacity: 1;}





}


@media(max-width:960px){

    body{left: 0%;}

    .fpg,.fpg .section{height: 100%;background: #000;}

    .i1 .swiper1 .sbox .mimg{display: block;height: auto;}

    .i1 .swiper1 .sbox .pimg{display: none;}

    .i1 .swiper1 .sbox video{display: none;opacity: 0;visibility: hidden;}

    .i1 .swiper1 .sbox .bg_0{line-height: 1.5;align-items: flex-start;padding-top: 80px;}

    .i1 .swiper1 .sbox .bg_vid{align-items: center;padding: 0;}

    .i1 .swiper1 .sbox .bg_0 .t1{margin-bottom: 10px;}

    .i1 .swiper1 .sbox .bg_0 .t2{font-size: 26px;margin-bottom: 10px;}

    .i1 .swiper1 .sbox .bg_0 .t3{font-size: 20px;margin-bottom: 10px;}

    .i1 .swiper1 .sbox .bg_vid .t2{font-size: 20px;margin-bottom: 10px;}

    .i1 .swiper1 .sbox .bg_vid .t3{font-size: 24px;margin-bottom: 10px;}
    
    .i1 .swiper1 .sbox .quan{width: 70%;}

    .fpg .section .bgimg{display: none;}

    .fpg .section_2{background: url(../images/m2.jpg) center no-repeat;background-size: cover;}

    .fpg .section_3{background: url(../images/m3.jpg) center no-repeat;background-size: cover;}

    .fpg .section_4{background: url(../images/m4.jpg) center no-repeat;background-size: cover;}

    .fpg .section .y_com{display: none;}

    .fpg .section .y_com_m{display: block;padding: 30px 5%;}

    .fpg .section .y_com_m a{display: block;position: relative;}

    #menu{display: none;}

    .fpg .section .y_com_m .wz{color: #fff;text-align: center;margin-bottom: 20px;}

    .fpg .section .y_com_m .wz span{color: #0098f0;}

    .fpg .section .y_com_m .sbox{position: relative;background: #000;}

    .fpg .section .y_com_m .sbox img{display: block;width: 100%;}

    .fpg .section .y_com_m .sbox .stt{position: absolute;width: 100%;padding: 10px 5%;bottom: 0;color: #fff;text-align: center;z-index: 2;background: rgba(0, 0, 0, 0.2);}

    .fpg{}

    /* 视频弹窗 */

    .vd_tanchuang{position: fixed;width: 100%;height: 100vh;top: 0;left: 0;z-index: 99;background:rgba(0, 0, 0, 0.8) ;display: none;}

    .vd_tanchuang .vbox{position: absolute;;background:#fff ;top: 15%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%); border: 10px solid #fff;opacity: 0;}

    .vd_tanchuang .vbox video{display: block;height: 100%; object-fit: cover;margin: 0 auto;}

    .vd_tanchuang .vbox .out{display: block;width: 50px;height: 50px;position: absolute;top: -10px;right: -60px;background: #fff url(../images/out.png) center no-repeat ;background-size: 26px;cursor: pointer;}

    .vd_tanchuang .vbox .out:hover{background: #fff url(../images/out2.png) center no-repeat ;background-size: 26px;}

    .vd_tanchuang .vbox video{width: 100%;height: auto;}

	.vd_tanchuang .vbox{width: 90%;max-width: 90%; height: auto;border: 4px solid #fff;}

	.vd_tanchuang .vbox .out{top: -40px;right: -4px;width: 40px;height: 40px;background-size: 16px;}

    .vd_tanchuang.act .vbox{top: 40%;opacity: 1;transition-delay: .3s;-webkit-transition-delay: .3s;}
	
    .section_3 .sceng{position: relative;top: 0;left: 0;transform: translateY(0%);-webkit-transform: translateY(0%);}

    .fpg .section .vid{display: none;}
    
    .section_3 .sceng .dh{transform: translateY(0px);-webkit-transform: translateY(0px);opacity: 1;padding: 30px 0 20px;}

    .section_3 .sceng .ul1{flex-wrap: wrap;padding: 0 0 30px; }

    .section_3 .sceng .ul1 li{margin-top: 20px;width: 50%;padding: 10px 0;line-height: 1.5;}

    .section_3 .sceng .ul1 li .shuju span, .section_3 .sceng .ul1 li .shuju2,.section_3 .sceng .ul1 li:last-child .shuju span{font-size: 20px;}

    .section_3 .sceng .ul1 li:nth-child(2n){border-right: 0;}

    .section_3 .sceng .ul1 li .shuju{margin-bottom: 5px;}

    .section_3 .sceng .ul1 li .ltt{font-size: 16px;}

    .section_3{background: #000;}

    .section_4{background: #0098f0;}

    .section_4 .sceng{position: relative;top: 0;left: 0;transform: translateY(0%);-webkit-transform: translateY(0%);}

    .section_4 .sceng .dh{transform: translateY(0px);-webkit-transform: translateY(0px);opacity: 1;}

    .section_4 .sceng .sbox{margin-top: 0;padding: 0;display: block;}

    .section_4 .sceng .sbox .slt{width: 100%;}

    .section_4 .sceng .sbox .slt .stt1{line-height: 1.6;font-size: 24px;padding: 0 ;}

    .section_4 .sceng .dh{padding: 20px 0;}

    .section_4 .sceng .tt{padding-top: 30px;}

    .section_4 .sceng .sbox .slt .stc1 .stctt2{font-size: 14px;line-height: 1.6;}

    .section_4 .sceng .sbox .srt{width: 100%;}

    .section_4 .sceng .sbox .srt .ul1 li{padding: 0;}

    .section_4 .sceng .sbox .srt .ul1{padding-bottom: 20px;flex-wrap: nowrap;justify-content: flex-start;display: flex;overflow: auto;width: 100%;display: none;}

    .section_4 .sceng .sbox .srt .ul1 li{width: 150px;margin-right: 10px;overflow: visible;}

    .section_4 .sceng .sbox .srt .ul1 li img{width: 150px;display: block;}

    .y_com_m3{display: block;}

    .swiper3m,.swiper2m {padding-bottom: 30px;}

    .y_com_m3 img{display: block;width: 100%;}

    .swiper3m  .pagination3m,.swiper2m .pagination2m{bottom: 0;}

    .section_4 .sceng .sbox .slt .stc1 .stctt{font-size: 18px;}

    .footer .ftop .fbox{padding: 40px 0;display: block;}

    .footer .ftop .fbox .frt{margin-top: 20px;}

    .footer .fbtm{padding: 20px 0 ;text-align:center;line-height: 1.5;}

    .footer .fbtm .ftop1{display: none;}

    .box2{min-width: 200px;}

    .footer .ftop2{padding: 0 ;margin: 0;border: none;display: block;}

    .footer .ftop2 .flt{display: block;}

    .footer .ftop2 .flt img{margin: 10px auto;}

    .pr1 .ul1{padding: 0;}

    .pr1 .ul1 li{display: block;width: 100%;height: auto;}

    .pr1 .ul1 li .img{width: 100%;}

    .pr1 .ul1 li .img img{display: block;width: 100%;}

    .pr1 .ul1 li .txt{width: 100%;padding: 30px 5%;}

    .pr1 .ul1 li .txt .ltt{font-size: 24px;}

    .pr1 .ul1 li .txt .ltc{margin: 10px 0;font-size: 18px;}

    .pr1 .ul1 li .txt .a a{margin-top: 15px;}

    .banner video{display: none;opacity: 0;visibility: hidden;pointer-events: none;}

    .pd100{padding: 30px 0;}

    .prl1 dl{margin-bottom: 20px;}

    .prl1 dl dt{margin-bottom: 20px;}

    .prl1 dl dd a{width: 100%;margin: 0 0 20px;}

    .prl1{overflow: hidden;}

    .prl1 dl dd a .txt{padding: 0 20px 20px;}

    .ab1{height: 400px;}

    .ab1 img{height: 100%;width: auto;max-width: 1920px;}

    .ab1 .txt{padding: 0 5%;font-size: 16px;top: 30px;}

    .ab2{padding: 30px 0 60px ;}

    .ab2 .abox{width: 90%;}

    .ab2 .abox .tt2{margin: 0 0 20px;}

    .ab2 .abox .biao img{}

    .ab2 .abox .biao img{display: none;}

    .ab2 .abox .biao .txt{position: relative;top: 0;left: 0;transform: translateX(0%);-webkit-transform: translateX(0%);width: 100%;text-align: center;}

    .ab2 .abox .biao .txt .num span{font-size: 40px;}

    .ab2 .abox .biao .txt .wz{margin-top: 20px;}

    .ab2 .abox .biao .min,.ab2 .abox .biao .max{display: none;}

    .ab2 .abox .biao .week{bottom: 0;position: relative;margin-top: 20px;}

    .ab3{padding: 30px 5%;}

    .ab3 .tt,.ab4 .tt{font-size: 18px;line-height: 1.5;}

    .ab3 .ul1{margin-top: 20px;overflow: auto;width: 100%;padding-bottom: 10px;}

    .ab3 .ul1 li{width: 200px;margin-right: 10px;}

    .ab3 .ul1 li .img{width: 200px;}

    .ab4 .swiper2 .btn{display: none;}

    .ab4 .swiper2{padding: 20px 0 30px;}

    .ab4 .swiper2 .scrollbar2{width: 90%;bottom: 0;left: 5%;}

    .banner .txt2{width: 100%;left: 0;}

    .banner .txt2 .dh{margin-top: 20px;}

    .con1{display: block;height: auto;}

    .con1 .clt{width: 100%;}

    .con1 .clt .cox .ul1 li .yuan .wz{font-size: 14px;}


    .con1 .crt{width: 100%;padding: 20px 5%;}

    .con1 .crt .ltc{margin: 15px 0;}

    .con1 .clt .cox .ul1 li .yuan .ico{margin-top: 0px;background-size: 8px;}

    .con1 .crt .a{text-align: center;flex-wrap: wrap;}

    .con1 .crt .a s{display: none;}

    .con1 .crt .a a {width: 48%;}

    .con1 .crt .a a .wz{margin: 5px 0 20px;}

    .con1 .crt .img{margin-top: 0;}

    .con2{padding: 30px 0;}

    .con2 .cbox{display: block;}

    .con2 .cbox .clt{width: 100%;padding: 0;}

    .con2 .cbox .clt .ul1{margin-top: 10px;}

    .con2 .cbox .clt .ul1 li .a{margin-top: 20px;}

    .con2 .cbox .crt{width: 70%;margin: 0 0 0 30% ;}


    .jo1{height: 300px;}

    .jo1 img{height: 100%;width: auto;max-width: 1920px;}

    .jo2 dl{margin: 20px 0;}

    .jo2 dl dt{padding: 0 ;}

    .jo2 dl dt span:nth-child(2), .jo2 dl dt span:nth-child(3), .jo2 dl dt span:nth-child(4), .jo2 dl dt span:nth-child(7){display: none;}

    .jo2 dl dt span{width: 33.33%;text-align: center;}

    .jo2 dl dd .dtop{padding: 0;line-height: 80px;}

    .jo2 dl dd .dtop span:nth-child(2), .jo2 dl dd .dtop span:nth-child(3),.jo2 dl dd .dtop span:nth-child(4), .jo2 dl dd .dtop  span:nth-child(7){display: none;}

    .jo2 dl dd .dtop span{width: 33.33%;text-align: center;}

    .page1{display: none;}

    .page2{display: block;}

    .jo2 dl dd .dbtm{padding: 30px 5%;width: 100%;left: 0;}

    .jo2 dl dd .dbtm .dfl{display: block;}

    .jo2 dl dd .dbtm .dfl .dlt{width: 100%;line-height: 1.5;margin: 0 0 20px;}

    .sle1 .tt{margin: 0 0 20px ;}

    .sle1 .ss{width: 100%;margin-bottom: 20px;}

    .sle1 .ss input{width: calc(100% - 60px);}

    .sle1 .ss span{width: 60px;font-size: 16px;}

    .sle1 .ssjg{margin-bottom: 20px;}

    .prcc1{padding: 50px 0 10px;}

    .prcc1 .plt{position: relative;width: 100%;height: auto;top: 0;}

    .prcc1 .plt img{width: 100%;height: auto;}

    .prcc1 .prt{width: 100%;height: auto;padding: 10px 5% 0;}

    .prcc1 .xh{display: none;}

    .prcc1 .prt .ptt{margin: 20px 0;}

    .prcc1 .prt .ul1{width: 100%;justify-content: space-between;}

    .prcc1 .prt .ul1 li{width: 45%;margin: 0 0 20px;}


    .i1 .ibtm .ul1{display: none;}

    .banner{margin-top: 50px;}






}