body{ margin: 0; padding: 0;}

*{ margin: 0; padding: 0; list-style: none; font-family: '微软雅黑'; font-size: 14px; color: #333;touch-action: pan-y;}

a{ text-decoration: none; cursor: pointer; display: block;}

img{ border: 0; display: block; cursor: pointer;}

h1, h2, h3, h4, h5{ font-weight: normal;}

ul, li{ list-style: none; cursor: pointer;}

b, i, em{ font-weight: normal; font-style: normal;}

button, textarea, input{ outline: none;}

html,body{ font-size: calc(100vw/19.2);}

@font-face{

	font-family: 'font1';

	src:url('../fonts/BaiJamjuree-Medium.ttf');

}

@font-face{

	font-family: 'font2';

	src:url('../fonts/Century Gothic Bold.ttf');

}

/* 清除浮动 */

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

.clearfix{*zoom: 1;}

.header{ position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 50; border-bottom: 1px solid #DDD; transition: all 0.5s;}

.headertwo{ background: hsla(0,0%,100%,0.00); border-color: hsla(0,0%,100%,0.00);}

.headertwo2, .headersear{ background: url(../images/1.jpg) no-repeat center top; background-size: cover;}

.header .cont{ padding: 0 50px 0 56px; display: flex; justify-content: space-between; align-items: center; height: 80px;}

.header .cont .logo a img{ height: 51px; display: block;}

.header .cont .right{ display: flex; justify-content: flex-end; align-items: center;}

.header .cont .right .nav{ display: flex;}

.header .cont .right .nav .li{ margin-left: 75px; position: relative;}

.header .cont .right .nav .li:first-child{ margin-left: 0;}

.header .cont .right .nav .tit a{ line-height: 80px; font-size: 16px; color: #333; transition: all 0.5s;}

.headertwo .cont .right .nav .tit a{ color: #fff;}

.header .cont .right .nav .li::after{ width: 20px; height: 1px; background: #DF631E; position: absolute; transform: translateX(-50%); bottom: 20px; left: 50%; content: ''; transition: all 0.5s; opacity: 0;}

.headertwo .cont .right .nav .li::after{ background: #fff;}

.header .cont .right .nav .li.on::after{ opacity: 1;}

.header .cont .right .nav .li.on .tit a, .header .cont .right .nav .li:hover .tit a{ color: #DF631E;}

.headertwo .cont .right .nav .li.on .tit a{ color: #fff;}

.header .cont .right .nav .list{ display: none; position: absolute; top: 80px; left: 50%; transform: translateX(-50%); background: #fff; box-shadow: 0px 3px 18px 0px rgba(126,126,126,0.15);}

.header .cont .right .nav .li:hover .list{ display: block;}

.header .cont .right .nav .list .mk{ padding: 36px 0 0 0; display: flex; justify-content: center;}

.header .cont .right .nav .list .mk .h1{ font-size: 16px; line-height: 16px; margin-bottom: 35px; color: #777;}

.header .cont .right .nav .list .sli{ border-left: 1px solid #ddd; padding: 0 60px 45px 60px; width: 285px;}

.header .cont .right .nav .list .sli:first-child{ border-left: none;}

.header .cont .right .nav .list .went a{ margin-top: 25px;}

.header .cont .right .nav .list .went a:first-child{ margin-top: 0;}

.header .cont .right .nav .list .went .top{ display: flex; line-height: 30px;}

.header .cont .right .nav .list .went .top .m{ width: 30px; height: 30px; margin-right: 5px;}

.header .cont .right .nav .list .went .top .m img{ width: 100%; display: block;}

.header .cont .right .nav .list .went .top .h{ font-size: 16px; color: #333; transition: all 0.5s;}

.header .cont .right .nav .list a:hover .top .h{ color: #DF631E;}

.header .cont .right .nav .list .went .p{ font-size: 14px; color: #999; line-height: 24px; margin-top: 5px;}

.header .cont .right .input{ width: 130px; margin-left: 50px; display: flex; box-sizing: border-box; position: relative;}

.header .cont .right .input input{ display: block; width: 100%; height: 30px; border-radius: 25px; border: 1px solid #ddd; background: #fff; padding: 0 35px 0 15px; font-size: 14px; color: #333;}

.headertwo .cont .right .input input{ background: hsla(0,0%,100%,0.00); color: #fff; border-color: hsla(0,0%,100%,0.50);}

.header .cont .right .input button{ display: block; width: 20px; height: 20px; border-radius: 0; border: none; background: url(../images/3s.png) no-repeat center; background-size: 16px auto; position: absolute; top: 50%; transform: translateY(-50%); right: 10px;}

.headertwo .cont .right .input button{ background: url(../images/3.png) no-repeat center; background-size: 16px auto;}

.header .cont .right .luage{ margin-left: 14px; position: relative;}

.header .cont .right .luage .m{ width: 22px; height: 80px; background: url(../images/4s.png) no-repeat center; background-size: 100% auto;}

.headertwo .cont .right .luage .m{ width: 22px; height: 80px; background: url(../images/4.png) no-repeat center; background-size: 100% auto;}

.header .cont .right .luage .list{ display: none; position: absolute; top: 80px; right: -15px; padding-top: 16px;}

.header .cont .right .luage:hover .list{ display: block;}

.header .cont .right .luage .list::after{ width: 10px; height: 10px; background: #fff; transform: translateX(-50%) rotate(45deg); position: absolute; top: 12px; right: 12px; content: '';}

.header .cont .right .luage .list .mk{ background: #fff; text-align: center; width: 126px; box-shadow: 0px 3px 18px 0px rgba(126,126,126,0.15); padding: 18px 0;}

.header .cont .right .luage .list .mk a{ font-size: 16px; color: #333; line-height: 40px; margin-top: 8px; transition: all 0.5s;}

.header .cont .right .luage .list .mk a:first-child{ margin-top: 0;}

.header .cont .right .luage .list .mk a:hover{ color: #DF631E;}

.w1560{ width: 1560px; margin: auto;}

.bannernews{ margin-top: 80px; position: relative;}

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

.bannernews .text{ position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%);}

.bannernews .text .h1{ font-size: 48px; font-weight: bold; line-height: 50px; color: #fff;}

.bannernews .text .p{ font-size: 24px; line-height: 34px; color: #fff; margin-top: 25px;}

.newsbox{ padding: 100px 0;}

.newsbox .cont .li{ transition: all 0.5s;}

.newsbox .cont .li:hover{ background: hsla(229,67%,19%,0.05);}

.newsbox .cont .li a{ padding: 50px 0; display: flex; justify-content: space-between; align-items: flex-start;}

.newsbox .cont .li a .right{ width: 1370px; display: flex; justify-content: space-between;}

.newsbox .cont .li a .right .img{ width: 480px; height: 290px; overflow: hidden; border-radius: 10px;}

.newsbox .cont .li a .right .img img{ display: block; width: 100%; transition: all 0.5s;}

.newsbox .cont .li:hover a .right .img img{ transform: scale(1.03);}

.newsbox .cont .li a .right .text{ width: 815px; padding-top: 30px;}

.newsbox .cont .li a .right .text .h1{ font-size: 24px; line-height: 34px; font-weight: bold; transition: all 0.5s;}
.newsbox .cont .li:hover a .right .text .h1{ color: #DF631E;}
.newsbox .cont .li a .right .text .p{ font-size: 16px; line-height: 32px; color: #666; height: 64px; margin-top: 30px;}

.newsbox .cont .li a .right .text .a{ width: 170px; height: 48px; border: 1px solid #DF631E; border-radius: 25px; transition: all 0.5s; font-size: 18px; color: #DF631E; margin-top: 45px; text-align: center; line-height: 48px;}

.newsbox .cont .li a .right .text .a:hover{ background: #DF631E; color: #fff;}

.newsbox .cont .li a .time{ width: 110px; border: 1px solid #DF631E; border-radius: 10px; text-align: center;}

.newsbox .cont .li a .time .h{ font-size: 60px; line-height: 76px; border-bottom: 1px solid #DF631E; color: #DF631E; font-weight: bold;}

.newsbox .cont .li a .time .p{ font-size: 18px; color: #DF631E; line-height: 36px; font-weight: bold;}

.load-circle{ width: 40px; height: 40px; position: relative; margin: 70px auto 0;}

.load-container1 > div, .load-container2 > div, .load-container3 > div { width: 20%; height: 20%; background-color:#dbdbdb; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; -moz-animation: bouncedelay 1.2s infinite ease-in-out; -o-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;}

.load-circle .load-container{ position: absolute; width: 100%; height: 100%;}

.load-container2 { -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg);}

.load-container3 { -webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); transform: rotateZ(90deg);}

.circle1 { top: 0; left: 0; }

.circle2 { top: 0; right: 0; }

.circle3 { right: 0; bottom: 0; }

.circle4 { left: 0; bottom: 0; }

.load-container2 .circle1 { -webkit-animation-delay: -1.1s; -moz-animation-delay: -1.1s; -o-animation-delay: -1.1s; animation-delay: -1.1s;}

.load-container3 .circle1 { -webkit-animation-delay: -1.0s; -moz-animation-delay: -1.0s; -o-animation-delay: -1.0s; animation-delay: -1.0s;}

.load-container1 .circle2 { -webkit-animation-delay: -0.9s; -moz-animation-delay: -0.9s; -o-animation-delay: -0.9s; animation-delay: -0.9s;}

.load-container2 .circle2 { -webkit-animation-delay: -0.8s; -moz-animation-delay: -0.8s; -o-animation-delay: -0.8s; animation-delay: -0.8s;}

.load-container3 .circle2 { -webkit-animation-delay: -0.7s; -moz-animation-delay: -0.7s; -o-animation-delay: -0.7s; animation-delay: -0.7s;}

.load-container1 .circle3 { -webkit-animation-delay: -0.6s; -moz-animation-delay: -0.6s; -o-animation-delay: -0.6s; animation-delay: -0.6s;}

.load-container2 .circle3 { -webkit-animation-delay: -0.5s; -moz-animation-delay: -0.5s; -o-animation-delay: -0.5s; animation-delay: -0.5s;}

.load-container3 .circle3 { -webkit-animation-delay: -0.4s; -moz-animation-delay: -0.4s; -o-animation-delay: -0.4s; animation-delay: -0.4s;}

.load-container1 .circle4 { -webkit-animation-delay: -0.3s; -moz-animation-delay: -0.3s; -o-animation-delay: -0.3s; animation-delay: -0.3s;}

.load-container2 .circle4 { -webkit-animation-delay: -0.2s; -moz-animation-delay: -0.2s; -o-animation-delay: -0.2s; animation-delay: -0.2s;}

.load-container3 .circle4 { -webkit-animation-delay: -0.1s; -moz-animation-delay: -0.1s; -o-animation-delay: -0.1s; animation-delay: -0.1s;}

@-webkit-keyframes bouncedelay { 

	0%, 80%, 100% { -webkit-transform: scale(0.0) } 

	40% { -webkit-transform: scale(1.0) } 

}

@-moz-keyframes bouncedelay {

	0%, 80%, 100% { -moz-transform: scale(0.0) }

	40% { -moz-transform: scale(1.0) }

}

@-o-keyframes bouncedelay {

	0%, 80%, 100% { -o-transform: scale(0.0) }

	40% { -o-transform: scale(1.0) }

}

@keyframes bouncedelay {

	0%, 80%, 100% { transform: scale(0.0); } 

	40% { transform: scale(1.0); }

}

.contactboot{ padding: 128px 0 96px 0; background: url(../images/29.jpg) no-repeat top center; background-size: cover;}

.contactboot .h1{ font-size: 36px; text-align: center; font-weight: bold; color: #222; line-height: 36px;}

.contactboot a{ width: 200px; height: 56px; margin: 44px auto 0; text-align: center; line-height: 56px; font-size: 20px; color: #fff; background: #DF631E; border-radius: 30px; transition: all 0.5s;}

.contactboot a:hover{ box-shadow: 0 0 10px hsla(21,76%,50%,0.80);}

.footer{ background: linear-gradient(135deg, #003399 0%, rgba(0,0,0,1.0) 100%); padding: 60px 0 40px 0;}

.footer .logo img{ height: 35px;}

.footer .nav{ margin-top: 90px; display: flex; justify-content: flex-start;}

.footer .nav .li{ border-right: 1px solid hsla(0,0%,100%,0.20); padding: 0 35px;}

.footer .nav .li:first-child{ padding: 0 35px 0 0;}

.footer .nav .li .h1 a{ font-size: 16px; line-height: 30px; color: #fff; margin-bottom: 15px; transition: all 0.5s;}

.footer .nav .li .h1 a:hover{ opacity: 0.8;}

.footer .nav .li .m{ display: flex;}

.footer .nav .li .m a{ font-size: 14px; line-height: 30px; color: #fff; transition: all 0.5s; /*margin-left: 55px;*/}

.footer .nav .li .m a:hover{ opacity: 0.8;}

/*.footer .nav .li .m a:first-child{ margin-left: 0;}*/

.footer .nav .li:nth-child(2) .m a:first-child{ min-width: 180px;}
.footer .nav .li:nth-child(3) .m a:first-child{ min-width: 100px;}

/*.footer .nav .li:nth-child(2) .m a:nth-child(2){ width: auto;}*/

.footer .boot{ margin-top: 90px; display: flex; justify-content: space-between; align-items: flex-end;}

.footer .boot .top{ display: flex; justify-content: flex-start;}

.footer .boot .top a{ font-size: 12px; line-height: 20px; color: #fff; margin-right: 34px; position: relative; transition: all 0.5s;}

.footer .boot .top a::after{ width: 34px; line-height: 20px; color: #fff; position: absolute; top: 0; right: -34px; text-align: center; opacity: 0.5; content: '|';}

.footer .boot .top a:last-child::after{ display: none;}

.footer .boot .top a:last-child{ margin-right: 0;}

.footer .boot .p, .footer .boot .p a{ display: flex; font-size: 12px; line-height: 22px; color: hsla(0,0%,100%,0.40); text-transform: uppercase;}

.footer .boot .mk{ margin-top: 10px;}

.footer .boot .p a{ margin-right: 15px;}

.footer .boot .wear{ display: flex; justify-content: flex-end;}

.footer .boot .wear .h{ font-size: 14px; color: #fff; line-height: 32px; margin-right: 16px;}

.footer .boot .wear .k{ display: flex;}

.footer .boot .wear .k .m{ width: 32px; height: 32px; background: #FF9900; margin-left: 8px; border-radius: 100%; position: relative;}

.footer .boot .wear .k .m:first-child{ margin-left: 0;}

.footer .boot .wear .k .m1{ background: #FF9900 url(../images/90.png) no-repeat center; background-size: 100% auto;}

.footer .boot .wear .k .m2{ background: #FF9900 url(../images/91.png) no-repeat center; background-size: 100% auto;}

.footer .boot .wear .k .m3{ background: #FF9900 url(../images/89.png) no-repeat center; background-size: 100% auto;}
.footer .boot .wear .k .m .d{ display: none; padding: 10px; background: #FB861B; border-radius: 5px; position: absolute; bottom: 45px; left: 50%; transform: translateX(-50%);}
.footer .boot .wear .k .m:hover .d{ display: block;}
.footer .boot .wear .k .m .d img{ width: 100px; display: block;}
.footer .boot .wear .k .m .d::after{ width: 10px; height: 10px; background: #FB861B; transform: translateX(-50%) rotate(45deg); position: absolute; left: 50%; bottom: -5px; content: '';}
.footer .boot .wear .k .m .d{ font-size: 18px; color: #fff; white-space: nowrap; font-weight: bold;}

.footer .boot .tel{ text-align: right; font-size: 42px; color: #fff; line-height: 42px; font-family: 'font1'; margin-top: 20px;}

.footer .boot .right a{ text-align: right; /*margin-top: 10px;*/ font-size: 18px; line-height: 20px; color: #fff; opacity: 0.8;}

.footer .cont{ position: relative;}

.footer .topboxer{ width: 50px; height: 50px; background: url(../images/88.png) no-repeat center bottom; background-size: 26px auto; border-radius: 100%; border: 1px solid #fff; position: absolute; right: 0; top: 42px; cursor: pointer;}

.footer .topboxer:hover{ animation: foot 1.5s; animation-iteration-count: infinite;}

@keyframes foot{

	0%   { background: url(../images/88.png) no-repeat center bottom 0px; background-size: 26px auto; }

	50%  { background: url(../images/88.png) no-repeat center bottom -10px; background-size: 26px auto; }

	100% { background: url(../images/88.png) no-repeat center bottom 0px; background-size: 26px auto; }

}

.newsninnews{ margin-top: 80px; background: #122274;}

.newsninnews .cont{ display: flex; justify-content: flex-start;}

.newsninnews .cont a{ font-size: 18px; line-height: 90px; margin-right: 24px; position: relative; transition: all 0.5s; color: #fff;}

.newsninnews .cont a::after{ content: '>'; width: 24px; line-height: 90px; font-size: 18px; color: #fff; opacity: 0.8; text-align: center; position: absolute; top: 0; right: -24px;}

.newsninnews .cont a:last-child::after{ display: none;}

.w1200{ width: 1200px; margin: auto;}

.newsboxdata{ width: 1070px; margin: auto; padding: 110px 0;}

.newsboxdata .h1{ font-size: 36px; line-height: 56px; color: #666;}

.newsboxdata .icon{ display: flex; margin-top: 25px;}

.newsboxdata .icon .p{ font-size: 16px; color: #999; line-height: 26px; margin-right: 60px;}

.newsboxdata .text{ margin-top: 60px;}

.newsboxdata .text p{ font-size: 16px; line-height: 32px; color: #666;}

.newsboxdata .text img{ display: block; width: 100%;}

.newsboxdata .more a{ display: flex; margin-top: 25px; white-space: nowrap;}

.newsboxdata .more a, .newsboxdata .more a i{ font-size: 20px; line-height: 32px; color: #333; transition: all 0.5s;}

.newsboxdata .more a:hover i{ color: #DF631E;}

.newsboxdata .more{ margin-top: 60px;}

.casebanner{ position: relative;}

.casebanner .img{ overflow: hidden; width: 100%; height: 534px; position: relative;}

.casebanner .img img{ display: block; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}

.casebanner .text{ width: 100%; position: absolute; top: 225px; left: 0;}

.casebanner .text .h1{ font-size: 48px; font-weight: bold; color: #fff; line-height: 48px;}

.casebanner .text .p{ font-size: 24px; line-height: 34px; margin-top: 30px; color: #fff; opacity: 0.8;}

.caseboxone .mk{ width: 1332px; margin: auto; background: #fff; border-radius: 5px; box-shadow: 0px 5px 40px 0px rgba(124,131,161,0.13);}

.caseboxone .mk a{ padding: 32px 44px; display: flex; justify-content: space-between; align-items: center;}

.caseboxone .mk a .img{ width: 624px; height: 420px; border-radius: 20px; overflow: hidden;}

.caseboxone .mk a .img img{ display: block; width: 100%; transition: all 0.5s;}

.caseboxone .mk:hover a .img img{ transform: scale(1.03);}

.caseboxone .mk .text{ width: 520px; margin-right: 20px;}

.caseboxone .mk .text .k{ display: flex;}

.caseboxone .mk .text .k div{ padding: 0 20px; font-size: 18px; color: #666; background: hsla(21,76%,50%,0.10); line-height: 52px; border-radius: 30px;}

.caseboxone .mk .text .p{ font-size: 18px; color: #666; line-height: 40px; margin-top: 30px;}

.caseboxone .mk .text .m{ margin-top: 30px;}

.caseboxone .mk .text .m img{ display: block; height: 45px;}

.caseboxone .swiper{ padding: 30px;}

.caseboxone{ padding-top: 110px;}

.caseboxone .h1, .caseboxertwo .h1{ font-size: 48px; line-height: 48px; text-align: center; color: #333; font-weight: bold;}

.caseboxone .cont{ padding-top: 35px;}

.caseboxone .swiper-button-next, .caseboxone .swiper-button-prev{ width: 50px; height: 50px; background: #DF631E url(../images/67.png) no-repeat center; background-size: 20px auto; border-radius: 100%; top: 50%; transform: translateY(-50%); margin: 0; transition: all 0.5s;}

.caseboxone .swiper-button-next:hover, .caseboxone .swiper-button-prev:hover{ box-shadow: 0 0 10px hsla(21,76%,50%,0.80);}

.caseboxone .swiper-button-prev{ left: 0;}

.caseboxone .swiper-button-next{ right: 0; transform: translateY(-50%) rotate(180deg);}

.caseboxone .swiper-button-next::after, .caseboxone .swiper-button-prev::after{ display: none;}

.caseboxertwo{ margin: 100px 0;}

.caseboxertwo .nav{ display: flex; justify-content: center; margin-top: 60px;}

.caseboxertwo .nav .li a{ background: #F5F5F5; padding: 0 30px; border-radius: 30px; line-height: 46px; font-size: 16px; color: #333; margin: 0 16px; transition: all 0.5s;}

.caseboxertwo .nav .li.on a, .caseboxertwo .nav .li:hover a{ background: hsla(21,76%,50%,0.10); color: #DF631E;}

.caseboxertwo .list .wli{ display: none; justify-content: flex-start; flex-wrap: wrap;}

.caseboxertwo .list .wli.on{ display: flex;}

.caseboxertwo .list .wli .li{ width: 484px; background: #fff; border-radius: 10px; box-shadow: 0px 5px 40px 0px rgba(124,131,161,0.13); margin: 40px 54px 0 0; transition: all 0.5s;}
.caseboxertwo .list .wli .li:hover{ box-shadow: 0 0 15px hsla(21,76%,50%,0.30);}
.caseboxertwo .list .wli .li:nth-child(3n){ margin: 40px 0 0 0;}

.caseboxertwo .list .wli .li a{ padding: 50px 53px 35px 53px;}

.caseboxertwo .list .wli .li a .img img{ height: 42px;}

.caseboxertwo .list .wli .li a .p{ font-size: 16px; line-height: 30px; color: #666; margin-top: 20px;}

.caseboxertwo .list .wli .li a .a{ display: flex; margin-top: 30px;}

.caseboxertwo .list .wli .li a .a i{ font-size: 16px; color: #DF631E; position: relative; line-height: 16px;}

.caseboxertwo .list .wli .li a .a i::after{ content: '>'; font-size: 16px; color: #DF631E; line-height: 16px; position: absolute; top: 0; right: -15px;}

.caseboxertwo .list{ padding-top: 20px;}

.caseboxthree{ background: #09144D; padding: 125px 0; position: relative;}

.caseboxthree::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10;}

.caseboxthree .h1{ font-size: 48px; font-weight: bold; text-align: center; line-height: 48px; color: #fff;}

.caseboxthree .list{ width: 100%; height: 0; overflow: hidden; margin-top: 60px;}

.caseboxthree .form{ width: 100%; overflow: hidden; margin-top: 20px;}

.caseboxthree .form a{ width: 363px; height: 116px; border-radius: 10px; background: #fff; display: flex; justify-content: center; align-items: center; margin: auto;}

.caseboxthree .form a img{ max-width: 90%; max-height: 90%;}

.caseboxthree .tempWrap{ width: 100%!important; overflow: hidden;}

.caseboxthree .form li{ width: 385px;}

.newsninnews2{ background: #F0F2F7;}

.newsninnews2 .cont a, .newsninnews .cont a::after{ color: #999;}

.casedatawent{ padding: 115px 0 0 0;}

.casedatawent .top{ display: flex; justify-content: space-between; position: relative; align-items: center;}

.casedatawent .top::after{ content: ''; width: 100%; height: 1px; border-top: 1px dotted #aaa; position: absolute; top: 54%; transform: translateY(-50%); left: 0; z-index: 0;}

.casedatawent .top a{ display: flex; background: #fff; padding-left: 25px; position: relative; z-index: 5;}

.casedatawent .top a i{ font-size: 16px; color: #DF631E; line-height: 30px; padding-left: 28px; background: url(../images/70.png) no-repeat left center; background-size: 16px auto;}

.casedatawent .top .m{ display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; position: relative; z-index: 5; padding-right: 45px; background: #fff;}

.casedatawent .top .m img{ display: block; height: 50px;}

.casedatawent .list .li{ padding: 100px 0; border-top: 1px dotted #aaa;}

.casedatawent .list .li .img{ width: 460px; overflow: hidden; float: right;}

.casedatawent .list .li .img img{ width: 100%;}

.casedatawent .list .li .left .h1{ font-size: 36px; line-height: 46px; font-weight: bold; color: #333;}

.casedatawent .list .li .textbox{ margin-top: 46px; padding-right: 50px; max-height: 400px; overflow-y: auto; width: 625px;}

.casedatawent .list .li .textbox .text p{ font-size: 16px; line-height: 32px; color: #666;}

.casedatawent .list .li .textbox::-webkit-scrollbar{ width: 1px; background: #ddd;}

.casedatawent .list .li .textbox::-webkit-scrollbar-thumb{ width: 1px; background: #DF631E;}

.casedatawent .list .li:first-child{ border-top: none;}

.progentone{ padding: 125px 0; background: #F3F8FF;}

.progentone .h1, .progentwo .h1{ font-size: 48px; font-weight: bold; text-align: center; line-height: 48px; color: #333;}

.progentone .list{ display: flex; justify-content: space-between; margin-top: 65px;}

.progentone .list .li{ width: 453px; min-height: 270px; background: #fff; box-shadow: 0px 0px 18px 0px rgba(145,145,145,0.17); border-radius: 10px; position: relative; transition: all 0.5s;}
.progentone .list .li:first-child:hover{ box-shadow: 0 0 18px hsla(227,100%,70%,0.30);}
.progentone .list .li:nth-child(2):hover{ box-shadow: 0 0 18px hsla(179,82%,49%,0.30);}
.progentone .list .li:nth-child(3):hover{ box-shadow: 0 0 18px hsla(29,97%,55%,0.30);}
.progentone .list .li a{ padding: 55px 53px 40px 53px;}

.progentone .list .li1{ background: #fff url(../images/56.png) no-repeat center; background-size: cover;}

.progentone .list .li2{ background: #fff url(../images/57.png) no-repeat center; background-size: cover;}

.progentone .list .li3{ background: #fff url(../images/58.png) no-repeat center; background-size: cover;}

.progentone .list .li .h2{ font-size: 24px; font-weight: bold; color: #6688FF; line-height: 34px; position: relative;}

.progentone .list .li .p{ font-size: 16px; line-height: 30px; margin-top: 25px; color: #666;}

.progentone .list .li1 .h2{ color: #6688FF;}

.progentone .list .li2 .h2{ color: #16E5E0;}

.progentone .list .li3 .h2{ color: #FB861B;}

.progentone .list .li i{ display: block; width: 28px; height: 28px; border-radius: 100%; position: absolute; top: 50%; left: -68px; transform: translateY(-50%); background: #fff;}

.progentone .list .li i::after{ content: ''; width: 12px;height: 12px; border-radius: 100%; background: #6688FF; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.progentone .list .li:first-child i::after{ background: #6688FF;}

.progentone .list .li:nth-child(2) i::after{ background: #17E5E0;}

.progentone .list .li:nth-child(3) i::after{ background: #FB861B;}

.progentwo{ padding: 120px 0 460px 0; background: url(../images/59.jpg) no-repeat center bottom; background-size: 1920px auto;}

.progentwo .p{ font-size: 18px; line-height: 40px; color: #666; text-align: center; width: 1100px; margin: 25px auto 0;}

.progentwo a{ width: 200px; height: 56px; text-align: center; line-height: 56px; background: #DF631E; border-radius: 30px; color: #fff; font-size: 20px; margin: 45px auto 0; transition: all 0.5s;}

.progentwo a:hover{ box-shadow: 0 0 10px hsla(21,76%,50%,0.80);}

.progenthree{ padding-top: 146px; background: #101C52 url(../images/61.jpg) no-repeat top center; background-size: 100% auto; padding-bottom: 120px;}

.progenthree .h1, .progensix .cont .h1{ font-size: 48px; line-height: 50px; color: #fff; text-align: center;}

.progenthree .ps, .progensix .cont .ps{ font-size: 20px; text-transform: uppercase; text-align: center; line-height: 20px; color: #fff; margin-top: 20px; opacity: 0.9; letter-spacing: 10px;}

.progenthree .nav{ display: flex; justify-content: center; margin-top: 85px; border-bottom: 1px solid hsla(21,76%,50%,0.20);}

.progenthree .nav .li a{ background-image: linear-gradient(hsla(21,76%,50%,0.00), hsla(21,76%,50%,0.00)); margin: 0 60px; padding: 0 18px; font-size: 24px; line-height: 70px; color: #fff; transition: all 0.5s; border-bottom: 4px solid hsla(0,0%,100%,0.00);}

.progenthree .nav .li a:hover{ color: #FF9900;}

.progenthree .nav .li.on a{ border-color: #DF631E; background-image: linear-gradient(hsla(21,76%,50%,0.10), hsla(21,76%,50%,0.50)); color: #fff;}

.progenthree .list{ margin-top: 75px;}

.progenthree .list .li{ margin-top: 90px; background: hsla(0,0%,0%,0.10); border-radius: 10px; position: relative; overflow: hidden;}

.progenthree .list .li:first-child{ margin-top: 0;}

.progenthree .list .li::before{ width: 100%; height: 90px; background: hsla(0,0%,0%,0.10); position: absolute; top: 0; left: 0; z-index: 0; content: '';}

.progenthree .list .li .img img{ display: block; max-width: 100%; max-height: 100%;}

.progenthree .list .li .img{ width: 720px; height: 440px; overflow: hidden; border-radius: 10px; float: right; display: flex; justify-content: center;}

.progenthree .list .li:nth-child(2n) .img{ float: left;}

.progenthree .list .li .text .h2{ font-size: 36px; color: #fff; line-height: 90px; padding-left: 75px; position: relative; transition: all 0.5s;}
.progenthree .list .li:hover .text .h2{ color: #DF631E;}
.progenthree .list .li .text .h2::after{ content: ''; width: 8px; height: 45px; background: #DF631E; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.progenthree .list .li .text .p{ font-size: 18px; line-height: 36px; color: #fff; width: 656px; margin: 50px 0 0 75px;min-height: 230px;}

.progenthree .list .li .text .a{ font-size: 18px; line-height: 18px; color: hsla(21,76%,50%,0.20); letter-spacing: 5px; margin-left: 75px;}

.progenthree .list .li:nth-child(2n) .text{ float: right; margin-right: 115px;}

.progenthree .list .li:nth-child(2n) .text .p{ width: 616px;}

.progenthree .list .li:nth-child(2n) .h2{ padding-left: 52px;}

.progenthree .list .li:nth-child(2n) .text .p{ margin: 50px 0 0 52px;}

.progenthree .list .li:nth-child(2n) .text .a{ margin-left: 52px;}

.progensix{ padding: 120px 0 180px 0; background: #101C52 url(../images/62.jpg) no-repeat center bottom; background-size: 100% auto; overflow: hidden;}

.progensix .cont{ background: #fff; padding: 102px 0 0 0; position: relative;}

.progensix .cont .text{ height: 320px; opacity: 0.5; margin-left: 75px; transition: all 0.2s;}

.progensix .cont .text i{ display: block; width: 20px; height: 20px; background: url(../images/64.png) no-repeat center; background-size: 100% auto; transition: all 0.2s;}

.progensix .cont .text .h2{ font-size: 24px; line-height: 34px; font-weight: bold; color: #333; margin-top: 25px; transition: all 0.2s;}
.progensix .cont .text:hover .h2{ color: #DF631E;}
.progensix .cont .text .p{ font-size: 16px; color: #666; line-height: 30px; margin-top: 15px; transition: all 0.2s;}

.progensix .cont .img{ width: 719px; float: right;}

.progensix .cont .img img{ display: block; width: 100%;}

.progensix .cont .h1, .progensix .cont .ps{ color: #333;}

.progensix .cont .left{ margin-top: 50px; float: left; width: 574px; position: relative;}

.progensix .cont .swiper-container{ height: 640px;}

.progensix .cont .swiper-slide-active .text i{ width: 30px; height: 30px;}

.progensix .cont .swiper-slide-active .text .h2{ font-size: 32px;}

.progensix .cont .swiper-slide-active .text{ opacity: 1;}

.progensix .cont .swiper-slide-active .text .p{ font-size: 18px; line-height: 38px;}

.progensix .cont .swiper-button-next, .progensix .cont .swiper-button-prev{ display: none;}

.progensix .cont .icon{ width: 60px; height: 60px; background: #DF631E url(../images/47.png) no-repeat center; background-size: 10px auto; transform: rotate(270deg); position: absolute; top: 50%; right: -30px; margin-top: -30px; border-radius: 100%; cursor: pointer; transition: all 0.5s;}
.progensix .cont .icon1{ left: -50px ; right: auto; transform: rotate(0);}
.progensix .cont .icon:hover{ box-shadow: 0 0 10px hsl(21deg 76% 50% / 80%);}
.progensix .cont::before{ width: 50%; top: 0; right: 100%; background: #fff; position: absolute; height: 100%; content: '';}

.aboutone{ background: #0e1952 url(../images/31.jpg) no-repeat right center; background-size: 100% auto; padding: 150px 0 200px 0; overflow: hidden;}

.aboutone .h1{ display: flex;}

.aboutone .h1 i{ font-size: 182px; color: #0F247F; line-height: 144px; padding-bottom: 60px; font-family: 'font2'; position: relative;}

.aboutone .h1 i::after{ width: 150%; height: 1px; background: #fff; overflow: hidden; opacity: 0.2; position: absolute; bottom: 0; right: 0; content: '';}

.aboutone .text{ width: 880px; margin-top: 70px;}

.aboutone .text .h{ font-size: 36px; line-height: 40px; font-weight: bold; color: #fff;}

.aboutone .text .p{ margin-top: 35px;}

.aboutone .text .p p{ font-size: 16px; line-height: 40px; color: #fff;}

.aboutwo{ position: relative; transform: translateY(-50%); z-index: 10;}

.aboutwo .cont{ background: #FFFFFF; box-shadow: 0px 5px 40px 0px rgba(124,131,161,0.13); border-radius: 30px; display: flex; justify-content: center; padding: 30px 0;}

/*.aboutwo .cont .li{ width: 12.5%;}*/

.aboutwo .cont .li .img{ width: 100%; height: 70px; display: flex; justify-content: center; align-items: center;}

.aboutwo .cont .li .img img{ display: block; max-width: 100%; max-height: 100%;}

.aboutwo .cont .li .p{ font-size: 16px; text-align: center; color: #333; line-height: 26px; margin-top: 15px; transition: all 0.5s;}

.aboutwo .cont .li:hover .p{ color: #DF631E;}

.abouthree .imgboxmax{ float: right; margin-right: -80px;}

.abouthree .imgbox{ width: 922px; height: 922px; display: flex; justify-content: center; align-items: center; border: 1px dashed hsla(229,85%,32%,0.15); border-radius: 100%; position: relative;}

.abouthree .imgbox .em{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%;}

.abouthree .imgbox .em::after{ width: 10px; height: 10px; background: #C2C2C2; border-radius: 100%; position: absolute; bottom: 120px; left: 140px; content: '';}

.abouthree .imgbox .em::before{ width: 10px; height: 10px; background: #C2C2C2; border-radius: 100%; position: absolute; bottom: 325px; right: 14px; content: '';}

.abouthree .imgbox .em2::after{ bottom: auto; top: 245px; left: 14px;}

.abouthree .imgbox .em2::before{ bottom: auto; top: 114px; right: 92px;}

.abouthree .imgbox .em1{ animation: myfirst1 18s infinite linear;}

@keyframes myfirst1{

	from { transform: rotate(0deg); }

	to { transform: rotate(-359deg); }

}

.abouthree .imgbox .em2{ animation: myfirst2 18s infinite linear;}

@keyframes myfirst2{

	from { transform: rotate(0deg); }

	to { transform: rotate(359deg); }

}

.abouthree .imgmax{ width: 740px; height: 740px; border-radius: 100%; border: 1px dashed hsla(229,85%,32%,0.30); display: flex; justify-content: center; align-items: center; position: relative;}

.abouthree .imgmin{ width: 550px; height: 550px; border-radius: 100%; border: 1px dashed hsla(229,85%,32%,0.40); display: flex; justify-content: center; align-items: center; position: relative;}

.abouthree .imgmin::after{ width: 100%; height: 1px; background: #c2c2c2; opacity: 0.5; position: absolute; left: 0; top: 50%; margin-top: -0.5px; content: '';}

.abouthree .imgmin::before{ width: 1px; height: 100%; background: #c2c2c2; opacity: 0.5; position: absolute; top: 0; left: 50%; margin-left: -0.5px; content: '';}

.abouthree .mapr{ width: 288px; height: 288px; display: flex; justify-content: center; align-items: center; background: #0c2596; border-radius: 100%; position: relative; z-index: 5;}

.abouthree .mapr img{ display: block; width: 220px;} 

.abouthree .mapr img{ animation: myfirst3 15s infinite linear;}

@keyframes myfirst3{

	from { transform: rotate(0deg); }

	to { transform: rotate(359deg); }

}

.abouthree .listr{ width: 550px; height: 550px; position: absolute; top: 0; left: 0; display: flex; justify-content: flex-start; flex-wrap: wrap; z-index: 10;}

.abouthree .listr .li1{ position: absolute; top: 0; right: 0;}

.abouthree .listr .li2{ position: absolute; bottom: 0; right: 0;}

.abouthree .listr .li3{ position: absolute; bottom: 0; left: 0;}

.abouthree .listr .li4{ position: absolute; top: 0; left: 0;}

.abouthree .listr .li, .abouthree .listr .li .m{ width: 275px; height: 275px;}

.abouthree .listr .li .m{ overflow: hidden; position: relative; transition: all 0.5s;}

.abouthree .listr .li1 .m{ height: 275px;}

.abouthree .listr .li2 .m{ opacity: 0;}

.abouthree .listr .li3 .m{ opacity: 0;}

.abouthree .listr .li4 .m{ opacity: 0;}

.abouthree .listr .li2.on .m{ opacity: 1;}

.abouthree .listr .li3.on .m{ opacity: 1;}

.abouthree .listr .li4.on .m{ opacity: 1;}

.abouthree .listr .li .m::after{ width: 550px; height: 550px; border-radius: 100%; border: 1px solid #0C2596; content: ''; position: absolute;}

.abouthree .listr .li1 .m::after{ top: -1px; right: -1px;}

.abouthree .listr .li2 .m::after{ bottom: -1px; right: -1px;}

.abouthree .listr .li3 .m::after{ bottom: -1px; left: -1px;}

.abouthree .listr .li4 .m::after{ top: -1px; left: -1px;}

.abouthree .listr .li .ter, .abouthree .listr .li .ter .mk{ width: 90px; height: 90px; border-radius: 100%; z-index: 5;}

.abouthree .listr .li1 .ter{ position: absolute; top: -45px; left: -45px;}

.abouthree .listr .li2 .ter{ position: absolute; top: -45px; right: -45px;}

.abouthree .listr .li3 .ter{ position: absolute; bottom: -45px; right: -45px;}

.abouthree .listr .li4 .ter{ position: absolute; bottom: -45px; left: -45px;}

.abouthree .listr .li1 .ter .mk{ background: #C2C2C2 url(../images/42.png) no-repeat center; background-size: 100% auto;}

.abouthree .listr .li2 .ter .mk{ background: #C2C2C2 url(../images/43.png) no-repeat center; background-size: 100% auto;}

.abouthree .listr .li3 .ter .mk{ background: #C2C2C2 url(../images/44.png) no-repeat center; background-size: 100% auto;}

.abouthree .listr .li4 .ter .mk{ background: #C2C2C2 url(../images/45.png) no-repeat center; background-size: 100% auto;}

.abouthree .listr .li1.on .ter .mk{ background: #DF631E url(../images/42.png) no-repeat center; background-size: 100% auto;}

.abouthree .listr .li2.on .ter .mk{ background: #DF631E url(../images/43.png) no-repeat center; background-size: 100% auto;}

.abouthree .listr .li3.on .ter .mk{ background: #DF631E url(../images/44.png) no-repeat center; background-size: 100% auto;}

.abouthree .listr .li4.on .ter .mk{ background: #DF631E url(../images/45.png) no-repeat center; background-size: 100% auto;}

.abouthree .listr .li .ter .p{ font-size: 20px; line-height: 30px; color: #666;}

.abouthree .listr .li1 .ter .p{ white-space: nowrap; position: absolute; bottom: 95px; left: 50%; transform: translateX(-50%);}

.abouthree .listr .li3 .ter .p{ white-space: nowrap; position: absolute; top: 95px; left: 50%; transform: translateX(-50%);}

.abouthree .listr .li2 .ter .p{ width: 140px; position: absolute; left: 95px; top: 50%; transform: translateY(-50%);}

.abouthree .listr .li4 .ter .p{ width: 140px; position: absolute; right: 95px; top: 50%; transform: translateY(-50%); text-align: right;}

.abouthree .cont{ position: relative;}

.abouthree .cont .top{ position: absolute; top: 35px; left: 0;}

.abouthree .cont .top .p{ font-size: 180px; color: #FAFAFA; text-transform: uppercase; line-height: 140px; font-family: 'font2';}

.abouthree .cont .top .h{ font-size: 48px; font-weight: bold; line-height: 50px; position: absolute; left: 20px; bottom: 0;}

.abouthree{ overflow: hidden; padding-bottom: 85px;}

.abouthree .right{ padding-top: 300px; width: 510px;}

.abouthree .right .swiper-container .mker{ width: 100%; height: 336px; position: relative; padding: 80px 0 58px 0;}

.abouthree .right .swiper-container .mker .num{ font-size: 312px; font-family: 'font2'; line-height: 220px; color: #999; opacity: 0.05; position: absolute; top: 0; left: 0;}

.abouthree .right .h2{ font-size: 36px; font-weight: bold; color: #333; line-height: 40px; padding-left: 46px; background: url(../images/40.png) no-repeat left center; background-size: 21px auto;}

.abouthree .right .p{ margin: 45px 0 0 46px; font-size: 16px; line-height: 38px; color: #666;}

.abouthree .right .swiper-button-prev, .abouthree .right .swiper-button-next{ width: 56px; height: 56px; border-radius: 100%; border: 1px solid #DF631E; background: #fff url(../images/46.png) no-repeat center; background-size: 10px auto; top: auto; margin: 0; bottom: 0; transition: all 0.5s;}

.abouthree .right .swiper-button-prev{ left: 0;}

.abouthree .right .swiper-button-next{ right: auto; left: 95px; transform: rotate(180deg);}

.abouthree .right .swiper-button-prev::after, .abouthree .right .swiper-button-next::after{ display: none;}

.abouthree .right .swiper-button-prev:hover, .abouthree .right .swiper-button-next:hover{ background: #DF631E url(../images/47.png) no-repeat center; background-size: 10px auto;}

.abouthree .right .line{ width: 100%; height: 1px; position: relative; margin-top: 37px; background: hsla(21,76%,50%,0.10);}

.abouthree .right .line div{ width: 25%; height: 1px; background: #DF631E; position: absolute; top: 0; left: 0; transition: all 0.5s;}

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

.aboutline .left{ width: 8.08rem; height: 9.02rem; background: url(../images/48.jpg) no-repeat center bottom; background-size: cover;}

.aboutline .left .top{ padding-top: 110px;}

.aboutline .left .top .h1{ font-size: 48px; font-weight: bold; text-align: center; color: #fff; line-height: 50px;}

.aboutline .left .top .p{ font-size: 24px; text-transform: uppercase; color: #fff; margin-top: 20px; text-align: center; line-height: 24px; letter-spacing: 2px;}

.aboutline .left .line{ width: 1px; height: 70px; margin: 35px auto 0; background: hsla(0,0%,100%,0.10); position: relative;}

.aboutline .left .line div{ width: 1px; height: 22px; background: #fff; position: absolute; top: 0; left: 0; transition: all 0.5s;}

.aboutline .left .line div{ animation: first 3s; animation-iteration-count: infinite;}

@keyframes first{

	0%   { top: 0; }

	50%  { top: 48px;}

	100% { top: 0;}

}

.aboutline .right{ width: calc(100% - 8.08rem); background: #101C52;}

.aboutline .right .topv{ height: 4.12rem; background: url(../images/49.jpg) no-repeat center; background-size: cover;}

.aboutline .right .topv .mySwiper{ width: 9.12rem; margin: auto; padding-top: 2.6rem; overflow: hidden;}

.aboutline .right .topv .mySwiper .em{ font-size: 24px; color: #fff; line-height: 30px; text-align: center; cursor: pointer; padding-bottom: 25px;}

.aboutline .right .topv .mySwiper .swiper-slide-thumb-active .em{ background: url(../images/ww.png) no-repeat center bottom; background-size: 20px auto;}

.aboutline .right .mySwiper2{ position: relative; width: 7.3rem; margin: auto!important; padding: 0 1.2rem; overflow: hidden;}

.aboutline .right .text{ display: flex; align-items: center; height: 4.9rem;}

.aboutline .right .text .time{ font-size: 1.56rem; font-family: 'font2'; color: #fff; opacity: 0.05; line-height: 1.5rem;}

.aboutline .right .text .p{ margin-top: 0.3rem;color: #fff!important;}

.aboutline .right .text .p p,
.aboutline .right .text .p p span{ font-size: 16px!important; line-height: 0.4rem!important; color: #fff!important;}

.aboutline .right .swiper-button-next, .aboutline .right .swiper-button-prev{ border-radius: 100%; width: 56px; height: 56px; border: 1px solid #fff; background: url(../images/47.png) no-repeat center; background-size: 10px auto; transition: all 0.5s;}

.aboutline .right .swiper-button-next:hover, .aboutline .right .swiper-button-prev:hover{ background: #FF9900 url(../images/47.png) no-repeat center; border-color: #FF9900;}

.aboutline .right .swiper-button-next::after, .aboutline .right .swiper-button-prev::after{ display: none;}

.aboutline .right .swiper-button-next{ right: 0; transform: rotate(180deg);}

.aboutline .right .swiper-button-prev{ left: 0;}

.aboutcontact{ padding: 120px 0;}

.aboutcontact .cont{ width: 1510px; margin: auto;}

.aboutcontact .h1{ font-size: 48px; text-align: center; line-height: 50px; color: #333; font-weight: bold;}

.aboutcontact .list{ width: 100%; height: 550px; margin-top: 50px; background: url(../images/50.jpg) no-repeat center; background-size: cover;}

.aboutcontact .list .mk{ padding: 90px 0 0 130px;}

.aboutcontact .list .mk .h2{ font-size: 28px; line-height: 30px; color: #fff;}

.aboutcontact .list .mk .k{ margin-top: 30px;}

.aboutcontact .list .mk .m{ padding: 5px 0 5px 35px; line-height: 30px; color: #fff; font-size: 16px; position: relative;}

.aboutcontact .list .mk .m::after{ content: ''; width: 30px; height: 30px; position: absolute; top: 5px; left: 0;}

.aboutcontact .list .mk .m1::after{ background: url(../images/53.png) no-repeat center; background-size: 100% auto;}

.aboutcontact .list .mk .m2::after{ background: url(../images/52.png) no-repeat center; background-size: 100% auto;}

.aboutcontact .list .mk .m3::after{ background: url(../images/54.png) no-repeat center; background-size: 100% auto;}

.aboutcontact .list .img img{ width: 148px; display: block; margin-top: 30px;}

.aboutcontact .boot{ margin-top: 110px; display: flex; justify-content: space-between;}

.aboutcontact .boot .wli{ width: 440px;}

.aboutcontact .boot .wli .h2{ font-size: 24px; line-height: 30px; color: #333; font-weight: bold; margin-bottom: 30px;}

.aboutcontact .boot .wli .m{ font-size: 16px; line-height: 30px; color: #666; padding: 5px 0 5px 35px; position: relative;}

.aboutcontact .boot .wli .m::after{ content: ''; width: 30px; height: 30px;  position: absolute; left: 0; top: 5px;}

.aboutcontact .boot .wli .m1::after{ background: url(../images/53s.png) no-repeat center; background-size: 100% auto;}

.aboutcontact .boot .wli .m2::after{ background: url(../images/52s.png) no-repeat center; background-size: 100% auto;}

.aboutcontact .boot .wli .m3::after{ background: url(../images/54s.png) no-repeat center; background-size: 100% auto;}

.centeryent .cont{ padding: 140px 0; background: url(../images/w23.png) no-repeat left top; background-size: 26px auto;}

.centeryent .cont .img{ float: right; margin-right: -80px; width: 770px;}

.centeryent .cont .img img{ display: block; width: 100%;}

.centeryent .cont .text{ padding: 35px 0 0 66px; width: 680px;}

.centeryent .cont .text .h1{ font-size: 42px; color: #333; font-weight: bold; line-height: 52px;}

.centeryent .cont .text .em{ font-size: 28px; line-height: 44px; color: #DF631E; margin-top: 30px;}

.centeryent .cont .text .p{ font-size: 18px; line-height: 40px; color: #666; margin-top: 45px;}

.centeryent .cont .text a{ width: 200px; height: 56px; border-radius: 30px; background: #DF631E; font-size: 20px; color: #fff; text-align: center; line-height: 56px; margin-top: 70px; transition: all 0.5s;}
.centeryent .cont .text a:hover{ box-shadow: 0 0 10px hsla(21,76%,50%,0.80);}
.centerwobox{ background: url(../images/17.jpg)  no-repeat center; background-size: cover; padding: 120px 0;}

.centerwobox .h1{ font-size: 42px; font-weight: bold; line-height: 44px; text-align: center; color: #333;}

.centerwobox .ps{ font-size: 24px; line-height: 34px; text-align: center; margin-top: 20px;}

.centerwobox .swiper-container{ padding: 25px 0; width: 1270px; margin: auto;}

.centerwobox .list{ margin-top: 30px;}

.centerwobox .list .text{ width: 100%; height: 462px; position: relative; transition: all 0.5s; transform: scale(0.7);}

.centerwobox .list .text .mk{ transition: all 0.5s; width: 926px; height: 462px; border-radius: 3px; background: #FCFCFC; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}

.centerwobox .list .text .mk>div{ transition: all 0.5s; opacity: 0;}

.centerwobox .list .swiper-slide-active .text{ z-index: 5; transform: scale(1);}

.centerwobox .list .swiper-slide-active .text .mk>div{ opacity: 1;}

.centerwobox .list .swiper-slide-active .text .mk{ box-shadow: 0px 5px 40px 0px rgba(153,153,153,0.13);}

.centerwobox .list .swiper-button-next, .centerwobox .list .swiper-button-prev{ width: 50px; height: 50px; border-radius: 100%; background: #DF631E url(../images/15.png) no-repeat center; background-size: 20px auto; transition: all 0.5s;}

.centerwobox .list .swiper-button-next:hover, .centerwobox .list .swiper-button-prev:hover{ box-shadow: 0 0 10px hsla(21,76%,50%,0.80);}

.centerwobox .list .swiper-button-next::after, .centerwobox .list .swiper-button-prev::after{ display: none;}

.centerwobox .list .swiper-button-next{ right: 50px; transform: rotate(180deg);}

.centerwobox .list .swiper-button-prev{ left: 50px;}

.centerwobox .list .wr{ display: flex; height: 100%; align-items: center; position: relative; margin: 0 65px 0 90px;}

.centerwobox .list .wr .img{ width: 340px; overflow: hidden; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.centerwobox .list .wr .img img{ display: block; width: 100%; transition: all 0.5s;}
.centerwobox .list .wr:hover .img img{ transform: scale(1.03);}
.centerwobox .list .wr .left{ width: 360px;}

.centerwobox .list .wr .left .m img{ width: 40px; display: block;}

.centerwobox .list .wr .left .h2{ font-size: 24px; line-height: 34px; margin-top: 25px;}

.centerwobox .list .wr .left .p{ font-size: 16px; line-height: 30px; color: #666; margin-top: 20px;}

.centervert{ padding: 150px 0 210px 0; background: #041464 url(../images/23.jpg) no-repeat bottom -75px center; background-size: 100% auto;}

.centervert .cont{ display: flex; justify-content: flex-start; flex-wrap: wrap; padding: 55px 0 0 0;}

.centervert .cont .li{ width: 510px; height: 332px; margin-bottom: 14px; background: #132C7F; margin-right: 14px; text-align: center; border-radius: 20px; position: relative; transition: all 0.5s;}

.centervert .cont .li:hover{ background: linear-gradient(0deg, #0264FF 0%, #4A96FF 100%);}

.centervert .cont .li::after{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #3F569E; border-radius: 20px; content: ''; transition: all 0.5s;}

.centervert .cont .li:hover::after{ opacity: 0;}

.centervert .cont>div:nth-child(3n){ margin-right: 0;}

.centervert .cont .li .m{ width: 70px; height: 70px; margin: auto;}

.centervert .cont .li .m img{ display: block; width: 100%;}

.centervert .cont .li .mk{ padding-top: 60px;}

.centervert .cont .li .h1{ font-size: 24px; font-weight: bold; color: #fff; line-height: 34px; margin-top: 18px;}

.centervert .cont .li .p{ font-size: 16px; line-height: 30px; color: #fff; margin: 5px auto 0; width: 324px;}

/*.centervert .cont .wt{ width: 510px; height: 332px; margin-right: 14px;}*/

/*.centervert .wt .tit{ padding-top: 45px;}*/

.centervert .wt .tit .h1, .centervert .cont .wt .tit .h1 i{ font-size: 48px; font-weight: bold; color: #fff; line-height: 50px; text-align: center;}

.centervert .wt .tit .h1 i{ display: block; color: #FF5B00;}

.centervert .wt .tit .p{ font-size: 20px; line-height: 20px; margin-top: 20px; color: #fff; text-align: center; letter-spacing: 3px; text-transform: uppercase; opacity: 0.9;}

.centeruert{ padding-top: 100px; background: #0a1444 url(../images/24.png) no-repeat right bottom; background-size: 14rem auto; padding-bottom: 200px; overflow: hidden;}

.centeruert .h1{ font-size: 48px; text-align: center; line-height: 50px; color: #fff; font-weight: bold;}

.centeruert .ps{ font-size: 20px; line-height: 20px; margin-top: 20px; color: #fff; text-align: center; letter-spacing: 3px; text-transform: uppercase; opacity: 0.9;}

.centeruert .list{ padding-top: 55px; position: relative;}

.centeruert .list::after{ content: ''; width: 724px; height: 485px; background: #020C48; position: absolute; bottom: 0; left: -185px; z-index: 0;}

.centeruert .list .li{ position: relative; margin-bottom: 36px; width: 762px; float: left; border-radius: 20px; overflow: hidden; z-index: 5;}

.centeruert .list .li:nth-child(2){ margin-top: 80px;}

.centeruert .list .li:nth-child(2n){ float: right;}

.centeruert .list .li .img{ width: 100%; height: 420px; overflow: hidden; position: relative; z-index: 0;}
.centeruert .list .li .img::after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(hsla(216,89%,41%,0.00), hsla(216,89%,41%,0.90)); content: '';}
.centeruert .list .li .img img{ display: block; width: 100%; transition: all 0.5s;}
.centeruert .list .li:hover .img img{ transform: scale(1.03);}
.centeruert .list .li .text{ position: absolute; left: 50px; bottom: 50px; right: 50px; transition: all 0.5s; z-index: 1;}

.centeruert .list .li .text .h2{ font-size: 28px; line-height: 28px; color: #fff;}

.centeruert .list .li .text .p{ font-size: 20px; line-height: 20px; color: #fff; margin-top: 20px; opacity: 0.8;}

.centeruert .list .li:hover .text{ opacity: 0;}

.centeruert .list .li .mk{ background: hsla(216,89%,41%,0.90); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s; display: flex; align-items: center; opacity: 0;}

.centeruert .list .li .mk>div{ padding: 0 75px;}

.centeruert .list .li .mk .h2{ font-size: 28px; line-height: 28px; color: #fff;}

.centeruert .list .li .mk .em{ width: 56px; height: 1px; background: #fff; margin-top: 30px; opacity: 0.4;}

.centeruert .list .li .mk .p{ font-size: 20px; line-height: 40px; color: #fff; margin-top: 30px; opacity: 0.9;}

.centeruert .list .li:hover .mk{ opacity: 1;}

.searchbox{ margin-top: 80px; background: #F5F5F6; padding: 65px 0 130px 0;}

.searchbox .h1{ font-size: 36px; line-height: 36px; color: #333; text-align: center;}

.searchbox .list{ background: #fff; padding: 50px 96px 55px 66px; margin-top: 45px;}

.searchbox .list .top, .searchbox .list .top i, .searchbox .list .top em{ font-size: 16px; line-height: 26px; color: #666;}

.searchbox .list .top i{ color: #DF631E;}

.searchbox .list .top em{ font-weight: bold;}

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

.searchbox .boot .left{ width: 977px;}

.searchbox .boot .right{ width: 262px;}

.searchbox .boot .left .li{ padding: 60px 0; border-top: 1px solid #eee;}

.searchbox .boot .left .li:first-child{ border-top: 0; padding: 0 0 60px 0;}

.searchbox .boot .left .li .h2, .searchbox .boot .left .li .h2 i{ font-size: 24px; color: #333; line-height: 34px;}

.searchbox .boot .left .li .p{ font-size: 16px; line-height: 28px; color: #666; margin-top: 15px;}

.searchbox .boot .left .li .h2 i{ color: #DF631E;}

.searchbox .boot .left .li .v{ font-size: 16px; line-height: 26px; color: #999; margin-top: 20px;}

.searchbox .boot .right .h2{ font-size: 16px; padding-bottom: 20px; border-bottom: 1px solid #eee; line-height: 16px; font-weight: bold;}

.searchbox .boot .right .mk{ margin-top: 15px;}

.searchbox .boot .right .mk a{ font-size: 16px; line-height: 36px; color: #666; transition: all 0.5s;}

.searchbox .boot .right .mk a:hover{ color: #0062FF;}

.pageing{ display: flex; justify-content: center; margin-top: 35px;}

.pageing a{ width: 54px; height: 54px; text-align: center; line-height: 54px; border-radius: 100%; font-size: 18px; color: #333; margin: 0 10px; transition: all 0.5s;}

.pageing a:hover{ color: #0062FF;}

.pageing a.cur{ background: #0062FF; color: #fff;}

.boomdata{ background-image: linear-gradient(to top left, #FFF  , hsla(217,100%,50%,0.15)); margin-top: 80px;}

.boomdata .cont{ display: flex; justify-content: space-between;}

.boomdata .cont .left{ border-right: 1px solid #E5ECF3; padding: 90px 95px 70px 0; width: 867px;}

.boomdata .cont .left .h1{ font-size: 36px; color: #333; line-height: 46px;}

.boomdata .cont .left .data p{ font-size: 16px; line-height: 28px; color: #666;}

.boomdata .cont .left .data{ padding: 30px 0 40px 0; border-bottom: 1px solid #E5ECF3;}

.boomdata .cont .left .data img{ display: block; margin: auto; max-width: 100%;}

.boomdata .cont .left .more a, .boomdata .cont .left .more a i{ font-size: 16px; line-height: 36px; color: #333; transition: all 0.5s;}

.boomdata .cont .left .more a i{ padding-left: 8px; transition: all 0.5s;}

.boomdata .cont .left .more a:hover i{ color: #0062FF;}

.boomdata .cont .left .more{ margin-top: 30px;}

.boomdata .cont .right{ width: 500px; padding: 70px 0;}

.boomdata .cont .right .h1{ font-size: 24px; font-weight: bold; line-height: 30px; color: #333;}

.boomdata .cont .right .mk .li{ margin-top: 40px;}

.boomdata .cont .right .mk .li a{ display: flex; justify-content: space-between; align-items: center;}

.boomdata .cont .right .mk .li .img{ width: 206px; height: 120px; display: flex; justify-content: center; align-items: center; border: 1px solid #eee;}

.boomdata .cont .right .mk .li .img img{ display: block; width: 100%;}

.boomdata .cont .right .mk .li .p{ width: calc(100% - 230px); font-size: 18px; color: #333; line-height: 28px; transition: all 0.5s;}

.boomdata .cont .right .mk .li:hover .p{ color: #0062FF;}

/*  */

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

.section1{ background: url(../images/w24.jpg) no-repeat center; background-size: cover;}

.section2{ background: #000;}

.section3{ background: url(../images/w12.jpg) no-repeat center; background-size: cover;}

.section4{ background: url(../images/w9.jpg) no-repeat center; background-size: cover;}

.section5{ background: url(../images/w8.jpg) no-repeat center; background-size: cover;}

.sixindex .mkbox{ position: relative; width: 100%; height: 100%;}

.sixindex .mkbox .img{ width: 100%; overflow: hidden; height: 100%; background-size: cover;}

.sixindex .mkbox .img img{ display: block; width: 100%; opacity: 0;}

.sixindex .mkbox .text{ width: 640px; background: #0062FF; position: absolute; top: 2.24rem; right: 1.6rem; border-bottom: 2px solid #ff9900;}

.sixindex .mkbox .text .mk{ padding: 50px 50px 50px 25px; display: flex; justify-content: space-between;}

.sixindex .mkbox .text .mk .m img{ display: block; width: 152px;}

.sixindex .mkbox .text .right{ width: 332px; padding-left: 30px; border-left: 1px solid #fff;}

.sixindex .mkbox .text .right .h2{ font-size: 40px; font-weight: bold; color: #fff; line-height: 42px;}

.sixindex .mkbox .text .right .p{ font-size: 16px; line-height: 24px; color: #fff; margin-top: 15px;}

.sixindex .mkbox .text .right .list .sli{ padding: 5px 0; display: flex; justify-content: flex-start; align-items: center; border-top: 1px solid hsla(0,0%,100%,0.10);}

.sixindex .mkbox .text .right .list .sli:first-child{ border-top: none;}

.sixindex .mkbox .text .right .list .sli .v{ width: 50px; height: 50px; margin-right: 30px; position: relative;}
.sixindex .mkbox .text .right .list .sli .v img{ display: block; width: 100%; position: absolute; top: 0; left: 0; transition: all 0.5s;}
.sixindex .mkbox .text .right .list .sli .v img:nth-child(2){ opacity: 0;}
.sixindex .mkbox .text .right .list .sli:hover .v img:first-child{ opacity: 0;}
.sixindex .mkbox .text .right .list .sli:hover .v img:nth-child(2){ opacity: 1;}
.sixindex .mkbox .text .right .list .sli .s{ font-size: 14px; line-height: 20px; color: #fff;}

.sixindex .mkbox .text .right .list{ margin-top: 35px;}

.fiveindex{ width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center;}

.fiveindex .right{ padding-right: 1.6rem; width: 835px; display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 0.68rem;}

.fiveindex .right .li{ width: 375px; padding: 0.68rem 0; position: relative}

.fiveindex .right .li::after{ width: 1px; top: 0.68rem; bottom: 0.68rem; left: 106px; background: #fff; opacity: 0.5; content: ''; position: absolute;}

.fiveindex .right .li a{ display: flex; justify-content: space-between;}

.fiveindex .right .li a .m img{ display: block; width: 80px;}

.fiveindex .right .li a .text{ width: 240px;}

.fiveindex .right .li a .text .h1{ font-size: 20px; font-weight: bold; color: #fff; line-height: 34px; transition: all 0.5s;}

.fiveindex .right .li a:hover .text .h1{ color: #FF9900;}

.fiveindex .right .li a .text .p{ font-size: 14px; line-height: 22px; color: #fff; opacity: 0.6; margin-top: 10px;}

.fiveindex .left{ padding-left: 1.4rem; display: flex;}

.fiveindex .left .num{ font-size: 110px; line-height: 80px; color: #fff; font-family: 'font1'; padding-right: 12px; border-right: 1px solid hsla(36,100%,50%,0.50); margin-right: 30px;}

.fiveindex .left .h1{ font-size: 40px; font-weight: bold; line-height: 42px; color: #fff;}

.fiveindex .left .p{ font-size: 20px; line-height: 28px; color: #fff; opacity: 0.95; margin-top: 20px; width: 215px; height: 260px;}

.morewent{ display: flex;}

.morewent a{ display: flex; justify-content: flex-start; align-items: center;}

.morewent a .m{ font-size: 14px; color: #fff; line-height: 40px; margin-right: 20px;}

.morewent a i{ display: block; width: 40px; height: 40px; border-radius: 100%; background: #FF9900; position: relative;}

.morewent a i::after{ content: ''; width: 32px; height: 40px; position: absolute; top: 0; right: 18px; background: url(../images/w6.png) no-repeat center; background-size: 100% auto;}

.morewent a:hover i::after{ animation: mores2 1.5s; animation-iteration-count: infinite;}

@keyframes mores2{

	0%   { right: 18px; }

	50%  { right: 10px; }

	100% { right: 18px; }

}

.foueindex{ width: 100%; height: 100%; display: flex; justify-content: flex-end; align-items: center;}

.foueindex .left{ display: flex; padding-right: 54px;}

.foueindex .right{ width: 1022px; height: 621px; margin-right: 138px; margin-top: 1.3rem; position: relative;}

.foueindex .right img{ width: 100%; display: block;}

.foueindex .left .img{ width: 134px; padding-right: 25px; margin-right: 30px; border-right: 1px solid hsla(36,100%,50%,0.50);}

.foueindex .left .img img{ display: block; width: 100%;}

.foueindex .left .list{ width: 320px;}

.foueindex .left .list .h1{ font-size: 40px; font-weight: bold; color: #fff; line-height: 48px;}

.foueindex .left .list .p{ font-size: 16px; line-height: 24px; color: #fff; opacity: 0.95; margin-top: 10px; height: 214px;}

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

.threeindex .mkbox{ position: relative; width: 100%; height: 100%;}

.threeindex .mkbox .img{ width: 100%; height: 100%; overflow: hidden; background-size: cover;}

.threeindex .mkbox .img img{ display: block; width: 100%; opacity: 0;}

.threeindex .mkbox .text{ position: absolute; top: 2.26rem; left: 1.6rem; width: 640px; background: #0062FF;}

.threeindex .mkbox .text .mk{ padding: 85px 65px 85px 25px; display: flex; justify-content: space-between;}

.threeindex .mkbox .text .ms{ width: 162px; padding-right: 20px; border-right: 1px solid hsla(0,0%,100%,0.50);}

.threeindex .mkbox .text .ms img{ width: 100%; display: block;}

.threeindex .mkbox .text .right{ width: 344px;}

.threeindex .mkbox .text .right .h2{ /*font-size: 70px;*/ font-size: 30px; line-height: 70px; color: #fff; font-weight: bold; text-transform: uppercase;}

.threeindex .mkbox .text .right .p{ font-size: 16px; color: #fff; line-height: 24px; opacity: 0.95; margin-top: 25px;}

.threeindex .mkbox .text .right .list{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 20px;}

.threeindex .mkbox .text .right .list .sli{ margin-right: 40px;}

.threeindex .mkbox .text .right .list .sli:nth-child(3n){ margin-right: 0;}

.threeindex .mkbox .text .right .list .sli .v{ width: 60px; height: 60px; margin: auto; border: 1px solid hsla(0,0%,100%,0.50); position: relative; transition: all 0.5s;}
.threeindex .mkbox .text .right .list .sli .v:hover{ border-color: hsla(36,100%,50%,0.50);}
.threeindex .mkbox .text .right .list .sli .v img{ display: block; width: 100%; position: absolute; top: 0; left: 0; transition: all 0.5s;}
.threeindex .mkbox .text .right .list .sli .v img:nth-child(2){ opacity: 0;}
.threeindex .mkbox .text .right .list .sli .v:hover img:first-child{ opacity: 0;}
.threeindex .mkbox .text .right .list .sli .v:hover img:nth-child(2){ opacity: 1;}
.threeindex .mkbox .text .right .list .sli .s{ font-size: 18px; line-height: 20px; text-align: center; font-weight: bold; color: #fff; margin-top: 10px;}

.threeindex .mkbox .text .right .morewent{ margin-top: 35px;}

.twoindex{ position: absolute; left: 0; bottom: 0; width: 100%; top: 138px;}

.twoindex .li{ width: 33%; height: 50%; overflow: hidden; position: absolute; /*float: left;*/}

.twoindex .li:first-child{ /*float: right;height: 8rem;*/ }

.twoindex .li1{ background: url(../images/w17.jpg) no-repeat center; background-size: cover; top: 0; right: 0; height: 100%; width: 34%;}

.twoindex .li2{ background: url(../images/w15.jpg) no-repeat center; background-size: cover; top: 0; left: 0;}

.twoindex .li3{ background: url(../images/w16.jpg) no-repeat center; background-size: cover; top: 0; left: 33%;}

.twoindex .li4{ background: url(../images/w18.jpg) no-repeat center; background-size: cover; top: 50%; left: 0;}

.twoindex .li5{ background: url(../images/w19.jpg) no-repeat center; background-size: cover; top: 50%; left: 33%;}

.twoindex .text{ position: absolute; top: 45px; left: 40px;}

.twoindex .text .h1, .twoindex .text .h1 i{ font-size: 100px; font-family: 'font1'; line-height: 100px; text-transform: uppercase; color: #fff;}

.twoindex .text .p{ font-size: 16px; line-height: 20px; color: #fff; opacity: 0.95; margin-top: 5px;}

.oneindex{ width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}

.oneindex video{ width: 120%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.oneindex .text{ position: absolute; left: 3.2rem; top: 50%; transform: translateY(-50%);}

.oneindex .text .h1{ font-size: 56px; line-height: 60px; /*font-weight: bold;*/ color: #fff;}

.oneindex .text .p{ font-size: 84px; line-height: 84px; /*font-weight: bold;*/ color: #fff; text-transform: uppercase; margin-top: 5px;}

.oneindex .text .more a{ width: 240px; height: 60px; line-height: 60px; background: #ff9900; display: flex; margin-top: 40px; border-radius: 2px;}

.oneindex .text .more a i{ font-size: 18px; color: #fff; padding: 0 122px 0 25px; background: url(../images/q9.png) no-repeat center right; background-size: auto 18px;}

.oneindex .text .more a:hover i{ animation: mores 1.5s; animation-iteration-count: infinite;}

@keyframes mores{

	0%   { padding: 0 122px 0 25px; }

	50%  { padding: 0 112px 0 25px; }

	100% { padding: 0 122px 0 25px; }

}

.downbox{ position: absolute; left: 0.6rem; bottom: 1.35rem; width: 12px; line-height: 14px; color: #fff; text-align: center; z-index: 5;}

.downbox::after{ animation: vert 1.5s; animation-iteration-count: infinite; content: ''; width: 26px; height: 37px; background: url(../images/88s.png) no-repeat center; background-size: 100% auto; position: absolute; top: 65px; left: 50%; transform: translateX(-50%);}

@keyframes vert{

	0%   { top: 65px; }

	50%  { top: 75px; }

	100% { top: 65px; }

}

.headertwo3{ top: 20px;}

/*  */

.headerCell, .cellnavlist{ display: none;}

.headerCell .up{ position: fixed; top: 0; left: 0; z-index: 35; background: #000; opacity: 0.5; width: 100%; height: 100%; display: none;}

.headerCell2 .up{ display: block;}

.headerCell .cellTop{ position: fixed; top: 0; left: 0; right: 0; height: 50px; padding: 0 0.3rem; z-index: 30; display: flex; justify-content: space-between; align-items: center; transition: all 0.5s;}
.headerCell .cellTop{ background: url(../images/1.jpg) no-repeat center; background-size: cover;}
.headerCell .cellTop2{ background: url(../images/1.jpg) no-repeat center; background-size: cover;}

.headerCell .cellTop .logo a img{ height: 28px;}

.headerCell .cellTop .sole{ width: 20px; height: 16px; position: relative;}

.headerCell .cellTop .sole i{ display: block; width: 100%; height: 2px; background: #FF9900; border-radius: 2px; position: absolute; left: 0;}

.headerCell .cellTop .sole i:first-child{ top: 0;}

.headerCell .cellTop .sole i:nth-child(3){ bottom: 0;}

.headerCell .cellTop .sole i:nth-child(2){ top: 50%; margin-top: -1px;}

.headerCell .list{ background: #fff; width: 200px; position: fixed; right: -200px; top: 0; height: 100%; z-index: 38; transition: all 0.5s;}

.headerCell2 .list{ right: 0;}

.headerCell .list .li{ margin: 0 20px; border-bottom: 1px solid hsla(0,0%,0%,0.05);}

.headerCell .list .li .m a{ font-size: 15px; color: #333; line-height: 30px; padding: 6px 0;}

.headerCell .list .logo img{ width: 80%;}

.headerCell .list .logo{ padding: 70px 0 0 20px;}

.headerCell .list .cont{ margin-top: 5px;}

.headerCell .list .sole{ width: 20px; height: 20px; position: absolute; top: 15px; right: 20px; background: url(../images/sole2.png) no-repeat center; background-size: 100% auto;}

.headerCell .mkty{ display: flex; justify-content: flex-start; margin: 0 20px; margin-top: 20px;}

.headerCell .mkty a{ font-size: 15px; margin-right: 20px; position: relative; line-height: 30px; color: #333;}

.headerCell .mkty a::after{ width: 1px; height: 14px; position: absolute; top: 50%; margin-top: -7px; background: #000; opacity: 0.2; right: -10px; content: '';}

.headerCell .mkty a:last-child::after{ display: none;}

.cellnavlist{ position: fixed; top: 0; left: 100%; z-index: 60; width: 100%; height: 100%; background: #fff; transition: all 0.5s;}

.cellnavlist2{ left: 0;}

.cellnavlist .list{ position: absolute; top: 75px; left: 0; right: 0; bottom: 10px; overflow-y: auto; padding: 0 0.35rem;}

.cellnavlist .list .h1{ font-size: 18px; line-height: 30px; font-weight: bold;}

.cellnavlist .list .top{ display: flex;}

.cellnavlist .list .top .m{ width: 30px; height: 30px; margin-right: 5px;}

.cellnavlist .list .top .m img{ width: 100%; display: block;}

.cellnavlist .list .top .h{ font-size: 16px; font-weight: bold; line-height: 30px;}

.cellnavlist .list .went{ margin-top: 10px;}

.cellnavlist .list .p{ font-size: 14px; line-height: 26px; margin: 0 0 0 35px;}

.cellnavlist .list a{ margin-top: 10px;}

.cellnavlist .list .sli{ margin-top: 25px;}

.cellnavlist .list .sli:first-child{ margin-top: 0;}

.cellnavlist .cellTop{ padding: 8px 0.35rem 0 0.35rem; z-index: 30; display: flex; justify-content: space-between; align-items: center; transition: all 0.5s; height: 50px;}

.cellnavlist .cellTop .logo a img{ height: 28px;}

.cellnavlist .cellTop .sole{ width: 20px; height: 20px; background: url(../images/sole2.png) no-repeat center; background-size: 100% auto;}

.listrightnav{ position: fixed; right: 45px; bottom: 50px; background: #FF9900; width: 32px; border-radius: 20px; padding: 5px 0; z-index: 50;}

.listrightnav .li{ border-top: 1px solid hsla(0,0%,100%,0.30);}

.listrightnav .li:first-child{ border-top: none;}

.listrightnav .li .m{ width: 100%; height: 30px;}

.listrightnav .li .m1{ background: url(../images/10.png) no-repeat center; background-size: 100% auto;}

.listrightnav .li .m2{ background: url(../images/11.png) no-repeat center; background-size: 100% auto;}

.listrightnav .li .m3{ background: url(../images/12.png) no-repeat center; background-size: 100% auto;}

.listrightnav .img{ display: none; position: absolute; right: 40px; bottom: 0; background: #FF9900; padding: 10px; border-radius: 5px; font-size: 18px; font-weight: bold; color: #fff; line-height: 20px; white-space: nowrap;}

.listrightnav .img img{ display: block; width: 110px;}

.listrightnav .li:hover .img{ display: block;}

.threeindex .swiper, .sixindex .swiper{ height: 100%;}

/**/

.home_banner{ height: 630px; width: 1022px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); overflow: hidden; background: url(../images/1v.png) no-repeat center; background-size: 100% auto;}

.home_banner .video_bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;background: url(../images/2v.png) no-repeat center; background-size: 100% auto; animation: bg_gd1 2s linear infinite;}

@keyframes bg_gd1{

	0%   { background: url(../images/2v.png) no-repeat center; background-size: 100% auto; }

	10%  { background: url(../images/3v.png) no-repeat center; background-size: 100% auto; }

	20%  { background: url(../images/4v.png) no-repeat center; background-size: 100% auto; }

	30%  { background: url(../images/5v.png) no-repeat center; background-size: 100% auto; }

	50%  { background: url(../images/6v.png) no-repeat center; background-size: 100% auto; }

	60%  { background: url(../images/7v.png) no-repeat center; background-size: 100% auto; }

	70%  { background: url(../images/8v.png) no-repeat center; background-size: 100% auto; }

	80%  { background: url(../images/9v.png) no-repeat center; background-size: 100% auto; }

	100% { background: url(../images/10v.png) no-repeat center; background-size: 100% auto; }

}

.home_banner .ren_box{ position: absolute; width: 100%; height: 100%; right: 0; bottom: 0; z-index: 0;} 

.home_banner .ren_box .ren{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; z-index: 1; transition: 0.6s; background: no-repeat center; background-size: cover;}

.home_banner .ren_box .ren.one{ opacity: 1; z-index: 10;}

.home_banner .ren_box .ren.ren1{ background-image: url(../images/ren1.png);}

.home_banner .ren_box .ren.ren2{ background-image: url(../images/ren2.png);}

.home_banner .ren_box .ren.ren3{ background-image: url(../images/ren3.png);}

.home_banner .ren_box .ren.ren4{ background-image: url(../images/ren4.png);}

/*.caseboxthree .form1 li{ display: none;}
.caseboxthree .form1 li:nth-child(4n-3){ display: block;}
.caseboxthree .form2 li{ display: none;}
.caseboxthree .form2 li:nth-child(4n-2){ display: block;}
.caseboxthree .form3 li{ display: none;}
.caseboxthree .form3 li:nth-child(4n-1){ display: block;}
.caseboxthree .form4 li{ display: none;}
.caseboxthree .form4 li:nth-child(4n){ display: block;}*/

.threeindex .swiper-button-next, .threeindex .swiper-button-prev,
.sixindex .swiper-button-next, .sixindex .swiper-button-prev{ width: 100px; height: 100px; background: url(../images/aright.png) no-repeat center; background-size: 25% auto; transition: all 0.5s; top: 50%; transform: translateY(-50%); margin-top: auto;}
.threeindex .swiper-button-next::after, .threeindex .swiper-button-prev::after,
.sixindex .swiper-button-next::after, .sixindex .swiper-button-prev::after{ display: none;}
.threeindex .swiper-button-next,
.sixindex .swiper-button-next{ transform: translateY(-50%) rotate(180deg);}
.threeindex .swiper-button-next:hover, .threeindex .swiper-button-prev:hover,
.sixindex .swiper-button-next:hover, .sixindex .swiper-button-prev:hover{ background: url(../images/aright2.png) no-repeat center; background-size: 25% auto;}
#fp-nav{ position: fixed; right: 0.6rem; bottom: 210px; transition: all 0.5s; z-index: 50;}
#fp-nav li{ margin-top: 0.2rem;}
#fp-nav li:first-child{ margin-top: 0;}
#fp-nav li a{ display: block; width: 6px; height: 6px; background: #fff; border-radius: 3px; transition: all 0.5s; opacity: 0.8;}
#fp-nav li a.active{ height: 0.4rem;}
#fp-nav li a:hover{ opacity: 1;}
.headerCell .list .li .m a{ display: flex;}
.headerCell .list .li .m a i{ width: 30px; height: 30px; background: url(../images/q13r.png) no-repeat center; background-size: 12px auto; transform: rotate(90deg); opacity: 0.8;}
.headerCell .cellsec{ border-bottom: 1px solid hsla(0,0%,0%,0.05); margin: 10px 20px 0 20px; position: relative;}
.headerCell .cellsec input{ display: block; width: 100%; height: 30px; font-size: 14px; border: none; border-radius: 0; background: #fff;}
.headerCell .cellsec button{ display: block; width: 30px; height: 30px; border: none; position: absolute; top: 0; right: 0; background: #fff url(../images/3s.png) no-repeat center; background-size: 18px auto; opacity: 0.9;}
.abouthree .swiper-pagination{ display: none;}
.layui-layer-dialog .layui-layer-content{ color: #fff !important; }

.home_banner .r_tob{ position: absolute;  width: 92px;  height: 278px;  right: 0; top: 0; z-index: 100; background: no-repeat center; background-size: 100% auto; /*transform: translateX(50%); display: flex;align-items:flex-end*/;}  
.home_banner .r_tob .ul{ width: 100%; padding-top: 77px;}
.home_banner .r_tob .li{ width: 100%; height: 20px; cursor: pointer;}
.home_banner .r_tob .li.one{ height: 120px;}
.home_banner .r_tob1{ background: url(../images/tob1.png) no-repeat top center; background-size: 100% auto;}
.home_banner .r_tob2{ background: url(../images/tob2.png) no-repeat top center; background-size: 100% auto;}
.home_banner .r_tob3{ background: url(../images/tob3.png) no-repeat top center; background-size: 100% auto;}
.home_banner .r_tob4{ background: url(../images/tob4.png) no-repeat top center; background-size: 100% auto;}

.pageing a:hover{ color: #0062FF;}

.pageing .active a{ background: #0062FF; color: #fff;}

.listrightnav .li .m4{ background: url(../images/10ya.png) no-repeat center; background-size: 100% auto;}
.popCurty{ position: fixed; right: 90px; bottom: 50px; z-index: 30; width: 402px; border-radius: 10px; background: #fff; display: none;}
.popCurty .h1{ border-radius: 10px 10px 0 0; background: #FF9900; padding: 0 15px;}
.popCurty .h1 i{ display: block; padding-left: 35px; background: url(../images/icon5.png) no-repeat left center; background-size: 29px auto; font-size: 18px; color: #fff; line-height: 60px;}
.popCurty .sole{ width: 20px; height: 20px; background: url(../images/sole.png) no-repeat center; background-size: 17px auto; position: absolute; top: 7px; right: 7px; transition: all 0.5s;}
.popCurty .sole:hover{ transform: rotate(360deg);}
.popCurty .form{ padding: 15px;}
.popCurty .form .li{ margin-top: 10px;}
.popCurty .form .li:first-child{ margin-top: 0;}
.popCurty .form .li .input{ border: 1px solid #D8D8D8; border-radius: 5px; padding: 0 15px; transition: all 0.5s;}
.popCurty .form .li .input:hover{ border-color: #FF9900;}
.popCurty .form .li .input input{ display: block; width: 100%; height: 50px; border: none; font-size: 14px;}
.popCurty .form .li .input textarea{ display: block; width: 100%; height: 90px; border: none; font-size: 14px; padding: 15px 0;}
.popCurty .form .li .sub button{ transition: all 0.5s; margin: 15px auto 0; display: block; width: 110px; height: 44px; background: #FF9900; border-radius: 5px; border: none; color: #fff; font-size: 16px;}
.popCurty .form .li .sub button:hover{ opacity: 0.8;}


.listrightnav .li .m7{ background: url(../images/kf.png) no-repeat center; background-size: 100% auto;}