@import url("responsive2.0.css");
/*@import url("../fonts/fonts.css");*/

#fp-nav.fp-right{left: 17px; right: auto !important;}
.ind-product,
.ind-product .fp-tableCell{height: 100vh !important;display: flex !important;flex-direction: column;justify-content: center;}

@media (max-width: 1024px) {
.ind-product,
.ind-product .fp-tableCell {height: auto !important;}
}

.header .top_w{position: fixed;z-index: 100; left: 0;top: 0;width: 100%; transition: 0.5s; background: #fff}
.header .auto{position: relative; width: 96%; max-width: 1600px;}
.header .logo{width:38%; max-width:186px;margin-right:2%; transition: 0.5s}
.header .other{position: absolute;right: 0; top: 50%; transform: translateY(-50%)}
.header .language{position: relative; cursor: pointer}
.header .language span{display: block; padding-left: 32px; background: url("../images/language.svg") no-repeat left;}
.header .language .box{position: absolute; background: #fff; min-width: 155%;transition: 0.5s;transform: scaleY(0)}
.header .language .box a{display: block; text-align: center;padding: 10px}
.header .language.on .box{transform: scaleY(1)}
.header .search a{display: block;cursor: pointer; width:25px; height:25px; background: url("../images/search.svg") no-repeat center center}
.header .show-search{position:fixed; width: 100%;background: rgba(0,0,0,0.8); display: none; z-index: 10}
.header .show-search .box{max-width:750px;margin: auto;padding:4% 2%}
.header .show-search .text{width:calc(100% - 60px); height:40px;padding-left: 20px; border: none; color: #333333}
.header .show-search a{display: block;width:60px; height:40px;background: #304774; cursor: pointer}
.header .show-search a:before{content: '';display: block; width: 100%; height: 100%;filter: brightness(0) invert(1); background: url("../images/search.svg") no-repeat center center}
.header menu ul li span{text-transform: uppercase}
.header menu ul li span,
.header menu ul li span a{display: block;}
.header menu ul li .sub{display: none}
.header menu ul li .sub a{display: block;padding: 0px 20px}
.header menu ul li .sub dt{transform: translateY(10px);animation:fadeInUpSmall; -webkit-animation-duration: 0.5s;  animation-duration: 0.5s;  -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.header menu ul li .sub dt:nth-child(1){ -webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
.header menu ul li .sub dt:nth-child(2){ -webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.header menu ul li .sub dt:nth-child(3){ -webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.header menu ul li .sub dt:nth-child(4){ -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.header menu ul li .sub dt:nth-child(5){ -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.header menu ul li .sub dt:nth-child(6){ -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.header menu ul li .sub dt:nth-child(7){ -webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
.header menu ul li .sub dt:nth-child(8){ -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.header menu ul li .sub dt:nth-child(9){ -webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.header menu ul li .sub dt:nth-child(10){ -webkit-animation-delay: 1s; animation-delay: 1s;}
.header menu ul li .sub dt:nth-child(11){ -webkit-animation-delay: 1.1s; animation-delay: 1.1s;}

@media (min-width:1025px) {
.header .search{margin-left: 15px;}
.header menu{flex: 1;max-width: 1040px;margin-right: 1.1rem}
.header menu ul li{position: relative;}
.header menu ul li span{line-height:.8rem; position: relative; display: block; z-index: 10; transition: 0.5s}
.header menu ul li span a:after{content: '';position: absolute; width:0; height:2px; margin: auto; left: 0; right: 0; bottom: 0;transition: 0.5s}
.header menu ul li.aon span a{color: #304774}
.header menu ul li.aon span a:after,
.header menu ul li:hover span a:after{width: 100%; background: #304774;}
.header menu ul li .sub{position: absolute;min-width:140px; left: 50%;transform: translateX(-50%); white-space: nowrap; z-index: -1;background: rgba(255,255,255,1); box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.header menu ul li .sub dl{padding: 10px 0; text-align: left}
.header menu ul li .sub a{display: block;}
.header menu ul li .sub a:hover{background: #2e4470; color: #fff}
.header.show .top_w{box-shadow: 0 0 15px rgba(0,0,0,0.1)}
}
@media (min-width:1200px) {
.header menu{margin-right: 1.56rem}
.header .search{margin-left: 35px;}
}
@media (max-width:1024px) {
.header .auto{padding: .1rem 0}
.header .search {margin:0 10px;}
.header menu{position: fixed; left: -100%;top:0;height: calc(100vh); background-color: #fff;opacity: 0;transition: 0.5s;box-shadow: 0 5px 5px rgba(0,0,0,0.1); width:60vw;}
.menu-show .header menu{left: 0; opacity: 1;}
.header menu ul{padding: 20px 0; height: 100%; overflow: auto; display: block}
.header menu li{border-bottom: 1px dotted #c6c6c6;}
.header menu li span{line-height: 3; padding-left:1em;}
.header menu ul li .sub a{padding: 5px 2em}
.header menu ul li .sub dt:not(:last-child){border-bottom: solid 1px #ddd}
.open-menu {margin-left: .1rem; width:34px;height:24px; display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;transition: 0.3s;}
.open-menu span {display: block;transition: 0.3s;height: 2px;background-color: #304774;}
.menu-show  .open-menu{border-radius: 50%; background-color: #304774;padding: 8px; height:34px; }
.menu-show  .open-menu span{background-color: #fff; height: 1px;}
}



.close{position: absolute;right:.2rem;top:.2rem;z-index: 10;width:0.4rem;height:0.4rem;border-radius: 50%;cursor: pointer;}
.close::before,
.close::after{ position:absolute; content:''; width:4px; height:100%; border-radius:3px; background-color:#fff; left:0px; top:0px;right: 0; bottom: 0; margin: auto}
.close::before{ transform:rotate(45deg);}
.close::after{ transform:rotate(-45deg);}

.play_video{cursor: pointer}
.play_video .play{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer; z-index: 10; }
.play_video .play i { display: block; width:.6rem; height:.6rem; border-radius: 50%; background: #e77918 url(../images/play.svg) no-repeat center center; position: relative; z-index: 4; }
.play_video .play:before, 
.play_video .play:after { position: absolute; content: ''; border-radius: 50%; background: #e77918; opacity: 0.20; -webkit-opacity: 0.20; animation: scale 3s infinite; -webkit-animation: scale 3s infinite; }
.play_video .play:before { left: -15px; top: -15px; bottom: -15px; right: -15px; animation-delay: 0.5s; }
.play_video .play:after { left: -23px; top: -23px; bottom: -23px; right: -23px; }
@media (max-width:1024px) {
.play_video .play i { width:.4rem; height:.4rem;}
}
.video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:101;background: rgba(0,0,0,0.3)}
.video_files video{width:100%; height:100%; background-color:#000; position: absolute;}
.video_files iframe{width:100%; height:100%; background-color:#000; position: absolute;}
[rel="outside"] .video_files{position: fixed;display: flex; align-items: center; justify-content: center}
[rel="outside"] .video_files .filesbox{position: relative; max-width: 1000px; width: 96%; padding: 15px; background: #ffffff}
[rel="outside"] .video_files video{position: relative}
[rel="outside"] .video_files iframe{position: relative}
[rel="outside"] .close{right:-.45rem;top:-.45rem;}

@media (max-width:768px) {
[rel="outside"] .close{right:0rem;}
}


@keyframes scale {
 0% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
 50% {transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);}
 100% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
}
@-webkit-keyframes scale {
 0% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
 50% {transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);}
 100% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
}
@-ms-keyframes scale {
 0% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
 50% {transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);}
 100% {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
}

.footer{background: #304774; overflow: hidden}
.footer,
.footer a:not(:hover){color: #fff}
.footer .column{padding:4% 0}
.footer .column .sub dt{padding: 3px 0}
.footer .column .sub a{display: inline-block;font-weight:100}
.footer .other{position: relative;padding:2.5% 0}
.footer .other:before,
.footer .other:after{content: ''; position: absolute;left: -20%; right: -20%; height: 1px; opacity: 0.08;background: #fff}
.footer .other:before{top:0;}
.footer .other:after{bottom: 0}
.footer .logo{max-width: 186px; filter: brightness(0) invert(1); }
.footer .message a{line-height: 40px; display: block;padding-right: 37px; background: url(../images/a_jt.svg) no-repeat right center; border-bottom: solid 1px rgba(255,255,255,0.7)}
.footer .follow span{display: inline-block}
.footer .follow span:not(:last-child){margin-right: 15px;}
.footer .follow .pdficon img{width: 50px;height: 50px;}
.footer .copyright{padding:2% 0; text-align: right}


@media(max-width:1024px){
.footer .column .sub{display: none}
.footer .logo{max-width:80px}
.footer .contact{order: 4;width: 55%; padding-top: 4%}
.footer .message{order: 4;}
.footer .follow{text-align: right;}
.footer .follow span{width:20%}
.footer .column{display: none}
.footer{margin-bottom: 0.4rem;}
.footer .follow .pdficon img{width:30px;height: 30px}
}

@media(max-width:768px){
/* .footer .column li {width: 30%} */
.footer .copyright{text-align: center}
}

.location{ line-height:40px; padding: 10px 0; box-shadow: 0 0 14px rgba(225,233,244,0.8)}
.location a{display: inline-block}
.location a:first-child{padding-left: 25px; background: url(../images/location.svg) no-repeat left}

.location_lm{ line-height:40px; padding: 10px 0; box-shadow: 0 0 14px rgba(225,233,244,0.8)}
.location_lm .current a{display: inline-block}
.location_lm .current a:first-child{padding-left: 25px; background: url(../images/location.svg) no-repeat left}
.location_lm .nav-menu li{float: left;font-size: 1.125em;line-height: 2;}
.location_lm .nav-menu li:not(:last-child){margin-right:2.222em;}
.location_lm .nav-menu li a{display: block;position: relative;}
.location_lm .nav-menu li a:hover,
.location_lm .nav-menu li.aon a{color: #304774;}
.location_lm .nav-menu li.aon a:before{position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 2px;background-color: #304774;}
@media(min-width:1025px){
	.location_lm .current{float:right;}
	.location_lm .nav-menu{float:left;}
}


.sidebar{position: fixed;right: 0; top: 50%; transform: translateY(-50%); z-index: 50}
.sidebar dl{position: relative}
.sidebar dl:not(:last-child){margin-bottom: 3px;}
.sidebar dl:nth-child(3){display:none}
.sidebar dt{position: relative; z-index: 2; background: #e77918;width: .5rem; height: .5rem; border-radius: 4px 0 0 4px;display: flex; justify-content: center; align-items: center; cursor: pointer; transition: 0.5s}

.sidebar dd{position: absolute;background: #e77918; padding:.1rem; color: #fff; right: -1000%;top: 0; opacity: 0; transition: 0.5s;white-space: nowrap;min-width: 155px; transform: scale(0); line-height: 1; border-radius: 10px 0 0 10px;min-height: .5rem;display: flex;align-items: center}
.sidebar dd a{color: #fff}
.sidebar dd img{width: 100%}
/*.sidebar dl.icon dd a{position: relative; padding-left: 40px;line-height: 40px; }
.sidebar dl.icon dd a:before{content: '';position: absolute; left: 0;top:0;width: 30px; height: 100%; background: no-repeat left center; filter: brightness(0) invert(1);}
.sidebar dl.tel dd a:before{background-image: url("../images/tel_kf.svg")}
.sidebar dl.email dd a:before{background-image: url("../images/icon_email.svg")}
.sidebar dl.qq dd a:before{background-image: url("../images/icon_qq.svg")}*/
.sidebar dl.on dt{border-radius: 0;}
.sidebar dl.on dd{right: 99%;opacity: 1; transform: scale(1)}
.sidebar dl.Contact,.sidebar dl.top {display:none;}
@media (max-width:1024px) {
.sidebar dt{width: .4rem; height: .4rem;}
}

.neiye-banner {position: relative;}
.neiye-banner .txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff;white-space: nowrap}
.neiye-banner .wap{display: none}
@media (max-width:1024px) {
.neiye-banner .wap{display:block}
.neiye-banner .pc{display: none}
.sidebar dl:nth-child(3){display:block}
.sidebar{position:fixed;left:0;bottom:0;top:auto;transform:inherit;display:flex;width:100%;background:#e77918;justify-content:space-around;}
}
@media (max-width:780px) {
    
    .sidebar dl.Contact,.sidebar dl.top{display:block;}
    .sidebar dl.Contact img{width: 30px;height: 30px;}
}

.side_menu{position: relative; z-index: 50}
.side_menu dt{color: #fff;line-height: 1.2; min-height: 1rem;display: flex; align-items: center; justify-content: center; text-align: center; background:#304774 url(../images/menu_bg.jpg) no-repeat center bottom; background-size: 100%}
.side_menu ul{border: solid 1px #e1e9f4; background: #fff}
.side_menu ul li{position: relative}
.side_menu ul li:not(:last-child){border-bottom: solid 1px #e1e9f4}
.side_menu ul li a{display: block;line-height:24px;}
.side_menu ul li span{position: relative;display: block}
.side_menu ul li span a{padding: 5% 15% 5% 8%; position: relative;font-size:0.18rem;}

.side_menu ul li ul{display: none;}
.side_menu ul li ul a{padding: 5%}

@media (min-width:768px) {
.side_menu ul li ul{position: absolute;width: 100%; left:100%; top: 0; background: #fff;}
.side_menu ul li span a:after{content: '';position: absolute; top: 0; bottom: 0; right: 5%; width: 11px; height: 20px; margin: auto; background: url(../images/menu_jt.svg)}
.side_menu ul li:not(.on) span a:after{filter: grayscale(100%) brightness(100%);}
.side_menu ul li.on span a{color: #e87915; font-weight: bold}
.side_menu ul li li.on a{color: #e87915;}


}
@media (max-width:768px) {
.side_menu {padding-bottom: 4%}
.side_menu dt{line-height: .6rem; min-height: inherit; position: relative}
.side_menu dt i{background: url(../images/menu.png) no-repeat center center; background-size: 100%; position: absolute;top: 0; bottom: 0; right: .1rem; width: .4rem; height: .4rem; margin: auto}
.side_menu dd{display: none; position: absolute; width: 100%;}
.side_menu dd >ul{box-shadow:0px 10px 10px #b2b2b2; border-radius: 0 0 10px 10px; opacity: 0.95}
.side_menu dd >ul li span a{padding: 3% 10% 3% 3%}
.side_menu dd >ul li ul{border: none;background: #f9f9f9}
.side_menu dd >ul li ul a{padding:3%}
.side_menu dd .subop{position: absolute; width: 40px; height: 40px;right: 0; top: 0; bottom: 0; margin: auto; z-index: 5;}
.side_menu dd .subop:before,
.side_menu dd .subop:after{content: '';position: absolute; width:60%; height: 2px; background: #304774; margin: auto;right: 0; top: 0; bottom: 0;left: 0; transition: 0.5s}
.side_menu dd .subop:after{transform: rotate(90deg)}
.side_menu dd .click span{background: #e77918}
.side_menu dd .click span a{color: #ffffff}
.side_menu dd .click .subop:before,
.side_menu dd .click .subop:after{background: #ffffff}
.side_menu dd .click .subop:after{transform: rotate(0deg)}
.sidebar dl{position: initial;}
.sidebar dd{top:-0.5rem;left:50%;transform:translateX(-50%) !important;right:auto;min-width:200px;border-radius:10px 10px 0 0}
.sidebar dl.tel dd{opacity:0 !important;}
.sidebar dl.qq,.sidebar dl.wechat,.sidebar dl.facebook,.sidebar dl.youtube,.sidebar dl.instagram{position:relative;display:none;}
.sidebar dl.qq dd,.sidebar dl.wechat dd {top: -150px;min-width:150px}
}

.swiper-button-next,
.swiper-button-prev{width: 52px; height: 52px; border-radius: 4px;  color: #666666; border: solid 1px #304774;font-weight: bold; transition: 0.5s}
.swiper-button-next:after,
.swiper-button-prev:after{font-size: 16px;}
.swiper-button-next:hover,
.swiper-button-prev:hover{color: #ffffff;background: #304774; border-color: #304774}
.swiper-pagination-bullet{width: 12px; height: 12px; margin: 0 10px!important; background: #fff;  opacity: 1; transform: scale(1); transition: 0.5s}
.swiper-pagination-bullet-active{border-color: #304774; background: #304774}
.swiper-pagination-button{display: flex; justify-content: space-between; position: relative; z-index: 10; line-height: 42px}
.swiper-pagination-button .swiper-pagination{position: initial;width: inherit; transform: none!important;text-align: left}
.swiper-pagination-button .swiper-pagination-bullet{ background: none; border: solid 1px #e1e9f4;}
.swiper-pagination-button .swiper-button{width: 1.44rem; position: relative}
.swiper-pagination-button .swiper-pagination-bullet-active{border-color: #304774; background: #304774}




.txt h4.dot{line-height: 1.667;}
.txt h4.dot2{line-height: 1.5;}

@media(max-width:1024px){
    
.txt h4.dot{line-height: 1.667;font-size:0.16rem}
.txt h4.dot2{line-height: 1.5;font-size:0.14rem}
}


.news_list li{margin-bottom: 2%;padding-bottom: 2%; border-bottom: solid 1px #e1e9f4;}
.news_list .pic{width:23.9727%}
.news_list .pic figure{padding-bottom:64%}
.news_list .txt{width:72%;  position: relative; padding-bottom: .6rem}
.news_list .txt h4{margin-bottom: .1rem}
.news_list .txt dl span{float: right}
.news_list .txt dl{position: absolute; width: 100%; bottom: .2rem}
@media(max-width:768px){
.news_list .txt{padding-bottom: 0}
.news_list .txt h4{font-size: calc(18 / var(--winvw));}
.news_list .txt p{display: none}
.news_list .txt dl{position: relative; bottom: 0;}
.news_list .pic figure{padding-bottom: 0; height: 100%;width: 90px;}
}


.product_list ul:after{content: '';}
.product_list ul:after,
.product_list li{width:31.507%}
.product_list li{margin-bottom:2.7395%;position: relative;}
.product_list li a{display: block; box-shadow: 0 0 0 1px #e1e9f4; transition: 0.5s}
.product_list li .pic{position: relative;}
.product_list li .pic figure{padding-bottom:73.915%;}
.product_list li .pic figure img{ -webkit-transform:scale(0.8);transform:scale(0.8)}
.product_list li .txt{padding:5.655% 0;text-align: center; border-top: solid 1px #e1e9f4; position: relative}
.product_list li .txt h4{ -webkit-line-clamp:2;}
.product_list li:after{content: '';position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #e87915; transition: 0.5s}
.product_list li:hover a{box-shadow: 0 0 14px rgba(225,233,244,0.8)}
.product_list li:hover .pic figure img{ -webkit-transform:scale(1);transform:scale(1)}
.product_list li:hover:after{width: 100%}

@media(max-width:768px){
.product_list ul:after{display: none}
.product_list li{width:49%;margin-right:2%}

.product_list li .pic{width: 100%}
.product_list li .txt{width: 100%;padding: 3%; text-align: left; border-left: solid 1px #e1e9f4; border-top: none}
.product_list li .txt h4{ -webkit-line-clamp:1;text-align:center;line-height:0.26rem;/*height:0.78rem*/font-size: 0.13rem;}
.product_list li:nth-child(2n){margin-right:0}
}

@media(min-width:768px){
#productmain {display: flex; justify-content: space-between}
#productmain .left_part{width: 23%}
#productmain .right_part{width:74.35%}
}

.projects_list ul:after{content: '';}
.projects_list ul:after,
.projects_list li{width:31.507%}
.projects_list li{margin-bottom:2.7395%; border-bottom: solid 1px #e1e9f4}
.projects_list li a{position: relative}
.projects_list li .pic{position: relative; background-color: #000000}
.projects_list li .pic figure{padding-bottom:73.915%;}
.projects_list li .txt{padding:8% 0;text-align: center;font-family: arial, helvetica, sans-serif;}
@media(max-width:768px){
.projects_list ul:after{display: none}
.projects_list li{width:48%}
.projects_list li .txt h4{font-size:1.125em}
}

.product_info{padding-bottom: 5%;align-items: flex-start}
.product_info .photo{width: 50%; position: relative}
.product_info .photo figure{padding-bottom: 75%}
.product_info .big_pic{border: solid 1px #e1e9f4;} 
.product_info .small_pic{padding: 0px 50px;margin-top: 10px;}
.product_info .small_pic .item{padding: 3px}
.product_info .small_pic figure{box-shadow: 0 0 0 1px #e1e9f4; cursor: pointer}
.product_info .small_pic .swiper-slide-thumb-active figure{box-shadow: 0 0 0 3px #304774}
.product_info .swiper-button-prev,
.product_info .swiper-button-next{border-radius: 0; top: auto; bottom: 0;width: 40px; height: 20%}
.product_info .swiper-button-prev{left: 0;}
.product_info .swiper-button-next{right: 0}

.product_info .info{width: 48%}
.product_info .info .title{line-height: 1.2; padding: 1% 0;}
.product_info .info .title:after{content: '';display: block;margin-top: .1rem; width: 32px; height: 3px;background: #304774}
.product_info .info .model{padding: 1% 0}
.product_info .info .btn{padding: 4% 0}
.product_info .info .btn a{background: #304774; color: #fff; text-align: center; display: inline-block;line-height: 3;width: 50%; max-width: 230px; transition: 0.5s; cursor: pointer}
.product_info .info .btn a:hover{background: #e77918;}
.product_info .info .tel a{display: inline-block;padding-left: 40px;line-height: 40px; cursor: default; background: url("../images/tel_kf.svg") no-repeat left;font-size:0.2rem}
@media (max-width:1024px) {
.product_info .photo,
.product_info .info{width:100%}
.product_info .swiper-button-prev,
.product_info .swiper-button-next{height: 21%}
.product_info .info{padding-top: 4%}
}

.product_details .tab_column ul{max-width: 700px;background: #ffffff; transition: 0.5s}
.product_details .tab_column li{/*flex: 1;*/ background: #f9f9f9; margin: 0px 1px; text-align: center; line-height:3.75; cursor: pointer; transition: 0.5s;padding: 0 10.8222px;}
.product_details .tab_column li.show{background: #304774; color: #ffffff}
.product_details .tab_column.fixed ul{position: fixed;max-width: inherit; width:100%; z-index: 10;border: solid 1px #e1e9f4;opacity: 0.95}

.product_details .tab_group{border: solid 1px #e1e9f4; padding: 5%}
.product_details .video_box{position: relative; margin: 4% auto; max-width: 830px;padding-bottom: 48.208%;}
.product_details .video_box iframe{width: 100% !important; height: 100% !important; position: absolute; top: 0}
.product_details .video_box .pic{position: relative}
.product_details .video_box .pic video{width: 100%; height: 100%; position: absolute; top: 0; object-fit: cover; -o-object-fit: cover}
.product_details .title{line-height:24px; padding-left: 20px; border-left: solid 6px #304774;}
.product_details .article{padding:3% 0}
.product_details .article >p{padding-top: 0; margin-top: 0}
.product_details .ul_img li{width: 48%;padding: 2% 0; text-align: center}
.product_details .ul_img .pic figure { padding-bottom: 78.425%;}
.product_details .ul_img .txt{padding: 2% 0}
.product_details .ul_img .txt h4{font-size: 20px}
@media(max-width:768px){
.product_details .video_box{padding-bottom: 60%}
.product_details .ul_img .txt h4{font-size: 0.16rem;line-height:0.26rem;/*height:0.78rem;*/}
.product_details .tab_column li{padding: 0 9.8222px;}
}

.video_list ul:after{content: '';}
.video_list ul:after,
.video_list li{width:31.507%}
.video_list li{margin-bottom:2.7395%; border-bottom: solid 1px #e1e9f4}
.video_list li a{position: relative}
.video_list li .pic{position: relative; background-color: #000000}
.video_list li .pic figure{padding-bottom:73.915%; opacity: 0.7;transition: 0.5s}
.video_list li .play_video .play i{background: url("../images/play2.svg"); width: .6rem; height: .6rem}
.video_list li .play_video .play:before,
.video_list li .play_video .play:after{display: none}
.video_list li .txt{text-align: center; padding:5.655% 0;font-family: arial, helvetica, sans-serif;}
.video_list li:hover .pic figure{opacity:0.9}

.video_list li .video_box{position: relative; padding-bottom: 48.208%;}
.video_list li .video_box iframe {width: 100% !important;height: 100% !important;position: absolute;top: 0;}

@media(min-width:768px){
#videomain{display: flex; justify-content: space-between}
#videomain .left_part{width: 23%}
#videomain .right_part{width:74.35%}
}
@media(max-width:768px){
.video_list ul:after{display: none}
.video_list li{width:48%}
.video_list li .video_box{ padding-bottom: 68%;}
.video_list li .play_video .play i{width: .4rem;height: .4rem;background-size: contain;}
.video_list li .txt h4{font-size:1.125em}
}


.detail_article .title{text-align: center}
.detail_article .title h1{font-weight: normal; line-height: 1.45}
.detail_article .title p{padding-bottom: 2%; padding-top: 1%}
.detail_article .detail{padding: 2% 0; border-top:solid 1px #e1e9f4; border-bottom:solid 1px #e1e9f4}

.search_list .results{padding-bottom: 3%;}
.search_list li{padding: 1% 0; border-bottom: solid 1px #e1e9f4}
.search_list li span{display: none}
.search_list li time{float: right; padding-left: .2rem}

.prev_next {padding-top:3%; line-height:.5rem; position: relative}
.prev_next .back{position: absolute; left: 50%; transform: translateX(-50%)}
.prev_next .back a{color: #fff;display:inline-block; border-radius: 30px; padding: 0px .34rem 0 .63rem;background: #304774 url(../images/back.svg) no-repeat .36rem;}
.prev_next .back a:hover{background-color: #e77918}
.prev_next p.dot a{cursor: pointer;display: block;position: relative;text-align: center; width: .5rem; height: .5rem;color: #fff; border:solid 1px #e1e9f4;border-radius:30px; transition: 0.5s}
.prev_next p.dot a:before{content: '';position: absolute;width: .5rem; height: 100%; background: url("../images/page.svg") no-repeat center center}
.prev_next p.dot.prev a:before{left: 0; transform: rotate(-180deg)}
.prev_next p.dot.next a:before{right: 0}
.prev_next p.dot a:hover{width: 1.2rem;background: #304774}
.prev_next p.dot a:hover:before{ filter: brightness(0) invert(1);}
@media(max-width:1024px){
.prev_next .back{width: 100%; position: initial;transform: none}
.prev_next .back a{line-height: .40rem}

.detail_article .title h1{font-size:1.125em}


}

.Pages{padding-top: 4%; padding-bottom: 2%; font-size: 18px}
.Pages span:not(.p_page),
.Pages a.a_first,
.Pages a.a_end{display: block}
.Pages .p_page{display: flex; justify-content: center}
.Pages .num{display: flex;font-style: normal; padding: 0px 20px;}
.Pages a,.Pages .page-numbers{width:.52rem;height: .52rem;line-height: .52rem; margin: 0px 10px; text-align: center;display: block; background: #ffffff; border: solid 1px #304774;border-radius: 4px;}
.Pages a.a_cur{background: #304774; color: #ffffff;}
.Pages a.a_prev,
.Pages a.a_next{text-indent: 100px;overflow: hidden;position: relative;}
.Pages .next,.Pages .prev {width: auto;padding:0 0.1rem}
.Pages .current{background:#304774;border-color:#304774;color:#fff}
.Pages a.a_prev:before,
.Pages a.a_next:before{content: ''; position: absolute; width: 100%; height: 100%; left: 0;background: url(../images/page.svg) no-repeat center center}
.Pages a.a_prev{transform:rotate(180deg)}
.Pages a.no{ cursor: default;}
.Pages a.a_prev.no:before,
.Pages a.a_next.no:before{opacity: 0.5}
@media(max-width:1024px){
.Pages .num{padding: 0}
.Pages a{width:.36rem;height: .36rem;line-height: .36rem;margin: 0px 5px;}
.Pages a, .Pages .page-numbers{margin:0 1px;font-size:0.14rem;width:.36rem;height: .36rem;line-height: .36rem;}
.Pages .next,.Pages .prev {width: auto;padding:0rem}
}

.column_title{text-align: center;line-height: 1; padding-bottom: 3%; color: #000000; text-transform: uppercase}
.column_title .fs30{padding-bottom: 2%; border-bottom: solid 1px #eeeeee}


.auto.main{padding: 3.5% 0}

.group_about .about{padding-bottom: 4%}
.group_about .boxL{width: 50%}
.group_about .boxR{width: 46.918%}
.group_about .column_title{text-align: left}
.group_about .article{line-height: 1.5}
.group_about .number{background: #304774; color: #fff; text-align: center}
.group_about .number ul{padding:1% 5%}
.group_about .number li{padding:2%;flex:3}
.group_about .number li .ani{line-height: 1; padding-right: 5px;}
.group_about .number li p{padding-top: .1rem}
.group_about .photo{position: relative}
@media(max-width:1024px){
.group_about .boxL,
.group_about .boxR{width:100%}
.group_about .article{padding-bottom: 4%}
.group_about .photo{max-width: 685px; margin: auto}
.group_about .number li{width:33.33%}
.group_about .number li p{line-height:0.24rem;height:0.78rem;overflow-y:auto}
}

.group_honor{background-color: #f8f8f8}
.group_honor .article{text-align: center; padding-bottom: 4%;color: #000;font-family: arial, helvetica, sans-serif;}
.group_honor .item .pic{padding: 10%; background: url("../images/honor_imgbg.jpg") no-repeat; background-size: 100% 100%;}
.group_honor .item .pic figure{max-width: 224px; width: 90%;padding-bottom:103.965%; margin: auto; border-radius: 10px; background: rgba(255,255,255,00.8)}
.group_honor .item .pic img{transform: scale(0.9)}
.group_honor .item .txt{text-align: center; padding: 4% 0; line-height: 1.5}
.group_honor .swiper-button-next,
.group_honor .swiper-button-prev{top: 40%}
@media(max-width:640px){
.group_honor .item .pic figure{max-width: inherit}
}

.group_team .article{text-align: center; padding-bottom: 4%;color: #000;font-family: arial, helvetica, sans-serif;}
.group_team .item figure{padding-bottom:61.974%}
.group_team .swiper{overflow: inherit}
.group_team .swiper-slide{transition: 0.5s;opacity: 0.2}
.group_team .swiper-slide .pic{display: flex;}
.group_team .swiper-slide .pic figure{width: 100%}
.group_team .swiper-slide-active,
.group_team .swiper-slide-next{opacity: 1}
.group_team .swiper-slide-prev .pic figure,
.group_team .swiper-slide-next + .swiper-slide .pic figure{width:90%}
.group_team .swiper-slide-next + .swiper-slide .pic{justify-content: flex-end}
.group_team .swiper-button-prev{left: -5.2%;}
.group_team .swiper-button-next{right: -5.2%;}
.group_team .swiper-button-prev:not(:hover),
.group_team .swiper-button-next:not(:hover){background-color: #ffffff}
@media(max-width:768px){
.group_team .swiper-slide-next .pic figure{width:90%}
.group_team .swiper-slide-next .pic{justify-content: flex-end}
}

.group_contact .article{padding-bottom: 3%}
.group_contact .item{background: #f9f9f9}
.group_contact .item:not(:last-child){margin-bottom:2%;}
.group_contact .item:nth-child(odd) .pic{order: 2}
.group_contact .pic{width: 50%;}
.group_contact .pic img{width: 100%}
.group_contact .txt{padding: 4%;flex: 1}
.group_contact .txt h4{margin-bottom:4%}
.group_contact .txt p{padding-left: 27px; background: url("../images/address.svg") no-repeat left 6px;font-family: arial, helvetica, sans-serif;}

.group_message{background-color: #f8f8f8}
.group_message .box{width: 32%; margin-right: 2%;padding:10px 15px; background-color: #fff; border: solid 1px #f1f1f1; border-radius: 4px;}
.group_message .box[rel=email],
.group_message .box[rel=textarea]{margin-right: 0}
.group_message .box[rel=textarea]{width: 100%;margin-top: .2rem; margin-bottom: .2rem}
.group_message .box[rel=yzm]{max-width: 1.6rem; text-align: center}
.group_message .box[rel=yzm] img{height: 38px;}
.group_message .text{background: #fff; border: none;width: 100%; min-height: 38px;}
.group_message .box[rel=textarea] .text{height: 1.2rem;}
.group_message .text::placeholder{color: #999999}
.group_message .button{padding-top: .35rem;width: 100%}
.group_message .button .submit{width: 48%;max-width: 2.2rem;height: .6rem;border: none; cursor: pointer; color: #fff; background-color: #304774; border-radius: 4px;transition: 0.5s}
.group_message .button .submit:hover{background-color: #e77918}
@media(max-width:768px){
.group_message .box{width:100%;margin-right: 0; margin:1% 0!important}
.group_message .box[rel=code]{width: calc(97% - 1.6rem); margin-right: 3%!important}
.group_contact .item:not(:last-child){margin-bottom:2%;flex-direction: column;}
.group_contact .pic{width: 100%;}
.group_contact .list .item:nth-child(2) {flex-direction: column-reverse;}
.group_contact .list .item:nth-child(4) {flex-direction: column-reverse;}
}


.ind-body{background: #f5f5f5}

.ind-body .header .top_w{box-shadow: 0 0 20px rgba(0,0,0,0.06)}
.ind-body .column_title{padding-top: .4rem}
.ind-body .swiper-button-prev:after,
.ind-body .swiper-button-next:after{font-size: 24px;font-weight: normal}
@media(min-width:1024px){
.ind-body .header{position: fixed; width: 100%; z-index: 100}
}
@media(max-width:1024px){
.ind-body .column_title{padding: .4rem 0}
.ind-body .column_title h3{font-size:calc(30/var(--winvw))}
}

.ind-banner .txt{position: absolute; text-align: center; top:50%; left: 0; right: 0; margin: auto; width:90%; max-width:1660px; transform: translateY(-50%); color: #ffffff; z-index: 12; line-height: 1.25}
.ind-banner .pic img{width: 100%}
.ind-banner .pic img.wap{display: none}
.ind-banner .pic .wap{display: none;}
.ind-banner .pic figure{background-size:cover;background-repeat:no-repeat;background-position:center center;width:100%;padding-bottom:63%}
.ind-banner video{position: absolute; top: 0; z-index:2;width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover}
.ind-banner .swiper-slide img{transition:1s linear 2s;transform:scale(1.1,1.1);}
.ind-banner .swiper-slide-active img,
.ind-banner .swiper-slide-duplicate-active img{	transition:6s linear;transform:scale(1,1);}
.ind-banner .swiper-pagination{bottom: 40px}
.ind-banner .swiper-pagination-bullet{width: 20px;height: 4px; border-radius: 0px; opacity: 0.6}
.ind-banner .swiper-pagination-bullet-active{width: 50px;background: #ffffff;opacity: 1}

.root-swiperVideo .video-inner,
.root-swiperVideo .video-box, 
.root-swiperVideo .video-box video{position: absolute; left: 0;top: 0;width: 100%;height: 100%; }
.root-swiperVideo .video-box video{object-fit: cover;}
.root-swiperVideo .video-inner{z-index: 10;}
.root-swiperVideo .video-box{z-index: 5;}
.root-swiperVideo .video-box::before{position:absolute;left:0;top:0;width:100%;height:100%;z-index: 11;content:'';background: rgba(0,0,0,0.3);}
.root-swiperVideo .open-video{position: absolute; width: 100%; height: 100%;left: 0;top: 0;z-index: 1;visibility: hidden;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzM3NjE1OTM2NDQwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwODUgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIxOTkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjExLjkxNDA2MjUiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNNTQ2LjkwNDIyOCAxOC4xMDU3M2MtMjc3Ljc2OTE4IDAtNTAyLjk0NTI5IDIyNS4xNzYxMS01MDIuOTQ1MjkgNTAyLjk0NTI5IDAgMjc3Ljc3MTY0IDIyNS4xNzQ4OCA1MDIuOTQ3NzUgNTAyLjk0NTI5IDUwMi45NDc3NSAyNzcuNzY3OTUgMCA1MDIuOTQ1MjktMjI1LjE3NjExIDUwMi45NDUyOS01MDIuOTQ3NzVDMTA0OS44NDk1MTggMjQzLjI4MzA3IDgyNC42NzIxNzggMTguMTA1NzMgNTQ2LjkwNDIyOCAxOC4xMDU3M0w1NDYuOTA0MjI4IDE4LjEwNTczek01NDYuOTA0MjI4IDk3My43MDE2NTljLTI0OS45OTI2MzEgMC00NTIuNjUxODY4LTIwMi42NTkyMzctNDUyLjY1MTg2OC00NTIuNjUxODY4IDAtMjQ5Ljk5MDE3MiAyMDIuNjU5MjM3LTQ1Mi42NDk0MDggNDUyLjY1MTg2OC00NTIuNjQ5NDA4czQ1Mi42NTA2MzggMjAyLjY1OTIzNyA0NTIuNjUwNjM4IDQ1Mi42NDk0MDhDOTk5LjU1NDg2NiA3NzEuMDQyNDIyIDc5Ni44OTY4NTkgOTczLjcwMTY1OSA1NDYuOTA0MjI4IDk3My43MDE2NTlMNTQ2LjkwNDIyOCA5NzMuNzAxNjU5ek03NzUuMjAzOTI0IDQ4NS40MDY0NzhjLTc4LjI2Nzk2Mi01My4yNTU5MS0yMjAuMTkxOS0xMzIuOTY3NjA4LTMwMS4wMDQyMzItMTgyLjM1ODM4OC0zMy4xMzIxNDYtMjAuODkzNTkyLTYwLjk5MzU0OS0xMi41MDI5NTItNjMuNjY3MDQzIDI0LjM5OTYzMy0xLjkzODA5OSA5OC44NDA1ODggMCAyODkuNTUwMjY0IDAgMzkwLjEwMTQ0NSAxLjY4MTA3OSAzNy40NjIxMjUgMzQuNzA5OTI2IDQyLjQwMzI5MyA2My4zNzU1OSAyNy4zNjIxMjEgODAuNzIxMzMtNDguOTA2MjU1IDIxOS40NTY1MDUtMTMyLjk1Nzc3IDMwMC41ODg1NzQtMTgyLjExMjQzNkM3NzMuOTY4MDE3IDU2Mi40NzY2NTYgODM2LjA5Nzg2MiA1MjguMzA1MzY0IDc3NS4yMDM5MjQgNDg1LjQwNjQ3OEw3NzUuMjAzOTI0IDQ4NS40MDY0Nzh6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSIyMjAwIj48L3BhdGg+PC9zdmc+) no-repeat center center; background-size: 0.5rem auto;}

.ind-banner .video-inner .txt{transform: translateY(-30%);}
.root-swiperVideo .video-inner .video-txt{ display:flex; justify-content: space-between;}
.root-swiperVideo .video-inner .video-txt h4{ padding-top:5%; width:56%;text-align: left;}
.root-swiperVideo .video-inner .video-txt .img{ width:28%; min-height:200px;position: absolute;top: -40%;right: 0;}


@media (max-width:1024px) {
  .root-swiperVideo .swiper-wrapper,
  .root-swiperVideo .swiper-slide{height: auto;}
  .root-swiperVideo .open-video{z-index: 10;visibility: visible;}
  /* .root-swiperVideo .video-box{opacity: 0;visibility: hidden;transition: 0.3s;} */
  .root-swiperVideo .video-inner.active .open-video{visibility: hidden;}
  .root-swiperVideo .video-inner.active .video-box{opacity: 1;visibility: visible;}
}

@media(min-width:1024px){
.ind-banner .pic img{height: 100vh}
}
@media(max-width:1024px){

.ind-banner .pic img.wap{display:block;width:100%}
.ind-banner .pic img.pc{display: none}
.ind-banner .pic figure{padding-bottom:63%;}
.ind-banner .pic .pc{display:none}
.ind-banner .pic .wap{display: block;}
.ind-banner .swiper-pagination{bottom:10px}
.root-swiperVideo .video-inner .video-txt{ flex-wrap: wrap;}
.root-swiperVideo .video-inner .video-txt h4{ width: 100%;}
.root-swiperVideo .video-inner .video-txt .img{ width: 100%;}
}
@media(max-width:768px) {
  .root-swiperVideo .video-inner .video-txt{ flex-wrap: nowrap;}
  .ind-banner .video-inner .txt{transform: translateY(-50%);display: block;}
  .ind-banner .video-inner .txt p{padding-left:0 !important;}
  .root-swiperVideo .video-inner .video-txt h4{ width: 100%;font-size: 18px;}
}


.ind-product .list{width: 50%; position: relative; z-index: 5}
.ind-product .show_box{position: relative; background: #304774; cursor: pointer}
.ind-product li:nth-child(2n) .show_box{background:#ebecee;}
.ind-product .show_box .pic figure{padding-bottom:12%; opacity: 0.5; transition: 0.5s}
.ind-product .show_box .pic figure img{display: none;}
.ind-product .show_box .txt{position: absolute;width: 100%;padding: 0 5%; text-align: center; top: 50%; transform: translateY(-50%); color: #fff; z-index: 5; transition: 0.5s}

.ind-product li:nth-child(2n) .show_box .txt{color:#304774;}
.ind-product .hide_box{width:100%;height: 100%; position: absolute; z-index: -1; top: 0;left:100%; padding:3%; background: #ebecee;display: none;opacity: 0; transition: 0.5s;z-index: 999;}
.ind-product .hide_box .pic{position: relative}
.ind-product .hide_box .pic figure{padding-bottom:75%}
.ind-product .video_box iframe{}
.ind-product .hide_box .txt{line-height: 30px;padding-bottom: 3%}
.ind-product .hide_box .txt span{background: #304774; float: right; color: #fff;display: inline-block; padding: 0px 15px; border-radius: 6px;}
.ind-product .list li.show .show_box .pic figure{opacity: 1}
.ind-product .list li.show .show_box .txt{}
.ind-product .list li.show .hide_box{opacity: 1;display: block}
@media(max-width:768px){
.ind-product .list{width: 100%}
.ind-product .hide_box{position: relative; left: auto}
.ind-product .show_box .pic figure{padding-bottom:13.7%;}
}

.ind-solutions .box{position: relative}
.ind-solutions .item dd{line-height:42px;padding: 5px;background: #fff;border-radius: 30px; display: flex;justify-content: space-between; transition: 0.5s}
.ind-solutions .item dd a{ display: flex;justify-content: space-between;}
.ind-solutions .item dd b{flex: 1; text-align: center;padding: 0px 15px;white-space: nowrap}
.ind-solutions .item dd span{width:42px; height:42px;padding: 5px; background: #304774; border-radius: 100%;display: flex; justify-content: center; align-items: center}
.ind-solutions .item dd span img{max-height: 100%}
.ind-solutions .item:hover dd{background: rgba(48,71,116,0.8); color: #fff}
.ind-solutions .item:hover dd a{ color: #fff}
.ind-solutions .photo figure{padding-bottom:100vh;/*padding-bottom:36.3545%;padding-bottom:698px;*/position: relative}
.ind-solutions .photo figure img{position: absolute; width: 100%; height: 100%; object-fit: cover;object-fit: cover}
.ind-solutions .titimg{display: none;}
.ind-solutions .column_title span{display: none;}
@media(min-width:768px){
.ind-solutions .column_title{display: none;}
.ind-solutions .titimg{position: absolute;width:13vw;height: 13vw;left:0;top:5vh;bottom:0;right:0;margin:auto;display: block;z-index: 50}
.ind-solutions .list{position: absolute;width:13vw; height:13vw; margin: auto; position: absolute; left: 0; top: 5vh; bottom: 0; right: 0;margin: auto; z-index: 11}
.ind-solutions .item{position: absolute; z-index: 12; cursor: pointer}
.ind-solutions .item dt{width: 0px; height: 0px;position: relative}
.ind-solutions .item dt:before,
.ind-solutions .item dt:after{content: '';position: absolute; margin: auto; background: #304774; border-radius: 100%}
.ind-solutions .item dt:before{left: -5px; right: -5px; top: -5px; bottom: -5px;z-index: 2}
.ind-solutions .item dt:after{opacity: 0.2;left: -20px; right: -20px; top: -20px; bottom: -20px;}
.ind-solutions .item dd{position: absolute;top: 50%; transform: translateY(-50%); }

.ind-solutions .item:nth-child(odd) dd{right: 30px;}
.ind-solutions .item:nth-child(odd) dd span{order: 2}
.ind-solutions .item:nth-child(even) dd{left: 30px;}

.ind-solutions .item:nth-child(1){left: -88%;top: -31%;}
.ind-solutions .item:nth-child(2){left: 188.6%;top: -30%;}
.ind-solutions .item:nth-child(3){left: -64%;top: 17%;}
.ind-solutions .item:nth-child(4){left: 160%;top: 8%;}
.ind-solutions .item:nth-child(5){left: -66%;top: 71%;}
.ind-solutions .item:nth-child(6){left: 167.4%;top: 60%;}
.ind-solutions .item:nth-child(7){left: -90%;top: 127%;}
.ind-solutions .item:nth-child(8){left: 195.8%;top: 116%;}
.ind-solutions .yuan{width:100%; height:100%; margin: auto; position: absolute; left: 0; top: 0; bottom: 0; right: 0;margin: auto; z-index: 10}
.ind-solutions .yuan span{display: block;position: absolute;margin: auto; border: solid 1px #ffffff; border-radius: 100%}
.ind-solutions .yuan span:nth-child(1){left: 0; top: 0; bottom: 0; right: 0; z-index: 4}
.ind-solutions .yuan span:nth-child(2){left:-33.5%; top: -33.5%; bottom: -33.5%; right: -33.5%;background: rgba(255,255,255,0.3); z-index: 3}
.ind-solutions .yuan span:nth-child(3){left:-68%; top: -68%; bottom: -68%; right: -68%; z-index: 2}
.ind-solutions .yuan span:nth-child(4){left:-110%; top: -110%; bottom: -110%; right: -110%; z-index: 1}
}
@media(max-width:1200px){
.ind-solutions .photo figure{padding-bottom:40%;}
}
@media(max-width:1024px){
.ind-solutions .item dt:after{left: -10px; right: -10px; top: -10px; bottom: -10px;}
.ind-solutions .item dd{line-height: 40px;text-align:center}
.ind-solutions .item dd b{padding:0px 10px}
.ind-solutions .item dd span{width: 40px; height: 40px;display:none}
.ind-solutions .item.cur dd{background:#304774;color:#fff}
.ind-solutions .item:nth-child(odd) dd{right: 12px;}
.ind-solutions .item:nth-child(even) dd{left: 12px;}
.ind-solutions .item:nth-child(1){left: -35%;top: -86%;}
.ind-solutions .item:nth-child(2){left: 116%;top: -96%;}
.ind-solutions .item:nth-child(3){left: -57%;top: 0%;}
.ind-solutions .item:nth-child(4){left: 153%;top: -7%;}
.ind-solutions .item:nth-child(5){left: -60%;top: 91%;}
.ind-solutions .item:nth-child(6){left: 164.4%;top: 82%;}
.ind-solutions .item:nth-child(7){left: -40%;top: 182%;}
.ind-solutions .item:nth-child(8){left: 147.8%;top: 177%;}
.ind-solutions .photo figure{padding-bottom:60%;}
}
@media(max-width:768px){
.ind-solutions .list{display: flex; flex-wrap: wrap;padding-bottom: 4%}
.ind-solutions .list .item{flex: auto; padding: 5px;width: 170px;}
.ind-solutions .item dd b{padding:0px 25px;text-align: center;}
.ind-solutions .column_title span{font-size:0.14rem;color:#666;display:block;text-align:center;line-height:0.26rem;margin-top:0.2rem}
}

.ind-advantage .box{align-items: center;}
.ind-advantage .boxL{width: 41.096%}
.ind-advantage .boxL .item:not(:last-child){margin-bottom:2%}
.ind-advantage .boxL ul li:not(:last-child){margin-bottom:2%}
.ind-advantage .boxL .item a {display:block;}
.ind-advantage .boxL figure {padding-bottom: 32.5%;/*padding-bottom:28%;*/}
.ind-advantage .boxR{width: 55%;}
.ind-advantage .boxR ul li:not(:last-child){margin-bottom:3.8%}
.ind-advantage .boxR ul .icon{width:5%;}
.ind-advantage .boxR ul .txt{width: 93%; line-height: 20px;}
@media(max-width:1024px){
.ind-advantage {padding-bottom: 5%}
}
@media(max-width:768px){
.ind-advantage .boxL,
.ind-advantage .boxR{width:100%}
.ind-advantage .boxR{padding: 6% 0}
}

.ind-projects{background: #fff}
.ind-projects .column_title {padding-bottom: 0.7rem;}
.ind-projects .list{position: relative}
.ind-projects .item{background: #f4f6f8}
.ind-projects .item .pic figure {padding-bottom:73.915%;}
.ind-projects .item .txt{padding:7% 5%;}
.ind-projects .item .txt h4{line-height: 1.35; margin-bottom:0.5em;}
.ind-projects .item .txt p{line-height: 1.5; margin: 2% 0}
.ind-projects .swiper-button-prev,
.ind-projects .swiper-button-next{background: #304774;color: #fff}
.ind-projects .swiper-button-prev{left: -5.5%}
.ind-projects .swiper-button-next{right: -5.5%}
@media(max-width:1440px){
.ind-projects .swiper-button-prev{left:0%}
.ind-projects .swiper-button-next{right:0%}
}
@media(max-width:1024px){
.ind-projects{padding-bottom: 5%}
}
@media(max-width:768px){
  .ind-projects .column_title{padding-bottom: 3%;}
}


.ind-news{background:#f4f6f8 url(../images/ind_bg_news.jpg) no-repeat center bottom; background-size: 100%}
.ind-news .column_title{text-align: left;padding-top: 2%; padding-bottom:8%}
.ind-news .boxL{width: 280px; position: relative}
.ind-news .boxL ul li{padding: 1% 0;cursor: pointer}
.ind-news .boxL ul li a{padding: .1rem 0; display: block; border-bottom: solid 1px #000000}
.ind-news .boxL ul li.cur a {color: #e77918; border-bottom-color: #304774}
.ind-news .boxR{width: calc(95% - 280px)}
.ind-news .boxR li{padding: 2.5% 0; border-bottom: solid 1px #000000; transition: 0.5s}
.ind-news .boxR .pic{width: 260px;}
.ind-news .boxR .pic img{padding-bottom: 0; height: 100%}
.ind-news .boxR .txt{width: calc(95% - 260px); align-content: space-between}
.ind-news .boxR .txt h4{width: 100%;margin-top: 1.5%}
.ind-news .boxR .txt p{width: 100%}
.ind-news .boxR .txt time{display: block;padding: 1% 0}
.ind-news .boxR li:hover{background: #fff;padding: 2.5% }
.ind-news .arrow{position: absolute; bottom: 0;height: 52px; width:144px}
.ind-news .swiper-button-prev,
.ind-news .swiper-button-next{background: #304774;color: #fff}
.ind-news .swiper-button-prev{left: 0}
.ind-news .swiper-button-next{right: 0}
@media(max-width:1024px){
.ind-news .column_title{text-align: center; padding-top:.4rem; padding-bottom:8%}
.ind-news .boxL,
.ind-news .boxR{width: 100%;}
.ind-news .boxL{margin-bottom: 3%}
.ind-news .boxL ul{width: calc(95% - 260px); display: flex; justify-content: space-between}
.ind-news .boxL ul li{flex: auto}
.ind-news .arrow{right: 0}
}
@media(max-width:768px){
.ind-news .boxL{position: inherit}
.ind-news .boxL ul{width: 100%}
.ind-news .boxR{padding-bottom: 0.4rem}
.ind-news .boxR .pic{width: 30%;}
.ind-news .boxR .txt{width:65%; }
.ind-news .boxR .txt p{display: flex; justify-content: space-between}
.ind-news .arrow{width: 60%; bottom: 10px; left: 0; right: 0; margin: auto}
.ind-news .column_title{padding-bottom: 3%;}
.ind-news .arrow{display: none;}
}


/* .fancybox-inner{max-width:520px !important;} */
.fancybox-image{max-height: none !important;}

.group_honor .list{overflow: hidden;}
.group_team .list{overflow: hidden;}

.video-box .pic{position: relative}
.aligncenter{ display: block; margin: 0 auto;}

@media (min-width: 1025px) {
  html.fp-enabled, .fp-enabled body{ height: 100%!important;}
}