@charset "utf-8";
/* CSS Document */

.top_right .lang{ padding: 34px 0; margin-right: 20px; position: relative; font-family: pop; font-size: 14px;}
.top_right .lang p{ line-height: 30px; padding: 0 15px; border-radius: 15px; background: #e55204; color: #fff; cursor: pointer}
.top_right .lang p span{ margin: 0 10px;}
.top_right .lang .lang_list{ background: #fff; padding: 15px; border-radius: 8px; position: absolute; top: 74px; left: 0; line-height: 30px; display: none; min-width:280px; z-index:8;}
.top_right .lang .lang_list a{ display:block;}
.top_right .lang:hover .lang_list{ display: block;}
.top_right .lang .lang_list a:hover{ color: #e55204;}
.top_right .follow{ display: flex;}
.top_right .follow a{ font-size: 22px;} 
.top_right .follow .em{ position: relative;}
.top_right .follow .em .box{position: absolute; width: 220px; padding: 15px; background: #fff; left: -100px; top: 60px; color: #333; opacity: 0; transition: .2s ease;}
.top_right .follow .wa{ margin: 0 15px;}
.top_right .follow .em a{ background: linear-gradient( to top,rgba(235,101,14,1),rgba(176,220,24,1));-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.top_right .follow .wa a{ color: #5ace5f;}
.top_right .follow .fa a{ color: #0080ff;}
.top_right .follow .em:hover .box{opacity: 1}


.cd-main-content{padding-bottom: 0;}
.sy-ban{ width: 100%;position: relative; overflow: hidden;}
.sy-ban .img-m{ width: 100%;}
.sy-ban .txt1{ position: absolute; top: 50%; left: 0; width: 100%; color: #fff; transform: translateY(-50%);}
.sy-ban .txt1 h3{ font-size: 70px; line-height: 80px; color: #333; text-transform: uppercase; color: #fff;}
.sy-ban .txt1 h3 span{ color: #e55204;}
.sy-ban .txt1 .amore{ margin-top: 90px;}
.sy-ban .ban_control{ position: absolute; width: 100%; left: 0; bottom: 50px; top: auto;z-index: 2;}
.sy-ban .ban_control .swiper-pagination{margin: 0 10px; position: unset; width: auto; display: inline-block;}
:root{--swiper-theme-color: #fff;}
.sy-ban .swiper-pagination-bullet{background: #fff; opacity: 1; width: 4px; height: 12px; border-radius: 2px; transition: .3s ease;}
.sy-ban .swiper-pagination-bullet-active{ height: 25px; background: #e55204;}
.dlposi {position: absolute; left: calc(50% + 100px);animation: posiup 6s linear infinite;}
@-webkit-keyframes posiup{
	0%{bottom: 10%;}
	100%{bottom: 65%;}
}
@keyframes posiup{
    0%{bottom: 10%;}
	100%{bottom: 65%;}
}

.sy_product{background-color: #f6f7fa;background-image:url(../images/dlbg_08.png),url(../images/dlbg_08.png);background-position: left bottom,right -200px;background-repeat: no-repeat, no-repeat;}



.swiperall{ position: relative;}
.swiperall .swiper-button-prev,.swiperall .swiper-button-next{ bottom: 48%; height: 42px; width: 42px; text-align: center; line-height: 42px; border-radius: 50%; background: #333333; color: #fff; font-size: 20px;}
.sy_item_tit h3{ font-size: 50px; color: #042582; text-transform: uppercase; line-height: 50px;}
.sy_item_tit p{ font-size: 20px; color: #333; line-height: 36px; margin-top: 15px; font-family: pop;}
.sy_item_tit{ margin-bottom: 30px;}

.swiper-pagination-bullet:focus{ outline: none;}
.sypro_nav{ text-align: center; margin-bottom: 35px; overflow-x:scroll; white-space:nowrap; padding-bottom:20px;}
.sypro_nav::-webkit-scrollbar{ height:6px; border-radius:3px;}
.sypro_nav::-webkit-scrollbar-track{ background:#f1f1f1;}
.sypro_nav::-webkit-scrollbar-thumb{ background:#e55204; border-radius:3px;}
.sypro_nav a{ display: inline-block; line-height: 40px; border-radius: 20px; background: #042582; text-align: center; font-size: 18px; color: #fff; margin: 0 10px; padding: 0 10px; min-width: 182px;}
.sypro_nav a:hover{ background: #e55204;}
.pro_ul{ width: auto;white-space: nowrap;}
.pro_ul .proitem{ display: inline-block; width: calc(25% - 70px); margin:0 10px; max-width: 340px;}
.pro_ul .proitem:first-child{margin-left: 60px;}
.proitem{ background: #fff; border-radius: 5px; overflow: hidden;}
.proitem .imgfd{padding-top: 100%;}
.proitem .txt{ padding:15px 26px 40px;}
.proitem p{height: 30px; overflow: hidden; margin-bottom: 15px; font-family: pop;}
.sy_product .sy_item_tit{ text-align: center;}
.samore{ display: inline-block; line-height: 28px; border-radius: 15px; font-size: 14px; padding: 0 15px 0 8px; color: #333; position: relative;transition: .2s ease; overflow: hidden;}
.samore i{ margin-right: 20px; color: #fff; line-height: 30px; }
.samore:after{ position: absolute;width: 31px; height: 100%; border-radius: 20px; content: '';background: #042582;  left: 0; top: 0; transition: .2s ease;z-index: 0}
.samore span{ position: relative; z-index: 2;}
.amon:hover .samore:after{ width: 100%; background: #e55204;}
.amon:hover .samore{ color: #fff;}
.probox{position: relative; padding-bottom: 40px; width: 100%; overflow: hidden}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #aeb7d1; height: 20px; width: 50px; border-radius: 10px; margin: 0; position: relative;z-index: 2;}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ margin: 0; position: absolute; left: 0; top: 9px; width: 0px;}
.mCSB_scrollTools .mCSB_draggerContainer{ top: calc(100% - 30px); left: 10%; right: 10%;}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{ position: relative; width: 50px!important;}
.mCSB_scrollTools .mCSB_draggerContainer:after{ position: absolute; width: 100%; height: 1px; background: #ddd; content: ''; left: 0; top: 10px;}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:after,.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:before{ position: absolute; top: 50%; transform: translateY(-50%); width: 15px;}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:after{ content: '>'; color: #fff; right: 5px;}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:before{ content: '<'; color: #fff; left: 5px;}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{background: #042582;}

.item_top { align-items: top; margin-bottom: 36px;}
.item_top .sy_item_tit{ margin-bottom: 0; margin-right: auto;}
.sy_choose{ background: #042582; padding-top: 80px; overflow: hidden;}
.sy_choose .sy_item_tit h3,.sy_choose .sy_item_tit p{ color: #fff; position: relative; z-index: 2}
.sy_choose .item_top{ position: relative;}
.sy_choose .item_top b{ color: #0c2e8e; font-size: 128px; line-height: 120px; position: absolute; left: 0; top: -30px; text-transform: uppercase; font-family: popb; font-style: italic;}
.sy_choose .item_top .amore{ color: #fff;}
.choo_ul{ height: 680px;}
.choo_ul li{ height: 100%; transition: .3s ease; float: left; width: 160px; }
.choo_ul li .imgfdd img,.choo_ul li .imgfdd{ height: 100%;}
.choo_ul li .imgfdd img{ object-fit: cover;}
.choo_ul li.on{ width: calc(100% - 480px);}
.choo_ul li.on .imgfdd{ width:63%; border-top-right-radius: 10px; float: left;}
.choo_ul li:not(.on) .imgfdd{ display:none;}
.choo_ul li.on .txt{ padding: 130px 80px 0; width: 37%;}
.choo_ul li .txt{ padding: 130px 36px 0; color: #fff; position: relative; float: right; height: 100%; width: 100%}
.choo_ul li:nth-child(2){ background: #043c82;}
.choo_ul li:nth-child(3){ background: #045782;}
.choo_ul li:nth-child(4){ background: #046f82;}
.choo_ul li:not(.on) .icon{right: 50%; transform: translateX(50%);}
.choo_ul li:not(.on) .icon img{ filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%); opacity: .3; width: 90px; }
.choo_ul li .icon{ position: absolute; bottom: 45px; right: 45px; transition: .3s ease;}
.choo_ul li .txt b{ position: absolute; font-family: dinbl; font-style: italic; color: #fff; opacity: .1; left: 35px; font-size: 80px; line-height: 80px; top: 30px; }
.choo_ul li .txt b:after{ content:''; position: absolute; width: 120%; left: 0; height: 7px; background: #042582; top: 50%;}
.choo_ul li .txt h2{ font-family: pop; color: #fff; font-size: 24px;}
.choo_ul li.on .txt h2{ font-family:popm; font-size: 32px; line-height: 36px; }
.choo_ul li:not(.on) .txt h2{ transform: rotate(90deg);white-space: nowrap; width: 50px;}
.choo_ul li:not(.on) .txt .des{ display: none; opacity: 0;}
.choo_ul li .txt .des{ margin-top: 30px; padding-left: 18px; position: relative; transform: .3s ease;}
.choo_ul li .txt .des p{ color: #eeeeee}
.choo_ul li.on .txt .des{ opacity: 1;}
.choo_ul li .txt .des:after,.choo_ul li .txt .des:before{ position: absolute; left: 0; top: 5px; width: 1px; content: '';}
.choo_ul li .txt .des:after{ background: rgba(255,255,255,.6); height: 50px;}
.choo_ul li .txt .des:before{background: #e55204; height: 20px; z-index: 2;}
.choo_ul li:nth-child(2) .txt b:after{ background: #043c82;}
.choo_ul li:nth-child(3) .txt b:after{ background: #045782;}
.choo_ul li:nth-child(4) .txt b:after{ background: #046f82;}
.choo_ul li.on{background: #042582;}
.choo_ul li.on .txt b:after{background: #042582;}

.sy_case .sy_item_tit{ text-align: center;}
.caseswiper{ overflow: hidden; padding-bottom: 70px; position: relative;}
.caseswiper .swiper-slide { width:1000px;transition-timing-function:linear; position: relative; background: #f6f7fa; border-radius: 5px; overflow: hidden;}
.caseswiper .swiper-slide .pic{ width: 58%;}
.caseswiper .swiper-slide .pic .imgfd{ padding-top: 90%;}
.caseswiper .swiper-slide .txt{ width: 42%; padding: 35px 45px 0;}
.caseswiper .swiper-slide .txt h2{ font-family: pop; color: #e55204; font-size: 28px; line-height: 36px; height: 72px; overflow: hidden; margin: 50px 0 20px;}
.caseswiper .swiper-slide .txt p{ line-height: 24px; height: 144px; margin-bottom: 60px;}
.swiper-button-next:after, .swiper-button-prev:after{ display: none;}
.swiperbtn{ width: 40px; height: 40px; text-align: center; display: inline-block; line-height: 40px; border-radius: 50%; background: #042582; color: #fff; font-size: 16px; transition: .2s ease;}
.caseswiper .swiperbtn{ position: unset; margin: 0 10px;}
.caseswiper .swiper_box{ text-align: center; width: 100%; position: absolute; left: 0; bottom: 0;}
.swiperbtn:hover{ background: #e55204; color: #fff;}

.sy_about{ position: relative;}
.sy_about .txt{ width: 45%; padding-top: 100px; position:relative; z-index:2;}
.sy_about .txt .sy_item_tit p{ font-family: popm; font-size: 24px;}
.sy_about .txt .des{ font-size: 18px; margin-bottom: 60px;}
.sy_about .txt .des strong{ color: #333; display: block; font-size: 24px; font-family: popm; margin: 30px 0 15px; font-weight: normal;}
.sy_about .right { width: 50%; padding-left: 8%; position: relative;}
.sy_about .right  .imgfdd{ border-top-left-radius: 10px;}
.sy_about .sy_number{ background: #fff; left: 50%; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,.3); position: absolute; bottom: 0; padding: 0 45px;z-index:3;}
.sy_about .sy_number dt{ padding: 30px 0 40px; border-bottom: 1px solid #333;}
.sy_number dt .icon{ margin-right: 15px;}
.sy_number dt p{ font-family: popm; font-size: 18px; color: #333; }
.sy_number dt b{ font-family: dinb; font-size: 54px; color: #e55204; line-height: 60px;}
.sy_about .right .sy_number dt:last-child{ border: none;}
.sy_about .left_posi{ position: absolute; left: 0; top: 0; transform: rotate(90deg); width: 96px;white-space: nowrap;  }
.sy_about .left_posi b{ font-size: 96px; color: #f6f7fa; line-height: 96px; height: 96px; text-transform: uppercase; font-family: popb;}
.sy_about .left_posi:after,.sy_about .left_posi:before{ position: absolute; bottom: 49px; left: 540px; height: 1px; width: 140px; content: ''; background: #eeeeee;}
.sy_about .left_posi:before{ right: 70px; width: 70px; background: #e55204; z-index: 2;}
.sy_about .txt .amore:after{ background: #042582;}
.sy_about .txt .amore i{ color: #fff;}

.quote_form{ width: 45%; color: #fff;}
.quote_form .sy_item_tit h3{ color: #fff;}
.quote_form .sy_item_tit p{ font-size: 16px; color: #fff; line-height: 30px;}
.quote_form input.fl{ width: 49%; margin-right: 2%;}
.quote_form input.fl:nth-child(2n){ margin-right: 0;}
.quote_form input,.quote_form textarea{ line-height: 60px; border-bottom: 1px solid rgba(255,255,255,.6); margin-bottom: 30px; background: none; padding-left: 5px; font-size: 14px; color: #fff; }
.quote_form textarea{ width: 100%;}
.quote_form input::placeholder,.quote_form textarea::placeholder{ opacity: .6; color: #fff;}
.quote_form input:focus::placeholder,.quote_form textarea:focus::placeholder{ opacity: 0;}
.quote_form input.sub{ border: none; position: relative; z-index: 2; line-height: 40px; margin-bottom: 0; font-size: 16px; font-family: popm; cursor: pointer;}
.quote_form .amore i{ color: #fff; position: relative;z-index: 2;}
.sy_quote{ position: relative;}
.sy_quote .liuyan{ width: 45%; position: absolute; bottom: 60px; left: 4%;}
.sy_quote .liuyan .lyswiper{ background: #e55204; height: 180px; border-top-left-radius: 90px;border-bottom-left-radius: 90px; border-top-right-radius: 5px;border-bottom-right-radius: 5px; background: #e55204 url(../images/pjbg_30.png) no-repeat 20px top; overflow: hidden;}
.sy_quote .liuyan .lyswiper li{ padding: 0 100px; color: #fff;}
.lyswiper li  .touxiang{ text-align: center; margin-right: 40px;width: 80px;}
.lyswiper li .touxiang .pic{ border: 2px solid #fff; border-radius: 50px; padding: 3px;}
.touxiang .imgfd{ border-radius: 50%; padding-top: 100%;}
.lyswiper li  .touxiang p{ font-family: popm;font-size: 18px; margin-top: 10px;}
.lyswiper li .txt{ width: calc(100% - 120px);}
.lyswiper li .txt p{ line-height: 24px; height: 72px; overflow: hidden;}
.lyswiper .swiperbtn1{ position: unset; display: inline-block; width: 32px; height: 32px; line-height: 32px; font-size: 16px; color: #e55204; background: #fff; margin-top: 0;}
.lyswiper .swiperbtn1:hover{ background: #e55204; color: #fff;}
.lyswiper .swiper_box{ position: absolute; right: 0; bottom: 0; border: 1px solid #fff; border-top-left-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden; font-size: 0;z-index: 3; height: 32px;}
.sy_news{ background: #f6f7fa;}
.sy_news .sy_item_tit{ text-align: center;}
.sy_news .newswiper{ overflow: hidden;}
.newswiper li{ background: #fff; border-radius: 5px; overflow: hidden;}
.newswiper li .imgfd{ padding-top: 66%;}
.newswiper li .txt{ padding: 26px 30px;}
.newswiper li .txt .date{ font-size: 14px; color: #6f80ad;}
.newswiper li .txt h2{ font-size: 20px; font-family: popm; line-height: 30px; height: 60px; margin: 15px 0; overflow:hidden;}
.newswiper li .txt p{ line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 20px;}



.index_foot{ background: #042582;}

.foot_bot{ padding-top: 60px; padding-bottom: 40px;}
.foot_bot .c-flex{ align-items: flex-start;}
.foot_bot .box{ width: 20%; color: #fff;}
.foot_bot .box p{ font-size: 14px; line-height: 24px; margin: 40px 0;}
.foot_bot .box .follow_list h4{ font-size: 18px; font-family: popm; color: #fff; margin-bottom: 15px;}
.foot_bot li b,.foot_bot li a{ display: block; color: #fff; font-size: 14px;}
.foot_bot li b{font-size: 18px; font-family: popm; margin-bottom: 25px;}
.foot_bot li a{ line-height: 20px; margin-bottom: 10px;}
.foot_bot .foot_nav{ width: 75%; margin-left: auto;}
.foot_bot li{ margin-left: auto;}
.foot_bot li.f_contact{ width: 30%;}	
.foot_bot li.f_contact i{ font-size: 18px; color: #e55204; margin-right: 8px;}
.foot_bot li.f_contact a{margin-bottom: 0;}
.foot_bot li p{ color: #fff; font-size: 14px; line-height: 20px; margin-bottom: 10px;}
.foot_bot li p a{ display: inline-block;}	
.copy{ text-align: center; padding: 35px 0; font-size: 14px; color: #fff;}
.copy span{ display: inline-block; padding-left: 20px; margin-left: 25px; border-left: 1px solid #aaaaaa; color: #aaaaaa;}	
.copy span a{ color: #aaa;}
.top_h{ height: 101px;}	
	
	
@media (max-width: 1600px){
.sy-ban .txt1 h3{ font-size: 55px; line-height: 60px;}
.choo_ul li .txt{padding: 125px 28px 0;}
.choo_ul li.on .txt{ padding: 125px 60px 0;}
.choo_ul li.on .txt h2{ font-size: 28px; line-height:32px;}
.sy_about .txt{ padding-top: 40px;}
.choo_ul{ height: 600px;}
}


@media (max-width: 1550px){
	.navContent{ width: 180px;}

}

@media (max-width: 1441px){
.choo_ul li.on .txt{ padding: 100px 40px 0;}
.choo_ul li .txt{padding: 100px 28px 0;}
.choo_ul li .txt b{ font-size: 60px; line-height: 60px;}
.choo_ul li .icon img{ width: 80px;}
.choo_ul li:not(.on) .icon img{ width:66px;}
.sy_item_tit h3{ font-size: 44px;}
.sy_about .right .sy_number{padding: 0 30px;}
.sy_number dt p{ font-size: 16px;}
.sy_quote .liuyan .lyswiper li{ padding: 0 50px 0 80px;}
}

@media (max-width: 1281px){
.top_right .follow{ display: none;}
.index_head .nav li{margin-left: 35px;}
.dlposi img{ width: 400px;}
.pro_ul .proitem{ width: calc(33.3% - 60px);}
.sy_item_tit p{ font-size: 16px;}
.caseswiper .swiper-slide{ width: 700px;}
.caseswiper .swiper-slide .txt h2{font-size: 24px; line-height: 30px; margin-top:25px; height:60px;}
.caseswiper .swiper-slide .txt{padding: 30px 30px 0;}
.caseswiper .swiper-slide .txt p{ margin-bottom: 25px;}
.sy_about .sy_number{ position: unset; margin:40px 0;}
	.sy_about .sy_number dl{ display: flex; align-items: center; flex-wrap:wrap;}
	.sy_about .sy_number dt{ width: 22%; margin: 0 auto; border:none;}
	.sy_about .txt{ width: 50%;}
}

@media (max-width: 1024px){
.top_h{ height: 54px;}
.sy-ban .txt1 h3{ font-size: 40px; line-height: 45px;}
.dlposi img{ width: 300px;}
.sypro_nav a{ font-size: 16px;}
.sy_choose .item_top b{ font-size: 90px; line-height: 80px;}
.choo_ul li,.choo_ul li.on{ width: 100%; height:auto;}
.choo_ul li.on .imgfdd{ display: none;}
.choo_ul li.on .txt{ width: 100%;}
.choo_ul li:not(.on) .txt h2{ transform:none; width:auto;}
.choo_ul li:not(.on) .txt .des{ display:block; opacity: 1;}
.choo_ul{ height: auto;}
.choo_ul li.on .txt,.choo_ul li .txt{padding: 60px 20px 40px;}
.choo_ul li:not(.on) .icon{ right:45px; transform: none;}
.choo_ul li:not(.on) .icon img{ width:80px; opacity:1;-webkit-filter:unset;}
.sy_choose .item_top .amore{ display: none;}
.caseswiper .swiper-slide{ width: 550px;}
.caseswiper .swiper-slide .txt .swiper-num{ display: none;}
.caseswiper .swiper-slide .txt h2{ margin-top: 0;}
.caseswiper .swiper-slide .txt{ padding: 25px 20px 0;}
.caseswiper .swiper-slide .txt h2{ font-size: 20px; line-height: 30px; height: 60px;}
.caseswiper .swiper-slide .txt p{ height: 96px;overflow:hidden;}
.sy_about .txt{ width: 100%; float: none;}
.sy_about .right{ width: 100%; float: none; padding: 0; margin-top:30px;}
.sy_about .sy_number{padding: 0 25px;}
.sy_about .left_posi:after, .sy_about .left_posi:before{ display:none;}
.sy_about .left_posi b{ font-size: 80px; line-height: 80px; height: 80px;}
	.sy_about .sy_number dt{ display: block; text-align: center;}
	.sy_quote .liuyan{ width: 92%; padding-top: 60px; position:relative;}
	.quote_form{ width: 100%; float: none;}
	.foot_bot{ display: none;}
	.newswiper li .txt{ padding: 20px;}
}
@media (max-width: 768px){
.m_img .headlf img{ max-height: 36px;}
.sy-ban .txt1 .amore{ margin-top: 40px;}
.sy-ban .txt1 h3{ font-size: 30px;line-height: 40px;}
.dlposi img{ width: 240px;}
.sy_item_tit h3{ font-size: 36px; line-height:40px;}
.pro_ul .proitem:first-child{ margin-left:40px;}
.pro_ul .proitem{ width: calc(50% - 40px);}
.sypro_nav{ display: flex; flex-wrap:wrap;p padding-bottom:0; overflow:hidden;}
.sypro_nav a{ width:100%; margin:0 auto 20px;}
.sy_item_tit p{ margin-top: 0; line-height:26px;}
.choo_ul li.on .txt h2,.choo_ul li .txt h2{ font-size: 20px; line-height:28px;}
.choo_ul li .txt .des{ margin-top: 20px;}
.sy_about .txt .des{ margin-bottom: 20px;}
.sy_number dt b{ font-size: 36px; line-height: 36px;}
.sy_about .sy_number dt{ width: 24%;}
.proitem p{ height: 60px;}
}
@media (max-width: 540px){

}
@media (max-width: 450px){
.dlposi{ display: none;}
.sy-ban .txt1 .amore{ display: none;}
.sy-ban .txt1 h3{ font-size: 24px; line-height: 32px;}
.sy_item_tit h3{ font-size: 26px; line-height: 34px;}
.sypro_nav{ margin-bottom: 10px;}
.pro_ul .proitem{ max-width: 180px;}
.pro_ul .proitem:first-child{ margin-left:0;}
.proitem .txt{ padding: 10px;}
.proitem .txt .samore{ display: none;}
.proitem p{ margin-bottom: 0; white-space:initial; height:48px;}
.choo_ul li.on .txt, .choo_ul li .txt{ padding: 30px 20px 25px;}
.choo_ul li .icon img,.choo_ul li:not(.on) .icon img{ width:60px; opacity:.6;}
.choo_ul li.on .txt .des{ z-index: 2;}
.choo_ul li .txt b{ top: 15px;}
.caseswiper .swiper-slide{ width: 230px;}
.caseswiper .swiper-slide .txt p{ display: none;}
.caseswiper .swiper-slide .pic,.caseswiper .swiper-slide .txt{ width: 100%; float: none;}
.caseswiper .swiper-slide .txt{ padding: 20px 15px;}
.sy_about .txt{padding-top: 0;}
.sy_about .sy_number{ padding: 0 15px;}
.sy_about .sy_number dt{ width: 48%; margin: 0 auto 20px; padding-bottom:0;}
.quote_form input.fl{ width: 100%; float: none;}
.quote_form input, .quote_form textarea{line-height: 50px;}
.sy_quote .liuyan{ margin-top: 20px;}
.sy_quote .liuyan .lyswiper{ height: auto; border-top-left-radius: 5px;border-bottom-left-radius: 5px; border-top-right-radius: 5px;border-bottom-right-radius: 5px; }
.sy_quote .liuyan .lyswiper li{ padding:25px 35px ; display:block;}
.lyswiper li .touxiang{ width: 100%; margin:0 0 15px 0;}
.lyswiper li .touxiang .pic{ width: 80px; height: 80px; display:inline-block;}
.lyswiper li .txt{ width: 100%;}
.newswiper li .txt p{ display: none;}
.sy_about .txt .des strong{ font-size: 20px; margin-top: 15px;}
.caseswiper .swiper-slide .txt h2{ font-size: 18px; line-height: 26px; height: 52px;}
}


.ny_ban{ position: relative; overflow:hidden;}
.ny_ban .ban_txt{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); color:#fff;}
.ny_ban h3{ font-size: 48px; font-family: popsb; color: #fff;}
.ny_ban p{ width: 35%;}
.posi{ font-size: 14px; font-family: pop; line-height:60px;}
.posi a:last-child{ color:#e55204;}

.main_left{ width: 290px;}
.main_right{ width: calc(100% - 350px);}
.left_box{ margin-bottom: 45px;}
.left_box .tit{ padding: 12px 15px; background: #042582; border-radius: 3px;}
.left_box .tit h4{ font-family: popm; color: #fff; font-size: 20px; margin-right: auto;}
.left_nav li a{ padding: 15px 5px 15px 15px; border-bottom:1px solid #dddddd;}
.left_nav li a p{ font-family: 16px; font-family: pop; margin-right: auto; max-width: calc(100% - 30px);}
.left_nav li a i{ color: #fff;}
.left_nav li a.act,.left_nav li a.act i,.left_nav li a:hover,.left_nav li a:hover i{ color: #e55204;}
.hot_list li { margin-top: 20px;}
.hot_list li .pic{ width: 80px;}
.hot_list li .pic .imgfd{ padding-top: 100%; border-radius: 3px; border: 1px solid #dddddd;}
.hot_list li p{ width: calc(100% - 95px); margin-left: auto; font-family:pop; font-size:14px; line-height:24px; padding-top:5px;}
.hot_list li:hover p{ color:#e55204;}
.ny_pro_list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 40px; border-radius: 5px; border: 1px solid #ddd;}
.ny_pro_list ul li:nth-child(3n){ margin-right:0;}

@media (max-width: 1024px){
    .ny_ban h3{ font-size: 36px;}
    .ny_ban p{ width: 50%;}
    .main_left{ display: none;}
    .main_right{ width: 100%;}
}
@media (max-width: 768px){
    .ny_ban img{ width: 140%; margin-left: -20%;}
    
    
}
@media (max-width: 450px){
    .ny_ban p{ display: none;}
    .ny_ban h3{ font-size: 28px;}
    .ny_pro_list ul li{ width: 49%; margin-bottom:20px;}
    .ny_pro_list ul li:nth-child(3n){ margin-right: 2%;}
    .ny_pro_list ul li:nth-child(2n){ margin-right: 0;}
    .posi{ font-size: 12px; line-height: 40px;}
}
.pro_top .pic{ width: 40%;}
.pro_top .txt{ width: 55%;}
.bigswiper,.smallswiper{ overflow: hidden;}
.smallswiper{ position: relative;}
.pro_top .pic .imgfd{ padding-top: 100%;}
.pro_top .pic .bigswiper{ border-radius: 5px; border: 1px solid #ddd;}
.smallswiper li{ border-radius: 5px; border: 1px solid #ddd; overflow:hidden;}
.smallpic{ position: relative;margin-top: 10px; padding:0 40px;}
.smallpic .swiperbtn{ width: 26px; height: 26px; line-height: 26px; top:50%; transform:translateY(-50%); margin-top:0;}
.smallpic .swiper-button-prev{ left: 0;}
.smallpic .swiper-button-next{ right: 0;}
.pro_top .txt h1{ font-family: popm; color: #333; font-size:30px;}
.pro_top .txt .des{ font-size: 16px; color: #333; line-height: 35px; font-family: pop; margin:40px 0 90px;}
.pro_top .txt .amore{ background: #042582; color:#fff;}
.pro_top .txt .amore i{ font-size: 20px; color:#fff;}
.pro_top .txt .amore:after{ width:0;}
.pro_top .txt .share{ margin-top: 20px;}
.det_nav{ background: #fff; width:100%; position:sticky; top:100px; z-index:6;}
.det_nav .center{ border-bottom: 1px solid #ddd; padding:0 50px;}
.det_nav .center span{ display: inline-block; margin-right: 130px; font-family: popm; color: #333; font-size: 20px; line-height:50px; position:relative; cursor:pointer;}
.det_nav .center span:after{ position:absolute; left: 0; bottom: 0; width: 0; transition: .2s ease; content: ''; background: #e55204; height: 2px;}
.det_nav .center span:hover,.det_nav .center span.cur{ color:#e55204;}
.det_nav .center span:hover:after,.det_nav .center span.cur:after{ width:100%;}
.proshow .bd_item{ padding-top: 50px;}
.proshow .bd_item h3.itemtit{ font-size: 36px; font-family: popsb; margin-bottom: 20px;}
.proshow .bd_item .lit_tit{ color: #e55204; font-size: 20px; font-family: popm; margin-bottom:30px;}
.pro_acc{ margin-top: 40px;}
.pro_acc .imgfdd{ width: 48%;}
.pro_acc .acc_list{ width: 48%; margin-left: auto;}
.pro_acc .acc_list li{ padding: 10px 6px; border-bottom: 1px solid #ddd;}
.pro_acc .acc_list li span.num{ display: inline-block; width: 54px; height: 54px; line-height: 54px; text-align: center; border-radius: 50%; border: 8px solid #eaeaea; background: #bbbbbb; color:#fff; font-size:24px; font-family:dinm;}
.pro_acc .acc_list li:hover span.num{border: 8px solid #f7cbb3; background: #e55204;}
.pro_acc .acc_list li .txt{ width: calc(100% - 85px); margin-left: auto;}
.pro_acc .acc_list li h4{ font-family: popm; color: #333; font-size: 20px;}
.pro_acc .acc_list li p{ font-size: 16px; line-height: 24px;}
.proshow .pro_spec table{ width: 100%!important; margin-bottom:30px;}
.proshow .pro_spec table tr:nth-child(2n+1){ background:#f6f7fa;}

.mainh{ height: 80px;}
.promsg{ border-radius: 5px; overflow: hidden; background: #f6f7fa;}
.promsg .top{ background: #042582; line-height: 60px; padding:0 20px;}
.promsg .top h3{ color: #fff; font-size: 24px; font-family: popsb;}
.promsg .box{ padding: 25px 25px 45px;}
.promsg .box p{ font-size: 16px; margin-bottom:40px;}
.promsg .formbox.fl{ width: 49%; margin-right: 2%; margin-bottom:20px;}
.promsg .formbox.fl:nth-child(2n){ margin-right:0;}
.promsg input,.promsg textarea{ background: #fff; border-radius: 5px; line-height: 50px; width: calc(100% - 80px); margin-left: auto;}
.promsg label{ font-family: pop; color: #333; font-size: 14px;  max-width:50px;}
.promsg label i{ color: #ff0000;}
.promsg .formbox:not(.fl) label{ padding-top:8px;}
.promsg .formbox{ padding-left: 10px;}
.promsg .sub{ width: 150px; color: #fff; margin-top: 20px; text-align: center; font-family: popsb; background:#042582; transition:.2s ease; cursor:pointer; margin-left:80px;}
.promsg .sub:hover{ background:#e55204;}
.relpro .swiperbtn{ position: unset; display: inline-block;}
.relpro .top h3{ font-size: 36px; font-family: popsb; margin-right: auto;}
.relpro .top{ margin-bottom: 35px;}
.relswiper{ overflow: hidden;}

@media (max-width: 1024px){
.det_nav{ position: unset;}
.pro_top .txt h1{ font-size: 24px; line-height: 32px;}
.pro_top .txt .des{margin: 20px 0 35px;}
.det_nav .center{ padding: 0 20px;}
.proshow .bd_item h3.itemtit{ font-size: 30px;}

}
@media (max-width: 768px){
    .pro_top .pic,.pro_top .txt{ width: 100%;float: none;}
    .pro_top .txt{margin-top: 20px;}
    .det_nav .center span{margin-right: auto;}
}
@media (max-width: 450px){
    .pro_top .txt h1{ font-size: 20px; line-height:30px;}
    .det_nav .center{ padding: 0;}
    .det_nav .center span{ font-size: 18px;}
    .proshow .bd_item{ padding-top: 25px;}
    .proshow .bd_item h3.itemtit{font-size: 24px; margin-bottom:15px;}
    .pro_acc div.c-flex{ display: block;}
    .pro_acc .imgfdd{ width: 100%;}
    .pro_acc .acc_list{ width: 100%;}
    .pro_acc .acc_list li p{font-size: 12px; line-height: 20px;}
    .mainh{ height: 40px;}
    .promsg .top h3{ font-size: 20px;}
    .promsg .box p{margin-bottom: 20px;}
    .promsg .formbox.fl{width: 100%; float: none;}
    .promsg .box{padding: 20px 15px 25px;}
    .promsg .sub{width: 100%; margin-left:0;}
    .relpro .top h3{font-size: 26px;}
    .swiperbtn{width: 32px; height: 32px; line-height: 32px;}
    .relpro .top{margin-bottom: 25px;}
}
.ny_case_list ul li{ width: 33.33%; float: left; border-right:1px solid #e7e7e7; position:relative;}
.ny_case_list ul li a{ display: block; width: 100%; padding:30px; border-radius:10px;}
.ny_case_list ul li:nth-child(3n){ border:none;}
.ny_case_list ul li:after{ position:absolute; left: 30px; width: calc(100% - 60px); bottom:0; height:1px; background:#e7e7e7; content:'';}
.ny_case_list ul li h2{ font-size: 22px; font-family: popm; line-height: 32px; height: 64px; overflow: hidden; margin-bottom:20px;}
.ny_case_list ul li p{ font-size: 16px; line-height: 24px; height: 24px; overflow: hidden; margin-bottom:40px;}
.ny_case_list ul li .imgfd{ padding-top: 66%; border-radius:5px;}
.ny_case_list ul li i{ display: none; position:absolute; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size:20px; background:#e55204; border-radius:50%; top:calc(50% - 20px); left:calc(50% - 20px); z-index:3;}
.ny_case_list ul li:hover a{ background:#fff; box-shadow: 0 0 10px rgba(0,0,0,.15);}
.ny_case_list ul li:hover h2{ color:#e55204;}
.ny_case_list ul li:hover i{ display:inline-block;}
.ny_case_list ul li:hover:after{ display:none;}

@media (max-width: 1024px){
    .ny_case_list ul li a{padding: 20px;}
    .ny_case_list ul li h2{font-size: 20px; line-height: 30px; height: 60px; margin-bottom:10px;}
    .ny_case_list ul li p{margin-bottom: 30px;}
}
@media (max-width: 768px){
    .ny_case_list ul li{ width: 50%;}
    .ny_case_list ul li:nth-child(3n){ border-right:1px solid #e7e7e7;}
    .ny_case_list ul li:nth-child(2n){ border-right:none;}
}
@media (max-width: 450px){
.ny_case_list ul li a{padding: 10px;}
.ny_case_list ul li h2{font-size: 18px; line-height: 26px; height: 52px;}
.ny_case_list ul li p{ display: none;}
}
.sol_top{ position: relative;}
.sol_top .top_tit{ border-bottom:1px solid #ddd; padding-bottom:40px; margin-bottom:40px;}
.sol_top .top_tit h1{ font-size: 40px; font-family:popsb; margin-right:auto;}
.sol_top .show_content{ width: 72%;}
.show_content{ overflow: hidden;}
.show_content image{ max-width: 100%!important;} 
.sol_top .rel_app{ width: 23%;}
.rel_app h4{ font-size: 30px; font-family: popsb; margin-bottom: 30px;}
.rel_list ul li{ margin-bottom: 25px;}
.rel_list .pic{ width: 28%; margin-right:auto;}
.rel_list .pic .imgfd{ padding-top: 62.5%; border-radius:5px;}
.rel_list p{ font-size: 16px; line-height: 24px; width:69%; max-height:48px; overflow:hidden; font-family:popm; color:#333;}
.rel_list ul li:hover p{ color:#e55204;}

@media (max-width: 1024px){
    .sol_top .top_tit h1{ font-size: 30px;}
    .sol_pic .picbox p{ display: none;}
    .sol_top .rel_app{ display: none;}
    .sol_top .show_content{ width: 100%; float: none;}
}
@media (max-width: 450px){
    .sol_top .bg_tit{ display:none;}
    .sol_top .top_tit h3{ margin-bottom: 25px;}
    .sol_top .top_tit h1{ font-size: 24px; font-family:popm;}
    .sol_top .top_tit{ padding-bottom: 20px; margin-bottom: 20px;}
}

.ab_banner{padding: 110px 0 80px; position:relative;}
.ab_banner .txt{ width: 60%; margin: 0 auto; text-align:center; color:#fff; position:relative; z-index:3;}
.ab_banner .txt p{ font-size: 20px;}
.ab_banner .txt .box strong{ display: block; margin-bottom: 10px; margin-top:20px; font-size: 20px;}
.ab_banner .bg{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.3);  left: 0; top: 0;}
.ab_banner .txt h3{ font-size: 50px; color: #fff; text-transform: uppercase;}
.ab_banner dl{ margin-top: 80px; padding:0 60px;}
.ab_banner dl dt{ margin-right: auto;}
.ab_banner dl dt:last-child{ margin-right:0;}
.ab_banner dl dt b{ display: block; margin: 20px 0; font-size:60px; font-family:popb; line-height:60px; color:#e55204;}
.ab_banner dl dt img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}


.ab_choose .sy_item_tit{ text-align: center;}
.choswiper{ overflow: hidden; padding:10px;}
.choswiper li{ position: relative; border-radius: 10px; }
.choswiper li .imgfd{ border-radius: 10px;}
.choswiper li .txt{ position: absolute; background: #fff; padding: 20px 30px; width: 85%; border-top-right-radius: 10px; left:0; bottom:0; box-shadow:0 0 8px rgba(0,0,0,.13);}
.choswiper li .txt .icon{ position: absolute; right: 30px;top: 20px; opacity:.6;}
.choswiper li .txt .icon img{ width: 60px;}
.choswiper li .txt h4{ font-size: 24px; font-family: popm; margin-bottom:15px;}
.choswiper li .txt p{ font-size: 16px; line-height: 24px; height:0; overflow:hidden; transition:.3s ease;}
.choswiper li:hover p{  height:auto;}

@media (max-width: 1281px){
    .ab_banner .txt{ width: 80%;}
    .choswiper li .txt h4{font-size: 20px;}
}
@media (max-width: 1024px){
    .ab_banner .txt p{font-size: 18px;}
    .ab_banner dl{padding: 0;}
}

@media (max-width: 768px){
    .ab_banner .txt h3{font-size: 30px;}
    .ab_banner .txt p{font-size: 16px;}
    .ab_banner{ padding: 80px 0 40px;}
    .ab_banner .txt .box strong{font-size: 18px;}
    .ab_banner dl dt b{font-size: 40px; line-height: 40px; margin:10px 0;}
    .choswiper li .txt p{height: auto;}
}
@media (max-width: 450px){
    .ab_banner .txt{ width: 94%;}
    .ab_banner dl dt{ width: 45%; margin: 0 auto 20px;}
    .ab_banner dl{margin-top: 30px;}
    .choswiper li .txt{ position: relative; width: 100%;}
    .ab_banner dl dt img{ width: 40px;}
}
.ny_news_list ul li{ width: 32%; margin-right: 2%; float: left; margin-bottom: 40px; border:1px solid #ddd;}
.ny_news_list ul li:nth-child(3n){ margin-right:0;}

@media (max-width: 768px){
    .ny_news_list ul li{ width: 49%; }
    .ny_news_list ul li:nth-child(3n){ margin-right:2%;}
    .ny_news_list ul li:nth-child(2n){margin-right:0;}
}
@media (max-width: 450px){
    .ny_news_list ul li{ width: 100%; float: none;margin-bottom: 20px;}
}
.news_info{ padding: 25px 0 0; border-top:1px solid #ddd;font-size:16px; margin-top:25px;}
.news_info .date{margin-right: auto;}
.pro_det_btns{ padding-top: 30px; border-top: 1px solid #e7e7e7; margin-top:60px;}
.pro_det_btns .det_btn{ width: 50%; float: left; font-size:16px;}
.pro_det_btns .det_btn span{ color: #333; font-family: popm; display: inline-block; margin-right: 5px;}
.pro_det_btns .det_btn i{ display: inline-block; margin-right: 5px;}
.det_btn a:hover{ color:#e55204;}
.det_btn a{ display: inline-block; line-height: 24px; height: 24px; overflow: hidden; max-width:calc(100% - 75px);}
@media (max-width: 450px){
    .news_info p{font-size: 14px;}
    .pro_det_btns{padding-top: 20px; margin-top: 25px;}
    .pro_det_btns .det_btn{ width: 100%;margin-bottom: 15px;}
}
.lx_box{background: #f5f5f5; border-radius: 10px; width: 48%; padding:40px 45px;}
.lx_msg{ width: 48%;}
.lx_box h3{ font-size: 40px; padding-bottom: 10px; border-bottom: 1px solid #ddd; position:relative;}
.lx_box h3:after{ position:absolute; left: 0; bottom: -1px; height: 2px; width: 150px; content:'' ; background: #042582;}
.lx_box dl dt{ margin-top: 25px;}
.lx_box dl dt i.iconfont{ width: 48px; height: 48px; line-height: 48px; border-radius:50%; text-align: center; background: #042582; color: #fff; font-size: 22px; display: inline-block; margin-right: 15px;}
.lx_box dl dt .txt{ max-width: calc(100% - 65px);}
.lx_box dl dt h4{ font-size: 20px; font-family: popm;}
.lx_msg h3{ font-size: 45px; margin-bottom:20px;}
.lx_msg input.fl{ width: 49%; margin-right: 2%;}
.lx_msg input.fl:nth-child(2n){ margin-right:0;}
.lx_msg input:not(.sub),.lx_msg textarea{ line-height: 60px; border-radius: 10px; padding: 0 10px; border: 1px solid #ddd; margin-bottom: 25px;}
.lx_msg textarea{ width: 100%;}
.lx_msg input.sub{ display:block; margin:0 auto; line-height: 60px; color: #fff; background: #042582; padding:0 30px; border-radius:10px; cursor:pointer; transition:.2s ease; width:100%; text-align:center;}
.lx_msg input.sub:hover{ background:#e55204;}

.map{ width:100%; border-radius:10px; overflow:hidden;}
.contact_list{ position:fixed; top:40%; right:30px; z-index:99; height:210px; border-radius:35px;overflow:hidden;}
.contact_list a{ display:block; width:60px; height:60px; overflow:hidden; background:#2c4991 url(../images/ric_02.png) no-repeat center 0; cursor:pointer; border-radius:30px; margin-bottom:10px; background-size:60px; background-position:center -60px;}
.contact_list a:nth-child(2){ background-position:center -120px;}
.contact_list a:nth-child(3){ background-position:center -180px;}
.contact_list a:nth-child(4){ background-position:center -240px;}
.contact_list a:hover{ background:#e55204 url(../images/ric_02.png) no-repeat center 0; background-size:60px; background-position:center -60px;}
.contact_list a:nth-child(2):hover{ background-position:center -120px;}
.contact_list a:nth-child(3):hover{ background-position:center -180px;}
.contact_list a:nth-child(0):hover{ background-position:center -240px;}
@media (max-width: 768px){
   .map,.contact_list{ display: none;}
   .lx_box,.lx_msg{width: 100%; float: none;}
   .lx_msg{ margin-top: 30px;}
   
}
@media (max-width: 450px){
    .lx_box{padding: 30px 20px;}
    .lx_box h3{font-size: 28px;}
    .lx_msg h3{font-size: 30px;}
    .lx_msg input.fl{ width: 100%; float: none;}
    .lx_msg input:not(.sub), .lx_msg textarea{line-height:50px;}
    .lx_msg input.sub{ line-height: 50px;}
    .copy{ padding: 20px 0; font-size: 12px;}
}

.inq_msg{ width: 100%;}




