@charset "utf-8";
/* CSS Document */
.search_box{ width: 100%; position: fixed; left: 0; top:90px; background: #fff;z-index:3; padding:40px 0; display:none;z-index:88;}
.search_box form{ width: 100%; overflow:hidden; transition:.3s ease;}
.search_box form input{ line-height: 60px; height: 60px; border: 2px solid #0b3090; font-family:barm; transition:.3s ease;}
.search_box form:hover input{ border-color:#f5a100;}
.search_box form .search_sub{ width: 150px; line-height:60px; text-align:center; color:#fff; font-size:30px; text-align: center;background:#0b3090; cursor:pointer; transition:.3s ease;}
.search_box form input.fl{ padding: 0 25px; width:calc(100% - 150px);}
.search_box form:hover .search_sub{ background:#f5a100;}

.right_online{position: fixed;top: 40%;right: 3px;z-index: 999;}
.right_online li{text-align: center;position: relative;margin-bottom: 5px;cursor: pointer;}
.right_online li span{font-size: 22px;color: #fff;background:#0b3090 ;position: relative;z-index: 2;border-radius: 3px;display: block;line-height: 44px;width: 44px;height: 44px; transition:.3s ease;}
.right_online li .box{
	position: absolute;right: 25px;top: 0;max-width: 0px;height: 44px;line-height: 44px;background: #f5a100 ;border-radius: 3px;border-top-right-radius: 0;border-bottom-right-radius: 0;
	overflow:hidden;
	-webkit-transition:max-width 0.3s linear;
	-moz-transition:max-width 0.3s linear;
	transition:max-width 0.3s linear;
}
.right_online li:hover span{ background:#f5a100;}
.right_online li:hover .box{max-width:300px;z-index: 1;}
.right_online li .box .p{color: #fff;font-size: 16px;width: 100%;white-space: nowrap;padding-left: 30px;padding-right: 40px;display: flex;}
.right_online li.inq .addnum{width: 18px;height: 18px;position: absolute;top: 0;right: 0;text-align: center;line-height: 18px;background: red;color: #fff;border-radius: 500px;display: block;font-size: 12px;z-index: 9;}
.right_online li .ewmtp{width: 120px;height: 120px;right: 55px;background: none;border-radius: 0;}
.right_online li .ewmtp .p{padding: 0;}
.right_online li .ewmtp img{ width: 120px; height:120px;}

.ab_xiala{ position: fixed; width: 100%; left: 0; top: 90px; display:none;}
.ab_xiala .center{ background: #fff; padding: 30px 58px 40px;}
.ab_xiala a{ display: block; width: 25%;}
.ab_xiala h2{ font-family: barsb; font-size: 32px; }
.ab_xiala .firsta h2{ margin-right: auto;}
.ab_xiala .firsta i{ display: block; width: 28px; height: 28px; text-align: center; line-height: 28px; border-radius: 50%; border: 1px solid #c0c0c0; transition:.3s ease; color:#666;}
.ab_xiala .firsta p{ margin: 10px 0 22px;}
.ab_xiala b{ font-size: 32px; color: #f1f1f1; font-family: barsb;}
.ab_xiala .firsta b{margin-right: 35px;}
.ab_xiala a:hover i{background:#f5a100; border-color: #f5a100; color:#fff;}
.ab_xiala .othera{ padding: 0 40px; border-right: 1px solid #eaeaea;}
.ab_xiala .othera:last-child{ padding-right:20px; border: none;}
.ab_xiala .othera h2{margin: 10px 0 25px;}
.ab_xiala .othera p{ height: 60px; margin-bottom: 75px;}
.ab_xiala .othera i{ display: block; width: 44px; height: 44px; text-align: center; line-height: 44px; border-radius: 50%; border: 1px solid #c0c0c0; transition:.3s ease; color:#666;}
.ab_xiala a:hover h2{ color:#f5a100;}
.index_head .nav li:hover .ab_xiala{ display:block;}

.pro_xiala{ position: fixed; width: 100%; left: 0; top: 90px; display:none;}
.pro_xiala .mcenter{ background: #fff; padding: 30px 58px 40px;}
.pro_xiala .left{ width: 28%; margin-right:auto;}
.pro_xiala .right{ width: 68%;}
.pro_xiala .left h2{ font-family: barsb; font-size: 28px; margin: 30px 0;}
.pro_xiala .left p{ line-height: 24px;}
.pro_xiala .right .tab-hd1{width: 54%; padding-right: 40px; border-right: 1px solid #dedede; margin-right:40px;}
.pro_xiala .right .tab-bd1{ width: calc(46% - 40px);}
.pro_xiala .tab-hd1 a{ padding: 18px 25px 18px 20px; font-family:barm; font-size:22px;}
.pro_xiala .tab-hd1 a p{ width: calc(100% - 40px); margin-right: auto;}
.pro_xiala .tab-hd1 li.active{ background: #f6f8fb;}
.pro_xiala .tab-hd1 a i{ font-size: 24px; color: #f5a100; opacity: 0;}
.pro_xiala .tab-hd1 li.active a{ color: #f5a100;}
.pro_xiala .tab-hd1 li.active a i{ opacity: 1;}
.pro_xiala .tab-bd1 a{line-height: 22px; padding-left: 14px; border-left: 3px solid #3b64c4; margin-bottom:30px;}
.pro_xiala .tab-bd1 a p{ width: calc(100% - 30px); margin-right: auto; line-height:22px;}
.pro_xiala .tab-bd1 a i{ font-size: 22px; color: #f5a100; opacity: 0;}
.pro_xiala .tab-bd1 a:hover{ color:#f5a100; border-color:#f5a100;}
.pro_xiala .tab-bd1 a:hover i{ opacity:1;}
.index_head .nav li:hover .pro_xiala{ display:block;}



.top_search{ display: block; width: 38px; height: 38px; line-height: 38px; text-align: center; background: #f6f6f6; font-size: 20px; border-radius: 50%; margin-right: 12px; cursor: pointer; transition: .3s ease;}
.top_search:hover{ background: #1c3187; color: #fff;}
.top_contact{ line-height: 40px; background:linear-gradient( to right,#2a55b6,#1c3187); padding: 0 26px; text-transform: uppercase; transition: .3s ease; border-radius: 20px; color: #fff; font-family: barml;}
.top_contact:hover{background:linear-gradient( to right,#1c3187,#2a55b6);}
.top_h{ height: 91px;}
.sy-ban{ width: 100%;position: relative; overflow: hidden; background: #efefef;}
.sy-ban img{ width: 100%;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display: none;}
.swiper-pagination-bullet:focus{ outline: 0;}
.swiper-pagination-bullet{ width: 8px; height: 8px; background: none;border:1px solid #929891; opacity: 1; margin:0 6px!important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #0b3090; border-color:#0b3090;}
.sy-ban .txt1{ position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
.sy-ban .txt1 p{ font-size: 26px; color: #fff; font-family: bar; margin-bottom: 15px;}
.sy-ban .txt1 b{font-size: 52px; color: #fff;}
.sy-ban .txt1 .amore{ margin-top: 80px;}
.ban_control{ bottom: 0; left: 0; width: 100%; position: absolute; z-index: 2}
.ban_control .center{ padding: 42px 0;}
.scr_down{ margin: 0 auto;animation: downico 1.5s ease-out infinite; transform: translateY(0);}
@keyframes downico{
	0%{transform: translateY(0);}
	25%{transform: translateY(-5px);}
	50%{transform: translateY(-8px);}
	75%{transform: translateY(-5px);}
	100%{transform: translateY(0);}
}
@-webkit-keyframes downico{
	0%{transform: translateY(0);}
	25%{transform: translateY(-5px);}
	50%{transform: translateY(-8px);}
	75%{transform: translateY(-5px);}
	100%{transform: translateY(0);}
}
.ban_control .swiperbtns{ margin-left: auto;}
.ban_control .swiperbtns i{ height: 24px; width: 1px; background: #fff; margin: 0 10px; }
.ban_control .swiperbtn{ position: unset; color: #fff; font-size: 28px; margin-top: 0;}
.ban_control .swiperbtn:hover{ color: #f5a100;}
.sy-ban .swiper-pagination{ position: unset; margin-right: auto; width: auto;}
.sy-ban .swiper-pagination .swiper-pagination-bullet{background: transparent;opacity: 1;position: relative;width: 32px;height: 32px;outline: none; opacity:1;}
.sy-ban .swiper-pagination-bullet.swiper-pagination-bullet-active{ border: none; opacity:1;}
.sy-ban .swiper-pagination .swiper-pagination-bullet:after{content: "";position: absolute;left: 0;top: 0;z-index: 0;width: 32px;height: 32px;border-radius: 50%;transition: opacity .3s;background: url(../images/ic12.png) no-repeat center;}
.sy-ban .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background: url(../images/ic13.png) no-repeat center;background-size: cover;width: 32px;height: 32px;}
.sy-ban .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2{-webkit-animation: svgCircleAnmi 6s linear forwards;animation: svgCircleAnmi 6s linear forwards}
.swiper-pagination .svg{width: 32px;height: 32px;transform: rotate(-90deg);opacity: 0;transition: opacity .3s;display: block;}
.swiper-pagination .swiper-pagination-bullet .svg{opacity: 1;}
.swiper-pagination .circle1{/*stroke: #999;*/}
.swiper-pagination .circle2{stroke: #fff;stroke-dasharray: 0 339;}
@-webkit-keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@-webkit-keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
5%{opacity: 1}
to{opacity: 0;transform: scale(1)}}
@keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
	5%{opacity: 1}}

.amore{ display: inline-block; font-family: barm; line-height: 50px; padding: 0 32px; text-transform: uppercase;border: 2px solid #666666; position: relative;border-radius: 27px; overflow: hidden; color: #333;}
.amore i.icon-shuangyoujiantou-{ font-size: 18px;}
.amore i{ margin-left: 10px; display: inline-block; width: 16px; height: 16px; line-height: 16px;transition: .3s ease;}
.amore.wb{ border-color: #fff; color: #fff;}
.amore.rb{ border-color: #b81b25; color: #b81b25;}
.amore.wbg{ background: #fff; color: #b81b25; border-color: #fff;}
.amore.amore1{ border-color: #cd0000; background: #cd0000; color: #fff;}
.amore.amore2{ background: #111111; border-color: #111111; color: #fff;}
.amore span{ position: relative; z-index: 2;}
.amore:hover,.amore.on{ background:linear-gradient( to right,#2a55b6,#1c3187); line-height: 54px; border:none;color: #fff;}
.amore:hover i{ transform: rotate(0deg); margin-left:15px; }
.amore.wbg:hover{ background: #b81b25; color: #fff;}
.amore.on:hover{ box-shadow:0 0 8px rgba(44,26,0,.6);}
.amore.rb:hover{ color: #fff;}


.sy_title{ margin-bottom: 30px;}
.item_top{ margin-bottom: 40px; align-items: flex-start;}
.item_top .sy_title{ margin-bottom: 0; margin-right: auto;}
.btn_box{ margin-top: 40px; text-align: center; }
.mainh{ height: 85px;}


.dtop{ padding-top: 80px;}

.sy_title span{ color: #b81b25; text-transform: uppercase; font-size: 18px;}
.sy_title b{ font-size: 60px; line-height: 75px;}
.item_top .sy_title{ width: 30%; margin-right: auto;}
.item_top .top_des{ width: 45%; font-size: 18px;}
.item_top .top_des .amore{ margin-top: 35px;}

.sy_products{ width: 1200px; margin: 0 auto; padding:120px 0;}
.sy_products li{ width: 13%; transition: .3s ease; height: 400px; position:relative;}
.sy_products li img{ width: 100%; height: 100%; object-fit: cover;}
.sy_products li .txt{ width: 100%; position: absolute; left: 0; bottom: 0; padding:100px 30px 30px;background: linear-gradient( to top,rgba(255,255,255,.98),rgba(255,255,255,8),rgba(255,255,255,0))}
.sy_products li.active{ width: 48%;}
.sy_products li h2{ font-family: barb; font-size: 22px; line-height: 34px;}
.sy_products li p{ max-height: 60px; overflow: hidden; margin-top: 10px; display: none;}
.sy_products li .left{ width: 100%;}
/*.sy_products li i{ width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(255,255,255,.4); line-height:52px; text-align:center; color:#fff; font-size:24px; display:none;}*/
/*.sy_products li.active i{ display: block;}*/
.sy_products li.active p{ display: block;}
/*.sy_products li.active .txt{ color: #fff;background: linear-gradient( to right,rgba(43,87,184,.8),rgba(28,49,135,.8),rgba(28,49,135,.8));}*/
/*.sy_products li.active h2{ color: #fff;}*/

.fb72{ font-family: barb; font-size: 60px;}
.sy_service .sy_title{ margin-right: auto;}
.serswiper1{ width:50%; overflow:hidden;}
.serswiper1 li{ color: #09357e; text-align: center; font-size: 16px; line-height: 24px;}
.serswiper1 li .box{ width: 100px; height: 100px; position: relative; background: url(../images/icbg2_03.png) no-repeat center center; margin: 0 auto 10px;}
.serswiper1 li .xz{ position: absolute; z-index: 3; top: -2px; left: -2px; width: 104px; height: 104px;; background: url(../images/cirbg.png) no-repeat; opacity:0;}
.serswiper1 li:hover .xz{-webkit-animation: xuanzhuan 4s linear infinite;animation: xuanzhuan 4s linear infinite; opacity:1;}
@keyframes xuanzhuan{
	0%{-webkit-transform: rotate(0deg);;-moz-transform: rotate(0deg);}
	25%{-webkit-transform: rotate(-90deg);;-moz-transform: rotate(-90deg);}
	50%{-webkit-transform: rotate(-180deg);;-moz-transform: rotate(-180deg);}
	75%{-webkit-transform: rotate(-270deg);;-moz-transform: rotate(-270deg);}
	100%{-webkit-transform: rotate(-360deg);;-moz-transform: rotate(-360deg);}
}
@-webkit-keyframes xuanzhuan{
	0%{-webkit-transform: rotate(0deg);;-moz-transform: rotate(0deg);}
	25%{-webkit-transform: rotate(-90deg);;-moz-transform: rotate(-90deg);}
	50%{-webkit-transform: rotate(-180deg);;-moz-transform: rotate(-180deg);}
	75%{-webkit-transform: rotate(-270deg);;-moz-transform: rotate(-270deg);}
	100%{-webkit-transform: rotate(-360deg);;-moz-transform: rotate(-360deg);}
}
.svg1{transform: rotate(-90deg); border-radius: 50%; position: relative; z-index: 2;}
.serswiper1 li .circle3{ position: absolute; left: -10px; top: -10px; width: 120px; height: 120px; border-radius: 50%; z-index: 1}
.svg1 .circle4{-webkit-animation: svgAnmi 5s linear infinite;animation: svgAnmi 5s linear infinite; animation-delay: 0;stroke: #e6f1f4;}
@-webkit-keyframes svgAnmi{
	0%{stroke-dasharray: 314,314}
	25%{stroke-dasharray: 235.5,314}
	50%{stroke-dasharray: 157,314}
	75%{stroke-dasharray: 78.5,314}
100%{stroke-dasharray: 0,314}
}
@keyframes svgAnmi{
0%{stroke-dasharray: 314,314}
	25%{stroke-dasharray: 235.5,314}
	50%{stroke-dasharray: 157,314}
	75%{stroke-dasharray: 78.5,314}
100%{stroke-dasharray: 0,314}
}
.serswiper1 li .polygon1{ opacity:0;}
.serswiper1 li:hover .polygon1 {
		 animation: shape-transform 4s  linear infinite; opacity: 1;
    }
 @keyframes shape-transform {
		0% {
        clip-path: polygon(50% 0,50% 50%, 50% 0%,0 0%,0 0%,0 0%,0 0);
      }
		6.25% {
        clip-path: polygon(50% 0,50% 50%, 25% 0,25% 0,25% 0,25% 0,0 0);
      }
      12.5% {
        clip-path: polygon(50% 0,50% 50%, 0 0,25% 0,25% 0,25% 0,0 0);
      }
      18.75% {
        clip-path: polygon(50% 0,50% 50%, 0 25%,0 0,25% 0,25% 0,0 0);
      }
	25% {
        clip-path: polygon(50% 0,50% 50%, 0 50%,0 25%,0 0,25% 0,0 0);
      }
		31.25% {
        clip-path: polygon(50% 0,50% 50%, 0 75%,0 25%,0 0,25% 0,0 0);
      }
		37.5% {
        clip-path: polygon(50% 0,50% 50%, 0 100%, 0 50%,0 0,25% 0,0 0);
      }
		43.75% {
        clip-path: polygon(50% 0,50% 50%, 25% 100%, 0 100%,0 75%,0 25%,0 0);
      }
		50% {
        clip-path: polygon(50% 0,50% 50%, 50% 100%,0 100%, 0 50%,0 25%,0 0);
      }
		56.25% {
        clip-path: polygon(50% 0,50% 50%, 75% 100%, 25% 100%, 0 100%,0 50%,0 0);
      }
		62.5% {
        clip-path:polygon(50% 0,50% 50%, 100% 100%, 50% 100%, 0% 100%, 0 50%,0 0);
      }
		68.75% {
        clip-path:polygon(50% 0,50% 50%, 100% 75%, 100% 100%, 50% 100%, 0 100%,0 0);
      }
		75% {
        clip-path:polygon(50% 0,50% 50%, 100% 50%, 100% 100%, 50% 100%, 0 100%,0 0);
      }
		81.25% {
        clip-path:polygon(50% 0,50% 50%, 100% 25%, 100% 100%, 50% 100%, 0 100%,0 0);
      }
		87.5% {
        clip-path:polygon(50% 0,50% 50%, 100% 0, 100% 100%, 50% 100%, 0 100%,0 0);
      }
		93.75% {
        clip-path:polygon(50% 0,50% 50%, 75% 0, 100% 0, 100% 100%, 0 100%,0 0);
      }
		100% {
        clip-path:polygon(50% 0,50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%,0 0);
      }
    }

.serswiper1 li .icon{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-height: 60px; overflow: hidden;}
/*.serswiper1 li:nth-child(2) .polygon1,.serswiper1 li:nth-child(2) .xz{animation-delay: 1s; }
.serswiper1 li:nth-child(3) .polygon1,.serswiper1 li:nth-child(3) .xz{animation-delay: 2s; }
.serswiper1 li:nth-child(4) .polygon1,.serswiper1 li:nth-child(4) .xz{animation-delay: 3s; }*/
.serswiper1 li:after{ position: absolute; right: -20px; top: 10px; height: 80px; content: '';background: #d5dee6; width: 1px;}
.serswiper1 li:last-child:after{ display: none;}
.serswiper1 li p{ line-height: 24px; font-size:20px; font-family:bar;}
.serswiper2{ overflow: hidden;position:relative;}
.ser_box{margin-top: 150px; position: relative;}
.ser_box .bgimg{ width: 100%; overflow: hidden;}
.ser_box .bgimg img{ width: 100%;}
.ser_box .ser_card{ position: absolute; color: #fff; background: linear-gradient( to right,#2a55b6,#1c3187);; width: 50%; bottom: 90px; padding: 80px 60px 80px 0; padding-left: calc(50% - 800px);}
.ser_box .ser_card .tit{ padding-bottom:20px; margin-bottom: 25px; position: relative; border-bottom: 1px solid rgba(255,255,255,.2)}
.ser_box .ser_card .tit:after{ position: absolute; left: 0; bottom: 0; background: #fff; width: 180px; height: 2px; content: '';}
.ser_box .ser_card .tit h3{ font-family: barsb; font-size: 48px; color: #fff;}
.ser_box .ser_card p{ font-size: 18px;}
.ser_box .ser_card .des{height: 120px; overflow: hidden; margin-bottom: 70px;}
.ser_box .ser_card li{ position: relative; transform:scale(0.9);}
.ser_box .ser_card li.swiper-slide-active{ transform: scale(1);}
.ser_box .ser_card li .num{ position: absolute; bottom: 0; left: 40%; font-family: barb; font-size: 180px; line-height: 150px; color: rgba(0,0,0,.0);-webkit-text-stroke: 1px rgba(255,255,255,.5); text-stroke: 1px rgba(255,255,255,.5); opacity: .5;}
.swiper-card .swiperbtn{ position: unset; display: inline-block; margin-top: 0; line-height: 54px; width: 54px; height: 54px; border-radius: 50%; text-align: center; color: #fff; border:1px solid #fff; font-size: 22px; transition: .2s ease;}
.swiper-card{ position: absolute; right: 60px; bottom: 80px; z-index: 5;}
.swiper-card .swiper-button-prev{ margin-right: 30px;}
.swiper-card .swiperbtn:hover{ background: #f5a100; border-color: #f5a100;}

.serswiper1 li.swiper-slide-thumb-active{ color: #f5a100;}
.serswiper1 li.swiper-slide-thumb-active .box{ background: url(../images/icbg1_03.png) no-repeat center center;}
.serswiper1 li.swiper-slide-thumb-active .icon img{transform: translateY(-200px); filter: drop-shadow(#f5a100 0 200px);}

.sy_about{ position: relative;}
.sy_about .ab_fav{ position: absolute; width: 510px; right: 20px; top: 0px; filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(96%);-webkit-filter: brightness(0%) invert(96%);}
.sy_about .center{ background: url(../images/mapbg_05.png) no-repeat left top;}
.sy_about .top .left{ width: 49%; margin-right: auto;}
.sy_about .top .right{ width: 45%; position:relative; z-index:2;}
.abswiper{ overflow: hidden; position: relative; text-align:center; margin-top:90px;}
.abswiper .imgfd{ padding-top: 61.5%; margin-bottom:15px;}
.abswiper p{ font-size: 20px; font-family: bar; height: 30px;}
.abswiper .swiper-pagination{ bottom: 70px;}
.abswiper .swiper-pagination .swiper-pagination-bullet{ border-color: #fff;}
.abswiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}
.sy_about .top .fb72{ margin-bottom: 70px;}
.sy_about .top .right .des{margin-bottom: 50px;}
.sy_about .top .sy_number dt:nth-child(n+3){ display:none;}
.sy_about .top .sy_number dt:nth-child(2){ margin-right:0;}
.sy_about .sy_part{margin-top: 65px;}
.sy_about .sy_part .fb60{ margin-bottom: 20px;}
.sy_about .sy_part .tit{margin-bottom: 40px;}
.sy_about .sy_part dt{ width: 31%; margin-right: 3.5%; margin-bottom: 30px; box-shadow: 0 0 8px rgba(0,0,0,.1);}
.sy_about .sy_part dt:nth-child(3n){ margin-right:0;}
.sy_about .sy_part dt:nth-child(n+7){ display:none;}
.sy_about .sy_part dt .imgfd{padding-top: 52.5%;}


.sy_why{ padding: 150px 0 110px; position:relative;}
.sy_why dt{ width: 19%; margin-right: auto; border:1px solid rgba(255,255,255,.4); background:rgba(64,77,94,.4); text-align:center; color:#fff; padding:30px 25px 45px; transition:.3s ease;}
.sy_why dt:nth-child(5){ margin-right:0;}
.sy_why dt h4{ font-size: 28px; font-family: barm; color:#fff; margin-bottom:10px; line-height:30px; height:30px; }
.sy_why dt p{ font-family: bar; line-height: 24px; height: 72px;}
.sy_why dt .ic{ display: inline-block; width: 75px; height: 75px; border-radius: 50%; border: 1px dashed #fff; position: relative; margin-bottom:30px;}
.sy_why dt .ic:after{ position:absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%,-50%); width:90px; height:90px; background:linear-gradient( to right,#2a55b6,#1c3187); opacity:0; border-radius:50%; }
.sy_why dt .ic img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.sy_why dt:hover{ transform:translateY(-28px); background: none;}
.sy_why dt:hover .ic{ background:linear-gradient( to right,#2a55b6,#1c3187); border:none;}
.sy_why dt:hover .ic:after{ opacity:.1;}
.sy_why .tit{ top: 0; position: absolute; right: 0; transform: translateY(-50%); background: linear-gradient( to right,#2a55b6,#1c3187); width:45%; padding-left:75px;}
.sy_why .tit b{ font-size: 54px; font-family: barb; font-style: italic; line-height:146px; color:#fff;}
.sy_news .fb72{ margin-right: auto;}
.sy_news .item_top{align-items: center;}
.sy_news_list li{ float: left; width: 32%; margin-right: 2%; position:relative; padding-bottom:35px;}
.sy_news_list li:nth-child(3n){margin-right:0;}
.sy_news_list li:after,.sy_news_list li:before{ width:100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #d5d5d5; content: ''; transition: .3s ease;}
.sy_news_list li:after{ width:0; background:#f5a100;}
.sy_news_list li:hover:after{ width:100%;}
.sy_news_list li .imgfd{padding-top: 66.6%; margin-bottom:32px;}
.sy_news_list li span.info{ font-size: 16px;}
.sy_news_list li h2{ font-size: 28px; font-family: barsb; line-height: 36px; height: 72px; overflow: hidden; margin: 10px 0 30px;}
.sy_news_list li .c-flex{ font-family: bar; font-size: 20px;}
.sy_news_list li .c-flex span{margin-right: auto; text-transform:uppercase;}
.sy_news_list li .c-flex i{ font-size: 24px;}
.sy_news_list li:hover h2{ color:#f5a100;}


.foot_top .follow_list a{ width: 45px; height: 45px; background: none!important; border-radius:50%; border: 1px solid #fff; margin-left:5px; transition:.3s ease;}
.foot_top .follow_list a svg{ width: 25px; height: 25px; padding:8px;}
.foot_top .follow_list a i{ width: 45px; height: 45px;}
.foot_top .follow_list a:hover{background:#f5a100!important; border-color: #f5a100;}
.index_foot{ position: relative; background: linear-gradient( to right,#2a55b6,#1c3187); color: #fff;}
.index_foot a{ color: #fff;}
.foot_center{ padding: 54px 0 70px; border-bottom: 1px solid rgba(255,255,255,.2); position: relative;}
.foot_nav li{ margin-right: auto; max-width:25%;}
.foot_nav ul{ width: 100%}
.foot_nav li:last-child{ margin-right: 0;}
.foot_nav a{display: block; font-family: bar; color: #ffffff; opacity: .6; margin-bottom: 15px;}
.foot_nav a:hover{ opacity: 1;}
.foot_center .box{ width: 25%;}
.foot_center .box .flo_box { margin-bottom: 55px;}
.foot_center .box .flo_box p{ width: calc(100% - 190px); line-height: 24px; font-size: 18px; color: #b3b3b3; margin-bottom: 0;}
.foot_center .box .flogo{display: block;margin-bottom: 35px;}
.foot_center .box .follow h4{color: #fff; text-transform: uppercase;}
.foot_contact .fcon_box{ width: 30%;}
.foot_contact .fcon_item{ margin-bottom: 30px; overflow: hidden;}
.foot_contact .fcon_item span{ display: inline-block; margin-right: 10px; font-size: 18px; color: #999999; margin-right: auto;}
.foot_contact .fcon_item p{ line-height: 24px; width: calc(100% - 85px); font-size: 18px;}
.copy{ padding: 20px 0; font-family: bar; opacity: .6}
.foot_center b{ font-family: barm;font-size: 24px; margin-bottom: 25px; display: block; color: #fff;}
.foot_center .b_top{position: absolute; bottom: 30px; right: -90px; font-size: 18px; transition: .3s ease; cursor: pointer;}
.foot_center .b_top i{ display: inline-block; width: 44px; height: 44px; line-height: 44px; text-align: center; border: 1px solid #666666; font-size: 20px; margin-left: 15px; border-radius: 50%; transition: .3s ease;}
.foot_center .b_top:hover { color: #f5a100;}
.foot_center .b_top:hover i{ background: #f5a100; border-color: #f5a100; color: #fff;}

.foot_top{ padding: 60px 0 40px; border-bottom: 1px solid rgba(255,255,255,.1);}
.foot_top .left{ margin-right: auto;}
.foot_top .left .f_logo{ padding-right: 24px; margin-right: 24px; border-right: 1px solid rgba(255,255,255,.3); }
.foot_top .left p{ font-size: 24px; color: #fff; opacity: .6;}

@media (max-width: 1700px){
	.foot_center .b_top{ right: 0;}
}


@media (max-width: 1600px){
	.ser_box .ser_card{ padding-left: 4%; padding-top:60px; bottom:70px;}
	.fb72,.sy_title b{ font-size: 52px; line-height:70px;}
	.index_head .center{ width: 96%!important;}
}

@media (max-width: 1541px){
	.sy_products{ width: 1080px; padding: 100px 0;}
	.ser_box .ser_card .tit h3{ font-size: 44px;}
	.ser_box .ser_card .des{margin-bottom: 40px;}
	.ser_box .ser_card{padding: 60px 50px 60px 3%; bottom:60px;}
	.sy_why .tit b{ font-size: 48px;}
}

@media (max-width: 1281px){
    .index_head .center{ width: 98%!important;}
    .sy_products{ width: 1000px; padding: 90px 0;}
	.index_head .nav .navli .tarA a{ font-size: 18px;}
	.index_head .logo img{ max-height: 45px;}
	.index_head .nav .navli{margin-left: 44px;}
	.sy-ban .txt1 b{ font-size: 40px;}
	.sy-ban .txt1 .amore{ margin-top: 60px;}
	.sy_products li .txt{ padding: 30px 20px;}
	.sy_products li h2{ font-size: 20px; line-height: 28px;}
	/*.sy_products li i{ width: 42px; line-height: 42px; height: 42px; font-size:20px;}*/
	.ser_box .bgimg img{ height: 400px; object-fit: cover;}
	.ser_box .ser_card{ width: 60%;}
	.ser_box .ser_card .tit h3{ font-size: 38px;}
	.ser_box .ser_card .des{ height: 90px; margin-bottom: 45px;}
	.ser_box .ser_card li .num{ font-size: 130px; line-height:120px;}
	.fb72, .sy_title b{ font-size: 44px; line-height:55px;}
	.sy_why .tit b{ font-size: 40px; line-height:120px;}
	.sy_why dt h4{ font-size: 24px;}
	.sy_why dt{ padding: 25px 20px 30px;}
	.sy_news_list li h2{ font-size: 24px; line-height:30px; height:60px;}
	.sy_news_list li .c-flex{ font-size: 18px;}
	.serswiper1 li p{ font-size: 16px; line-height: 20px;}
	
}

@media (max-width: 1024px){
    .sy_products{ width:96%;}
	.right_online{ display: none;}
	.top_h{ height: 54px;}
	.sy-ban .swiper-pagination{ display: none;}
	.ban_control .center{ padding: 0 0 20px;}
	.amore{ line-height: 42px; padding: 0 22px;}
	.amore:hover,.amore.on{ line-height:46px;}
	.sy_products li,.sy_products li.active{ width: 100%; margin-bottom: 20px;}
	.sy_products li .left{ width: calc(100% - 100px); margin-right: auto;}
.sy_products li i{ display: block;}
.sy_products li p{ display: block;}
.sy_products li .txt{ color: #fff;background: linear-gradient( to right,rgba(43,87,184,.8),rgba(28,49,135,.8),rgba(28,49,135,.8));}
.sy_products li h2{ color: #fff;}
.fb72, .sy_title b{ font-size: 36px; line-height: 40px;}
.sy_about .top .right .des{ margin-bottom: 30px;}
.sy_about .ab_fav{ width: 360px;}
.sy_about .sy_part{margin-top: 35px;}
.sy_about .sy_part .tit{ margin-bottom: 20px;}
.sy_about .sy_part dt{ margin-bottom: 15px;}
.sy_why .tit b{ font-size: 36px; line-height:88px;}
.sy_why .tit{ padding-left: 50px; width:55%;}
.sy_about .top .fb72{margin-bottom: 40px;}
.sy_why{ padding: 80px 0 60px;}
.sy_why dt{ width: 100%; margin-bottom: 20px; display: flex; align-items:flex-start; text-align:left;}
.sy_why dt p{ height: auto;}
.sy_why dt .ic{margin-bottom: 0;}
.sy_why dt .txt{ width: calc(100% - 100px); margin-left: auto;}
	.sy_why dt:hover{ transform:translateY(-8px);}
	.sy_news_list li .imgfd{ margin-bottom: 20px;}
	.sy_news_list li h2{ font-size: 20px; line-height: 28px; height: 56px; margin-bottom:20px;}
	.sy_news_list li{padding-bottom: 25px;}
	.foot_center{ display: none;}
}

@media (max-width: 450px){
.serswiper1 li .xz{ width:64px; height:64px; top:2px; left:2px;}
.serswiper1 li .circle3{ width: 80px; height: 80px; left:-5px; top:-5px;}
.serswiper1 li .circle3 img{ width: 100%;}
.serswiper1 li .icon img{ width: 40px;}
.serswiper1 li .box{ width: 70px; height: 70px; background-size:50px; margin-bottom:0;}
.serswiper1 li.swiper-slide-thumb-active .box{ background-size: 50px;}
.serswiper1 li p{ display: none;}
.serswiper1 li{ width: 90px!important;}
.serswiper1 li:after{ right:-3px; height:60px;}
.serswiper1 li{ width: 86px!important; margin-right:6px;}
.ser_box .ser_card li .num{ font-size: 70px; line-height: 60px; left:50%;}
.ser_box .ser_card .tit h3{ font-size: 22px;}
.swiper-card{ right: 25px; bottom: 30px;}
.ser_box .ser_card{ position: relative; width: 100%;bottom:0; padding:40px 25px 30px;}
.ser_box .ser_card .des{ height: 72px;}
.ser_box .ser_card p{ font-size: 14px;}
.ser_box .bgimg img{ height: 280px;}
.ser_box{ margin-top: 20px;}
.swiper-card .swiperbtn{ width: 40px; height: 40px; line-height: 40px;}
.swiper-card .swiper-button-prev{ margin-right: 15px;}
.sy-ban .txt1 b{ font-size: 28px;}
.sy-ban .txt1 .amore{ display: none;}
.sy-ban .txt1 p{ font-size: 16px; margin-bottom:10px;}
.ban_control .swiperbtn{ font-size: 20px;}
.ban_control .swiperbtns i{ height: 18px;}
.ban_control .center{padding-bottom: 0;}
.sy-ban img{ height: 250px; object-fit: cover;}
.sy_products li{ height:230px ;}
.sy_products li .txt{ padding: 20px 15px;}
.sy_products li.active p,.sy_products li p{ display: none;}
.sy_products li h2{ font-size: 18px; font-family: barm;}
.sy_products li i{ width: 34px; height: 34px; line-height: 34px; font-size: 18px;}
.fb72, .sy_title b{ font-size: 28px; line-height: 34px;}
.sy_about .top .left{ width: 100%; margin-bottom: 20px;}
.sy_about .ab_fav{ display: none;}
.sy_about .top .fb72{ margin-bottom: 20px;}
.abswiper{ margin-top: 35px;}
.abswiper p{ font-size: 18px;}
.abswiper .swiper-pagination{ bottom: 50px;}
.sy_about .top .right{ width: 100%;}
.sy_why .tit{ width: 100%;}
    .sy_why .tit b{ font-size: 24px; line-height: 60px;}
    .item_top .amore{ display: none;}
    .item_top{margin-bottom: 25px;}
    .sy_why{ padding: 50px 0 35px;}
    .sy_news_list li{ width: 100%; float: none; margin-bottom: 25px;}
    .sy_news_list li{ padding-bottom: 15px;}
    .sy_news_list li h2{ font-size: 18px;}
    .sy_about .sy_part{margin-top: 30px;}
}

.ny_ban{ position: relative; overflow:hidden;}
.ny_ban img{ width: 100%;}
.ny_ban .ban_txt{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); color: #fff;}
.ny_ban .ban_txt .center{ padding-left: 30px; border-left: 6px solid #f5a100;}
.ny_ban .ban_txt b{ font-size: 72px; color: #fff; margin-bottom:25px; text-transform:uppercase;}

.fb60{ font-size: 50px; font-family:barb; margin-bottom:50px;}
.c_txt{ text-align: center; margin-bottom: 55px;}
.c_txt .fb60{ margin-bottom: 30px;}
.pro_column ul{ justify-content: center;}
.pro_column ul li{ width: 32%; margin-right: 2%; margin-bottom:40px; text-align:center;}
.pro_column ul li:nth-child(3n),.pro_column ul li:last-child{ margin-right:0;}
.pro_column .imgfd{padding-top: 58.8%; margin-bottom:20px;}
.pro_column ul li p{ font-size: 22px; font-family: barsb; line-height: 30px; height: 60px; max-width:90%; margin:0 auto; }
.pro_column ul li:hover p{ color:#f5a100;}

.pro_why{ background: #f6f8fb url(../images/map2_07.png) no-repeat center 40px;}
.pro_why dt{ width: 19%; margin-right: auto; background: #fff; padding: 30px 25px 45px; text-align: center; position:relative; transition:.3s ease;}
.pro_why dt .ic{ display: inline-block; width: 76px; height: 76px; border-radius: 50%; border: 1px dashed #d5d5d5; position:relative; margin-bottom:28px; transition:.3s ease;}
.pro_why dt .ic img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(30%);-webkit-filter: brightness(0%) invert(30%);}
.pro_why dt h4{ font-size: 28px; line-height: 30px; height: 30px; font-family: barm; margin-bottom:10px;}
.pro_why dt p{ font-family: bar; line-height: 24px; height: 72px;}
.pro_why dt:after{ position:absolute; left: 0; bottom: 0; width: 0; transition: .3s ease; content: ''; height: 4px; background: #0b3090;}
.pro_why dt:hover:after{ width:100%;}
.pro_why dt:hover{ transform:translateY(-20px);}
.pro_why dt .ic:after{ width:92px; height: 92px; border-radius: 50%; border: 1px dashed #d5d5d5; content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity:0; transition:.3s ease;}
.pro_why dt:hover .ic{background:linear-gradient( to right,#2a55b6,#1c3187); border:none;}
.pro_why dt:hover .ic img{ filter:unset;}
.pro_why dt:hover .ic:after{ opacity:1;}

.manuswiper{ overflow: hidden; padding-bottom: 40px; position: relative;}
.manuswiper .imgfd{ padding-top: 62.7%;}


.com_faq li{ padding: 22px 20px 22px 70px; background:#f6f8fb; margin-bottom:14px;}
.com_faq li.open{ background: #1c44a4; color:#fff;}
.com_faq li .tit{ font-family: barm; font-size: 28px; line-height:35px; cursor:pointer;}
.com_faq li .tit h2{ font-size: 24px; width: calc(100% - 50px);margin-right:auto;}
.com_faq li .tit i{ display: block; font-size:24px;}
.com_faq li.open .tit h2{ color: #fff;}
.com_faq li .ans{ margin-top: 15px; font-size:20px; display:none;}
.com_faq li.open .tit i{ transform: rotate(180deg);}
@media (max-width: 1541px){
	.ny_ban .ban_txt b{ font-size:64px;}
}
@media (max-width: 1281px){
	.ny_ban .ban_txt b{ font-size: 50px; margin-bottom:10px;}
	.pro_column ul li p{ font-size: 20px;}
	.pro_why dt h4{ font-size: 24px;}
	.pro_why dt .ic{ margin-bottom: 20px;}
	.c_txt .fb60{margin-bottom: 20px;}
	.c_txt{margin-bottom: 40px;}
	.com_faq li{ padding: 20px 20px 20px 45px;}
	.com_faq li .tit h2{ font-size: 22px;}
	.com_faq li .ans{ font-size: 18px;}
	
}
@media (max-width: 1024px){
    .ny_ban .ban_txt b{ font-size: 44px;}
    .pro_why dt{ width: 100%; display: flex; align-items: flex-start; margin-bottom:20px; text-align:left; padding:20px 15px;}
    .pro_why dt .txt{ width: calc(100% - 100px); margin-left: auto;}
    .pro_why dt .ic{margin-bottom: 0;}
    .pro_why dt p{ height: auto;}
}
@media (max-width: 450px){
    .ny_ban img{ height: 180px; object-fit: cover;}
    .ny_ban .ban_txt b{ font-size: 28px;}
    .ny_ban .ban_txt .center{padding-left: 25px; border-width: 4px;}
    .c_txt{margin-bottom: 25px;}
    .pro_column ul li{ width: 100%; margin-bottom: 30px;}
    .pro_column .imgfd{ margin-bottom: 10px;}
    .pro_column ul li p{ font-size: 18px; height: auto; line-height:28px;}
    .pro_column ul li:last-child{ margin-bottom:0;}
    .pro_why dt .ic{ width: 68px; height: 68px;}
    .pro_why dt .ic img{ height: 40px;}
    .pro_why dt .ic:after{ width:80px; height: 80px;}
    .pro_why dt h4{ font-size: 22px;}
    .pro_why dt .txt{ width: calc(100% - 85px);}
    .pro_why dt:hover{ transform:translateY(-5px);}
    .c_txt .fb60{margin-bottom: 10px;}
    .com_faq li{ padding: 15px 10px 15px 25px;}
    .com_faq li .tit h2{ font-size: 20px; line-height:1.2; width:calc(100% - 20px);}
    .com_faq li .tit i{ font-size: 18px;}
    
}
.compro_list ul{ justify-content: center;}
.compro_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 50px;}
.compro_list li:nth-child(3n),.compro_list li:last-child{ margin-right:0;}
.proli .imgfd{ padding-top: 62.75%;}
.proli .txt{ border: 1px solid #ededed; text-align: center; padding:40px 55px 45px;}
.proli .txt h2{ font-size: 26px;font-family: barsb; line-height: 35px; height: 70px; overflow: hidden; margin-bottom: 5px;}
.proli .txt p{ height: 60px; overflow: hidden; margin-bottom: 35px;}
.proli .txt span{ display: inline-block; line-height: 46px; width: 140px; border-radius: 24px; border: 1px solid #002875; font-family:barm; color:#002875; text-transform:uppercase; transition:.3s ease;}
.proli:hover h2{ color:#f5a100;}
.proli:hover .txt span{ background:#f5a100;  color: #fff; border-color: #f5a100;}

.jig_list ul{ justify-content: center;}
.jig_list li{ float: left; background: #fff; text-align: center; width: 32%; margin-right: 2%; margin-bottom: 30px;}
.jig_list li a{display: block; padding: 30px 60px 20px;}
.jig_list li:nth-child(3n),.jig_list li:last-child{ margin-right:0;}
.jig_list li .imgfd{padding-top: 62.75%; margin-bottom:20px;}
.jig_list li h2{ font-family: bar; font-size: 20px; line-height: 30px; height: 30px;}
.jig_list li:hover h2{ color:#f5a100;}
@media (max-width: 1281px){
    .proli .txt{ padding: 35px 30px;}
    .proli .txt h2{ font-size: 24px;}
}
@media (max-width: 1024px){
    .proli .txt{ padding: 25px 20px;}
    .proli .txt h2{ font-size: 22px; line-height:30px; height:60px;}
    .proli .txt p{margin-bottom: 20px;}
    .jig_list li a{ padding: 20px 30px 30px;}
    .jig_list li h2{ font-size: 18px;}
}
@media (max-width: 450px){
    .compro_list li{ width: 49%; margin-bottom: 25px;}
    .compro_list li:nth-child(3n){ margin-right:2%;}
    .compro_list li:nth-child(2n),.compro_list li:last-child{ margin-right:0;}
    .proli .txt p{ display: none;}
    .proli .txt span{ display: none;}
    .proli .txt{padding: 10px 8px;}
    .proli .txt h2{ font-size: 18px; line-height: 26px; height: 52px;}
    .jig_list li{ width: 49%; margin-bottom: 25px; margin-bottom:15px;}
    .jig_list li:nth-child(3n){ margin-right:2%;}
    .jig_list li:nth-child(2n),.jig_list li:last-child{ margin-right:0;}
    .jig_list li a{padding: 20px 15px 25px;}
    .jig_list li h2{ font-size: 16px; line-height:24px; height:48px;}
    .jig_list li .imgfd{margin-bottom: 10px;}
}
.showposi{ padding: 45px 0; font-size:16px; color:#939393;}
.showposi a{ color: #939393;}
.showposi a:last-child{ color:#333;}
.show_top{padding: 40px 0 80px;}
.show_top .imgfd{ padding-top: 62.75%;}
.smpic{ width: 170px; position:relative; height:480px;}
.smswiper{ overflow:hidden; height:470px; width:100%;}
.show_top .top_right{ background: #fff;width: calc(100% - 200px); margin-left: auto;}
.show_top .picswiper{ overflow:hidden; overflow: hidden; width:55%;}
.smswiper li{ width: 100%; height:110px!important; border:1px solid #dee1ea; padding:10px;}
.smswiper li img{ width: 100%; height: 100%; object-fit: cover;}
.smswiper .swiper-slide{ width: 100%!important;  overflow:hidden; background:#fff;}
.smswiper .swiper-slide-thumb-active{border-color: #f5a100;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display:none;}
.smpic .swiperbtn{ font-size:28px; transform:rotate(90deg); transition:.3s ease; margin-top:0; left:50%; margin-left:-15px;}
.smpic .swiper-button-prev{ top: -38px;}
.smpic .swiper-button-next{ bottom: -38px;}
.smpic .swiperbtn:hover{ color: #f5a100;}
.show_top .top_right .top_txt{ width: 40%; padding: 0 68px;}
.top_txt h1{ font-size: 40px; font-family: barb; margin-bottom: 40px;}
.top_txt .amore{ margin-top: 80px;}

.main_left{ width: 420px;}
.left_nav{ background: #fff; margin-bottom: 48px; padding:48px 38px 35px;}
.left_nav b.tit{ font-size: 44px; line-height: 1; padding-left: 30px; border-left: 8px solid #f5a100; margin-bottom:35px;}
.left_nav a{ display: block;}
.left_nav li{ padding: 20px 0; border-bottom: 1px solid #eaeaea;}
.left_nav li:last-child{ border:none;}
.left_nav li.act a.flink{ color: #f5a100;}
.left_nav a.flink{ font-family: barm; font-size: 22px; line-height: 34px;}
.left_nav .down{ margin-top: 20px; display:none;}
.left_nav a.slink{ padding:10px 0 10px 15px ; border-bottom:1px dashed #eee; position: relative; line-height:30px;}
.left_nav a.slink:after{ position:absolute; left: 0; content: ''; border-radius: 50%; background: #b9b9b9; width: 6px; height: 6px; top: 22px;}
.left_nav a.slink.on{ color: #f5a100;}
.left_nav a.slink.on:after{ background:#f5a100;}
.left_nav li.act .down{ display: block;}
.left_nav a:hover{ color:#f5a100;}
.left_lx{ background: #fff; padding: 35px;}
.left_lx .item:first-child{ padding-bottom:25px; border-bottom: 1px solid #e9e9e9; margin-bottom: 25px;}
.left_lx .item i{ font-size: 26px; color: #09357e; line-height: 48px; width: 48px; height: 48px; text-align: center; border: 1px solid #09357e; }
.left_lx .item .txt{ width: calc(100% - 65px); margin-left: auto;}
.left_lx .item p{ font-family: barm; font-size: 24px; margin-bottom: 5px;}
.left_lx .item span{ font-size: 15px;}

.main_right{ width: calc(100% - 500px);}
.pro_det{background: #fff; padding: 75px 68px 90px;}
.det_tit{ font-size: 40px; line-height: 1;  padding-left: 30px; border-left: 8px solid #f5a100; margin-bottom:40px;}
.det_box{ overflow: hidden;}
.det_box img{ max-width: 100%!important;}
.det_box table,.det_box iframe{ width: 100%;}

.pro_leader{margin: 70px 0;}
.pro_leader dt{ width: 19%; margin-right: 1.25%; box-shadow:0 0 5px rgba(0,0,0,.08);}
.pro_leader dt .imgfd{ padding-top: 60%;}
.pro_leader dt:hover{ box-shadow:0 0 5px rgba(245,161,0,.3);}
.pro_sol{ margin: 70px 0;}
/*.pro_sol a{ display: inline-block; line-height: 48px; padding: 0 28px; border-radius: 25px; border: 1px solid  #a4a4a4; font-family: bar; margin-right:18px; transition:.3s ease;}*/
/*.pro_sol a:hover{ background:#f5a100; border-color: #f5a100; color: #fff;}*/

.pro_faq h3,.pro_faq .box{ width: calc(100% - 30px); margin-left: auto;}
.pro_faq .tit,.pro_faq h3{ font-size: 26px; font-family: barm; color:#0b3090;}
.pro_faq li{ padding: 17px 0; border-bottom: 1px solid #e8e8e8;}
.pro_faq li:hover .tit,.pro_faq li:hover h3{ color:#f5a100;}
.pro_faq .ans{ margin-top: 15px;}
.pro_faq .ans span{ display: block; line-height: 30px;}
.pro_faq li:last-child{ border:none;}

.pro_msg{background: #fff; padding: 62px 68px 70px; margin-top:45px;}
.pro_msg .formbox{ width: 100%; margin-bottom: 20px; border: 1px solid #d8d8d8; padding:15px 20px; }
.pro_msg .formbox i{ color: #ff0000;}
.pro_msg .formbox input{ width: calc(100% - 15px); margin-left: auto;}
.pro_msg .formbox.fl{ width: 49%; margin-right: 2%;}
.pro_msg .formbox.fl:nth-child(2n){ margin-right:0;}
.pro_msg .formbox textarea{ width: 100%; font-family:bar; line-height:24px;}
.pro_msg .exp p{ width: 50%; margin-right: auto; line-height:24px;}
.pro_msg .exp p span{ display: inline-block; width: calc(100% - 27px); font-size: 16px; line-height: 24px; margin-left:auto;}
.pro_msg .sub{ width: 300px; line-height: 58px; color: #fff; font-family: barm; font-size: 20px; text-align:center; background:#09357e; border-radius:29px; cursor:pointer; transition:.3s ease; margin-left:auto;}
.pro_msg .sub i{ margin-right: 15px; font-size:20px;}
.pro_msg .sub:hover{ background:#f5a100;}
@media (max-width: 1541px){
    .smpic{ width: 140px;height: 430px;}
    .show_top .top_right{ width: calc(100% - 170px);}
    .smswiper{ height: 420px;}
    .top_txt h1{ font-size: 36px; margin-bottom:35px;}
    .top_txt .amore{ margin-top: 50px;}
    .left_nav{padding: 40px 30px 35px;}
    .left_nav b.tit{ font-size: 40px; margin-bottom: 25px;}
    .det_tit{ font-size: 44px;}
    .pro_faq .tit, .pro_faq h3{ font-size: 24px;}
    .mainh{ height: 70px;}
    
}
@media (max-width: 1281px){
    .smpic{ width: 100px;height: 350px;}
    .smswiper{ height: 330px;}
    .smswiper li{ height: 75px!important; padding:5px;}
    .show_top .top_right{ width: calc(100% - 120px);}
    .show_top .top_right .top_txt{padding: 0 40px;}
    .top_txt h1{ font-size: 32px; margin-bottom: 25px;}
    .top_txt .amore{ margin-top: 35px;}
    .left_nav a.flink{ font-size: 20px;}
    .main_left{ width: 360px;}
    .main_right{ width: calc(100% - 420px);}
    .pro_det{ padding: 55px 40px;}
    .pro_msg{ padding: 55px 40px;}
    .left_nav b.tit{ font-size: 32px; padding-left: 30px;  border-width: 3px;}
    .det_tit{ font-size: 36px; border-width: 4px;}
    .showposi{padding: 35px 0;}
    .show_top{ padding: 30px 0 55px;}
    .mainh{ height: 60px;}
}
@media (max-width: 1024px){
    .top_txt h1{ font-size: 28px;}
    .top_txt .amore{margin-top: 25px;}
    .show_top .top_right .top_txt{ padding: 0 25px;}
    .main_left{ display: none;}
    .main_right{ width: 100%;}
    .mainh{ height: 45px;}
}
@media (max-width: 450px){
    .smpic{ display: none;}
    .show_top .top_right{ width: 100%; display: block;}
    .show_top .picswiper{ width: 100%;}
    .show_top .top_right .top_txt{ padding: 25px 20px; width:100%;}
    .top_txt h1{ font-size: 24px;}
    .pro_det{ padding: 30px 15px;}
    .det_tit{ font-size: 26px; line-height:1.1; margin-bottom:18px; padding-left:20px;}
    .pro_leader{margin:35px 0;}
    .show_top{padding: 15px 0 35px;}
    .showposi{ font-size: 14px; padding: 20px 0;}
    .pro_faq .tit, .pro_faq h3{ font-size: 22px;}
    .pro_msg{ padding: 30px 15px;}
    .pro_msg .formbox{padding: 10px 15px; margin-bottom:15px;}
    .pro_msg .formbox.fl{ width: 100%;}
    .pro_msg .formbox input{ font-size: 14px;}
    .pro_msg .exp p{ width: 100%; margin-bottom: 15px; font-size:12px; line-height:20px;}
    .pro_msg .exp p span{ font-size: 14px;}
    .pro_msg .sub{ width: 100%; line-height: 48px;}
    .mainh{height: 35px;}
    .pro_sol{ margin: 35px 0;}
}
.sol_column ul li .txt{ background: #f7f7f7; padding: 15px 35px; height:100px; text-align:left;}
.sol_column ul li .imgfd{ margin-bottom: 0;}
.sol_column ul li .txt h2{ font-size: 24px; font-family: barsb; width: calc(100% - 65px); margin-right: auto; transition:.3s ease; line-height:32px; max-height:64px; overflow:hidden;}
.sol_column ul li .txt img{ filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(20%);-webkit-filter: brightness(0%) invert(20%); transition:.3s ease; height:54px;}
.sol_column ul li:hover .txt h2{ color:#f5a100;}
.sol_column ul li:hover .txt img{ filter:unset;}

.sol_ban .sol_nav{ position:absolute; width: 100%; bottom: 0;  left: 0; border-top: 1px solid rgba(255,255,255,.3);}
.sol_ban .sol_nav a{ justify-content: center; font-size:22px; color:#fff; font-family:bar; width: 20%; border-right:1px solid rgba(255,255,255,.3); height:94px; text-align:center;}
.sol_ban .sol_nav a:last-child{ border:none;}
.sol_ban .sol_nav a:hover,.sol_ban .sol_nav a.act{background:rgba(42,85,181,.6);}

.pcnone{ display: none;}
.nysol_list li{ background: #f9f9f9; margin-bottom: 57px;}
.nysol_list li:last-child{margin-bottom:0;}
.nysol_list li .pic{ width: 48%;}
.nysol_list li .imgfd{padding-top: 62.8%;}
.nysol_list li .txt{ width: 52%; padding: 0 55px 0 85px;}
.nysol_list li h2{ font-size: 44px; font-family: barb; line-height: 60px; margin-bottom: 35px;}
.nysol_list li p{ max-height: 90px;overflow: hidden; margin-bottom: 60px;}
@media (max-width: 1281px){
    .sol_ban .sol_nav a{ font-size: 20px;}
    .nysol_list li h2{ font-size: 38px; line-height:1.2; margin-bottom:30px;}
    .nysol_list li p{margin-bottom: 40px;}
    
}
@media (max-width: 1024px){
    .nysol_list li .txt{padding: 0 40px 0 45px;}
    .nysol_list li h2{ font-size: 30px;}
    .pcnone{ display: block;}
    .mobnone{ display:none;}
    .sy_products{ padding: 50px 0;}
}
@media (max-width: 450px){
    .nysol_list li .pic{ width: 100%;}
    .sol_ban .sol_nav{ display: none;}
    .nysol_list li .txt{ width: 100%; padding: 20px 15px;}
    .nysol_list li h2{ font-size: 22px; margin-bottom: 0;}
    .nysol_list li{ margin-bottom: 25px;}
}
.sol_top{ overflow: hidden;}
.sol_top .left{ width: calc(100% - 420px); margin-right: auto;}
.sol_top .left h1{ margin-bottom: 20px;}
.cirlink{ position:relative; display:inline-flex; align-items:center; justify-content:center; width: 186px; height:186px; border-radius: 50%; flex-shrink:0;}
.cirlink .ring{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/ring_03.png) center/100% no-repeat;  animation: cirlinkSpin 12s linear infinite;}
.cirlink .ic{ position:relative; z-index:1; width:80px; height:80px; border-radius:50%; background:#2952b2; color:#fff; display:flex; align-items:center; justify-content:center; transition:.3s ease;}
.cirlink:hover .ic{ background:#f5a100;}
@keyframes cirlinkSpin{ to{ transform:rotate(360deg);}}
@media (prefers-reduced-motion: reduce){ .cirlink .ring{ animation:none;} .sy-ban .bannerswiper .swiper-slide-active .img-m{ animation:none;}}

.sol_adv{margin-top: 60px;}
.sol_adv b{margin-bottom: 20px; font-size: 24px;}
.advswiper{padding:8px 8px 40px; position: relative; overflow:hidden;}
.advswiper li{ padding: 45px 55px 40px; box-shadow:0 0 8px rgba(0,0,0,.15); transition:.3s ease;}
.advswiper li h3{ font-family: barsb; font-size: 30px; line-height: 36px; height: 72px;}
.advswiper li p{ height: 120px;}
.advswiper li:hover{ box-shadow:0 0 8px rgba(9,53,126,.4);}
.sol_talk{ margin-top: 40px;}
.sol_talk p{ font-size: 24px; max-width: 55%; margin-right: auto;}
.sol_talk .follow{ margin-right: 38px; font-size:16px;}
.sol_talk .follow span{ margin-right: 20px;}

.caseswiper{ overflow: hidden; padding: 8px 8px 40px; position: relative;}
.caseswiper .imgfd{padding-top: 66%;}
.caseswiper li{ box-shadow:0 0 8px rgba(0,0,0,.15); transition:.3s ease;}
.caseswiper .txt{ height: 110px; padding:0 35px; justify-content:center; text-align:center; }
.caseswiper .txt p{ font-size: 20px; line-height: 33px; max-height:66px; overflow:hidden;}
.caseswiper li:hover .txt p{ color:#f5a100;}

.relpswiper{ overflow: hidden; padding-bottom: 40px; position: relative;}
@media (max-width: 1541px){
    .advswiper li{ padding: 40px 35px;}
    .advswiper li h3{ font-size: 26px;}
}
@media (max-width: 1281px){
    .advswiper li h3{ font-size: 24px;}
}
@media (max-width: 1024px){
    .sol_top .left{ width: calc(100% - 220px);}
    .sol_talk{ display: none;}
    .caseswiper .txt{ padding: 0 20px;}
    .caseswiper .txt p{ font-size: 18px; line-height: 30px; max-height:60px;}
}
@media (max-width: 450px){
    .sol_top{ display: block;}
    .sol_top .left{ width: 100%; margin-bottom: 25px;}
    .cirlink{ width: 100px; height: 100px;}
    .cirlink .ic{ width: 60px; height: 60px;}
    .sol_adv{ margin-top: 30px;}
    .advswiper li{ padding: 25px 20px;}
    .advswiper li h3{ font-size: 22px; line-height: 30px; height: 60px; margin-bottom: 10px;}
    .advswiper li p{ height: auto;}
    .caseswiper .txt{ height: 80px; padding:0 10px;}
    .caseswiper .txt p{ font-size: 16px; line-height: 24px; max-height: 48px;}
}
.case_des{ background: #fff; padding: 45px; margin-bottom:45px;}
.case_des .det_tit{ font-size: 44px;}

.case_list li{ width: 48.5%; margin-right: 3%; float: left; margin-bottom: 40px; background: #fff;}
.case_list li:nth-child(2n){ margin-right:0;}
.case_list li .imgfd{padding-top: 66%;}
.case_list li .txt{ height: 120px; padding: 0 30px;}
.case_list li .txt h2{ font-size: 20px; line-height: 33px; max-height: 99px; overflow: hidden; width: calc(100% - 70px); margin-right: auto; transition:.3s ease;}
.case_list li .txt i{ width: 54px; height: 54px; line-height: 54px; border-radius: 50%; border: 1px solid #e0e0e0; text-align: center; font-size:24px;transition:.3s ease;}
.case_list li:hover h2{ color:#f5a100;}
.case_list li:hover .txt i{ background:#f5a100; color: #fff; border-color: #f5a100;}
@media (max-width: 1281px){
    .case_des .det_tit{ font-size: 36px;}
    .case_list li .txt h2{ font-size: 18px; line-height: 30px; max-height:90px;}
}
@media (max-width: 450px){
    .case_des{padding: 20px 15px;}
    .case_des .det_tit{ font-size: 26px;}
    .case_list li{ width: 100%; margin-bottom: 20px;}
    .case_list li .txt{ height: 80px; padding:0 20px;}
    .case_list li .txt i{ width: 40px; height: 40px; line-height: 40px; font-size:20px;}
    .case_list li .txt h2{ width: calc(100% - 45px); line-height: 16px; line-height: 24px; max-height: 48px;}
}
.case_top .case_pic{ width: 50%; margin-right: auto;}
.spicswiper,.bpicswiper{ overflow: hidden;}
.case_top .case_pic .imgfd{padding-top: 66%;}
.bpicswiper{margin-bottom: 25px;}
.spicswiper li{ padding: 7px; border: 1px solid #d4d4d4;}
.spicswiper li.swiper-slide-thumb-active{ border-color: #f5a100;}
.case_top .txt{ width: 45%;}
.case_top .txt h1{ font-size: 32px; font-family: barb; margin-bottom: 35px;}
.paratable td{ border: 1px solid #e0e0e0; padding:17px 20px; font-size:16px;vertical-align: top; line-height:24px;}
.paratable td:first-child{ width:40%;}

.case_det{background: #fff; padding: 60px 48px 95px; margin-top:45px;}
.case_det .det_tit{ font-size: 44px;}
.card{margin: 45px 0; background: url(../images/bg2_03.jpg) no-repeat center; background-size: cover; text-align:center; padding:25px 70px 35px; color:#fff;}
.card b{ color: #fff; font-size: 34px; line-height:1.3; margin-top:10px;}

a.back{ display: block; text-align: center; line-height: 44px; text-align: center; font-size: 14px; text-transform: uppercase; transition: .3s ease; background:#f6f6f6; margin-bottom:30px;}
a.back:hover{ background:#f5a100; color: #fff;}
.page_btn span{ display: block; margin-bottom:5px;}
.page_btn .prev,.page_btn .next{ max-width: 48%;}
.page_btn .next{ margin-left: auto; text-align: right;}
.page_btn a{ font-size: 16px; color: #666;}
.page_btn a:hover{ color:#f5a100;}
@media (max-width: 1024px){
    .card b{ font-size: 26px;}
    .case_det{ padding: 50px 30px;}
    .case_det .det_tit{ font-size: 38px;}
    
}
@media (max-width: 450px){
    .case_top { display: block;}
    .case_top .case_pic{ width: 100%; margin-bottom: 20px;}
    .case_top .txt{ width: 100%;}
    .case_top .txt h1{ font-size: 24px; margin-bottom:20px;}
    .paratable td{ padding: 10px 12px; font-size:14px;}
    .case_det{ padding: 35px 20px;}
    .case_det .det_tit{ font-size: 28px;}
    .card{ padding:25px 20px; margin:20px 0;}
    .card b{ font-size: 22px;}
    .page_btn { display: block; font-size:14px;}
    .page_btn .prev, .page_btn .next{ width: 100%; max-width:100%;}
    .page_btn .next{ text-align: left; margin-top: 15px;}
    .page_btn a{ font-size: 14px;}
}
.hotswiper{ overflow: hidden; position: relative; padding-bottom: 40px;}
.hotswiper li{ background: #f8f8f8 url(../images/mapbg_05.png) no-repeat right 50px; border-radius:16px; overflow:hidden;}
.hotswiper li .pic{ width: 50%;}
.hotswiper li .imgfd{padding-top: 62%;}
.hotswiper li .txt{ width: 46%; padding: 0 20px; margin-left:auto;}
.hotswiper li h2{ font-size: 44px; font-family: barb;line-height: 1.2; margin: 10px 0 30px; max-height:156px; overflow:hidden;}
.hotswiper li p{ max-height: 90px; overflow: hidden; margin-bottom: 55px;}
.hotswiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #f5a100; border-color: #f5a100;}

.news_top{ align-items: flex-end; border-bottom:1px solid #e8e8e8;}
.news_top b{margin-right: auto; margin-bottom:25px;}
.news_top .nav a{ margin-left: 110px; line-height: 76px; position: relative; font-size:20px; font-family:barml;}
.news_top .nav a:after{ width:0; transition: .3s ease; background: #f5a100; height: 3px; position: absolute; left: 0; bottom: -1px; content:'';}
.news_top .nav a:hover,.news_top .nav a.act{ color:#f5a100;}
.news_top .nav a:hover:after,.news_top .nav a.act:after{ width:100%;}

.news_list li{ padding: 45px 0; border-bottom: 1px solid #eaeaea; position:relative;}
.news_list li .pic{ width: 480px; border-radius: 16px; overflow: hidden;}
.news_list li .pic .imgfd{ padding-top: 62%;}
.news_list li .txt{ width: calc(100% - 520px); margin-left: auto;}
.news_list li h2{ font-size: 36px; font-family: barb; line-height: 1.2; margin-bottom: 20px; max-height:86px; overflow:hidden;}
.news_list li p{ line-height: 24px; max-height: 72px; overflow: hidden; margin-bottom: 45px;}
.news_list li span.more{ font-family: bar; margin-right: auto; color:#666;}
.news_list li span.date{ font-size: 16px; color: #666;}
.news_list li:after{ width:0; transition: .5s ease; background: #f5a100; height: 1px; position: absolute; left: 0; bottom: -1px; content:'';}
.news_list li:hover:after{ width:100%;}
.news_list li:hover h2{ color:#f5a100;}
@media (max-width: 1541px){
   .hotswiper li h2{ font-size: 38px; max-height:135px;} 
   .hotswiper li p{ margin-bottom: 35px;}
   .news_list li h2{ font-size: 32px; max-height:76px;}
}
@media (max-width: 1024px){
    .hot_news .hotswiper { display: none;}
    .hot_news{padding-top: 0;}
    .news_top .nav a{ margin-left: 60px;}
    .news_list li .pic{ width: 320px;}
    .news_list li .txt{ width: calc(100% - 360px);}
    .news_list li p{ margin-bottom: 20px;}
    .news_list li h2{ font-size: 26px;max-height:62px;}
}
@media (max-width: 450px){
    .news_list li .pic{ width: 140px;}
    .news_list li .txt{ width: calc(100% - 160px);}
    .news_list li{padding: 20px 0;}
    .news_list li p{ display: none;}
    .news_list li .pic{ border-radius: 8px;}
    .news_top .nav{ width: 100%;}
    .news_top .nav a{ margin: 0 auto; line-height:45px; font-size:17px;}
    .news_top b{margin-bottom: 15px;}
    .news_list li h2{ font-size: 18px; font-family:barsb;}
    .news_list li span,.news_list li span.date{ font-size: 14px;}
}
.news_right{ width: 360px;}
.news_left{ width: calc(100% - 450px);}
.news_left .news_info{ padding: 18px 0; font-size:16px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
.news_left .news_info .share{margin-left: auto;}
.news_left .news_info .date{ margin-right: 35px;}
.news_left .news_info .cate span{ color: #f5a100;}
#st-1.st-animated{ z-index: 5!important;}
.share span{ margin-right: 5px; text-transform:uppercase;}
.news_left .det_box{ padding: 60px 0;}

.left_search{ overflow: hidden;border-radius:34px; overflow:hidden;}
.left_search input{ width: calc(100% - 85px); line-height: 64px; background: #f4f4f4; padding-left: 25px; font-size: 16px;}
.left_search .search_sub{ width: 85px; line-height: 64px; text-align: center; color: #fff; font-size: 28px; background: #f5a100; cursor:pointer;}
.left_search input::placeholder{ opacity:1; color:#999; font-family:bar;}
.left_search input:focus::placeholder{ opacity:0;}

.news_nav,.last_news{ margin-top: 40px;}
.news_right b{ font-size: 42px; text-transform: uppercase; padding-bottom:35px; border-bottom: 1px solid #e2e2e2;}
.news_nav a{ padding: 26px 0; border-bottom: 1px solid #e2e2e2; font-size:24px; font-family:barm;}
.news_nav a i{ font-size: 22px; width: 0; transition: .3s ease; overflow: hidden; color:#f5a100; font-weight:bold;}
.news_nav a.act i,.news_nav a:hover i{ width:auto; margin-right: 10px;}
.news_nav a.act,.news_nav a:hover{ color:#f5a100;}
.last_list a{ display:block; padding: 25px 0;  border-bottom: 1px solid #e2e2e2;}
.last_list a h2{ font-size: 22px; font-family: barsb; line-height: 35px; margin-bottom: 20px; transition:.3s ease;}
.last_list a span{ font-size: 16px;}
.last_list a:hover h2{ color:#f5a100;}
@media (max-width: 1281px){
    .news_right{ width: 320px;}
    .news_left{ width: calc(100% - 370px);}
    .news_nav a{padding: 20px;}
    .left_search input,.left_search .search_sub{ line-height: 54px;}
    .news_right b{ font-size: 34px; padding-bottom: 25px;}
    .last_list a h2{ font-size: 18px; line-height:30px;}
}
@media (max-width: 1024px){
    .news_right{ display: none;}
    .news_left{ width: 100%;}
    .news_left .news_info{ display: block;}
    .news_left .news_info .cate{ display: none;}
    .news_left .news_info .share{margin-top: 10px;}
    .news_left .det_box{ padding: 35px 0;}
}
.who_main .imgfdd{ width: 49%; margin-right: auto;}
.who_main .txt{ width: 45%;}
.who_main .txt .tit b{ margin-bottom: 20px;}
.who_main .txt .tit{ margin-bottom:45px;}
.who_main .txt .tit p{ font-size: 30px; font-family: bar;}
.who_main{margin-bottom: 55px;}
.ny_number dt{ margin-right: auto;}
.ny_number dt:last-child{ margin-right:0;}
.ny_number dt b{ font-size: 90px; font-family: barsb; line-height: 85px; height: 85px;}
.ny_number dt sup{ line-height: 40px; font-size:70px; margin-left:10px;}
.ny_number dt p{margin-top: 10px;}

.ab_history .swiperall{ background: url(../images/map2_07.png) no-repeat left center;}
.hisswiper{ width: 80%; margin: 0 auto; overflow:hidden;}
.yearswiper{ overflow: hidden; padding-top: 10px;}
/*.hisswiper .txt{ width: 46%; margin-right: auto;}*/
.hisswiper .pic{ width: 48%;}
.hisswiper .imgfd{padding-top: 66%;}
.hisswiper .txt{text-align: center;}
.hisswiper .txt h4{ font-size: 50px; font-family: barsb; color: #f5a100; margin-bottom: 10px;}
.hisswiper .txt p{ font-size: 26px; font-family: barm; line-height:40px;}
.swiperall{ position: relative;}
.swiperall .swiperbtn{ width: 54px; height: 54px; line-height: 54px; text-align: center; font-size: 30px; border-radius: 4px; background: #2a54b4; transition: .3s ease; color:#fff; top:50%;}
.swiperall .swiper-button-prev{left: -65px;}
.swiperall .swiper-button-next{right: -65px;}
.swiperall .swiperbtn:hover{ background:#f5a100;}

.ab_history .year{ margin-top: 70px; border-top:1px dashed #cfcfcf;}
.yearswiper { text-align: center; transform:translateY(-21px);}
.yearswiper i{ width: 10px; height: 10px; position: relative; border-radius:50%; display:inline-block; }
.yearswiper i:before{ width:100%; height: 100%;background:#cfcfcf; border-radius:50%; position: absolute; left: 0; top: 0; z-index: 2; content:'';}
.yearswiper p{font-family: bar; font-size: 24px; margin-top: 5px;}
.yearswiper i:after{ position:absolute; width: 24px; height: 24px; border-radius: 50%; border:1px solid #f5a100; background: #f7f7f7; content:''; left:50%; top:50%; transform:translate(-50%,-50%); z-index:0; opacity:0;}
.yearswiper li.swiper-slide-thumb-active p{ color: #f5a100;}
.yearswiper li.swiper-slide-thumb-active i:after{ opacity:1;}
.yearswiper li.swiper-slide-thumb-active i:before{ background:#f5a100;}
.yearswiper li{ cursor: pointer;}

.facswiper .swiper-slide .imgfd{padding-top: 55.4%;}
.fac_box .swipercontrol{margin-top: 35px;}
.fac_box .swiperbtn{ position: unset; margin-top: 0; margin-left: 15px; width: 48px; height: 48px; line-height: 48px; text-align: center; font-size: 24px; border-radius: 4px; background: #2a54b4; transition: .3s ease; color:#fff;}
.fac_box .swiper-pagination{ position: unset; width: calc(100% - 220px); margin-right: auto; z-index: 2; height:4px;}
.fac_box .swiper-pagination .swiper-pagination-progressbar-fill{ background: #09357e; border-radius:2px;}
.fac_box .swiperbtn:hover{ background:#f5a100;}

.fac_nav .fac-hd{ width: 55%; margin: 0 auto 30px;}
.fac_nav .fac-hd li{ margin: 0 auto; font-size:24px; font-family:bar; line-height:50px; position:relative;}
.fac_nav .fac-hd li:after{ width:0; position: absolute; height: 3px; background: #f5a100; transition: .3s ease; left: 0; bottom: 0; content: '';}
.fac_nav .fac-hd li.active{ color: #f5a100;}
.fac_nav .fac-hd li.active:after{ width:100%;}

.ab_honor{ background: url(../images/honorbg_02.jpg) no-repeat center bottom; background-size: 100%; padding-bottom:150px;}
.ab_honor .c_txt{ width: 70%; margin: 0 auto 40px;}
.ab_honor .swiperall{  padding:0 70px;}
.honorswiper{ overflow: hidden;}
.honorswiper .imgfd{padding-top: 141%;}
.honorswiper li{ padding: 10px; background: #eef3f7; border: 1px solid #fff;}

.ab_partner { position: relative;}
.ab_partner .partmap{ width: 52%; position: absolute; left: 0; top: 60px;}
.ab_partner .partmap img{ width: 100%;}
.ab_partner .partmap i{ position:absolute; width:6px; height:6px; background:#09357e; border-radius:50%; transform:translate(-50%,-50%); box-shadow:0 0 0 3px rgba(9,53,126,.22); z-index:2;}
.ab_partner .partmap i::after{ content:''; position:absolute; border:2px solid rgba(9,53,126,.45); box-sizing: border-box; width: 100%; height: 100%; left: 0; top: 0; border-radius:50%; animation:mapRipple 2.2s ease-out infinite;}
.ab_partner .partmap .busidot i{background: #f5a100;box-shadow:0 0 0 3px rgba(245,161,0,.22);}
.ab_partner .partmap .busidot i:after{ border:2px solid rgba(245,161,0,.65);}
@keyframes mapRipple{ 0%{ transform:scale(.4); opacity:1;} 100%{ transform:scale(2.8); opacity:0;}}

.comdot i:nth-child(1) {left: 11.5%;top: 45%;}
.comdot i:nth-child(2){left: 13.5%;top: 55.5%;}
.comdot i:nth-child(3) {left: 78%;top: 53%;}
.comdot i:nth-child(4) {left: 80%;top: 57%;}
.comdot i:nth-child(5){left: 74.5%;top: 62%;}
.comdot i:nth-child(6){left: 78%;top: 70.5%;}

.busidot i:nth-child(1) {left: 19.0%;top: 45%;}
.busidot i:nth-child(2){left: 18.2%;top: 52%;}
.busidot i:nth-child(3) {left: 30%;top: 69%;}
.busidot i:nth-child(4) {left: 45.5%;top: 32.8%;}
.busidot i:nth-child(5){left: 76%;top: 44%;}
.busidot i:nth-child(6){left: 74%;top: 52.4%;}
.busidot i:nth-child(7){left: 66.4%;top: 48%;}
.busidot i:nth-child(8) {left: 73%;top: 56%;}
.busidot i:nth-child(9) {left: 78%;top: 56%;}
.busidot i:nth-child(10){left: 73%;top: 62%;}
.busidot i:nth-child(11){left: 86%;top: 54%;}

.ab_partner .txt{ width: 42%; position:relative; z-index:3;}
.ab_partner .txt .fb60{ margin-bottom: 30px;}
.ab_partner .txt .tips{ margin: 30px 0 75px; font-family:bar;}
.ab_partner .txt .tips span{ margin-right: 100px;}
.ab_partner .txt .tips span:last-child{ margin-right:0;}
.ab_partner .txt .tips span i{ width: 10px; height: 10px; display:inline-block; border-radius: 50%; background: #09357e; margin-right: 10px;}
.ab_partner .txt .tips span:last-child i{ background:#f5a100;}
.ab_partner .txt .amore{margin-top: 50px;}
.partswiper{ overflow: hidden; padding:8px 8px 40px; position: relative; z-index:3; margin-top:150px; }
.partswiper .imgfd{ padding-top: 60%; }
.partswiper li{ box-shadow: 0 0 8px rgba(0,0,0,.1);}

.lastswiper{ overflow: hidden; padding-bottom: 40px; position: relative;}
.lastswiper li{ border: 1px solid #e0e0e0;}
.lastswiper li a{padding: 34px;}
.lastswiper li .pic{ width: 47%; margin-right: auto;}
.lastswiper li .imgfd{ padding-top:66%;}
.lastswiper li .txt{ width: 48%;}
.lastswiper li span{ color: #666;}
.lastswiper li span.amore{ font-size: bar;}
.lastswiper li h2{ font-size: 24px; line-height: 36px; font-family: barb; max-height: 108px; overflow: hidden; margin: 15px 0 30px;}
.lastswiper li:hover h2{ color:#f5a100;}
@media (max-width: 1700px){
    .swiperall .swiper-button-prev{ left: 20px;}
    .swiperall .swiper-button-next{ right: 20px;}
}
@media (max-width: 1541px){
    .fb60{ font-size: 44px;}
    .index_head .nav .navli{margin-left: 60px;}
    .index_head .nav .navli:first-child{ margin-left:0;}
    .index_head .nav{margin-right: 40px;}
}
@media (max-width: 1281px){
    .swiperall .swiper-button-prev{ left: 0;}
    .swiperall .swiper-button-next{ right: 0;}
    .fb60{ font-size: 40px; margin-bottom:40px;}
    .fac_nav .fac-hd{ width: 70%;}
    .top_contact{ padding: 0 15px;}
    .index_head .nav .navli .tarA a i{ display: none;}
}
@media (max-width: 1024px){
    .ny_number dt b{ font-size: 60px; line-height: 55px; height: 55px;}
    .ny_number dt sup{ font-size: 50px; line-height: 36px;}
    .fb60{ font-size: 34px;}
    .who_main .txt .tit p{ font-size: 24px;}
    .who_main .txt .tit{ margin-bottom: 30px;}
    .ab_honor{ padding-bottom: 100px;}
    .ab_honor .c_txt{ width: 90%;}
    .partswiper{ margin-top: 80px;}
    
}
@media (max-width: 450px){
    .ny_number dt b{ font-size: 40px; line-height: 40px; height: 40px;}
    .ny_number dt sup{ font-size: 28px; line-height: 28px;}
    .fb60{ font-size: 26px; margin-bottom:25px;}
    .who_main .imgfdd{ width: 100%; margin-bottom: 20px;}
    .who_main .txt{ width: 100%;}
    .who_main .txt .tit b{ margin-bottom: 10px;}
    .who_main .txt .tit p{ font-size: 20px;}
    .who_main .txt .tit{margin-bottom: 20px;}
    .who_main{margin-bottom: 35px;}
    .ny_number dt{ width: 45%; margin-bottom:15px;}
    .ny_number dt:nth-child(2n){ margin-right:0;}
    .hisswiper .txt h4{ font-size: 26px;}
    .hisswiper .txt{ width: 100%; margin-bottom: 20px;}
    .hisswiper .pic{ width: 100%;}
    .swiperall .swiperbtn{ width: 40px; height: 40px; line-height: 40px; font-size:20px;}
    .ab_history .year{margin-top: 25px;}
    .yearswiper p{ font-size: 20px;}
    .fac_nav .fac-hd{ width: 95%;}
    .fac_nav .fac-hd li{ font-size: 20px;min-width:35%; text-align:center;}
    .fac_box .swiperbtn{ width: 36px; height: 36px; line-height: 36px; font-size: 18px;}
    .fac_box .swiper-pagination{ width: calc(100% - 120px);}
    .fac_box .swipercontrol{margin-top: 20px;}
    .honorswiper li{padding: 5px;}
    .ab_honor .swiperall{padding: 0 35px;}
    .ab_honor{padding-bottom: 45px;}
    .ab_partner .partmap{ width: 100%; position: relative; top:0;}
    .ab_partner .txt{ width: 100%;}
    .ab_partner .txt .tips span{ margin-right: 30px;}
    .ab_partner .txt .tips{margin: 20px 0 35px;}
    .partswiper{margin-top: 30px;}
    .lastswiper li a{padding: 15px;}
    .lastswiper li .pic{ width: 40%;}
    .lastswiper li .txt{ width: 56%;}
    .lastswiper li span{ display: none;}
    .lastswiper li h2{ font-size: 18px; font-family: barsb; line-height: 30px; max-height: 90px; margin:0;}
}
.lx_top .fb60{ margin-bottom: 0; margin-right: auto;}
.lx_top .item_top p{ width: 48%; font-size:20px;}
.lx_main{padding: 40px 0 80px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.lx_main .map{ width: 50%;  margin-right: auto; position:relative;}
.lx_main .map img.pic{width: 100%;}
.lx_main .map img.fav{ position: absolute; left:76%; top:28%; width:48px;}
.lx_main .map i{ position:absolute; width:8px; height:8px; background:#09357e; border-radius:50%; transform:translate(-50%,-50%); box-shadow:0 0 0 3px rgba(9,53,126,.22); z-index:2;}
.lx_main .map i::after{ content:''; position:absolute; border:2px solid rgba(9,53,126,.45); box-sizing: border-box; width: 100%; height: 100%; left: 0; top: 0; border-radius:50%; animation:mapRipple 2.2s ease-out infinite;}

.lx_main .dot i:nth-child(1) {left: 16%;top: 41%;}
.lx_main .dot i:nth-child(2){left: 16.5%;top: 49%;}
.lx_main .dot i:nth-child(3) {left: 25%;top: 88%;}
.lx_main .dot i:nth-child(4) {left: 46%;top: 20%;}
.lx_main .dot i:nth-child(5){left: 47%;top: 28%;}
.lx_main .dot i:nth-child(6){left: 51%;top: 30%;}
.lx_main .dot i:nth-child(7){left: 55%;top: 26%;}
.lx_main .dot i:nth-child(8) {left: 70%;top: 40%;}
.lx_main .dot i:nth-child(9) {left: 73%;top: 44%;}
.lx_main .dot i:nth-child(10){left: 76%;top: 72%;}
.lx_main .dot i:nth-child(11){left: 86%;top: 73%;}
.lx_main .dot i:nth-child(12){left: 82%;top: 41%;}
.lx_main .dot i:nth-child(13){left: 82.5%;top: 55%;}

.com_msg .formbox.fl{ width: 32%; margin-right: 2%;}
.com_msg .formbox.fl:nth-child(3){ margin-right:0;}
.com_msg .formbox{ margin-bottom: 40px; position: relative;}
.com_msg .formbox label{ display: block; font-size: 18px; margin-bottom:5px; font-family:bar;}
.com_msg .formbox label i{ color: #ff0000;}
.com_msg .formbox input,.com_msg .formbox textarea{ width: 100%; line-height: 30px; padding: 13px 22px; border: 1px solid #d8d8d8; margin-top:20px; font-size:16px;}
.com_msg .shenm .exp{ width:45%; font-size: 14px; margin-right: auto; line-height:24px;}
.com_msg .shenm .exp p{ line-height: 24px; width: calc(100% - 20px); margin-left: auto;}
.com_msg .sub{ width: 500px; line-height: 58px; border-radius: 29px; text-align: center; color: #fff; background: #09357e; cursor:pointer; transition:.3s ease;}
.com_msg .sub i{ font-size: 20px; margin-right: 10px;}
.com_msg .sub:hover{ background:#f5a100;}


.lx_top .top_des{ width: 45%; font-size: 20px; margin-left:auto;}
.lx_main .txt{ width: 48%;}
.lx_main .txt b{ font-family: barb; font-size:48px;}
.lx_main dt{ margin-top: 50px;}
.lx_main dt i{ display: block; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; border: 1px solid #d8d8d8; margin-right:18px; text-align:center; font-size:24px;}
.lx_main dt.fl{ width: 50%;}
.lx_main dt .txt{ width: calc(100% - 70px); font-size:18px;}
.lx_main dt .txt h4{ font-size: 24px; font-family: barsb; margin-bottom: 5px;}
.lx_main .txt .follow p{ font-size: 26px; text-transform:uppercase; font-family:teko; margin-right:20px;}
.lx_main .txt .follow{ margin-top: 50px;}
.lx_map{background: #f5f5f5 url(../images/map2_07.png) no-repeat left center;}
.lx_map .fb60{padding-bottom: 25px; position: relative;}
.lx_map .fb60:after{ position: absolute; left: 0; bottom: 0; height: 4px; width: 120px; background: #09357e; content: '';}
.lx_map .left {
    width: 38%;
    padding-top: 120px
}
.lx_map .map_box {
    width: 55%;
    overflow: hidden
}

.lx_map .left ul {
    margin-bottom: 40px
}

.lx_map .left ul.tab-hd li {
    line-height: 55px;
    padding: 0 35px;
    border: 1px solid #2c4891;
    margin-right: 25px;
    color: #2c4891;
    font-family: bar;
    border-radius: 28px;
}

.lx_map .left ul.tab-hd li:last-child {
    margin-right: 0
}


.lx_map .left ul.tab-hd li.active {
    background: #0e56a8;
    color: #fff
}

.lx_map iframe {
    width: 100%!important
}

.main_right .lx_msg .bb54 {
    margin-bottom: 20px
}

@media (max-width: 1024px){
    .lx_top .item_top p{ font-size: 18px;}
    .lx_main dt.fl{ float: none; width: 100%;}
    .lx_main dt{ margin-top: 35px;}
}
@media (max-width: 450px){
    .lx_top .item_top { display: block;}
    .lx_top .item_top p{ font-weight: 16px; width: 100%; margin-top: 20px;}
    .lx_main .map{ width: 100%; margin-bottom: 20px; float:none;}
    .lx_main .txt{ width: 100%; float: none;}
    .lx_main .map img.fav{ width: 20px;}
    .lx_main .txt b{ font-size: 24px;}
    .lx_main dt i{ width: 40px; height: 40px; line-height:40px; font-size:20px;}
    .lx_main dt .txt h4{ font-size: 20px;}
    .lx_main dt{ margin-top: 20px;}
    .lx_main .txt .follow p{ font-size: 22px;}
    .lx_main .txt .follow{ margin-top: 25px;}
    .lx_main{ padding: 20px 0 35px;}
    .com_msg .formbox input, .com_msg .formbox textarea{margin-top: 10px; font-size:14px; padding:10px 15px; line-height:24px;}
    .com_msg .formbox.fl{ width: 100%;}
    .com_msg .formbox{margin-bottom: 25px;}
    .com_msg .shenm .exp{ width: 100%; margin-bottom: 15px;}
    .com_msg .sub{ width: 100%; line-height: 48px;}
    .lx_map .left{ padding-top: 40px; width:100%; float:none;}
    .lx_map .fb60:after{ height:3px; width: 80px;}
    .lx_map .left ul.tab-hd li{padding: 0 20px; line-height: 44px; margin-right: 15px;}
    .lx_map .map_box{ width: 100%; float: none;}
    .lx_map iframe{ height: 300px!important;}
}