@charset "utf-8";
/* CSS Document */
.right_online{position: fixed;top: 40%;right: 20px;z-index: 999;}
.right_online li{text-align: center;position: relative;margin-bottom: 5px;cursor: pointer;}
.right_online li span{font-size: 24px;color: #fff;background:#00287d ;position: relative;z-index: 2;border-radius: 3px;display: block;line-height: 50px;width: 50px;height: 50px; transition:.3s ease;}
.right_online li .box{
	position: absolute;right: 25px;top: 0;max-width: 0px;height: 50px;line-height: 50px;background: #cb9037 ;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:#cb9037;}
.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;}


.top_right .lang a{ display: inline-block; margin: 0 8px;}

.top_h{ height: 101px;}

.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; width: 100%; padding: 0 25%; text-align: center; left: 0; top: 50%;}
.sy-ban .txt1 b{ font-size: 70px; line-height: 80px; text-transform: uppercase;color: #fff;font-family: gsanb;}
.sy-ban .txt1 .amore1{ margin-top: 80px;}
.sy-ban:after{ height: 50px; width: 100%; background: #fff; content: ''; border-top-left-radius: 50px; border-top-right-radius: 50px; left: 0; bottom: 0; position: absolute; z-index: 2}
.sy-ban .swiper-pagination{ bottom: 80px;}
.sy-ban .swiper-pagination .swiper-pagination-bullet{ width: 10px; height: 10px; border-radius: 50%; border: 1px solid #fff; opacity: 1; background:none;}
.sy-ban .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}
.swiperall{ position: relative;}
.swiperall .swiper-button-prev,.swiperall .swiper-button-next{ top: 50%; height: 50px; width: 50px; text-align: center; line-height: 50px; border-radius: 50%; background: #fff; color: #111; font-size: 22px; box-shadow: 0 0 8px rgba(12,92,167,.15); transition: .3s ease;}
.swiperall .swiper-button-prev:hover,.swiperall .swiper-button-next:hover{background: #162a87; color: #fff;}
.dtop{ padding-top: 100px;}
.radiu_bot{position: relative; padding-bottom: 130px;}
.radiu_bot:after{ height: 50px; width: 100%; background: #fff; content: ''; border-top-left-radius: 50px; border-top-right-radius: 50px; left: 0; bottom: 0; position: absolute; z-index: 2}
.radiu_top{ border-top-left-radius: 50px; border-top-right-radius: 50px; overflow: hidden;}
.amore{ display: inline-block; font-size: 16px; line-height: 40px; border-radius: 10px; padding: 0 25px; color: #fff; background: #00287d; position: relative;transition: .3s ease; overflow: hidden;}
.amore i{display: inline-block; margin-left: 6px;  transition: .2s ease;}
.amore.on{ background: #005aa9;}
.amore1{ display: inline-block; position: relative; line-height: 48px; border-radius: 10px;padding: 0 25px; border: 1.2px solid #cb9037;z-index: 2; color: #cb9037; transition: .3s ease;}
.amore1.wb{ border-color: #fff; color: #fff;}
.amore1:hover{ background: #cb9037; color: #fff; border-color: #cb9037;}
.amore1 i{margin-left: 10px;}
.amore:hover{ background: #e19c31; color: #fff;}
.amore:hover i{ margin-left: 9px;}
.amore:hover:after{ width: 100%;}
.amore:hover span{color: #fff;}
.amore.on,.amore.on i{ color: #fff;}
.amore.wb{ color: #fff; border:1px solid #fff; background: none;}
.amore.bb{ border:1px solid #111; background: none;}
.amore.wb:hover,.amore.bb:hover{ background: #162a87; color: #fff; border-color: #162a87;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ display: none;}
.sy_title b{ font-size: 48px; font-family: gsanb; line-height: 50px; margin-bottom: 45px}
.sy_title b span{ color: #00287d;}
.c_txt{ text-align: center; max-width: 75%; margin: 0 auto;}
.sy_serve{padding-top: 40px;}

.serswiper{ overflow: hidden; padding-top: 10px;}
.serswiper li{ width: 420px; border-radius: 20px; overflow: hidden; position: relative;}
.serswiper li a{ display: block;}
.serswiper li .imgfd{padding-top: 133.33%;}
.serswiper li .tit{ width: 100%; left: 0; top: 0; padding: 40px 30px; position: absolute; z-index: 2}
.serswiper li .tit h2{ font-size: 24px; color: #fff; padding-top: 15px; position: relative; font-family: gsanb; text-transform: uppercase;}
.serswiper li .tit h2:after{ width: 35px; height: 2px; background: #e19c31; content: ''; left: 0; top: 0; position: absolute;}
.serswiper li .txt{ transition: .3s ease; width: 100%; height: 0; overflow: hidden; background: rgba(0,40,125,.9); position: absolute; left: 0; top: 0; padding: 0 50px; text-align: center;}
.serswiper li .txt h2{ font-size: 40px; font-family: gsanm; line-height: 48px; margin: 35px 0; color: #fff;}
.serswiper li:hover .txt{ height: 100%;}
.serswiper li:hover .tit{ opacity: 0;}
.serswiper li:hover{ margin-top: -10px;}
.serbtns{ text-align: center; margin-top: 45px;}
.serbtns .swiperbtn{width: 55px; height: 55px; position: unset; font-size: 22px; line-height: 55px; border-radius: 50%; text-align: center; line-height: 55px; background: #333333; color: #fff; margin: 0 22px; transition: .3s ease; display: inline-block;}
.serbtns .swiperbtn:hover{background: #00287d;}

.sy_focus{position: relative;width: 100%;height: 720px;}
.sy_focus .focus_box{width: 90%; padding: 75px 0; min-width: 90%; max-width: 100%; height: 100%; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); overflow: hidden; border-radius:50px; transition: .5s ease; background: #00226a; color: #fff;}
.foc_center{ width: 1450px; margin: 0 auto;}
.foc_top .sy_title b span{ color: #cb9037}
.foc_top .sy_title{ width: 42%; margin-right: auto;}
.foc_top .des{ width: 50%; color: #fff;}
.foc_top .cirlink{ display: block;position: relative;  text-align:center; width:130px; height:130px;}
.foc_top .cirlink .bg{ background: url("../images/cir_08.png") no-repeat center center; left: 0; top: 0;width:100%; height:100%;animation: roate 20s infinite linear;}
@keyframes roate{
	0%{ transform:rotateZ(0);-ms-transform:rotateZ(0);-moz-transform:rotateZ(0);-webkit-transform:rotateZ(0);-o-transform:rotateZ(0); }
	100%{ transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);}
	}
.foc_top .cirlink i{ position: absolute; font-size: 26px; color: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.focus_box dl{margin-top: 60px;}
.focus_box dt{ width: 15%; margin-right: auto; text-align: center; padding: 28px 10px 32px; border-radius: 20px; background: rgba(0,21,64,.9); color: #fff; transition: .3s ease;}
.focus_box dt:last-child{ margin-right: 0;}
.focus_box dt .ic{ margin-bottom: 18px;}
.focus_box dt p{ font-family: gsanm; font-size: 20px; height: 30px;}
.focus_box dt:hover{ background: #cb9037;}
.focus_box dt:hover img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.item_top .sy_title b{margin-bottom: 30px;}
.item_top .sy_title{ max-width: 60%; margin-right: auto;}
.item_top{margin-bottom: 45px;}

.sol_list li{ float: left; width: 24%; margin-right: 1.33%; margin-bottom: 20px; border-radius: 20px; background: #f7f7f7; padding: 15px; transition: .3s ease;}
.sol_list li:nth-child(4n){ margin-right: 0;}
.sol_list li .txt{ padding: 10px 10px 25px;}
.sol_list li h2{ font-size: 22px; font-family: gsanb; color: #00287d; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 15px; text-transform: uppercase;}
.sol_list li p{ line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 20px;}
.sol_list li .c-flex{ color: #00287d; font-size: 16px;}
.sol_list li span{ display: inline-block; margin-right: 3px; line-height:22px;  border-bottom: 1px solid #00287d;}
.sol_list li:hover .c-flex{ color: #cb9037;}
.sol_list li:hover span{ border-color: #cb9037;}
.sol_list li:hover{ box-shadow: 0 0 12px rgba(0,0,0,0.15)}

.sy_support .sup_txt{ width: 52%; color: #fff;}
.sy_support .sy_title b{ color: #fff;}
.sy_support .sy_title b span{ color: #cb9037;}
.sup_txt dt{ margin-right: auto; text-align: center; color: #cb9037;}
.sup_txt dt .ic{ display: inline-block;width: 100px; height: 100px; background: url("../images/ibg_16.png") no-repeat center; position: relative; background-size: cover; margin-bottom: 15px;}
.sup_txt dt .ic img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.sup_txt dl{margin-top: 45px;}
.sup_txt dt p{ font-family: gsanm; height: 30px;}
.sup_txt .amore1{margin-top: 60px;}
.sy_news{ padding-top: 50px;}
.sy_news .left_news{ width: 44%; border-radius: 15px; overflow: hidden; background: #f7f7f7;}
.sy_news .left_news .txt{height: 160px;}
.sy_news .left_news .txt .date{width: 140px; height: 100%; text-align: center; background: #00287d; color: #fff; padding-top: 50px;}
.sy_news .left_news .txt .date b{ font-family: gsanm; font-size: 24px; color: #fff; line-height: 24px; margin-bottom: 5px}
.sy_news .left_news .txt .right{width: calc(100% - 140px); padding: 0 35px;}
.sy_news .left_news .txt h2{ font-size: 22px; font-family: gsanb; line-height: 26px; height: 52px; overflow: hidden; margin-bottom: 5px;}
.sy_news .left_news .txt p{line-height: 24px; height: 48px; overflow: hidden;}
.sy_news .left_news:hover h2{color: #cb9037;}
.sy_news .newsul{ width: 56%;}
.sy_news .newsul li{ width: 48%; margin-left: auto; padding: 40px; border-radius: 15px; background: #f7f7f7;}
.sy_news .newsul li .c-flex{ color: #00287d;}
.sy_news .newsul li .c-flex b{font-family: gsanm; font-size: 30px; color: #00287d; line-height: 30px; margin-bottom: 5px}
.sy_news .newsul li .date{margin-right: auto;}
.sy_news .newsul li .more span{ display: inline-block; font-size: 16px; line-height: 20px; border-bottom: 1px solid #00287d; margin-right: 3px;}
.sy_news .newsul li h2{ font-size: 22px; font-family: gsanb; line-height: 26px; height: 78px; margin: 20px 0; overflow:hidden;}
.sy_news .newsul li p{ line-height: 26px; height: 78px; overflow: hidden;}
.sy_news .newsul li .imgfd{ border-radius: 10px; margin-top: 35px;}
.sy_news .newsul li:hover .more{ color: #cb9037;}
.sy_news .newsul li:hover .more span{ border-color: #cb9037;}


.foot_touch{ text-align: center; color: #fff; padding: 90px 25%; border-bottom: 1px solid rgba(255,255,255,.2);}
.foot_touch span.top{ font-size: 20px; font-family: gsansb; color: #fff; text-transform: uppercase;}
.foot_touch b{ font-size: 48px; line-height: 60px; color: #fff; margin: 25px 0 30px; font-family: gsanb;}
.foot_touch b span{ color: #e19c31;}
.foot_touch p{ font-size: 20px;}
.foot_touch .amore{ margin-top: 50px; color: #cb9037; font-family: gsanb;}
.foot_touch .amore:hover{ color: #333;}
.foot_touch .amore i{ color: #cb9037; font-weight: bold;}
.foot_touch .amore:hover i{ color: #333;}


.f_center{ padding: 60px 0; position: relative;  color: #fff;}
.f_center .b_top{ position: absolute; right: -100px; width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 10px; background: #e19c31; cursor: pointer; top: 70px; transition: .3s ease;}
.f_center .b_top i{ display: inline-block; font-size: 22px; transform: rotate(180deg); color: #011744;}
.f_center .b_top:hover{background: #cb9037;}
.f_center .box{ width: 28%; margin-right: auto;}
.f_center .box .flogo{ margin-bottom: 50px;}
.f_center .box .lxbox{ width: calc(100% - 35px); margin-left: auto;}
.f_center .box i{ color: #cb9037; font-size: 20px; line-height: 30px;}
.f_center .box dt{ margin-bottom: 35px;}
.f_center .box a{ color: #fff;}
.f_contact{ width: 30%; color: #dddddd;}
.f_contact span,.f_contact a{ display: block; width: calc(100% - 30px); margin-left: auto;}
.f_contact i{ font-size: 18px; color: #fff;}
.f_center .f_nav{ width: 70%; }
.f_nav dt{ margin:0 auto;}
.f_nav dt b,.f_nav dt a{ display: block;}
.f_nav dt b{ color: #fff; font-size: 20px; margin-bottom: 20px; font-family: gsanb; text-transform: uppercase;}
.f_nav dt a,.f_nav dt p{ font-size: 16px; margin-bottom: 15px; color: #dddddd;}
.f_nav dt a:hover{ color: #cb9037;}
.f_nav dt.f_cont  a{margin-bottom: 0;}
.copy{ padding: 30px 0;  text-align: center; color: #cccccc; font-size: 16px;}
.copy .follow{ margin-left: auto;}




@media (max-width: 1700px){
.sy-ban .txt1{padding: 0 20%;}
}


@media (max-width: 1541px){
.sy-ban .txt1 b{ font-size: 60px; line-height: 70px;}
.sy-ban .txt1{ top: 40%;}
.sy-ban .txt1 .amore1{margin-top: 60px;}
.foc_center{ width: 1350px;}
.foot_touch{ padding: 60px 15%;}
.foot_touch b{ font-size: 42px; line-height: 52px;}
.sy_title b{ font-size: 42px; line-height:45px; margin-bottom:35px;}
.index_head{padding: 0 4%;}

}
@media (max-width: 1450px){
    .sy_focus .focus_box{ width: 96%;}
    .foc_center{ width: 96%;}
}

@media (max-width: 1281px){
	.index_head{padding: 0 2%;}
	.sy-ban .txt1 b{ font-size: 46px; line-height: 55px;}
	.serswiper li{ width: 320px;}
	.serswiper li .tit h2{ font-size: 22px;}
	.serswiper li .txt img{ height: 68px;}
	.serswiper li .txt h2{ font-size: 32px; line-height: 38px;}
	.serswiper li .txt{ padding: 0 30px;}
	.focus_box dt p{ font-size: 18px; line-height: 24px; height: 48px;}
	.sy_title b{ font-size: 36px; line-height: 45px;}
	.sol_list li h2{ font-size: 20px; line-height: 24px; height: 24px;}
	.amore1,.amore{ line-height: 42px;}
	.sy_news .newsul li{padding: 25px 22px;}
	.sy_news .newsul li .imgfd{ margin-top: 20px;}
	.sy_news .newsul li h2{ font-size: 20px; line-height: 24px; height: 72px; margin: 15px 0;}
	
}

@media (max-width: 1024px){
	.sy-ban{ margin-top: 54px;}
	.sy-ban .txt1 .amore1{ margin-top: 40px;}
	.serswiper li .tit{ padding: 30px 20px;}
	.serswiper li .txt h2{ font-size: 26px; line-height: 32px;}
	.serbtns .swiperbtn{ width: 40px; height: 40px; line-height:40px; font-size:20px;}
	.serswiper li .tit h2{ font-size: 20px;}
	.foc_top{ display: block;}
	.foc_top .sy_title{ width: 100%; display:flex;align-items:flex-start;}
	.foc_top .sy_title b{ width: calc(100% - 200px); margin-right: auto; margin-bottom: 0;}
	.foc_top .des{width:100%; margin-top: 40px;}
	.focus_box dl{margin-top: 35px;}
	.foc_top .cirlink{ width: 110px; height: 110px;}
	.foc_top .cirlink .bg{ background-size: cover;}
	.sol_list li{ width: 49%; margin-right: 2%;}
	.sol_list li:nth-child(2n){ margin-right:0;}
	.sy_support .sup_txt{ width: 65%;}
	.sy_news .left_news{ display: none;}
	.sy_news .newsul{width: 100%;}
	.sy_news .newsul li{ margin-left: 4%;}
	.sy_news .newsul li:first-child{ margin-left:0;}
	.foot_touch,.f_center{ display: none;}
	.radiu_top,.sy-ban:after,.radiu_bot:after{ border-top-left-radius: 20px; border-top-right-radius: 20px;}
	.copy{ padding: 20px 0;}
	.serswiper li{ width: 280px;}
	.sy_focus .focus_box{ border-radius: 20px;}
	.c_txt{ max-width: 96%;}
}
@media (max-width: 768px){
	
}
@media (max-width: 540px){

}
@media (max-width: 450px){
	.sy-ban:after{ height:15px;}
	.sy-ban .txt1{ padding: 0 5%;}
	.sy-ban .txt1 b{ font-size: 26px; line-height: 35px;}
	.sy-ban .txt1 .amore1{ display: none;}
	.radiu_top,.sy-ban:after,.radiu_bot:after{ border-top-left-radius: 10px; border-top-right-radius: 10px;}
	.sy-ban:after,.radiu_bot:after{ height:20px;}
	.sy_focus .focus_box{ border-radius: 10px;}
	.sy_title b{ font-size: 28px; margin-bottom:25px; line-height:30px;}
	.serswiper li{ width: 220px;}
	.serswiper li .txt{ display: none;}
	.serswiper li:hover .tit{ opacity: 1;}
	.serswiper li .tit h2{ font-size: 18px;}
	.serswiper li .tit{ padding: 20px 15px;}
	.serbtns{margin-top: 25px;}
	.serbtns .swiperbtn{ margin: 0 15px;}
	.foc_top .sy_title{ display: block;}
	.foc_top .sy_title b{ width: 100%;}
	.foc_top .cirlink{ display: none;}
	.focus_box dl{ display: block;}
	.focus_box dt{ width: 100%; display: flex; align-items: center; margin-bottom:15px; padding:18px 15px; border-radius:5px;}
	.focus_box dt .ic{margin-bottom: 0; margin-right: 20px;}
	.focus_box dt .ic img{ height: 54px;}
	.sy_focus,.sy_focus .focus_box{height: auto; position:unset;}
	.sy_focus .focus_box{ transform: translate(0);}
	.focus_box dt p{height: auto;}
	.sy_focus .focus_box{ padding: 40px 0;}
	.item_top .amore{ display: none;}
	.item_top .sy_title{ max-width: 100%;}
	.item_top .sy_title b{margin-bottom: 25px;}
	.item_top{ margin-bottom: 25px;}
	.sol_list li{ width: 100%;}
	.sol_list li:nth-child(4+n){ display:none;}
	.sy_support .sup_txt{ width: 100%;}
	.sup_txt dl{ display: none;}
	.sup_txt .amore1{ margin-top: 35px;}
	.sy_news .newsul li{ width: 100%; margin-bottom:20px; margin-left:0;}
	.sy_news .newsul li p{ display: none;}
	.copy p{ font-size: 13px;}
	.sy_news .newsul li .c-flex b{ font-size: 24px; line-height:26px;}
}

.top_h{ height: 90px;}
.ny_ban{ position: relative; overflow: hidden;}
.ny_ban img{ width: 100%;}
.ny_ban:after{ width:100%; background: #fff; height: 50px; border-top-left-radius: 50px; border-top-right-radius: 50px; content: ''; left: 0; bottom: 0; position:absolute;}
.ban_txt{ position: absolute; width: 100%; text-align: center; left:0; top:50%; }
.ban_txt b{ font-family: gsanb; font-size:50px; color: #fff; text-transform: uppercase; margin-bottom:20px;}
.ban_txt p,.ban_txt a{ color: #fff; font-size: 16px;}

.promain{ padding: 35px 0 95px;}
.main_left{ width: 280px;}
.main_left b{ font-size: 24px; font-family: gsanb; margin-bottom: 15px; color:#111111;}
.left_nav li{margin-bottom: 15px; border-radius:10px; overflow:hidden;}
.left_nav li.act .lilist{ display: block;}
.left_nav a.tname{ padding: 15px 10px 15px 15px;background:#00287d; color:#fff; transition:.3s ease;}
.left_nav a.tname i.icon-shuangyoujiantou-{margin-right: 8px; }
.left_nav a.tname i.icon-right-l{margin-left: auto; opacity:0; font-size:20px;}
.left_nav a.tname p{ line-height: 24px; max-width: calc(100% - 45px);}
.left_nav .act a.tname{background:#cb9037;}
.left_nav .act a.tname i.icon-right-l{ opacity: 1;}
.left_nav .lilist{padding: 10px 15px 10px 40px; background:#d7e4ff; display:none;}
.left_nav .lilist a{ line-height: 32px; margin: 10px 0; position:relative; font-size:16px;}
.left_nav .lilist a i{ margin-left: auto;}
.left_nav .lilist a:after{width:0; position: absolute; left: 0; bottom: 0; height: 1px; content: ''; background:#cb9037; transition:.3s ease;}
.left_nav .lilist a:hover:after,.left_nav .lilist a.open:after{ width:100%;}
.left_nav .lilist a:hover,.left_nav .lilist a.open{ color:#cb9037;}
.main_right{ width: calc(100% - 360px);}
.gsanb45{ font-family: gsanb; font-size: 45px; margin-bottom: 15px;}
.procol_des span{ font-size: 26px; color: #00287d; display: block; margin-bottom: 25px;}
.procol_des{margin-bottom: 35px;}
.pro_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 25px; border-radius: 15px; border: 1px solid #ebebeb; overflow:hidden;}
.pro_list li:nth-child(3n){ margin-right:0;}
.pro_list li a{ display:block; padding: 20px 20px 30px;}
.pro_list li .txt{margin-top: 25px;}
.pro_list li h2{ font-size: 18px; font-family: gsanm; line-height: 24px; height: 48px; overflow: hidden; margin-bottom:20px;}
.pro_list li .more{ font-size: 16px; color: #00287d;}
.pro_list li .more span{ display: inline-block; line-height: 20px; border-bottom: 1px solid #00287d; margin-right:3px;}
.pro_list li:hover .more{ color:#cb9037;}
.pro_list li:hover .more span{ border-color:#cb9037;}

.ind_pro .gsanb45{margin-bottom: 40px;}
.procol_list li{ float: left; width:32%; margin-right:2%; margin-bottom:40px; position:relative; border-radius:20px; overflow:hidden;}
.procol_list li:nth-child(3n){margin-right:0;}
.procol_list li .txt{ width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,40,126,.5); position:absolute; justify-content:center; transition:.3s ease; padding:0 20px;}
.procol_list li h2{ color: #fff; font-size: 24px; font-family: gsanb; text-transform: uppercase; padding-bottom:18px; position:relative;}
.procol_list li h2:after{ width:35px; height: 2px; background: #cb9037; position:absolute; content: ''; bottom: 0; left: 50%; transform: translateX(-50%);}
.procol_list li:hover .txt{ background:rgba(0,40,126,.7);}
.get_pro .left{ width: calc(100% - 400px); margin-right: auto;}
.get_pro{margin-top: 60px;}
.get_pro .sy_title b{ margin-bottom: 20px;}
.get_pro .left p{ font-size: 26px; font-style: italic;}
.get_pro .amore1{ border-color: #00287d; text-transform: uppercase; color:#00287d; font-family:gsanb;}
.get_pro .amore1:hover{background:#00287d; color:#fff;}
@media (max-width: 1281px){
    .ban_txt b{ font-size: 44px; margin-bottom:10px;}
    .gsanb45{ font-size: 40px;}
    
}
@media (max-width: 1024px){
    .right_online{ display: none;}
    .main_left{ display: none;}
    .main_right{ width: 100%;}
    .top_h{ height: 54px;}
    .ban_txt{ top: 45%;}
    .procol_list li h2{ font-size: 22px;}
    .ban_txt b{ font-size: 26px;}
    .gsanb45{ font-size: 36px;}

}
@media (max-width: 450px){
    .ny_ban:after{border-top-left-radius:10px; border-top-right-radius: 10px; height: 15px;}
    .ban_txt b{ font-size: 22px; margin-bottom:0;}
    .ban_txt p, .ban_txt a{ font-size: 14px;}
    .ny_ban img{ width: 130%; margin-left: -15%;}
    .gsanb45{ font-size: 28px;}
    .procol_des span{ font-size: 20px; margin-bottom:15px;}
    .pro_list li{ width: 49%;}
    .pro_list li:nth-child(3n){ margin-right:2%;}
    .pro_list li:nth-child(2n){margin-right:0;}
    .pro_list li a{ padding: 15px 10px;}
    .pro_list li .txt{ margin-top: 15px;}
    .pro_list li h2{ font-size: 16px; margin-bottom:10px;}
    .pro_list li .more{ font-size: 14px;}
    .iconfont{ font-size: 14px;}
    .promain{padding: 20px 0 40px;}
    .ind_pro{display:none;}
}
.show_top{ background: #00287d; text-align: center; padding: 55px 0 100px; text-align: center; color:#fff;}
.show_top b{ font-size: 50px; color: #fff; text-transform: uppercase; line-height:55px; margin-bottom:20px;}
.show_top .posi a{ color: #fff; font-size:16px;}
.pro_top{ padding-top: 30px;}
.pro_top .pic{ width: 42%;}
.pro_top .imgfd{ border-radius: 15px; border: 1px solid #ebebeb;}
.pro_top .txt{ width: 52%; padding-top:20px;}
.pro_top .txt h1{ font-size: 36px; font-family: gsansb;  padding-bottom: 22px; margin-bottom: 30px; border-bottom:1px solid #dddddd;}
.pro_top .txt .des{ margin-bottom: 45px;}
.pro_top .txt .des p{ padding-left: 20px; position: relative;}
.pro_top .txt .des p:after{ position:absolute; left: 5px; width: 5px; height: 5px; border-radius: 50%; background: #00287d; content:''; top:12px;}

.pro_det{ padding: 70px 0;}
.det_tit { font-size: 30px; font-family: gsansb; text-transform: uppercase; margin-bottom: 20px;}
.det_show{ overflow: hidden;}
.det_show img{ max-width: 100%!important;}
.det_show td{ padding: 15px 10px;}
.pro_msg{ padding: 70px 230px; border-radius:20px;}
.pro_msg .formbox.fl{ width: 49%; margin-right: 2%; margin-bottom: 20px;}
.pro_msg .formbox.fl:nth-child(2n){ margin-right:0;}
.pro_msg .formbox input,.pro_msg .formbox textarea{ width: 100%; line-height: 24px; padding: 13px 12px; border-radius: 10px; font-size:14px; font-family:gsan;}
.pro_msg .tit{ text-align: center; margin-bottom: 30px; color:#fff;}
.pro_msg .tit b{ font-family: gsanb; color: #fff; font-size: 40px; margin-bottom: 15px;}
.btns{ margin-top: 30px; text-align: center;}
.btns .sub{ line-height: 50px; width: 180px; text-align: center; border-radius: 25px; background: #e50c07; font-family: gsansb; color: #fff; cursor:pointer; text-transform:uppercase; transition:.3s ease;}
.btns .sub:hover{ background:#cb9037;}
.mainh{height: 100px;}
@media (max-width: 1281px){
    .show_top b{ font-size: 42px; line-height:45px;}
    .pro_top .txt h1{ font-size: 30px;}
    .pro_top .txt .des{margin-bottom: 30px;}
    .pro_msg{ padding: 60px 150px;}
    
}
@media (max-width: 1024px){
    .show_top b{ font-size: 32px; line-height:35px; margin-bottom:10px;}
    .pro_det{ padding: 40px 0;}
    .pro_msg .tit b{ font-size: 32px;}
    .pro_msg{ padding: 45px 100px;}
}
@media (max-width: 450px){
    .show_top b{ font-size: 24px; line-height:30px;}
    .show_top{ padding: 35px 0 60px;}
    .pro_top .pic{ width: 100%; float: none;}
    .pro_top .txt{ width: 100%; margin-top: 10px;}
    .pro_top .txt h1{ font-size: 24px; padding-bottom: 15px; margin-bottom: 20px;}
    .det_tit{ font-size: 26px;}
    .pro_msg{ border-radius: 10px; padding:30px 20px;}
    .pro_msg .tit b{ font-size: 26px;}
    .pro_msg .tit{margin-bottom: 20px;}
    .pro_msg .formbox.fl{ width: 100%; float: none; margin-bottom: 15px;}
    .pro_msg .formbox input, .pro_msg .formbox textarea{ border-radius: 5px; padding:10px 12px;}
    .btns{ margin-top: 20px;}
    .btns .sub{ line-height: 44px;}
    .mainh{ height: 40px;}
    .posi,.show_top .posi a{ font-size: 14px;}
}
.ser_page{ padding: 30px 0 120px;}
.ser_page .sy_title{ text-align: center;}
.ser_des{margin-bottom: 50px;}
.ser_list li p{ height: 120px;}

@media (max-width: 450px){
    .ser_page{ padding: 20px 0 50px;}
}
.ab_focus .imgfdd{ width: 48%; margin-right: auto; border-radius: 20px; overflow: hidden;}
.ab_focus .txt{ width: 49%;}
.ab_focus .txt b{ font-size: 45px; font-family: gsanb; line-height: 50px; margin-bottom: 30px;}
.ab_focus{ padding-top: 30px; padding-bottom:90px;}
.envswiper{ overflow: hidden; }
.envswiper li{ border-radius: 20px; overflow: hidden;}
.envswiper .txt{ background: #fff; text-align: center; padding: 20px 15px;}
.envswiper .txt p{ font-size: 20px; height:30px; overflow:hidden;}
.ab_custom .tit{ text-align: center; margin-bottom:55px;}
.ab_custom .tit b{ font-size: 45px; font-family: gsanb; color: #00287d;}
.cusswiper{ overflow: hidden; padding:10px;}
.cusswiper .imgfd{ padding-top: 50%;}
.cusswiper li{ box-shadow: 0 0 6px rgba(0,0,0,.1);}
.swiperall .swiper-button-prev{ left: -70px;}
.swiperall .swiper-button-next{ right: -70px;}
.ab_custom .swiperbtn{background: #333; color:#fff;}
.ab_cert{ padding-bottom: 180px;}
.ab_cert .tit{ text-align: center; margin-bottom:55px;}
.ab_cert .tit b{ font-size: 45px; font-family: gsanb; color: #00287d;}
.ab_cert dl{ width: 60%; margin: 0 auto;}
.ab_cert dt{ width: 28%;margin:0 auto; border:15px solid #b4c4e6;}
.ab_cert dt .imgfd{ padding-top: 141.5%;}


.ab_core .tit{ text-align: center; margin-bottom:55px;}
.ab_core .tit b{ font-size: 45px; font-family: gsanb; color: #00287d;}
.ab_core .tit span{ display: block; font-family: gsanb; font-size: 36px; margin-top:10px;}
.ab_core dt{ width: 32%; margin-right: auto; margin-bottom: 30px; background: #f7f7f7; border-radius: 25px; text-align:center; padding:40px 45px; transition:.2s ease;}
.ab_core dt .ic{ margin-bottom: 15px;}
.ab_core dt h2{ font-size: 24px; color: #00287d; font-family: gsanb; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 20px;}
.ab_core dt p{ height: 120px;}
.ab_core dt:hover{background:#00287d; color: #fff;}
.ab_core dt:hover h2{ color:#fff;}
.ab_core dt:hover img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
@media (max-width: 1700px){
    .swiperall .swiper-button-prev{ left: .5%;}
.swiperall .swiper-button-next{ right: .5%;}
}
@media (max-width: 1281px){
    .ab_focus .txt b{ font-size: 36px; line-height: 42px;}
    .ab_cert dl{ width: 75%;}
}
@media (max-width: 1024px){
    .ab_focus .txt b{ font-size: 32px; line-height: 36px; margin-bottom: 20px;}
    .ab_core dt{padding: 35px 30px;}
    .ab_core dt h2{ font-size: 22px;}
    .ab_core .tit b,.ab_cert .tit b,.ab_custom .tit b{ font-size: 36px;}
    .ab_core .tit span{ font-size: 28px;}
}
@media (max-width: 450px){
    .ab_focus .imgfdd,.ab_focus .txt{ width: 100%;}
    .ab_focus .txt{ margin-top: 25px;}
    .ab_focus .txt b{ font-size: 26px;}
    .ab_core .tit b,.ab_core .tit b,.ab_cert .tit b,.ab_custom .tit b{ font-size: 28px;}
    .ab_core .tit span{ font-size: 22px;}
    .ab_core .tit,.ab_cert .tit,.ab_custom .tit{ margin-bottom: 25px;}
    .ab_cert dl{ width: 90%;}
    .ab_cert dl dt{ width: 36%; border-width:5px;} 
    .ab_cert{padding-bottom: 80px;}
    .ab_custom .swiperbtn{ width: 36px; height: 36px; line-height: 36px; font-size: 18px;}
    .ab_core{ display: block;}
    .ab_core dt{ display: flex; align-items: flex-start; width:100%;}
    .ab_core dt{ padding: 25px 20px; margin-bottom:20px; border-radius:15px;}
    .ab_core dt .ic img{ height: 60px;}
    .ab_core dt .txt{ text-align: left; width: calc(100% - 80px); margin-left:auto;}
    .ab_core dt h2{ font-size: 20px; margin-bottom: 10px;}
    .ab_core dt p{ height: auto;}
    
}
.newsmain{ padding: 30px 0 100px;}
.news_left{ width: calc(100% - 350px);}
.news_right{ width: 300px;}
.news_list li { background: #f7f7f7; border-radius: 15px; padding: 20px; margin-bottom:30px;}
.news_list li .pic{ width: 360px; margin-right:auto;}
.news_list li .pic .imgfd{padding-top: 66.67%; border-radius: 10px;}
.news_list li .txt{ width: calc(100% - 390px);}
.news_list li .date{  color: #00287d;}
.news_list li .date b{ font-family: gsanm; font-size: 24px;}
.news_list li h2{ width: calc(100% - 100px); margin-left: auto; font-family:gsanb; font-size:22px; line-height:30px; height:60px; overflow:hidden;}
.news_list li .top{ margin-bottom: 20px;}
.news_list li p{line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 40px;}
.news_list li .more span{ display: inline-block; font-size: 16px; line-height: 20px; border-bottom: 1px solid #00287d; margin-right: 3px;}
.news_list li .imgfd{ border-radius: 10px;}
.news_list li:hover .more{ color: #cb9037;}
.news_list li:hover .more span{ border-color: #cb9037;}
.news_list li:hover:hover h2{ color:#cb9037;}
.right_search{ border-radius: 10px; overflow: hidden;}
.right_search input{ width: calc(100% - 50px); line-height: 50px; background: #00287d; color: #fff; padding-left: 15px; font-size: 16px; font-family:gsan;}
.right_search .search_sub{ width: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 20px; background: #cb9037; cursor:pointer;}
.right_search input::placeholder{ opacity:1; color:#fff;}
.right_search input:focus::placeholder{ opacity:0;}

.recom_new{ background: #f7f7f7; padding: 25px 25px 1px; border-radius: 15px; margin-top:20px;}
.recom_new b{ font-size: 20px; color: #00287d; margin-bottom:15px;}
.recom_new .imgfd{ padding-top: 66.67%; border-radius: 10px; margin-bottom: 10px;}
.recom_new span{ color: #00287d; font-size:16px;}
.recom_new h2{ font-size: 16px; font-family: gsanb;  line-height: 24px; margin-top: 10px;}
.recom_new a{padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid #dddddd; display:block;}
.recom_new a:hover h2{ color:#cb9037;}
@media (max-width: 1281px){
    .news_list li .pic{ width: 300px;}
    .news_list li .txt{ width: calc(100% - 330px);}
    .news_list li h2{ font-size: 20px;}
    .news_list li p{ margin-bottom: 25px;}
    .news_list li .top{ margin-bottom: 10px;}
    
}
@media (max-width: 1024px){
    .news_right{ display: none;}
    .news_left{ width: 100%;}
}
@media (max-width: 450px){
    .news_list li{padding: 10px; border-radius: 10px;}
    .news_list li .pic{ width: 140px;}
    .news_list li .txt{ width: calc(100% - 160px);}
    .news_list li p{ display: none;}
    .news_list li .date{ font-size: 14px;}
    .news_list li .date b{ font-size: 20px;}
    .news_list li .more{ display: none;}
    .news_list li .top{ display: block;}
    .news_list li h2{ width: 100%; margin-top: 5px; font-size: 16px; line-height:24px; height:48px;}
    .newsmain{ padding: 20px 0 45px;}
    .news_list li{ margin-bottom: 20px;}
}
.news_det h1{ font-size: 36px; font-family: gsanb;}
.news_info .date{ margin-right: auto;}
.news_info{ font-size: 16px;}
.news_info span{ color: #cb9037;}
.news_info{ padding: 25px 0; border-bottom: 1px solid #ddd; margin-bottom:30px;}

.page_btn{ margin-top: 55px;}
.page_btn .prev,.page_btn .next{ width: 50%; font-size:16px;}
.page_btn span{ display: inline-block; line-height: 40px; padding: 0 5px; border-radius: 3px; color: #fff; background:#00287d;}
.page_btn a{ max-width: calc(100% - 75px); margin-left: 25px;}
.page_btn a.link:hover{ color:#cb9037;}
@media (max-width: 450px){
    .news_det h1{ font-size: 26px;}
    .news_info{padding: 15px 0;}
    .news_info{ margin-bottom: 20px;}
    .page_btn{ display: block; margin-top:30px;}
    .page_btn .prev, .page_btn .next{ width: 100%; margin-top: 20px;}
}

.lx_main{ padding: 30px 0 120px;}
.lx_left{ width: 45%; margin-right: auto;}
.lx_left dt{ margin-top: 40px; position:relative; padding-left:50px;}
.lx_left dt i{ display: inline-block; position: absolute; width: 100px; height: 100px; line-height: 100px; text-align: center; border-radius: 50%; background: #00287d; color: #fff; font-size: 36px; left:0; top:50%; transform:translateY(-50%); transition:.2s ease;}
.lx_left dt .box{ border: 1px solid #dddddd; border-radius: 10px; padding: 40px 30px 40px 75px; font-size: 20px;}
.lx_left dt .box a:hover{ color:#cb9037;}
.lx_left dt:hover i{background:#cb9037;}
.lx_right{ width: 48%;}
.lx_msg{margin-top: 25px;}
.lx_msg input,.lx_msg textarea{ line-height: 24px; padding: 15px 18px; background: #f7f7f7; width: 100%; border-radius: 5px; margin-bottom:20px; font-size:14px; font-family:gsan;}
.lx_msg .sub{ width: 250px; line-height: 55px; text-align: center; background: #00287d; cursor:pointer; transition:.3s ease; color:#fff; border-radius:5px; transition:.3s ease;} 
.lx_msg .sub:hover{ background:#cb9037;}

.ser_det h1{ text-align: center;}


@media (max-width: 450px){
    .lx_main{ display: block;}
    .lx_left{ width: 100%;}
    .lx_right{ width: 100%; margin-top: 30px;}
    .lx_left dt i{ height: 60px; width: 60px; font-size: 26px; line-height:60px;}
    .lx_left dt{padding-left: 30px;}
    .lx_left dt .box{padding: 25px 30px 25px 50px;}
    .lx_left dt .box p{ font-size: 18px;}
    .lx_main{ padding: 20px 0 45px;}
}