@charset "utf-8";

/*公共样式*/
body,div,ul,li,p,h1,h2,h3,h4,h5,h6,form,input,textarea{ margin:0px; padding:0px; font-size:16px; font-weight:inherit;}
a{ text-decoration:none;}
ul{ list-style-type:none;}
img{ border:0px; max-width:100%; height:auto;object-fit: cover;}
/*清除浮动，自动高度*/
.clr{}
/*元素之后*/
.clr:after{ content:""; width:100%; height:0px; font-size:0px; display:block; clear:both;}

textarea{ height:auto; vertical-align:top; margin:30px 0px 25px; line-height:26px; font-size:16px; padding-left:6px;outline:none;resize:none;border:1px solid #888888;overflow:hidden;}

a,a:focus{text-decoration: none;outline:none;blr:expression(this.onFocus=this.blur());}
input,button,input:focus,button:focus,textarea:focus{outline:none;hide-focus: expression(this.hideFocus=true);}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
border:none; 
}
textarea{ height:auto; vertical-align:top; margin:30px 0px 25px; line-height:26px; font-size:16px; padding-left:6px;outline:none;resize:none;border:1px solid #888888;}
dd{margin-left: 0;}
body{overflow-x: hidden;}



.textover2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.textover4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.textover{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.w17{max-width: 1700px;min-width: 1200px;width: 100%;margin: 0 auto;}
.w10{width: 1100px;margin: 0 auto;}
.header{height: 80px;line-height: 80px;background: #fff;}
.header .logo{vertical-align: middle;}
.header .nav{float: right;}
.header .nav li{float: left;position: relative;}
.header .nav li a{display: inline-block;color: #333;position: relative;padding: 0 35px;}
.header .nav li a::after{content:'';position: absolute;display: inline-block;right: 3px;top: 50%;transform: translateY(-50%);width: 1px;height: 6px;background: #66cc99;}
.header .nav li:last-of-type a::after{display: none;}
.header .nav li.active a::before{content: '';display: inline-block;width: 14px;height: 4px;background: #ff3300;border-radius: 1000px;position: absolute;left: 50%;bottom: 17px;transform: translateX(-50%);}
.header .nav li::after{content:'';position: absolute;display: inline-block;left: 4px;top: 50%;transform: translateY(-50%);width: 1px;height: 6px;background: #66cc99;}
.header .nav li::before{content:'';position: absolute;display: inline-block;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 12px;background: #009966;}
.header .nav li:first-of-type::after,.header .nav li:first-of-type::before{display: none;}



.banner{position: relative;min-width: 1200px;}
.banner img{float: left;}
.banner .content{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(51,51,51,.5);width: 760px;height: 300px;text-align: center;padding-top: 45px;}
.banner .content::before{content: '';display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: -1px;box-shadow: 0px 20px 20px #333;opacity: .5;}
.banner .en{font-family: 'coco';font-size: 52px;color: #fff;font-weight: bold;}
.banner dt{font-size: 38px;color: #fff;}
.banner dd{font-size: 16px;color: #fff;font-family: "simhei narrow";line-height: 3;}
.banner-bt{position: absolute;left: 50%;transform: translateX(-50%);bottom: 30px;z-index: 9;animation: bt 1s infinite;}
@keyframes bt{
  0{bottom: 30px;}
  50%{bottom: 25px;}
  100%{bottom: 30px;}
}

#index-banner{min-width: 1200px;}
#index-banner .swiper-slide{width: 100%!important;}
#index-swiper-page{position: absolute;max-width: 1700px;min-width: 1200px;width: 100%;bottom: 50px;left: 50%;transform: translateX(-50%);z-index: 9;text-align: right;color: #fff;display: flex;justify-content: flex-end;}
#index-swiper-page span{vertical-align: middle;margin: 0 3px;font-size: 16px;}
#index-swiper-page .page{color: #ff3300;}
#index-swiper-page img{vertical-align: middle;cursor: pointer;outline: none;}


.title p{font-size: 42px;}
.title p.info{color: #666;font-size: 18px;line-height: 2;}
.index1.title{text-align: center;margin: 60px 0;}
.index1-box{height: calc( 744 / 1920 * 100vw);display: flex;position: relative;}
.index1-box .index1-p{position: relative;border-left: 7px solid #fff;cursor: pointer;min-width: calc(275/1920*100vw);width: calc(275/1920*100vw);transition: 1s;}
.index1-box .index1-p::before{content: '';width: 100%;height: 100%;background: rgba(0,0,0,.3);position: absolute;left: 0;top: 0;transition: 1s;}
.index1-box .index1-p.active::before{width: 0;}
.index1-box .index1-p.active{width: 100%;transition: .5s;min-width: 0;}
/* .index1-box .index1-p:hover{min-width: 50%;transition: .5s;} */
.index1-box .index1-p:first-child{border-left: 0;}
.index1-box .index1-p img{height: calc( 744 / 1920 * 100vw);object-fit: cover;width: 100%;}
.index1-box .index1-p .info{position: absolute;left: 0;bottom: 0;padding: 60px 0 60px 30px;color: #fff;}
.index1-box .index1-p .info .title{font-size: 30px;margin: 0;}
.index1-box .index1-p .info .infop{opacity: 0;font-size: 14px;margin: 10px 0;max-height: 40px;overflow: hidden;}
.index1-box .index1-p.active .info .infop{opacity: 1;}
/* .index1-box .index1-p.active .info .infop,.index1-box .index1-p:hover .info .infop{opacity: 1;} */
/* .index1-box:hover .active .info .infop{opacity: 0;}
.index1-box:hover .active:hover .info .infop{opacity: 1;} */
.index1-box .index1-p .info a{font-size: 14px;width: 120px;height: 36px;line-height: 36px;text-align: center;color: #fff;border-radius: 1000px;border: 1px solid #fff;display: inline-block;}
.index1-box .prev,.index1-box .next{width: 52px;height: 52px;background: #333 url(../img/jiantoub.png) no-repeat center;position: absolute;left: 0;top: 50%;transform: translateY(-50%) rotate(90deg);z-index: 99;}
.index1-box .next{transform: translateY(-50%) rotate(-90deg);left: unset;right: 0;}
.index1-box .prev:hover,.index1-box .next:hover{background-color: #ff3300;cursor: pointer;}


.index2{margin-top: 80px;}
.index2 .left,.index2 .right{width: 50%;height: calc(660/1920*100vw);position: relative;float: left;min-height: 570px;}
.index2 .left img{position: absolute;min-width: 50vw;right: 0;top: 0;height: 100%;object-fit: cover;}
.index2 .right .index2-otitle{position: absolute;right: 0;top: 0;font-size: calc(150/1920*100vw);color: #ff3300;opacity: .1;font-family: 'coco';line-height: 1;font-weight: bold;}
.index2 .title{text-align: right;margin: calc(80/1920*100vw) 0 calc(40/1920*100vw);padding-left: calc(100/1920*100vw);}
.index2 .line{width: 80px;height: 1px;background: #999;float: right;margin: calc(20/1920*100vw) 0;}
.index2 .content{
    padding-top: 50px;
    margin-left: 30px;
}
.index2 .content p{line-height: 2;color: #333;font-size: 14px;text-align: right;padding-left: calc(100/1920*100vw);margin: calc(20/1920*100vw) 0;float: right;}
.index2 .more{float: right;}
.more{background: #e5e5e5 url(../img/jiantou.png) no-repeat;width: 200px;height: 64px;line-height: 64px;padding-right: 30px;text-align: center;margin-top: calc(50/1920*100vw);background-position: 150px center;}
.more:hover{background: #FF3300 url(../img/jiantou2.png) no-repeat;background-position: 150px center;}
.more:hover a{color: #fff;}
.more a{font-size: 14px;color: #666;display: inline-block;width: 100%;}

@media screen and (max-width: 1200px) {
    .index2 .left img{position: absolute;min-width: 600px;}
}


.na-list{display: flex;justify-content: space-around;width: 100%;min-width: 1200px;margin-top: 15px;}
.na-list .box:first-of-type{background: url(../img/point.png);}
.na-list .box{width: 25%;display: flex;justify-content: center;align-items: center;cursor: pointer;padding: calc(50/1920*100vw) calc(40/1920*100vw);margin-right: 10px;background: #fff;}
.na-list .box:last-of-type{margin-right: 0;}
.na-list .box:hover:not(:first-of-type){background: #ff3300;}
.na-list .box .left{min-width: 80px;min-height: 80px;border: 1px solid #fff;border-radius: 100%;}
.na-list .box .right .line{width: 1px;height: 10px;background: #fff;margin: 5px 0;}
.na-list .box:nth-of-type(2) .left{background-image: url(../img/index-i31-1.png);background-repeat: no-repeat;background-position: center;}
.na-list .box:nth-of-type(3) .left{background-image: url(../img/index-i32-1.png);background-repeat: no-repeat;background-position: center;}
.na-list .box:nth-of-type(4) .left{background-image: url(../img/index-i33-1.png);background-repeat: no-repeat;background-position: center;}
.na-list .box:hover{color: #fff;}
.na-list .box:nth-of-type(2):hover .left{background-image: url(../img/index-i31-2.png);}
.na-list .box:nth-of-type(3):hover .left{background-image: url(../img/index-i32-2.png);}
.na-list .box:nth-of-type(4):hover .left{background-image: url(../img/index-i33-2.png);}
.na-list .box .right{margin-left: 10px;display: flex;flex-direction: column;}
.na-list .box .right .title{font-size: 20px;}
.na-list .box .right .info{font-size: calc(14/1920*100vw);color: #777;}
.na-list .box:hover .right .info{font-size: calc(14/1920*100vw);color: #fff;}

.index3{margin-top: 90px;padding-top: 80px;background: #fff;}
.index3 .title{position: relative;}
.index3 .bottom{line-height: 2;text-align: center;opacity: 1;transition: .5s;}
.index3 .swiper-slide{cursor: pointer;position: relative;}
.index3 .swiper-slide .content{position: absolute;width: 100%;height: 470px;background: rgba(51,51,51,.4);justify-content: center;flex-direction: column;color: #fff;align-items: center;text-align: center;display: flex;transition: 1s;opacity: 0;}
.index3 .swiper-slide .content .line{width: 1px;height: 120px;background: #fff;margin: 40px 0;}
.index3 .swiper-slide:hover .content{opacity: 1;transition: .5s;}
.index3 .swiper-slide:hover .bottom{opacity: 0;transition: .5s;}
.index3 .swiper-slide .content dt{font-size: 18px;}
.index3 .swiper-slide .content dd{font-size: 12px;}
.index3 .swiper-slide img{height: 470px;object-fit: cover;width: 100%;}
.index3 .box{padding: 30px 0;}
.index3 .swiper-slide .content .add{width: 40px;height: 40px;background: #fff;border-radius: 100%;display: inline-block;position: relative;}
.index3 .swiper-slide .content .add::before,.index3 .swiper-slide .content .add::after{content: '';position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);width: 12px;height: 1px;background: #ff3300;}
.index3 .swiper-slide .content .add::after{height: 12px;width: 1px;}
.index3-page{position: absolute;right: 0;bottom: 0;display: flex;justify-content: flex-start;}
.index3-prev,.index3-next{width: 50px;height: 50px;display: flex;background: #333;justify-content: center;align-items: center;cursor: pointer;transform: rotate(90deg);outline: none;}
.index3-next{transform: rotate(-90deg);background: #666;}
.index3-prev img,.index3-next img{object-fit:contain;}
.index3-prev:hover,.index3-next:hover{background: #ff3300;}



.index4{height: 950px;background: url(../img/index-i5.jpg) no-repeat 100% center;min-width: 1200px;}
.index4 .w17{height: 100%;position: relative;}
.index4 .title{color: #fff;text-align: center;padding-top: 50px;}
.index4 .title p.info{color: #fff;}
.index4 .content{background: #fff;width: 100%;height: 190px;position: absolute;left: 0;bottom: 110px;display: flex;}
.index4 .content .body{width: 100%;padding-left: 36px;display: flex;flex-direction: column;cursor: default;justify-content: center;}
.index4 .content .body:nth-of-type(2n){background: #f6f6f6;}
.index4 .content .body:hover{background: #FF3300;color: #fff;}
.index4 .content .body .img{width: 32px;height: 32px;}
.index4 .content .body dt{font-size: 20px;line-height: 2;}
.index4 .content .body dd{font-size: 14px;color: #666;}
.index4 .content .body:hover dd{color: #fff;}
.index4 .content .body:nth-of-type(1) .img{background: url(../img/index-i51-1.png) no-repeat center;}
.index4 .content .body:nth-of-type(2) .img{background: url(../img/index-i52-1.png) no-repeat center;}
.index4 .content .body:nth-of-type(3) .img{background: url(../img/index-i53-1.png) no-repeat center;}
.index4 .content .body:nth-of-type(4) .img{background: url(../img/index-i54-1.png) no-repeat center;}
.index4 .content .body:nth-of-type(5) .img{background: url(../img/index-i55-1.png) no-repeat center;}
.index4 .content .body:nth-of-type(6) .img{background: url(../img/index-i56-1.png) no-repeat center;}
.index4 .content .body:nth-of-type(1):hover .img{background: url(../img/index-i51-2.png) no-repeat center;}
.index4 .content .body:nth-of-type(2):hover .img{background: url(../img/index-i52-2.png) no-repeat center;}
.index4 .content .body:nth-of-type(3):hover .img{background: url(../img/index-i53-2.png) no-repeat center;}
.index4 .content .body:nth-of-type(4):hover .img{background: url(../img/index-i54-2.png) no-repeat center;}
.index4 .content .body:nth-of-type(5):hover .img{background: url(../img/index-i55-2.png) no-repeat center;}
.index4 .content .body:nth-of-type(6):hover .img{background: url(../img/index-i56-2.png) no-repeat center;}


.index5 .title{padding: 50px 0;text-align: center;}
.index5-content{display: flex;justify-content: space-between;align-items: stretch;}
.index5-content img{object-fit: cover;width: 100%;height: 100%;}
.index5-content .left{width: 50%;position: relative;cursor: pointer;margin-right: 20px;}
.index5-content .right{width: 50%;position: relative;cursor: pointer;}
.index5-content .right .top{margin-bottom: 20px;}
.index5-content .right .top img{float: left;}
.index5-content .right .bottom img{float: left;}
.index5-content .right .top,.index5-content .right .bottom{position: relative;}
.index5-content .left .info,.index5-content .right .info{position: absolute;left:0;bottom: 0;color: #fff;flex-direction: column;align-items: flex-start;padding: calc(50/1920*100vw);display: flex;transition: .5s;width: calc(100% - 100/1920*100vw);}
.index5-content .left .info .line,.index5-content .left .info .p{display: none;}
.index5-content .right .info{font-size: 30px;}
.index5-content .left .info .title{padding: 0;font-size: 30px;}
.index5-content .left .info .line{width: 11px;height: 2px;background: #fff;margin: 10px 0;}
.index5-content .left:hover .info,.index5-content .right:hover .info{opacity: 1;}
.index5-content .right:hover .info{font-size: 30px;}
.index5-content .left:hover .info{box-shadow: inset 0 -120px 100px rgba(51,51,51,.8);}
.index5-content .left:hover .info .line,.index5-content .left:hover .info .p{display: block;}



.index6{width: 100%;padding-bottom: 70px;}
.index6 .w17>.title{margin: 50px 0;text-align: center;}
.index6 .content{display: flex;background: #fff;}
.index6 .content .box{padding: 10px calc(50/1920*100vw) calc(50/1920*100vw);border-right: 1px solid #f6f6f6;line-height: 2;}
.index6 .content .box .num{font-size: 22px;color: #585858;}
.index6 .content .box .title{font-size: 16px;color: #585858;font-weight: bold;}
.index6 .content .box:hover .title{color: #E9280C;}
.index6 .content .box:hover img{transform: scale(1.05);transition: .5s;}
.index6 .content .box .time{font-size: 12px;color: #999;}
.index6 .content .box .p{font-size: 14px;color: #999;line-height: 1.5;}
.index6 .content .box img{width: 100%;height: 175px;}
.index6 .content .box .point{width: 7px;height: 7px;border-radius: 100%;background: #e0e0e0;position: relative;margin:10px 0 20px}
.index6 .content .box .point::before{content: '';display: inline-block;width: 7px;height: 7px;border-radius: 100%;background: #e0e0e0;left: 15px;top: 0;position: absolute;}
.index6 .content .box .point::after{content: '';display: inline-block;width: 7px;height: 7px;border-radius: 100%;background: #e0e0e0;left: 30px;top: 0;position: absolute;}
.index6 .more{margin: 50px auto 0;}


.footer{background: #303030;}
.footer .top ul{display: flex;height: 60px;align-items: center;}
.footer .top ul li a{color: #fff;padding: 0 30px;position: relative;}
.footer .top ul li:first-of-type a{padding-left: 0;}
.footer .top ul li a::after{content: '';display: inline-block;background: #bcbcbc;width: 1px;height: 12px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.footer .top ul li{position: relative;}
.footer .top ul li::before,.footer .top ul li::after{content: '';position: absolute;width: 1px;height: 6px;background: #838383;left: 3px;top: 50%;transform: translateY(-50%);}
.footer .top ul li::after{left: unset;right: 4px;}
.footer .top ul li:first-of-type::before{display: none;}
.footer .top ul li:last-of-type::after{display: none;}
.footer .top ul li:last-of-type a::after{display: none;}
.footer .fline{width: 100%;height: 1px;background: #464646;}
.footer .middle img{width: 16px;object-fit: contain;}
.footer .middle .msg{background: unset;}
.footer .middle{height: 144px;display: flex;padding-top: 36px;}
.footer .middle .code{width: 100px;height: 100px;}
.footer .middle .center{margin-left: 35px;color: #818181;display: flex;min-width: 250px;}
.footer .middle .center .left{width: 35px;writing-mode: tb-rl;display: flex;align-items: center;position: relative;font-size: 12px;}
.footer .middle .center .left img{margin-bottom: 10px;}
.footer .middle .center .left::before{content:'';width: 1px;height: 14px;background: #444444;position: absolute;left: 0;top: 0;}
.footer .middle .center .right{position: relative;padding-left: 13px;line-height: 1.5;}
.footer .middle .center .right::before{content: '';display: inline-block;width: 1px;height: 32px;background: #444;position: absolute;left: 0;top: 0;}
.footer .middle .center .right .name{font-size: 14px;color: #818181;}
.footer .middle .center .right .mobile{font-size: 26px;color: #e2e2e2;font-family: impact;}
.footer .middle .center .right .phone{font-size: 13px;color: #9f9f9f;}
.footer .middle .end .box{font-size: 13px;color: #696969;line-height: 2;display: flex;}
.footer .middle .end .box img{margin-right: 10px;}
.footer .middle .msg-box{flex-grow: 1;}
.footer .middle .msg{width: 570px;float: right;height: unset;padding: 0;}
.footer .middle .msg p{font-size: 13px;color: #696969;margin-bottom: 18px;}
.footer .middle .msg .input-box{font-size: 13px;background: #404040;height: 50px;display: flex;justify-content:space-between;align-items: stretch;line-height: 50px;text-indent: 35px;color: #fff;position: relative;}
.footer .middle .msg .input-box .c{width: 130px;background: #e9280c;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.footer .bt{background: #2b2b2b;color: #646464;height: 64px;font-size: 13px;}
.footer .bt .w17{display: flex;justify-content: space-between;align-items: center;height: 64px;font-size: 13px;}
.footer .bt .w17>div{font-size: 13px;}
.foot-select{width: 440px;position: absolute;left: 0;bottom: 50px;background: #404040;display: none;}
.foot-select a{color: #fff;font-size: 13px;}
.input-box a{color: #fff;}


.w12{width: 1200px;margin: 0 auto;position: relative;}
.mw-banner .mf{font-size: 30px;}
.mw-banner .sf{font-size: 22px;}
.mw-banner .line{width: 17px;height: 2px;background: #fff;margin-top: 20px;}
.mw-banner{text-align: left;position: relative;}
.mw-banner .swiper-slide::before{content: '';background: rgba(0,0,0,.5);width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;}
.mw-banner .content{text-align: left;background: unset;box-shadow: unset;left: 39%;z-index: 99;}
.mw-banner .content::before{display: none;}
.nav{border-bottom: 1px solid #e5e5e5;}
.nav .w12{height: 50px;display: flex;justify-content: space-between;}
.nav ul{display: flex;align-items: center;}
.nav ul li{margin-right: 50px;}
.nav ul li a{color: #333;}
.nav ul li.active a{color: #e9280c;border-bottom: 2px solid #e9280c;height: 50px;display: inline-block;line-height: 50px;}
.nav .address{display: flex;align-items: center;font-size: 14px;color: #999999;}
.nav .address img{margin-right: 5px;}

.mw-content{display: flex;flex-wrap: wrap;padding: 50px 0 0;justify-content: space-between;}
.mw-content::after{content:'';width:380px;opacity:0}
.mw-content .box{width: 380px;height: 330px;display: flex;flex-direction: column;border: 1px solid #eee;margin-bottom: 30px;overflow: hidden;}
.mw-content .box img{width: 380px;height: 275px;object-fit: cover;transition: .5s;}
.mw-content .box:hover img{transform: scale(1.02);}
.mw-content .box:hover .big{transform: unset;}
.mw-content .box .bottom{flex-grow: 1;display: flex;align-items: center;justify-content: space-between;padding: 0 25px;}
.mw-content .box .bottom .big{width: 21px;height: 21px;}
.mw-content .box .bottom dt{font-size: 16px;color: #333;font-weight: bold;}
.mw-content .box:hover .bottom dt{font-size: 16px;color: #E9280C;}
.mw-content .box .bottom dd{font-size: 14px;color: #999;}
.mw-content .box:hover a{color: #E9280C;}
.page{margin: 0 auto;display: flex;justify-content: center;}
.page a{width: 50px;height: 50px;border: 1px solid #eee;display: flex;justify-content: center;align-items: center;margin:  0 6px;border-radius: 100%;color: #333;}
.page a.active,.page a:hover{border: 1px solid #e9280c;color: #fff;background: #E9280C;}
.page .left{background:url(../img/j-left.png) no-repeat center;}
.page .right{background:url(../img/j-left.png) no-repeat center;transform: rotate(180deg);}
.page .left:hover{background: url(../img/j-right.png) no-repeat center #E9280C;transform: rotate(180deg);border: 1px solid #E9280C;}
.page .right:hover{background: url(../img/j-right.png) no-repeat center #E9280C;border: 1px solid #E9280C;transform: unset;}
.mw-page{margin-bottom: 50px;}

.about-top{height: 557px;position: relative;margin-top: 60px;display: flex;justify-content: space-between;}
.about-top .abg{height: 557px;width: 478px;background: #f6f6f6;position: absolute;left: 50%;transform: translateX(-50%);top: 0;z-index: -1;}
.about-top .right img{width: 487px;height: 557px;object-fit: cover;}
.about-top .left{width: 660px;}
.about-top .left .bgf{color: #e9280c;opacity: 0.1;position: absolute;left: 0;top: 0;font-family: 'coco';font-size: 133px;line-height: 1;font-weight: bold;}
.about-top .left .title1{margin-top: 60px;font-size: 42px;color: #e9280c;}
.about-top .left .title2{font-size: 42px;color: #222;}
.about-top .left p{font-size: 20px;color: #777;margin: 40px 0;}
.about-top .left .line{width: 2px;height: 24px;background: #E9280C;margin-bottom: 40px;}
.about-top .left .content{font-size: 14px;color: #333;line-height: 2;}

.about-bottom{margin: 40px 0 60px;display: flex;}
.about-bottom .left,.about-bottom .left img{width: 494px;height: 628px;object-fit: cover;position: relative;}
.about-bottom .left .content{font-family: 'coco';position: absolute;left: 0;bottom: 0;color: #fff;font-size: 30px;padding: 45px 30px;width: 70%;}
.about-bottom .right{width: 706px;height: 628px;display: flex;flex-direction: column;}
.about-bottom .right .top{display: flex;}
.about-bottom .right .top img{width: 100%;height: 340px;}
.about-bottom .right .bottom{flex-grow: 1;background: #E9280C;padding: 60px 80px;color: #fff;position: relative;}
.about-bottom .right .bottom .title{font-size: 24px;font-weight: bold;}
.about-bottom .right .bottom .en{font-size: 18px;}
.about-bottom .right .bottom .content{font-size: 14px;margin-top: 25px;line-height: 1.8;}
.ab-page{position: absolute;right: 80px;bottom: 45px;display: flex;align-items: center;}
.ab-page .left,.ab-page .right{width: 9px;height: 18px;background: url(../img/j-right.png) no-repeat center;cursor: pointer;}
.ab-page .left{transform: rotate(180deg);}
.ab-page .line{width: 1px;height: 14px;background: #fff;margin: 0 30px;}
.ab-page .left a,.ab-page .right a{display: inline-block;width: 100%;height: 100%;}


.service.swiper-container{padding: 60px 0 90px;margin-bottom: 110px;border-bottom: 1px solid #eee;position: relative;}
.service .box{display: flex;justify-content: space-between;}
.service .box .right{width: 718px;display: flex;justify-content: flex-start;flex-direction: column;}
.service .box .right .sicon{width: 64px;height: 58px;object-fit: contain;}
.service .box .left-img{width: 427px;height: 329px;}
.service .box .right .title p{font-size: 30px;color: #333;font-weight: bold;}
.service .box .right .title{margin: 30px 0;}
.service .box .right .content p{font-size: 14px;color: #666;line-height: 2;}

.service-bottom{width: 100%;height: 80px;position: absolute;left: 0;bottom: -40px!important;}
.service-bottom .pageNum{font-size: 100px;color: #ff3300;opacity: .1;position: absolute;left: 50%;transform: translateX(-50%) translateY(-50%);top: 50%;z-index: 1;line-height: 1;font-family: 'coco';font-weight: bold;}

.pageBtn{width: 110px;height: 60px;display: flex;right: 0;top: 50%;transform: translateY(-50%);position: absolute;z-index: 9;}
.pageBtn .service-prev{transform: rotate(180deg);}
.pageBtn>div{width: 55px;height: 60px;background:url(../img/j-right.png) no-repeat center #E9280C;outline: none;cursor: pointer;}
.pageBtn::before{content: '';display: inline-block;width: 1px;height: 16px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}

.service-bottom .point{width: 510px;height: 34px;position: absolute;left: 50%;top:50%;transform: translateY(-50%) translateX(-20px);display: flex;justify-content: space-between;z-index: 9;align-items: center;}
.service-bottom .point .d{width: 34px;height: 34px;border: 1px solid transparent ;z-index: 9;position: relative;}
.service-bottom .point .d::before{content: '';display: inline-block;width: 9px;height: 9px;border-radius: 100%;background: #eee;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.service-bottom .point .d.active{width: 34px;height: 34px;border: 1px solid #eee;border-radius: 100%;background: #fff;z-index: 9;position: relative;}


.contact .title{height: 130px;font-size: 36px;color: #333;display: flex;justify-content: center;align-items: center;}
.contact .cna{display: flex;justify-content: space-between;}
.contact .cna .box{width: 317px;height: 217px;border: 1px solid #eee;border-radius: 10px;align-items: center;justify-content: center;display: flex;flex-direction: column;line-height: 1.5;}
.contact .cna .box img{margin-bottom: 20px;}
.contact .cna .box .name{font-size: 16px;color: #333;font-weight: bold;}
.contact .cna .box p{font-size: 16px;color: #333;padding: 0 20px;text-align: center;}
.contact .cna .code{width: 190px;height: 217px;display: flex;flex-direction: column;font-size: 14px;font-weight: bold;justify-content: space-between;}
.contact .cna .code img{width: 190px;height: 190px;}
.map{width: 100%;height: 565px;margin: 20px 0;border: 1px solid #eee;border-radius: 10px;}
.msg{height: 480px;padding-bottom: 354px;margin-top: 40px;position: relative;background: #f3f3f3; }
.map-form{width: 1200px;position: absolute;left: 50%;top:145px;transform: translateX(-50%);background: #fff;padding: 80px 0;display: flex;flex-direction: column;align-items: center;text-align: center;border-radius: 10px;}
.map-form .title{font-size: 36px;color: #333;}
.map-form .title p{font-size: 16px;color: #999;}
.map-form .input{margin: 40px auto 20px;width: 1120px;display: flex;justify-content: space-between;max-width: 1120px;}
.map-form .input .input-box{width: 360px;height: 46px;display: flex;}
.map-form .input .input-box input{width: 100%;padding: 0 20px;border: 1px solid #eee;outline: none;}
.map-form .input .input-box .yzm{width: 100px;height: 46px;margin-left: 20px;}
.map-form textarea{padding: 17px 24px;width: 1072px;height: 144px;resize: none;margin: 0;border: 1px solid #eee;border-radius: 10px;}
.map-form .submit{width: 200px;height: 64px;border-radius: 1000px;color: #fff;font-size: 14px;font-weight: bold;outline: none;background: #E9280C;border: 0;cursor: pointer;margin-top: 56px;}



.news{padding-top: 45px;}
.news .top {display: flex;justify-content: space-between;align-items: stretch;}
.news .top .left{width: 700px;height: 382px;}
.news .top .left:hover img{transform: scale(1.01);transition: .5s;}
.news .top .right{width: 450px;padding-top: 35px;display: flex;flex-direction: column;}
.news .top .right .title{font-size: 30px;color: #333;font-weight: bold;}
.news .top .right .content{font-size: 14px;color: #666;margin-top: 50px;line-height: 2;}
.news .top .right .more{background-color: #fff;border: 1px solid #eee;margin-top: 0;}
.news .top .right .more:hover{background-color: #E9280C;}
.news .top .right .bottom{flex-grow: 1;display: flex;align-items: flex-end;}
#news-top{padding-bottom: 90px;}

#news-top .swiper-pagination{padding-bottom: 30px;}
#news-top .swiper-pagination-bullet-active{background-color: #E9280C;}
#news-top .swiper-pagination-bullet{position: relative;margin: 0 8px;}
#news-top .swiper-pagination-bullet::before{content: '';width: 16px;height: 16px;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);border: 1px solid transparent;border-radius: 100%;}
#news-top .swiper-pagination-bullet-active::before{border: 1px solid #E9280C;}
.news-bottom{border-top: 1px solid #eee;}
.news-bottom .list{position: relative;}
.news-bottom .list a{display: flex;justify-content:  space-between;padding: 30px 0;cursor: pointer;border-bottom: 1px solid #eee;color: #333}
.news-bottom .list .time{width: 74px;height: 74px;background: url(../img/news-time-bg.png) no-repeat center 100%;font-size: 48px;display: flex;justify-content: center;align-items: center;flex-direction: column;line-height: 1;font-weight: bold;}
.news-bottom .list .time p{font-size: 14px;color: #666;}
.news-bottom .list .center{
    /*width: 933px;*/
width: calc(100% - 110px);
/*margin-left: 48px;*/
display: flex;justify-content: space-around;flex-direction: column;}
.news-bottom .list img{object-fit: contain;}
.news-bottom .list .right{flex-grow: 1;
/*display: flex;*/
justify-content: flex-end;display:none}
.news-bottom .list .center dt{font-size: 16px;color: #333;font-weight: bold;}
.news-bottom .list .center dd{font-size: 14px;color: #666;}
.news-bottom .list:hover a .time,.news-bottom .list:hover .center dt{color: #E9280C;}
.news-page{margin: 40px 0;}
.news-bottom .list:hover::before{content: '';display: inline-block;width: 100%;height: 1px;background: #ff3300;left: 0;bottom: 0;position: absolute;animation: langb .5s;}
@keyframes langb{from{width: 0;}to{width: 100%;}}

.join{padding: 50px 0 160px;position: relative;}
.join-bg{width: 100%;height: calc(100% - 500px);position: absolute;left: 0;bottom: 0;background: url(../img/join-bg.png);}
.join .top{display: flex;justify-content: space-between;flex-wrap: wrap;}
.join .top .box{width: 580px;height: 336px;position: relative;margin-bottom: 40px;cursor: pointer;}
.join .top .box img{width: 580px;height: 336px;}
.join .top .box .name{font-size: 24px;color: #fff;font-weight: bold;padding: 45px 50px;position: absolute;left: 0;bottom: 0;}
.join .top .box .time{opacity: 0;position: absolute;left: 24px;top: 0;}
.join .top .box .mask{position: absolute;left: 70px;top: 45px;z-index: -1;}
.join .top .box:hover .mask{z-index: 1;}
.join .top .box:hover .name{display: none;}
.join .top .box:hover::before{content:'';background-color: rgba(0,0,0,.5);width: 100%;height: 100%;display: inline-block;position: absolute;left: 0;top: 0;}
.join .top .box:hover .time{position: absolute;left: 24px;top: 0;display: flex;flex-direction: column;height: 100%;justify-content: center;align-items: center;color: #fff;opacity: 1;transition: .5s;}
.join .top .box:hover .time span{writing-mode: vertical-lr;margin: 10px 0;font-size: 14px;}
.join .top .box:hover .time .num{font-size: 24px;font-weight: bold;}
.join .top .box:hover .mask{width: 490px;height: 310px;display: flex;flex-direction: column;justify-content: center;align-items: center;position: absolute;left: 70px;top: 45px;background: #E9280C;opacity: .8;color: #fff;transition: .5s;}
.join .top .box:hover .mask .line{width: 12px;height: 3px;background: #fff;margin: 20px 0;}
.join .top .box:hover .mask .title{font-size: 24px;color: #fff;font-weight: bold;}
.join .top .box:hover .mask .content{font-size: 14px;color: #fff;width: 400px;line-height: 1.5;}

.join .down{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.join .down dt{font-size: 16px;line-height: 2;color: #999;}
.join .down dd{font-size: 14px;line-height: 2;color: #ccc;}

.join .list{background: #fff;}
.list-top{background: #E9280C;color: #fff;}
.list-top .w10{display: flex;justify-content: space-between;height: 60px;align-items: center;}
.list-bottom{padding-bottom: 50px;}
.list-bottom .list-title{display: flex;justify-content: space-between;height: 60px;align-items: center;padding: 0 50px;}
.list-bottom .w10{border-bottom: 1px solid #ccc;}
.list-bottom .w10.active{border-bottom: 0;}
.list-bottom .list-title .moreb{cursor: pointer;display: flex;align-items: center;}
.list-bottom .list-title .more-icon{background: url(../img/b-jiantou.png) no-repeat center;width: 14px;height: 14px;transform: rotate(180deg);}
.join .box.active .list-title .more-icon{background: url(../img/red-jiantou.png) no-repeat center;width: 14px;height: 14px;transform: rotate(0);}
.join .box.active .list-title .moreb{color: #FF3300;}
.list-bottom .detail .top{display: flex;justify-content: space-around;color: #666;margin-bottom: 30px;}
.list-bottom .detail .slide-box{display: flex;align-items: center;justify-content: space-around;}
.list-bottom .detail .slide{width: 450px;}
.list-bottom .detail .slide .title{font-size: 14px;font-weight: bold;color: #666;margin-bottom: 10px;}
.list-bottom .detail .slide p{font-size: 12px;color: #999;line-height: 2;}
.list-bottom .sent{width: 168px;height: 45px;font-size: 14px;color: #fff;background: #E9280C;line-height: 45px;text-align: center;margin: 50px auto;}
.list-bottom .detail{display: none;background: #f3f3f3;padding: 30px 0;}
#index1-swiper .swiper-container{width: 100%;}
#index1-swiper .swiper-container .swiper-slide{display: flex;}