@charset "UTF-8";


html {
  scrollbar-width: thin;
  scrollbar-color: #fdd000; #fff;
}
html::-webkit-scrollbar {
  width:20px;
}
html::-webkit-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}
html::-moz-scrollbar {
  width:20px; 
}
html::-moz-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}	



.max-1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.max-width{max-width:1600px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:80px;padding-right:80px;}
@media  screen and (max-width: 1024px){
.ctext{padding-left:16px;padding-right:16px;}
}






/*PC head*/
.t_navs{ position:fixed; left:0; top:0; z-index: 15; width: 100%;  }
.t_navs .top{ position:relative; z-index: 100; width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center;padding:0 50px;}
.t_navs .logo{ line-height: 0; float: left;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; height:44px;}
.t_navs .logo .img1{ display: block;}
.t_navs .logo .img2{ display: none;}
.t_navs .right{ display: flex; align-items: center;}
.t_navs .lang{ display: flex; position: relative; margin:0 0 0 50px; }
.t_navs .lang .a{ display: flex; align-items: center; width:112px; line-height:39px; height:41px; border-radius:41px; border:1px solid rgba(255,255,255,0.56); font-size:14px;color: #fff; text-transform: uppercase; position: relative; }
.t_navs .lang .a::after{ display: block; content: ''; position: absolute; right:18px; top:18px; border-left:5px solid transparent; border-right:5px solid transparent;border-top:5px solid #fff; }
.t_navs .lang .a img{ display:block; width:28px; height:28px; margin:0 11px 0 15px;}
.t_navs .lang .a:hover{ color: #fff !important;}
.t_navs .lang .sub1{ display:none; position: absolute; top:100%; left:0; z-index: 10; width:100%; padding:23px 0 0 0;}
.t_navs .lang:hover .sub1{ display:block;}
.t_navs .lang .ul{ display:block; position: relative; width:100%; background:#fff; box-shadow: 0 2px 6px rgba(0,0,0,0.1); border-radius: 5px; padding:8px 0;}
.t_navs .lang .ul::after{ display: block; content: ''; position: absolute; left:50%; bottom:100%; border-left:7px solid transparent; border-right:7px solid transparent;border-bottom:7px solid #fff; margin-left: -7px; }
.t_navs .lang .ul li{ display:block; width:100%; padding:8px 0;}
.t_navs .lang .ul li a{ display:flex; align-items: center; width:100%; color:#333; font-size:14px; line-height:28px; text-transform: uppercase;}
.t_navs .lang .ul li a img{ display:block; width:28px; height:28px; margin:0 11px 0 15px;}
.t_navs .lang .ul li a:hover{ color: #fdd000 !important;}
.t_navs .btn{ display: flex; }
.t_navs .btn a{ display: block; line-height:37px; font-size:16px;color: #fff; background:#fdd000; border:1px solid #fdd000; border-radius: 40px; padding:0 28px 1px 28px; }
.t_navs .btn a:hover{ background:#f5f5f5; border:1px solid #f5f5f5; color: #fdd000 !important;}
.t_navs .menu{float: left; }
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left; position: relative; margin-right:92px;}
.t_navs .menu .nli:last-child{ margin-right:60px;}
.t_navs .menu .nli span a{ display: block;position: relative;line-height:108px; font-size:18px;color: #fff; text-transform: uppercase; }
.t_navs .menu .nli span a i{ display: none;  position: absolute; left:50%; bottom:0; border-left:7px solid transparent; border-right:7px solid transparent;border-bottom:7px solid #fdd000; margin-left: -7px; }
.t_navs .menu .nli span a::after{ content:''; display: block; position: absolute; left:50%; bottom:0; height:2px; width:0; background:#fff; transform: translateX(-50%); -ms-transform: translateX(-50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.t_navs .menu .nli:hover span a i{display: block;}
.t_navs .menu .nli.on span a,
.t_navs .menu .nli:hover span a{color: #fff !important;}
.t_navs .menu .nli.on span a::after,
.t_navs .menu .nli:hover span a::after{ width:100%;}
.t_navs .menuSub{ display:none; position: absolute; top:100%; left:0; z-index: 10; width:100%; background:url(img/ino0.png) right bottom no-repeat #fff; overflow: hidden;box-shadow: 0 2px 6px rgba(0,0,0,0.1);}
.t_navs .menuSub .sect{ display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; position: relative; }
.t_navs .menuSub .sect::after{ content:''; display: block; position: absolute; right:100%; top:0; height:100%; width:200px; background:#f9f9f9;  }
.t_navs .menuSub .u1{ background:#f9f9f9; display: block; align-items: flex-start; width:33.75%; padding:85px 54px 54px 0 ;}
.t_navs .menuSub .u1 .box{ display: block; width:100%; }
.t_navs .menuSub .u1 .l1{ display: block; width:100%;border-bottom: 1px solid #e0e0e0; }
.t_navs .menuSub .u1 .a1{ display: flex; align-items: center; min-height:68px; width:100%; color: #666; line-height:24px; font-size:18px; padding:5px 22px 5px 0; position: relative; background:url(img/right1.png) right center no-repeat; background-size:9px auto !important;}
.t_navs .menuSub .u1 .a1:hover{color: #fdd000 !important;border-bottom: 1px solid #fdd000; background:url(img/right2.png) right center no-repeat;}
.t_navs .menuSub .u1 .on .a1{color: #fdd000 !important;border-bottom: 1px solid #fdd000; background:url(img/right2.png) right center no-repeat;}
.t_navs .menuSub .u2{ display: flex; flex-wrap: wrap; width:66.25%; position: relative; margin:40px 0 40px 0 ;}
.t_navs .menuSub .u2 .box{ display: flex; flex-wrap: wrap; width:100%;}
.t_navs .menuSub .u2 .l2{ display: flex; flex-wrap: wrap; align-content: flex-start; width:32%; padding:40px 0 40px 52px;}
.t_navs .menuSub .u2 .a2{ display: block; width:100%; color: #333; line-height:28px; font-size:22px; margin-top: 26px;}
.t_navs .menuSub .u2 .a2:hover{color: #fdd000 !important;}
.t_navs .menuSub .u2 .dl{ display: block; width:100%; margin-top: 16px; }
.t_navs .menuSub .u2 .dd{ display: block; width:100%; margin-top: 22px; }
.t_navs .menuSub .u2 .a3{ display: flex; align-items: center; width:100%; color: #666; line-height:24px; font-size:18px;}
.t_navs .menuSub .u2 .a3 span{display:inline-flex; border:1px solid #ff0000; border-radius: 8px 8px 8px 0; color: #ff0000; font-size:12px; height:18px; line-height:16px; text-transform: uppercase; margin-left: 11px; padding:0 6px;}
.t_navs .menuSub .u2 .a3:hover{color: #fdd000 !important;}
.t_navs .menuSub .u2 .a3:hover font{ text-decoration: underline; }
.t_navs .menuSub .u2 .more{ display: inline-flex; color: #666; line-height:20px; font-size:14px; background:url(img/right2.png) right 60% no-repeat; background-size:8px auto !important; margin-top: 20px; padding-right: 23px; text-transform: uppercase; }
.t_navs .menuSub .u2 .more:hover{color: #fdd000 !important;}
.t_navs .menuSub ._img{ display: block; width:100%; line-height:0;}
.t_navs .menuSub ._img img{ height:120px; object-fit: contain;}



.t_navs .ss_search{float: left; display:flex;}
.t_navs .ss_search ._t{ cursor: pointer; display:flex; height:40px; width:40px; background: url(img/_search.png) center no-repeat; background-size:20px auto !important;}
.t_navs ._b{width: 100%;height: 120px;background: #fff;box-shadow:0 2px 6px rgba(0,0,0,0.1);z-index: 99;position: fixed;left: 0;top:88px;display: none;}
.t_navs ._b .input{width: 800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); padding: 0 45px 0 16px;border: 1px solid #ececec; border-radius: 3px; overflow: hidden;}
.t_navs ._b .input input{width: 100%;height: 44px;display: block;font-size:16px;color: #333;}
.t_navs ._b .input input::placeholder{color:#666; opacity:1 !important;}
.t_navs ._b .input img{width:29px; height:29px; padding:5px; display: block;position: absolute;right: 12px;top: 50%;transform: translate(0,-50%);cursor: pointer;}


.t_navs.bct .top{ background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.t_navs.bct .logo .img1{ display:none;}
.t_navs.bct .logo .img2{ display:block;}
.t_navs.bct .lang .a{ color: #333;  border:1px solid rgba(0,0,0,0.1); }
.t_navs.bct .lang .a::after{ border-top:5px solid #000; opacity:0.56; }
.t_navs.bct .lang .a:hover{color: #fdd000 !important;}


.t_navs.bbt .top{ background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.t_navs.bbt .logo .img1{ display:none;}
.t_navs.bbt .logo .img2{ display:block;}
.t_navs.bbt .lang .a{ color: #333;  border:1px solid rgba(0,0,0,0.1); }
.t_navs.bbt .lang .a::after{ border-top:5px solid #000; opacity:0.56;}
.t_navs.bbt .lang .a:hover{color: #fdd000 !important;}
.t_navs.bbt .menu .nli span a{ color:#494949;}
.t_navs.bbt .menu .nli span a::after{ background:#fdd000;}
.t_navs.bbt .menu .nli.on span a,
.t_navs.bbt .menu .nli:hover span a{color: #fdd000 !important;}
.t_navs.bbt .ss_search ._t{ background: url(img/_search1.png) center no-repeat;}



.t_navs.act .top{ background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.t_navs.act .logo .img1{ display:none;}
.t_navs.act .logo .img2{ display:block;}
.t_navs.act .menu .nli span a{ color:#333; line-height:88px;}
.t_navs.act .menu .nli span a::after{ background:#fdd000;}
.t_navs.act .menu .nli.on span a,
.t_navs.act .menu .nli:hover span a{color: #fdd000 !important;}
.t_navs.act .lang .a{ color: #333;  border:1px solid rgba(0,0,0,0.1); }
.t_navs.act .lang .a::after{  border-top:5px solid #000; opacity:0.56; }
.t_navs.act .lang .a:hover{color: #fdd000 !important;}
.t_navs.act .sub{ box-shadow:0 0 7px rgba(0,0,0,0.07);}
.t_navs.act .ss_search ._t{ background: url(img/_search1.png) center no-repeat;}


@media screen and (max-width:1600px) {
.t_navs .menu .nli{ margin-right:62px;}
.t_navs .menu .nli:last-child{ margin-right:40px;}
.t_navs .lang{ margin: 0 0 0 30px;}
.t_navs .menuSub .u1{padding:65px 44px 34px 0;}
.t_navs .menuSub .u2{margin: 30px 0 30px 0;}
.t_navs .menuSub .u2 .l2{padding: 30px 0 30px 44px;}
}
@media screen and (max-width:1440px) {
.t_navs .menu .nli{ margin-right:36px;}
.t_navs .menu .nli:last-child{ margin-right:30px;}
.t_navs .menu .nli span a{ font-size:16px; line-height:88px;}
.t_navs .lang{ margin: 0 0 0 24px;}
.t_navs .menuSub .u1{padding:45px 28px 34px 0;}
.t_navs .menuSub .u1 .a1{min-height: 54px; font-size:15px; line-height:21px; padding:5px 16px 5px 0;}
.t_navs .menuSub .u2{margin: 25px 0 25px 0;}
.t_navs .menuSub .u2 .l2{padding: 20px 0 20px 30px;}
.t_navs .menuSub .u2 .dl{ margin-top: 6px;}
.t_navs .menuSub .u2 .dd{ margin-top: 16px;}
.t_navs .menuSub .u2 .a2{ font-size:18px; line-height:24px;margin-top: 20px;}
.t_navs .menuSub .u2 .a3{ font-size:15px; line-height:21px;}
.t_navs .menuSub .u2 .more{ font-size:15px; line-height:21px;margin-top: 16px;}
.t_navs .menuSub ._img img{ height:80px;}

}
@media screen and (max-width:1270px) {
.t_navs .menu .nli{ margin-right:20px;}
.t_navs .menu .nli:last-child{ margin-right:20px;}
.t_navs .menu .nli span a{ font-size:14px; line-height:88px;}
.t_navs .menuSub .u2 .l2{width: 50%;  }
.t_navs .lang{ margin: 0 0 0 20px;}
}
@media screen and (max-width:1024px) {
.t_navs .top{ padding:0 15px;height:50px;}
.t_navs .menu{ display: none;}
.t_navs .logo img{ width: auto; height:34px;}
.t_navs .ss_search{ display:none;}
.t_navs .lang{ margin:0 15px 0 0; }
.t_navs .lang .a{ width:90px; line-height:28px; height:30px; border-radius:30px; }
.t_navs .lang .a::after{ right:10px; top:12px; }
.t_navs .lang .a img{ width:20px; height:20px; margin:0 7px 0 12px;}
.t_navs .lang .sub1{padding:23px 0 0 0;}
.t_navs .lang .ul li a{ line-height:20px;}
.t_navs .lang .ul li a img{ width:20px; height:20px; margin:0 7px 0 12px;}


.t_navs.ect .top{ background:#fff;}
.t_navs.ect .logo .img1{ display:none;}
.t_navs.ect .logo .img2{ display:block;}
.t_navs.ect .lang .a{ color: #333;  border:1px solid rgba(0,0,0,0.1); }
.t_navs.ect .lang .a::after{ border-top:5px solid #000; opacity:0.56; }
.t_navs.ect .lang .a:hover{color: #fdd000 !important;}
.t_navs.ect .menu .nli span a{ color:#333;}
.t_navs.ect .menu .nli span a::after{ background:#fdd000;}
.t_navs.ect .menu .nli.on span a,
.t_navs.ect .menu .nli:hover span a{color: #fdd000 !important;}
.t_navs.ect .ss_search ._t{ background: url(img/_search1.png) center no-repeat;}

}



.menuph{ display:none; float: right; width:26px; height: 20px; cursor: pointer; text-align: center;}
.menuph .point { float:left; width: 100%;  height: 20px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 100%;}
.menuph .navbtn { position: absolute; top:9px; right: 0; display: inline-block; width:100%; height: 2px; background: #fff;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 100%; height: 2px; content: ''; background: #fff;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after { top: -9px;}
.menuph .navbtn::before { top: 9px;}
.menuph.active .point .navbtn{ background: transparent !important;}
.menuph.active .point .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph.active .point .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}

.t_navs.ect .menuph .navbtn{ background: #333;}
.t_navs.ect .menuph .navbtn::after,
.t_navs.ect .menuph .navbtn::before { background: #333;}

.t_navs.bct .menuph .navbtn{ background: #333;}
.t_navs.bct .menuph .navbtn::after,
.t_navs.bct .menuph .navbtn::before { background: #333;}


.t_navs.act .menuph .navbtn{ background: #333;}
.t_navs.act .menuph .navbtn::after,
.t_navs.act .menuph .navbtn::before { background: #333;}


@media  screen and (max-width:1024px){
.menuph{ display:block;}
}

.xialaph{ position: fixed; left:0; top:50px; float: left; width: 100%; height:100vh; z-index:15; display:none; background:#fff; padding:15px 15px 50px 15px; overflow-y: auto;}
.xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.1);}
.xialaph .a1box{width: 100%;position: relative;}
.xialaph .a2box{width: 100%;position: relative;}
.xialaph .a3box{width: 100%;position: relative;}
.xialaph .a1{font-size:16px;color: #333; text-transform: uppercase; font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%; text-transform: uppercase;}
.xialaph .on .a1{ color: #fdd000;}
.xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;}
.xialaph .icobox::after{ display:block; content:''; width:8px;height:8px;position: absolute;right:2px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #333;  border-right:1px solid #333;}
.xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;}
.xialaph .u2{width: 100%;padding:0 5px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block;border-bottom:1px solid rgba(0,0,0,0.1);}
.xialaph .u2 .l2:last-child{border-bottom:0;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:14px;color: #666666;line-height:24px;padding:12px 12px 12px 0; }
.xialaph .on .a2{ color:#fdd000;}
.xialaph .u3{width: 100%;padding:0 5px 15px 5px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block;}
.xialaph .u3 .a3{ width: 100%;display: block; font-size:14px;color: #666666;line-height:24px;padding:6px 12px 6px 0; }
.xialaph .u4{width: 100%;padding:0 5px;display: none;}
.xialaph .u4 .l4{ width: 100%;display: block;}
.xialaph .u4 .a4{ width: 100%;display: block; font-size:14px;color: #666666;line-height:24px;padding:2px 0; }
.xialaph .input_box{width: 100%;border-bottom: 1px solid #ececec;margin-top:15px;position: relative;}
.xialaph .input_box input{width: 100%;height:50px;padding-right: 60px;font-size: 16px;color: #333333;}
.xialaph .input_box input::placeholder{color:#666; opacity:1 !important;}
.xialaph .input_box img{width: 29px; height:29px; padding:5px; cursor: pointer;position: absolute;right: 10px;top: 50%;margin-top: -14px;}




.footer1{position: relative; z-index: 6; background:#f4f4f4;}
.footer1 .top{ display:flex; align-items: center; justify-content: space-between; padding:52px 0 38px 0; border-bottom:1px solid #e2e2e2;}
.footer1 .logo{ display:block; line-height:0;}
.footer1 .logo img{ height:59px;}
.footer1 .right{ display:flex; flex-wrap: wrap; width:520px;}
.footer1 .right .tit{ color:#686868; font-size:18px; line-height:24px; text-transform: uppercase;}
.footer1 .right .input{width: 100%;position: relative; margin-top: 14px;}
.footer1 .right .input .text{display: block; width: 100%;height: 50px; line-height:38px; font-size:16px;color: #333;padding:10px 120px 10px 19px;border: 1px solid #cecece; border-radius:50px; background:none; text-transform: capitalize; }
.footer1 .right .input input::placeholder{color:#666; opacity:1 !important;}
.footer1 .right .input .submit{height:50px;line-height:48px;border-radius:50px; font-size:16px;color: #fff;display: block;position: absolute;right: 0;top:0;cursor: pointer; padding:0 28px; background:#002f7b;text-transform: uppercase; 
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.footer1 .right .input .submit:hover{ background:#fdd100;}
.footer1 .down1{ display:flex; flex-wrap: wrap; width:100%; justify-content: space-between; padding:22px 0;border-top:1px solid #e2e2e2;}
.footer1 .Copyright{ display:block; color:#a5a5a5; font-size:14px; line-height:20px;}
.footer1 .Copyright a{color:#a5a5a5; margin-left:15px;}
.footer1 .Copyright a:hover{color:#fdd100 !important;}
.footer1 .sjkf{ display: inline-flex; flex-wrap: wrap; color:#a5a5a5; font-size:14px; line-height:20px;}
.footer1 .sjkf i{ padding:0 9px; font-size:12px;}
.footer1 .sjkf a{color:#a5a5a5; }
.footer1 .sjkf a:hover{ color:#fdd000 !important;}
.footer1 .midd{ position: relative; flex-wrap: wrap; display:flex;width:100%;justify-content: space-between; }
.footer1 .left1{ display:flex; flex-wrap: wrap; align-content: flex-start; width:60.63%; padding:55px 40px 84px 0;}
.footer1 .right1{ display:flex; flex-wrap: wrap; width:39.37%; padding:39px 0 39px 7%;border-left:1px solid #e2e2e2;}
.footer1 .nav{display: flex; flex-wrap: wrap; align-content: flex-start; width:100%;}
.footer1 .nav .li{ display:block;width:100%; margin:15px 0;}
.footer1 .nav .a1{ display:inline-flex; color: #666666; text-transform: uppercase; font-size:18px; line-height:24px; padding-left:24px; position: relative;}
.footer1 .nav .a1::after{ display: block; content: ''; position: absolute; left: 0; top:50%; margin-top: -3px; border:1px solid #002f7b; width:7px; height: 7px; border-radius: 50%; }
.footer1 .nav .a1:hover{ color: #fdd000 !important; text-decoration: underline; }
.footer1 .addr{ display:flex; flex-wrap: wrap; align-items: flex-start; width: 100%;}
.footer1 .addr .div1{ display:flex; flex-wrap: wrap; flex-direction: column; width: 31%;}
.footer1 .addr .div2{ display:flex; flex-wrap: wrap; justify-content: space-between; width: 59%;}
.footer1 .addr .li{display:flex; flex-wrap: wrap; flex-direction: column; margin-bottom:37px;}
.footer1 .addr .li .tit{display:inline-flex; color: #666; font-size:18px; line-height:25px;}
.footer1 .addr .li .info{display:inline-flex; color: #333; font-size:18px; line-height:25px; margin-top:8px;}
.footer1 .addr .li a:hover{ color: #fdd000  !important }
.footer1 .share{ display: block; width:100%; padding-top:12px;}
.footer1 .share .tit{display:block; color: #7c7c7c; font-size:14px; line-height:20px; text-transform: capitalize;}
.footer1 .share .ul{ display: flex; width:100%; margin-top: 12px;}
.footer1 .share .li{display: flex; margin:0 20px 0 0;}
.footer1 .share .li a{ display:block; line-height:0;}
.footer1 .share .li a img{ width:auto; height:22px;}

@media screen and (max-width:1600px) {
.footer1 .addr .div1{ width: 35%;}
.footer1 .addr .div2{ width: 63%;}
.footer1 .left1{ padding:55px 40px 84px 0;}
.footer1 .right1{ width:39.37%; padding:39px 0 39px 5%;}
}
@media screen and (max-width:1440px) {
.footer1 .left1{ padding:55px 40px 55px 0;}
.footer1 .addr .div2{ width: 65%;}
.footer1 .addr .li .tit{ font-size:15px; line-height:23px;}
.footer1 .addr .li .info{ font-size:15px; line-height:23px;}
.footer1 .nav .li{ margin:10px 0;}
.footer1 .nav .a1{ font-size:15px; line-height:22px; }
.footer1 .right .tit{ font-size:16px; line-height:22px;}
.footer1 .right{ width:500px;}
}
@media (max-width: 1024px){
.footer1 .logo img{ height:40px; object-fit: contain; }
.footer1 .top{ padding:25px 0;}
.footer1 .left1{ width: 100%; padding:20px 0 30px 0;}
.footer1 .right1{ display:none; width: 100%; padding:10px 0;border-left:0;border-bottom:1px solid #e2e2e2;}
.footer1 .nav{ justify-content: space-between;}
.footer1 .nav .li{ display:inline-flex; width: auto; margin:5px 0;}
.footer1 .nav .a1{font-size:14px; line-height:24px; margin-right:15px; padding-left:16px}	
.footer1 .midd{ flex-wrap:wrap-reverse; }
.footer1 .addr .div1{ justify-content: space-between; flex-direction: row; width: 100%;}
.footer1 .addr .div2{ width: 100%;}
.footer1 .addr .li{ min-width:48.5%; margin-bottom:10px;}
.footer1 .addr .li .info{ margin: 0;}
.footer1 .down1{ text-align: center; justify-content: center;}
.footer1 .right{ width:400px;}
.footer1 .right .tit{ font-size:15px; line-height:22px;}
.footer1 .right .input .text{height: 40px; line-height:38px; font-size:15px;;padding:10px 100px 10px 16px; border-radius:40px; }
.footer1 .right .input input::placeholder{color:#666; opacity:1 !important;}
.footer1 .right .input .submit{height:40px;line-height:38px;border-radius:40px; font-size:15px; padding:0 20px;  }
.footer1 .sjkf{width: 100%; justify-content: center;}
.footer1 .share .tit{ text-align: center;}
.footer1 .share .ul{justify-content: center;}
.footer1 .share .li{ margin:0 8px;}
}
@media (max-width: 767px){
.footer1 .top{ flex-direction: column; justify-content: center;}
.footer1 .right{ width:90%; margin-top:15px;justify-content: center;}
.footer1 .right .tit{ text-align: center;}
}


.pc_show1{ display: block;}
.ph_show1{ display: none;}
@media (max-width: 767px){
.pc_show1{ display: none;}
.ph_show1{ display: block;}
}


.pf-right{display:block; z-index:16; position:fixed; right:30px; top:35%; width:76px;}
.pf-right .box{ display:flex; flex-wrap:wrap; width:100%; padding:26px 0;background:#fdd000; border-radius:76px;box-shadow: 0px 0 13px rgba(0, 0, 0, 0.05);}
.pf-right .box ._an{ display: block; width:100%; padding:8px 0; position: relative; }
.pf-right .box .a{ display:flex; flex-wrap:wrap; width:100%; justify-content: center;line-height: 0;}
.pf-right .box .a span{ display: block; color:#333; font-size:14px; line-height:20px; margin-top:9px; text-transform: capitalize;width:100%;text-align:center;}
.pf-right .box .a img{ width:32px; height:32px;}
.pf-right .box .a:hover span{color:#333;}
.pf-right .box .a .img1{ display:none;}
.pf-right .box .a .img2{ display:block;}
.pf-right .box .a:hover .img1{ display:none;}
.pf-right .box .a:hover .img2{ display:block;}
.pf-right .cont{ position: absolute; right:100%; top:0; width:405px; padding:0 30px 0 0 ;
-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:90% 10%;
	-moz-transform-origin:90% 10%;
	-ms-transform-origin:90% 10%;
	-o-transform-origin:90% 10%;
	transform-origin:90% 10%;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
}
.pf-right .sect{display:block; width:100%; background: #fff; border-radius:4px; padding:8px 40px 54px 40px; position: relative;
box-shadow: 0px 0 13px rgba(0, 0, 0, 0.15);}
.pf-right .sect::after{ display: block; content: ''; position: absolute; left: 100%; top:40px; margin:0 0 0 -4px; border-top:9px solid transparent; border-bottom:9px solid transparent;border-left:9px solid #fff; }
.pf-right .div{display: block; width:100%; padding:32px 5px 32px 36px; position: relative; border-bottom: 1px solid #efefef;}
.pf-right .div .ino{ display: block; position: absolute; left:0; top:34px;width:24px; height:24px; }
.pf-right .div .tit{display: block; width:100%;color:#666; font-size: 18px; line-height: 22px;}
.pf-right .div .info{display:flex; justify-content: space-between; align-items: center; width:100%;color:#333; font-size: 18px; line-height: 22px; }
.pf-right .div .info img{ width:28px; height:28px; padding:4px; cursor: pointer;}
.pf-right .div .p{display: block; width:100%;color:#fdd000; font-size: 14px; line-height: 24px; font-weight: bold;}
.pf-right .linxi:hover .cont{opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform:  scale(1);}
	
	
.pf-right ._fh{ position: relative; display:flex; justify-content: center; width:100%; margin-top: 21px;}
.pf-right ._fh .a{ display:flex; flex-wrap:wrap; width:100%; height:76px; border-radius:50%; justify-content: center; align-items: center; line-height: 0;background: rgb(255, 255, 255);box-shadow: 0px 0 13px rgba(0, 0, 0, 0.05);
}
.pf-right ._fh .a img{ width:32px; height:32px;}
.pf-right ._fh .a:hover{background:#fdd000;}
.pf-right ._fh .a .img1{ display:block;}
.pf-right ._fh .a .img2{ display:none;}
.pf-right ._fh .a:hover .img1{ display:none;}
.pf-right ._fh .a:hover .img2{ display:block;}


@media screen and (max-width:1800px) {
.pf-right{ right:10px;}
}	
@media screen and (max-width:1024px) {
.pf-right{ display:none !important;}
}

.wap_hei{ display: none; width: 100%;padding-top:50px;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.wap_down{ display: none; width: 100%;background: #fff;box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.05);position: fixed;z-index: 15;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom); left: 0; bottom: 0;}
.wap_down li{width:25%;float: left;text-align: center;}
.wap_down li .a{width: 100%;display: flex;flex-wrap: wrap;align-content: center; justify-content: center; height:50px;}
.wap_down li span{width: 100%;display: block; line-height:14px; font-size:12px; color:#333; text-transform: uppercase; margin-top: 2px;}
.wap_down li .ico{width: 100%;display: block; line-height: 0;}
.wap_down li .ico img{ margin:0 auto; width:20px; height:20px;}
.wap_down li .ico .img1{ display:block;}
.wap_down li .ico .img2{ display:none;}
.wap_down li  a:hover{background:#fdd000;}
.wap_down li  a:hover span{color:#fff;}
.wap_down li  a:hover .ico .img1{ display:none;}
.wap_down li  a:hover .ico .img2{ display:block;}


@media screen and (max-width:1024px) {
/*WAP head*/
.wap_down{ display: block;}
.wap_hei{ display: block;}

}


.copy-pou{ display:none; position: fixed; left: 50%;; top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); z-index: 20;}
.copy-pou .text{ display: block; white-space: normal; color: #fff; font-size:16px; line-height:26px; background: rgba(0,0,0,0.6); border-radius: 3px; padding:15px 36px;}


.my-puop2{ display:none; position: fixed; left:50%; top:50%; z-index: 111; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width:405px; }
.my-puop2 .box{ position: relative; display: flex; flex-wrap: wrap; width:100%; border-radius:20px; overflow: hidden; padding:47px 50px 86px 50px; background: #fff;}
.my-puop2 .box .colse{ cursor: pointer; display:flex; align-items: center; justify-content: center; position: absolute; right:15px; top:15px; width:36px; height:36px; z-index: 6;}
.my-puop2 .box .colse img{ width:24px; height:24px;}
.my-puop2 .sect{display:block; width:100%; }
.my-puop2 .div{display: block; width:100%; padding:32px 5px 32px 36px; position: relative; border-bottom: 1px solid #efefef;}
.my-puop2 .div .ino{ display: block; position: absolute; left:0; top:34px;width:24px; height:24px; }
.my-puop2 .div .tit{display: block; width:100%;color:#666; font-size: 18px; line-height: 22px;}
.my-puop2 .div .info{display:flex; justify-content: space-between; align-items: center; width:100%;color:#333; font-size: 18px; line-height: 22px; }
.my-puop2 .div .info img{ width:28px; height:28px; padding:4px; cursor: pointer;}
.my-puop2 .div .p{display: block; width:100%;color:#fdd000; font-size: 14px; line-height: 24px; font-weight: bold;}

@media screen and (max-width:1024px) {
.my-puop2{ width:92%;}	
.my-puop2 .box{ border-radius:10px; padding:15px 15px 30px 15px;}
.my-puop2 .box .colse{ right:6px; top:6px;}	
.my-puop2 .div{padding:16px 5px 16px 36px; }
.my-puop2 .div .tit{font-size: 16px; line-height: 20px;}
.my-puop2 .div .info{font-size: 16px; line-height: 20px; }
.my-puop2 .div .ino{  top:18px;width:24px; height:24px; }
}


.my-bg{display: none; width: 100%; height: 100%; position: fixed; left: 0; top:0; z-index: 110; background: #000; opacity:0.5;}
.my-puop1{ display:none; position: fixed; left:50%; top:50%; z-index: 111; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width:740px; }
.my-puop1 .box{ position: relative; display: flex; flex-wrap: wrap; width:100%; border-radius:20px; overflow: hidden; padding:47px 50px 86px 50px; background: #fff;}
.my-puop1 .box .colse{ cursor: pointer; display:flex; align-items: center; justify-content: center; position: absolute; right:15px; top:15px; width:36px; height:36px; z-index: 6;}
.my-puop1 .box .colse img{ width:24px; height:24px;}
.my-puop1 .box .title{ width:100%; color:#333; display:flex; align-items: flex-end; font-size:32px; line-height:28px; font-weight: bold; text-transform: uppercase;}
.my-puop1 .box .title span{ color:#ababab; font-size:14px; line-height:20px; text-transform: none; font-weight: normal; margin-left: 42px;}
._form4{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between; padding-top: 19px;}
._form4 .lab{ width:48.3%; position:relative; flex-wrap:wrap; display: flex;margin-top:30px; }
._form4 .w100{ width:100%;}
._form4 .name{ width:100%; display:block; color: #333; font-size:16px; line-height:1; margin-bottom:15px;}
._form4 .name span{ color:#ff0000;}
._form4 .name font{ color:#7c7c7c;font-size:16x;}
._form4 .text{ position: relative; z-index: 6; cursor: pointer; width:100%; border:0; background:#F5F5F5; border-radius:0; font-size:16px;color: #333; line-height:30px; height:50px; padding:10px 21px;}
._form4 .textarea{ position: relative; z-index: 6; cursor: pointer; width:100%; border:0; background:#F5F5F5; border-radius:3px;  font-size:16px;color: #333; line-height:22px; height:110px; padding:14px 21px;}
._form4 .yanzhengma{ position: absolute; right:0; bottom:0; height:100%; width:100px; object-fit: contain; z-index:6;}
._form4 .san{ cursor: pointer; position: absolute; right:20px; bottom:14px; height:21px; width:21px; object-fit: contain; z-index:6;}
._form4 .submit{  cursor: pointer; width:100%; border:0; background:#fdd100; border-radius:0; font-size:18px;color: #333; line-height:50px; height:50px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
 }
._form4 .submit:hover{ color: #fff; background: #002f7b;}
._form4 ._down{ display:none; position: absolute; left: 0; top:100%; z-index: 8; width: 100%; background: #fff;box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1); padding:14px 0;}
._form4 ._down li{ text-transform: capitalize; display:block; color: #333; font-size:16px; line-height:22px; padding:4px 16px; cursor: pointer;}
._form4 ._down li:hover{ color: #fdd100;}
select{  appearance:none;
  -webkit-appearance:none;
-moz-appearance:none;}


._form4 input::placeholder{color:#a8a8a8; opacity:1 !important;}
._form4 textarea::placeholder{color:#a8a8a8; opacity:1 !important;}


@media screen and (max-width:1600px) {
.my-puop1 .box{ padding:40px 50px 47px 50px;}
._form4{ padding-top: 10px;}
._form4 .lab{margin-top:20px; }
}
@media screen and (max-width:1440px) {
.my-puop1{width:700px;}
.my-puop1 .box{ border-radius:20px; padding:35px 40px 35px 40px;}
.my-puop1 .box .title span{ margin-left:30px;}
._form4{ padding-top: 10px;}
._form4 .lab{margin-top:15px; }
._form4 .name{margin-bottom:10px; }
._form4 .text{ font-size:16px; line-height:30px; height:40px; padding:5px 16px;}
._form4 .submit{ font-size:18px; line-height:40px; height:40px;}
._form4 .textarea{ font-size:16px; line-height:22px; height:90px; padding:9px 16px;}
._form4 .yanzhengma{ width:80px; }
._form4 .san{ right:15px; bottom:11px; height:18px; width:18px;}
}
@media screen and (max-width:1024px) {
.my-puop1{ width:92%;}	
.my-puop1 .box{ border-radius:10px; padding:25px 15px;}
.my-puop1 .box .title{font-size:20px; line-height:26px;}
.my-puop1 .box .title span{ margin-left:15px;}
.my-puop1 .box .colse{ right:6px; top:6px;}	
._form4{ padding-top: 10px;}
._form4 .lab{margin-top:15px; }
._form4 .name{margin-bottom:10px; }
._form4 .name font{ font-size:12px;}
._form4 .text{ font-size:14px; line-height:30px; height:40px; padding:5px 12px;}
._form4 .submit{ font-size:16px; line-height:40px; height:40px;}
._form4 .textarea{ font-size:14px; line-height:22px; height:90px; padding:9px 12px;}
._form4 .san{ right:10px; bottom:12px; height:16px; width:16px;}
}
@media screen and (max-width:767px) {
._form4 .lab:nth-child(3){ width:100%;}
._form4 .lab:nth-child(4){ width:100%;}
}

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


.home-banner{ display:block; width: 100%; line-height: 0; overflow: hidden; z-index:5; position: relative;}
.index-banner{ display:block; width: 100%; line-height: 0; overflow: hidden; z-index:5; position: relative;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.index-banner .div{ width:100%; line-height: 0;}
.index-banner .pc_show1{ width:100%; height:100vh; object-fit: cover;}
.index-banner .box{ display: block; width:100%; position: absolute; left: 0; top:43.8%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.index-banner .box .cont{ display:inline-flex; flex-wrap: wrap; width: 100%;}
.index-banner .box .cont1{ justify-content:flex-end;}
.index-banner .box ._r{ /* display: inline-flex;flex-wrap: wrap;  flex-direction: column; */}
.index-banner .box .tit1{ display: block; width:100%; color: #fff; font-weight: bold; font-size:46px; line-height:60px; text-shadow:19px 19px 59px rgba(15,75,157, 0.17);}
.index-banner .box .tit2{  display:block; width:100%; color: #fff; font-size:24px; line-height:40px; margin-top:25px;text-shadow:0 5px 8px rgba(0,0,0, 0.08);}
.index-banner .box .tit3{  display:block; width:100%; color: #fff; font-weight: bold; font-size:29px; line-height:38px; margin-top:12px;text-shadow:0 5px 8px rgba(0,0,0, 0.08); position: relative; padding-left: 32px;}
.index-banner .box .tit3::after{ display: block; content: ''; position: absolute; left:0; top:13px; width:12px; height:12px; border:3px solid #fdd000; border-radius:50%;}
.index-banner .box ._more{margin-top:109px;}

.index-banner .swiper-prev,
.index-banner .swiper-next{ cursor: pointer; width:48px; height:48px; display:block;position: absolute;right:50%; bottom:40px; z-index: 10; background: url(img/ico5.1.png) center no-repeat; background-size:auto 100% !important; }
.index-banner .swiper-prev{ margin-right:-740px; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.index-banner .swiper-next{  margin-right:-800px;}
.index-banner .swiper-next::after{ display: flex; content: ''; opacity:0.3; background: #fff; width: 2px; height: 14px; position: absolute; top:17px; left:-7px;}
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{background: url(img/ico5.png) center no-repeat;}
.index-banner .swiper-pagination{ cursor: pointer; display:flex;position: absolute;left:50%; bottom:43px; z-index: 10;margin-left:-800px; }
.index-banner .swiper-pagination-bullet{ cursor: pointer; border-radius:27px; width:27px; height:27px; margin:0 13px 0 0; display:block; background: url(img/ino8.png) center no-repeat; background-size:100% 100% !important;animation:rotate 3s linear 0s infinite; opacity:1; }
.index-banner .swiper-pagination-bullet-active{  background: url(img/ino8.1.png) center no-repeat; animation:rotate 3s linear 0s infinite;}


@media screen and (max-width:1800px) {
.index-banner .swiper-prev,
.index-banner .swiper-next{ right:100px;}
.index-banner .swiper-prev{ margin-right:60px;}
.index-banner .swiper-next{  margin-right:0;}
.index-banner .swiper-pagination{ left:100px; margin-left:0; }
.index-banner .box ._more{margin-top:89px;}
}
@media screen and (max-width:1600px) {
.index-banner .box ._more{margin-top:69px;}
.index-banner .box .tit1{ font-size:40px; line-height:50px;}
.index-banner .box .tit2{ font-size:22px; line-height:32px; margin-top:20px;}
.index-banner .box .tit3{ font-size:26px; line-height:34px; margin-top:7px;}
.index-banner .box .tit3::after{ top:11px; }	
}
@media screen and (max-width:1440px) {
.index-banner .box .tit1{ font-size:36px; line-height:46px; }
.index-banner .box .tit2{ font-size:20px; line-height:30px; margin-top:15px;}
.index-banner .box .tit3{ font-size:24px; line-height:32px; margin-top:7px;}
.index-banner .box .tit3::after{ top:10px; }	
.index-banner .box ._more{margin-top:49px;}
}
@media screen and (max-width:1024px) {
.index-banner .box{ top:50%; }	
.index-banner .box .tit1{ font-size:22px; line-height:30px; text-shadow:10px 10px 30px rgba(15,75,157, 0.17);}
.index-banner .box .tit2{ font-size:14px; line-height:22px; margin-top:5px;}
.index-banner .box .tit3{ font-size:17px; line-height:25px; margin-top:5px; padding-left:16px;}
.index-banner .box .tit3::after{ top:9px; width:10px; height:10px; border:2px solid #fdd000; }	
.index-banner .box ._more{margin-top:30px;}
.index-banner .pc_show1{ height:auto;}
.index-banner .swiper-prev,
.index-banner .swiper-next{ width:30px; height:30px; bottom:15px; right:5px;}
.index-banner .swiper-prev{ margin-right:42px;}
.index-banner .swiper-next{  margin-right:0;}
.index-banner .swiper-next::after{  top:8px; left:-7px;}
.index-banner .swiper-pagination{ left:15px; bottom:18px; margin-left:0; }
.index-banner .swiper-pagination-bullet{border-radius:22px; width:22px; height:22px; margin:0 8px 0 0;}
}
@media screen and (max-width:767px) {
.index-banner{ background:#000;}	
.index-banner .ph_show1{ opacity:0.7;}	
.index-banner .box .tit1 br{ display:none;}
.index-banner .box .tit2 br{ display:none;}
.index-banner .box .tit3 br{ display:none;}
}


@-webkit-keyframes move {
    0% {
       -webkit-transform:translateY(-10px);
       transform:translateY(-10px);
    }
    1% {
       -webkit-transform:translateY(-10px);
       transform:translateY(-10px);
    }
    100% {
       -webkit-transform:translateY(25px);
       transform:translateY(25px);
    }
}
@-webkit-keyframes rotate {
    0% {
       -webkit-transform:rotate(0deg);
       transform:rotate(0deg);
    }
    100% {
       -webkit-transform:rotate(360deg);
       transform:rotate(360deg);
    }
}
._mouse{ position: absolute; left:50%; bottom:35px; transform:translateX(-50%); -ms-transform:translateX(-50%); z-index:10;}
._mouse .p{ align-items: center; display: flex; flex-direction: column; justify-content: center; animation:move 2s linear 0s infinite; color: #fff; font-size:12px; line-height: 1; text-transform: uppercase;}
._mouse img{width:22px; margin-bottom:13px;}

@media screen and (max-width:1024px) {
._mouse{ display:none;}

}


.shipin{display:block; width: 100%; overflow: hidden; border-radius: 12px; line-height: 0; position: relative; margin-top: -51px;}
.shipin .box{display:flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; left: 50%; top: 47.2%; z-index: 6; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); cursor: pointer;}
.shipin .paly{display:block; width:83px; height:83px;}
.shipin .tit{display:block; white-space: nowrap; color: #fff; font-size:16px; line-height: 1; text-transform: uppercase; margin-top: 18px;}

@media screen and (max-width:1440px) {
.shipin{ margin-top: -46px;}
}
@media screen and (max-width:1024px) {
.shipin{ margin-top:0;}	
.shipin .pic{ height:350px; object-fit: cover;}	
.shipin .paly{ width:40px; height:40px;}
.shipin .tit{ font-size:14px; margin-top: 12px;}
}

._more{ display: inline-flex; position: relative; }
._more::after{ display: flex; content: ''; position: absolute; left:0; top: 0; width:51px; height:100%; border-radius:51px; background: #fdd000; z-index: 1;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
._more:hover::after{ width: 100%;}
._more .a{ position: relative; z-index: 6; display: inline-flex; color: #fff; font-size:16px; line-height:51px; text-transform: uppercase; padding:0 25px;}
._more1 .a{ color: #333;}
._more:hover .a{ color: #000 !important;}


.bg-f5{ background:#f5f5f5;}
._Title{ display: block; width: 100%; color: #333; font-weight: bold; text-transform: uppercase; font-size:46px; line-height:52px;}
.pt95{ padding-top: 95px;}

.pd100{ padding-bottom: 100px;}

@media screen and (max-width:1440px) {
._Title{ font-size:36px; line-height:42px;}
._more .a{ font-size:16px; line-height:46px;}
._more::after{ width:46px;border-radius:46px; }	
}
@media screen and (max-width:1024px) {
._more::after{ width:36px;border-radius:36px; }	
._more .a{ font-size:14px; line-height:36px; padding:0 14px;}	
	
._Title{ font-size:21px; line-height:26px;}
.pt95{ padding-top:30px;}


.pd100{ padding-bottom: 35px;}

}



.main0{ display:flex; flex-wrap: wrap; align-items:flex-start; justify-content: space-between; width: 100%;}
.main0 .left{ display:block; width: 36%;}
.main0 .right{ display:block; width: 60.32%;}
.main0 ._more1{margin-top:104px;}
.main0 .info{ display:block; width: 100%; color: #666; font-size:18px; line-height:44px; }

@media screen and (max-width:1440px) {
.main0 .info{font-size:16px; line-height:30px; }
.main0 ._more1{margin-top:84px;}
}
@media (max-width: 1024px){
.main0 .left{ width: 100%;}
.main0 .right{ width: 100%; margin-top:10px;}	
.main0 ._more1{ margin-top:20px;}
.main0 .info{ font-size:15px; line-height:25px; }
}

.main2 .box{ display: block; width: 100%; min-height:852px;}
.main2 ._Title{ color: #fff;}
.main2 ._more{margin-top:97px;}
.main2 .info{ display:block; width: 33%; color: #fff; font-size:18px; line-height:44px;margin-top:57px; }


@media (max-width: 1600px){
.main2 .info{ width: 40%;}
}
@media (max-width: 1440px){
.main2 .info{ width: 45%; font-size:16px; line-height:30px; }
.main2 ._more{margin-top:97px;}
}
@media (max-width: 1024px){
.main2{ padding:0;}	
.main2 .box{ background:rgba(0,0,0,0.32); padding:40px 15px; min-height:420px;}	
.main2 ._more{ margin-top:30px;}
.main2 .info{width: 100%; font-size:15px; line-height:25px;margin-top:20px; }
}



.main3{ display: block; width: 100%; margin-top:30px; }
.main3 .u2{ display:flex; flex-wrap: wrap; width:calc(100% + 30px); margin:-15px; }
.main3 .u2 .li{ display:block; width: 50%; margin-top:30px; padding:0 15px;}
.main3 .u2 .a{ width: 100%; display: block; }
.main3 .u2 .a ._img{width: 100%; display: block; position: relative; overflow: hidden; border-radius: 16px; padding-bottom:71.42%;}
.main3 .u2 .a ._img img{width: 100%; height: 100%; object-fit:cover; display: block; position:absolute; left:0; top: 0;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;   }
.main3 .u2 .a .tit{ width: 100%; color: #333;font-size:20px; line-height:30px;margin-top:30px; padding-right:13%;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;
 }
.main3 .u2 .a:hover ._img img{ transform: scale(1.06); -ms-transform: scale(1.06);}
.main3 .u2 .a:hover .tit{ color: #fdd000;}

@media (max-width: 1440px){
.main3 .u2 .a .tit{font-size:18px; line-height:28px;margin-top:30px; padding-right:0;}
}
@media screen and (max-width:1024px) {
.main3{ margin-top:5px; }	
.main3 .u2{width:calc(100% + 14px); margin:-7px; }
.main3 .u2 .li{ width:50%; margin-top:20px; padding:0 7px;}	
.main3 .u2 .a .tit{font-size:16px; line-height:24px; margin-top:14px;} 
}
@media screen and (max-width:767px) {
.main3 .u2 .li{ width:100%;}
}


.main5{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-top:60px; }
.main5 .u2{ display:block; width:66.3%; }
.main5 .u2 .li{ display:block; width: 100%;}
.main5 .u2 .li ._img{width: 100%; display: block; position: relative; overflow: hidden; border-radius:20px; padding-bottom:55.64%;cursor:default;}
.main5 .u2 .li ._img img{width: 100%; height: 100%; object-fit:cover; display: block; position:absolute; left:0; top: 0;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;   }
.main5 .u2 .li:hover ._img img{ transform: scale(1.06); -ms-transform: scale(1.06);}
.main5 .u2 .li .tit{ position: absolute;right:0; bottom:30px; z-index: 10; width: 100%; padding:0 30px; color: #fff;font-size:26px; line-height:32px; }
.main5 .u2 .slick-dots{ display:flex;position: absolute;right:23px; bottom:28px; z-index: 10; width: auto;  }
.main5 .u2 .slick-dots li{ cursor: pointer; border-radius:27px; width:27px; height:27px; margin:0 7px; display:block; background: url(img/ino8.png) center no-repeat; background-size:100% 100% !important;animation:rotate 3s linear 0s infinite; opacity:1; }
.main5 .u2 .slick-dots .slick-active{  background: url(img/ino8.1.png) center no-repeat; animation:rotate 3s linear 0s infinite;}
.main5 .u1{ display: flex; flex-wrap: wrap; align-content: space-between; width:32%; }
.main5 .u1 .li{ display:block; width: 100%;}
.main5 .u1 .li ._img{width: 100%; display: block; position: relative; overflow: hidden; border-radius:20px; padding-bottom:55.07%;cursor:default;}
.main5 .u1 .li ._img img{width: 100%; height: 100%; object-fit:cover; display: block; position:absolute; left:0; top: 0;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;   }
.main5 .u1 .li:hover ._img img{ transform: scale(1.06); -ms-transform: scale(1.06);}

@media screen and (max-width:1440px) {
.main5 .u2 .li .tit{font-size:24px; line-height:30px; }
}
@media screen and (max-width:1024px) {
.main5{ margin-top:24px; }	
.main5 .u2 .li ._img{ border-radius:10px;}
.main5 .u2 .li .tit{font-size:16px; line-height:22px; padding:0 15px; bottom:15px; }
.main5 .u2 .slick-dots{right:10px; bottom:15px; }
.main5 .u2 .slick-dots li{ border-radius:22px; width:22px; height:22px; margin:0 3px; }
.main5 .u1 .li ._img{ border-radius:10px;}
}
@media screen and (max-width:767px) {
.main5 .u2{ width:100%;}
.main5 .u1{ justify-content:space-between; width:100%; margin-top:15px;}
.main5 .u1 .li{ width:48.5%;}
}



.z6{ position: relative;}
.main4{ overflow: hidden;}
.main4 .top{ display: flex; flex-wrap: wrap; justify-content:space-between; align-items:center;}
.main4 ._Title{ display: inline-flex; width: auto;}
.main4 ._more .a{ padding-right:0;}
.main4 ._more .a:hover{ padding:0 25px;}
.main4 .box{ position: relative; display: block; width:113.6%; margin:30px -15px 0 -15px; padding-bottom:95px;}
.main4 .box::after{ display: block; content: ''; position: absolute; right:100%; top:0; width:2000px; height: 100%; background: #fff;z-index: 5; }
.main4 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.main4 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.main4 .u2{ width: 100%; }
.main4 .u2 .li{ display: flex; flex-wrap: wrap; width: 33.33%; margin-top:30px; padding:0 15px; height: auto;}
.main4 .u2 .a{ width: 100%; display: flex; flex-wrap: wrap;align-content: flex-start; height:100%; position: relative;border-radius:15px; overflow: hidden;}
.main4 .u2 .a ._img{width: 100%; display: block; position: relative; overflow: hidden; border-radius: 20px; padding-bottom:60.07%;}
.main4 .u2 .a ._img img{width: 100%; height: 100%; object-fit:cover; display: block; position:absolute; left:0; top: 0;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; }
.main4 .u2 .a:hover ._img img{ transform: scale(1.06); -ms-transform: scale(1.06);}
.main4 .u2 .a .cont{ display:block; width: 100%; margin:25px 0 33px 0;}
.main4 .u2 .a .tit{ width: 100%; color: #333; font-weight: bold; font-size:28px; line-height:38px; height:76px;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;
}
.main4 .u2 .a .time{ display: block; width: 100%; color:#666666;font-size:16px; line-height:22px; margin-top: 22px; }
.main4 .u2 .a:hover{background: url(img/main2.png) center no-repeat; background-size:100% 100% !important;}
.main4 .u2 .a:hover .cont{ padding:0 30px;}
.main4 .u2 .a:hover ._img{transform:translateY(-4%) scale(0.89); -ms-transform:translateY(-4%) scale(0.89); }
.main4 .u2 .a:hover .time{color:#002f7b;}
.main4 .u2 .a:hover .tit{ color:#002f7b;}
.main4 .sect{ display: flex; position: absolute; right:50%; bottom:8px; z-index: 10; margin-right: -816px; }
.main4 .swiper-prev,
.main4 .swiper-next{ position: relative; cursor: pointer; width:48px; height:48px; display:block; z-index: 10; background: url(img/ico5.2.png) center no-repeat; background-size:auto 100% !important; }
.main4 .swiper-prev{ margin-right:12px; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.main4 .swiper-next::after{ display: flex; content: ''; opacity:0.3; background: #c2c2c2; width: 2px; height: 14px; position: absolute; top:17px; left:-7px;}
.main4 .swiper-prev:hover,
.main4 .swiper-next:hover{background: url(img/ico5.png) center no-repeat;}
.main4 .swiper-pagination{ cursor: pointer; display:flex;position: absolute;left:15px; bottom:23px; z-index: 10; }
.main4 .swiper-pagination-bullet{ cursor: pointer; border-radius:27px; width:27px; height:27px; margin:0 13px 0 0; display:block; background: url(img/ino8.2.png) center no-repeat; background-size:100% 100% !important;animation:rotate 3s linear 0s infinite; opacity:1; }
.main4 .swiper-pagination-bullet-active{  background: url(img/ino8.3.png) center no-repeat; animation:rotate 3s linear 0s infinite;}


@media screen and (max-width:1800px) {
.main4 .sect{ right:-16px; margin-right:0; }
}
@media (max-width: 1440px){
.main4 .u2 .a .tit{ font-size:22px; line-height:32px; height:64px;}
}
@media screen and (max-width:1024px) {
.main4 ._more .a:hover{ padding:0 14px;}	
.main4 .box{ width:100%; margin:10px 0 0 0; padding-bottom:50px;}	
.main4 .u2{width:calc(100% + 14px); margin:0 -7px; }
.main4 .u2 .li{ margin-top: 14px; padding:0 7px;}	
.main4 .u2 .a .cont{ margin:15px 0 20px 0;}
.main4 .u2 .a ._img{ border-radius: 10px; padding-bottom:60.07%;}
.main4 .u2 .a .tit{font-size:16px;line-height:24px; height:48px; } 
.main4 .u2 .a .time{ font-size:14px; line-height:20px;margin-top:10px;} 
.main4 .slick-dots{padding-top:15px;}
.main4 .slick-dots li{ margin:0 5px;}
.main4 .swiper-prev,
.main4 .swiper-next{ width:30px; height:30px;}
.main4 .sect{ bottom:0; right:-8px;}
.main4 .swiper-next::after{  top:8px; left:-7px;}
.main4 .swiper-pagination{ left:0; bottom:4px;  }
.main4 .swiper-pagination-bullet{border-radius:22px; width:22px; height:22px; margin:0 8px 0 0;}
}
@media screen and (max-width:767px) {
.main4 .u2 .li{ width:260px;}

}


.main6{ position: relative; display: block; width:100%; margin-top:55px; }
.main6 .u2{ display: block; width:-webkit-calc(100% + 30px); width:-moz-calc(100% + 30px); width:calc(100% + 30px); margin:0 -15px; }
.main6 .u2 .li{ display: flex; flex-wrap: wrap; width:25%; padding:0 15px; margin-bottom: 74px;}
.main6 .u2 .a{ width: 100%; display: block; }
.main6 .u2 .a ._img{width: 100%; display: block; position: relative; overflow: hidden; border-radius: 20px; padding-bottom:92.61%;}
.main6 .u2 .a ._img img{width: 100%; height: 100%; object-fit:cover; display: block; position:absolute; left:0; top: 0;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; }
.main6 .u2 .a:hover ._img img{ transform: scale(1.06); -ms-transform: scale(1.06);}

.main6 .slick-prev,
.main6 .slick-next{ left:auto; right:-2px; top: auto; bottom:-15px;cursor: pointer; width:48px; height:48px; display:block; z-index: 10; background: url(img/ico5.2.png) center no-repeat; background-size:auto 100% !important;
 -webkit-transform: translate(0,0);
   -ms-transform: translate(0,0);
   transform: translate(0,0);}
.main6 .slick-prev{ margin-right:60px;
 -webkit-transform: translate(0,0) rotate(180deg);
   -ms-transform: translate(0,0) rotate(180deg);
   transform: translate(0,0) rotate(180deg);
}
.main6 .slick-next::after{ display: flex; content: ''; opacity:0.3; background: #c2c2c2; width: 2px; height: 14px; position: absolute; top:17px; left:-7px;}
.main6 .slick-prev:hover,
.main6 .slick-next:hover{background: url(img/ico5.png) center no-repeat;}
.main6 .slick-dots{ width: auto; cursor: pointer; display:flex;position: absolute;left:15px; bottom:0; z-index: 10; }
.main6 .slick-dots li{ cursor: pointer; border-radius:27px; width:27px; height:27px; margin:0 13px 0 0; display:block; background: url(img/ino8.2.png) center no-repeat; background-size:100% 100% !important;animation:rotate 3s linear 0s infinite; opacity:1; }
.main6 .slick-dots li.slick-active{  background: url(img/ino8.3.png) center no-repeat; animation:rotate 3s linear 0s infinite;}


@media screen and (max-width:1024px) {
.main6{ margin-top:24px;}	
.main6 .u2{width:calc(100% + 14px); margin:0 -7px; }
.main6 .u2 .li{ padding:0 7px; margin-bottom:50px;}	
.main6 .u2 .a ._img{ border-radius: 10px;}
.main6 .slick-prev,
.main6 .slick-next{left:auto; right:-2px; top: auto; bottom:-4px; width:30px; height:30px;}
.main6 .slick-next::after{  top:8px; left:-7px;}
.main6 .slick-prev{ margin-right:42px;}
.main6 .slick-dots{ left:7px;}
.main6 .slick-dots li{border-radius:22px; width:22px; height:22px; margin:0 8px 0 0;}
}
@media screen and (max-width:767px) {
.main6 .u2 .li{ width:50%;}

}


.main1{ overflow: hidden;}
.main1 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.main1 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform;}
.main1 .box{ display:flex; flex-wrap: wrap; width:100%; position: relative; margin-top:60px; padding-left: 352px;}
.main1 .box .li{ width:624px; margin-right:30px;}
.main1 .box .a .ino{display: flex; position:absolute; left:24px; top:23px; z-index: 6;}
.main1 .box .a .ino i{display: flex; margin:6px; width:18px; height: 18px; border-radius: 50%;}
.main1 .box .a{ display: block; width:100%; background: #fff; border-radius: 20px; position: relative;-webkit-animation:none;-moz-transition:none;-o-transition:none;transition:none;}
.main1 .box .a ._img{width: 100%; display: block; position: relative; overflow: hidden; border-radius: 20px; padding-bottom:71.32%;}
.main1 .box .a ._img img{width: 100%; height: 100%; object-fit:cover; display: block; position:absolute; left:0; top: 0;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; }
.main1 .box .a:hover ._img img{ transform: scale(1.06); -ms-transform: scale(1.06);}
.main1 .box .a .cont{ width:100%; display: block; position: absolute; left:0; bottom:49px; z-index: 6; padding:0 30px;}
.main1 .box .a .tit{ text-transform: uppercase; width:100%; position: relative; font-weight: bold; color:#333; font-size:26px; line-height:32px; padding-left: 18px;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;
}
.main1 .box .a .tit::after{ display: block; content: ''; position: absolute; left: 0; top:50%; margin-top: -5px; border:1px solid #002f7b; width:10px; height: 10px; border-radius: 50%; }
.main1 .box .a .p{ width:100%; color:#666; font-size:18px; line-height:24px; margin-top:20px; padding-left: 18px;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;
}
.main1 .box .a:hover .tit{ color:#fdd000;}
.main1 .box .swiper-slide-prev{ opacity:0;}
.main1 .box .li.swiper-slide-active .a{width:-webkit-calc(100% + 352px); width:-moz-calc(100% + 352px); width:calc(100% + 352px); margin-left:-352px;}
.main1 .box .li.swiper-slide-active .tit{font-size:30px; line-height:26px; color:#fdd000;}
.main1 .box .li.swiper-slide-active .p{ font-size:20px; line-height:26px;}

.main1 .swiper-prev,
.main1 .swiper-next{ cursor: pointer; width:48px; height:48px; display:block; z-index: 10; background: url(img/ico5.2.png) center no-repeat; background-size:auto 100% !important;position: absolute;right:-30px; bottom:95px; z-index: 10; }
.main1 .swiper-prev{right:30px; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.main1 .swiper-next::after{ display: flex; content: ''; opacity:0.3; background: #c2c2c2; width: 2px; height: 14px; position: absolute; top:17px; left:-7px;}
.main1 .swiper-prev:hover,
.main1 .swiper-next:hover{background: url(img/ico5.png) center no-repeat;}
.main1 .swiper-pagination{ cursor: pointer; display:flex;position: absolute;left:1005px; bottom:108px; z-index: 10; }
.main1 .swiper-pagination-bullet{ cursor: pointer; border-radius:27px; width:27px; height:27px; margin:0 13px 0 0; display:block; background: url(img/ino8.2.png) center no-repeat; background-size:100% 100% !important;animation:rotate 3s linear 0s infinite; opacity:1; }
.main1 .swiper-pagination-bullet-active{  background: url(img/ino8.3.png) center no-repeat; animation:rotate 3s linear 0s infinite;}


@media (max-width:1800px){
.main1 .swiper-prev,
.main1 .swiper-next{ right:-17px; }
.main1 .swiper-prev{right:43px; }
}
@media (max-width:1600px){
.main1 .box{ padding-left: 252px;}
.main1 .box .li{ width:524px; margin-right:30px;}	
.main1 .box .a .cont{ bottom:40px; padding:0 30px;}
.main1 .box .li.swiper-slide-active .a{width:-webkit-calc(100% + 252px); width:-moz-calc(100% + 252px); width:calc(100% + 252px); margin-left:-252px;}
.main1 .swiper-prev,
.main1 .swiper-next{ bottom:65px; }
.main1 .swiper-pagination{left:805px; bottom:78px;}
}
@media (max-width:1440px){
.main1 .box .a .tit{ font-size:24px; line-height:30px;}	
.main1 .box .a .p{ font-size:16px; line-height:22px; margin-top:15px;}
.main1 .box .li.swiper-slide-active .tit{font-size:28px; line-height:24px;}
.main1 .box .li.swiper-slide-active .p{ font-size:18px; line-height:24px;}
.main1 .box{ padding-left: 182px;}
.main1 .box .li{ width:430px; margin-right:30px;}	
.main1 .box .a .cont{ bottom:40px; padding:0 30px;}
.main1 .box .li.swiper-slide-active .a{width:-webkit-calc(100% + 182px); width:-moz-calc(100% + 182px); width:calc(100% + 182px); margin-left:-182px;}
.main1 .swiper-prev,
.main1 .swiper-next{ bottom:35px; }
.main1 .swiper-pagination{left:643px; bottom:48px}
}
@media (max-width: 1024px){
.main1 .box{ margin-top:25px; padding:0 0 50px 0;}
.main1 .box .li{ width:340px; margin-right:15px;}
.main1 .box .a .ino{left:11px; top:11px;}
.main1 .box .a .ino i{ margin:4px; width:10px; height: 10px;}
.main1 .box .a ._img{border-radius: 10px;}
.main1 .box .a .cont{ bottom:15px; padding:0 15px;}
.main1 .box .a .tit{ font-size:18px; line-height:24px;}	
.main1 .box .a .p{ font-size:15px; line-height:21px; margin-top:5px;}
.main1 .box .li.swiper-slide-active .tit{font-size:18px; line-height:24px;}
.main1 .box .li.swiper-slide-active .p{ font-size:15px; line-height:21px;}
.main1 .box .li.swiper-slide-active .a{width:100%; margin-left:0;}
.main1 .swiper-prev,
.main1 .swiper-next{ bottom:0; right:-7px; width:30px; height:30px;}
.main1 .swiper-prev{right:35px; }
.main1 .swiper-next::after{  top:8px; left:-7px;}
.main1 .swiper-pagination{ left:0; bottom:4px;  }
.main1 .swiper-pagination-bullet{border-radius:22px; width:22px; height:22px; margin:0 8px 0 0;}
}
@media (max-width: 767px){
.main1 .box .li.swiper-slide-active .a{ width:100%; margin-left:0%;}
.main1 .box .li{ width:100%; margin:0;}
.main1 .box .swiper-slide-next{ opacity:0;}
}



/*250801end*/

/*二级导航*/
.t_navs .top .l1:hover .u2 .l2:nth-child(2) .a2{-webkit-transition: all .5s ease .1s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(3) .a2{-webkit-transition: all .5s ease .2s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(4) .a2{-webkit-transition: all .5s ease .3s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(5) .a2{-webkit-transition: all .5s ease .4s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(6) .a2{-webkit-transition: all .5s ease .5s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(7) .a2{-webkit-transition: all .5s ease .6s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(8) .a2{-webkit-transition: all .5s ease .7s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(9) .a2{-webkit-transition: all .5s ease .8s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(10) .a2{-webkit-transition: all .5s ease .9s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(11) .a2{-webkit-transition: all .5s ease 1s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(12) .a2{-webkit-transition: all .5s ease 1.1s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(13) .a2{-webkit-transition: all .5s ease 1.2s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(14) .a2{-webkit-transition: all .5s ease 1.3s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(15) .a2{-webkit-transition: all .5s ease 1.4s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(16) .a2{-webkit-transition: all .5s ease 1.5s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(17) .a2{-webkit-transition: all .5s ease 1.6s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(18) .a2{-webkit-transition: all .5s ease 1.7s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(19) .a2{-webkit-transition: all .5s ease 1.8s;}
.t_navs .top .l1:hover .u2 .l2:nth-child(20) .a2{-webkit-transition: all .5s ease 1.9s;}


.t_navs .top .u2{min-width: 140px; top:100%; left: 50%;z-index: 4;box-shadow: 0 0 30px rgba(0,0,0,0.1);height: auto;position: absolute;background: rgba(0, 0, 0, .2);backdrop-filter: blur(5px);padding: 10px 0px;border-radius: 5px;opacity: 0;visibility: hidden;
transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-o-transform: translate(-50%,0);}
.t_navs .top .nli:hover .u2{-webkit-transition: all .85s;opacity: 1;visibility: visible;}
.t_navs .top .u2 .l2{ width: 100%;}
.t_navs .top .u2 .l2 .a2{ display: block; text-align: center;font-size: 16px;line-height: 35px;padding: 0 30px;white-space:nowrap;-webkit-transform: translateY(5px);opacity: 0;position: relative;
transition: All 0s ease-in-out;
-webkit-transition: All 0s ease-in-out;
-moz-transition: All 0s ease-in-out;
-o-transition: All 0s ease-in-out;}
.t_navs .top .u2 .l2 .a2::after{width: 0px;height: 1px;position: absolute;left: 50%;margin-left: 0px;content: '';bottom: 0px;background: rgba(255, 255, 255, .3);-webkit-transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1);}
.t_navs .top .u2 .l2 .a2>div{color: rgba(255, 255, 255, .75);
transition: All 0.2s ease-in-out;
-webkit-transition: All 0.2s ease-in-out;
-moz-transition: All 0.2s ease-in-out;
-o-transition: All 0.2s ease-in-out;}
.t_navs .top .u2 .l2 .a2:hover::after{width: 60px;margin-left: -30px;}
.t_navs .top .u2 .l2 .a2:hover>div{color:#fff;}
.t_navs .top .nli:hover .u2 .l2 .a2{-webkit-transition: all .5s ease 0s;-webkit-transform: translateY(0px);opacity: 1;}
















/*2504*/