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

.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:#4094d2 ;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: #238b3d ;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:#238b3d;}
.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;}


.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%; text-align: center; left: 0; top: 100px;color: #002046;}
.sy-ban .txt1 b{ color: #002046; line-height: 1.1}
.sy-ban .txt1 .b1{ font-size:64px; }
.sy-ban .txt1 .b2{ font-size:96px; }
.sy-ban .txt1 .b3{ font-size:36px; display: inline-flex; margin: 15px 0;}
.sy-ban .txt1 .b3 i{ display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #4096cf; margin: 0 16px;}
.sy-ban .txt1 p{ font-size: 26px;}


.swiperall{ position: relative;}
.swiperall .swiper-button-prev,.swiperall .swiper-button-next{ bottom: 48%; height: 50px; width: 50px; text-align: center; line-height: 50px; border-radius: 50%; font-size:24px; background: #fff; color: #111; box-shadow: 0 0 8px rgba(12,92,167,.15); transition: .3s ease;}
.swiperall .swiper-button-prev:hover,.swiperall .swiper-button-next:hover{background : linear-gradient( to bottom,#41d05c,#4097cc); color: #fff;}
.swiperall .swiper-button-prev{ left: -80px;}
.swiperall .swiper-button-next{ right: -80px;}
.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-family: gothb; line-height: 50px; border-radius: 10px; padding: 0 25px; color: #fff; background: #4094d2; position: relative;transition: .3s ease; overflow: hidden;}
.amore i{display: inline-block; margin-left: 6px;  transition:margin .2s ease;}
.amore.on{ background: #005aa9;}
.amore1{ background: none; border: 1px solid #333333; line-height: 48px; color: #333;}
.amore1.wb{ border-color: #fff; color: #fff;}
.amore1:hover{ background: #42d05e; color: #fff; border-color: #42d05e;}
.amore:hover{ background: #42d05e; color: #fff;}
.amore:hover i{ margin-left: 9px;}
.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_products{ padding-top: 220px; margin-top: -68px; position: relative; z-index: 3;}
.sy_products .down_btn{ position: absolute; width: 90px; height: 90px; text-align: center; line-height: 90px; color: #fff; border-radius: 50%;background: linear-gradient( to top,#4096ce,#41d05c); left: 50%; transform: translateX(-50%); top: 20px; font-size: 24px;}
.sy_products .protit{ font-size: 240px; color: #fff; left: 4%; top: 150px; line-height: 240px; position: absolute;}
.bigswiper{ position: absolute; width: 40%; left: 6%; overflow: hidden; top: 180px;}
.bigswiper .imgfd{ padding-top: 100%;}

.p_right{ width: 44%; padding-bottom: 85px; position: relative;}
.p_right .para{ padding: 40px 35px; border-radius: 15px; background: rgba(66,209,91,.25); margin-bottom: 80px;}
.p_right .para dt{margin-right: auto; font-family: gothb;}
.p_right .para dt:last-child{margin-right: 0;}
.p_right .para dt img{margin-right: 18px;}
.p_right .para dt .c-flex{ align-items: flex-end;}
.p_right .para dt b{ font-size: 34px; line-height: 34px;}
.p_right .txt{padding-left: 35px;}
.fb54{ font-size: 54px; margin-bottom: 55px; font-family:gothb;}
.p_right .amore{ margin-top: 55px;}
.smswiper{ overflow: hidden; position: absolute; width: 60%; right: 0; bottom: 0;}
.smswiper .imgfd{ padding-top: 100%;}
.smswiper li{ padding-bottom: 10px;}
.smswiper li:after{ height: 2px; background: #4094d2; width: 0; content: ''; left: 0; bottom: 0; transition: .3s ease; position: absolute;}
.smswiper li.swiper-slide-thumb-active:after{ width: 100%;}

.sy_video{width: 100%; background: #4094d2; font-size:0;}

.sy_feat{ position: relative;}
.sy_feat .center{ position: relative;}
.sy_feat .feattit{ position: absolute; color: #fff; font-family: dinb; text-transform: uppercase; line-height: 120px; left: 0; top: 0; font-size: 120px; transform: rotate(90deg); transform-origin: left bottom; opacity: .7;}
.sy_feat .feattit .center{ padding-left: 30px; position: relative;}
.sy_feat .fb54{ width: 55%;}
.sy_feat dl{ width: 45%; margin-right: 30px;}
.sy_feat dl dt{ margin: 45px 0; width: 70%;}
.sy_feat dl .ic{ width: 90px; height: 90px; border-radius: 50%; position: relative;background: linear-gradient( to top,#4096ce,#41d05c); margin-right: 25px;}
.sy_feat dl .ic img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.sy_feat dl .txt{ width: calc(100% - 115px);}
.sy_feat dl .txt p{ padding-left: 17px; position: relative;}
.sy_feat dl .txt p:after{ content: ''; background: #4094d2; position: absolute; left: 0; width: 6px; height: 6px; border-radius: 50%; top: 12px;}
.sy_feat dl .txt p span{ color: #4094d2; font-family: gothb;}
.sy_feat dl dt:nth-child(2){ margin-left: 28%;}
.sy_feat dl dt:nth-child(4){ margin-left: 35%;}
.sy_feat .pic{ width: 320px; position: relative;}
.sy_feat .pic img{ width: 100%;}
.sy_feat .pic i{ position:absolute;display:inline-block; width: 6px; height: 6px; background: #fff; border-radius: 50%; cursor:pointer; z-index:8;}
.sy_feat .pic i span{ width: 5px; height: 5px; border-radius: 50%; background: #fff; position: absolute;  left: 50%; top: 50%; transform: translate(-50%,-50%);  z-index: 2;}
.sy_feat .pic i:after{ position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius:50%; animation: maocircle 2.5s ease-out infinite; background:#4094d2; content:''; z-index: 0;}
.sy_feat .pic i:before{ position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius:50%; animation: maocircle 2.5s ease-out infinite; background:#4094d2; content:''; animation-delay: 1.3s;}
@keyframes maocircle{
	0%{ width:150%; height:150%; opacity:1;}
	35%{ width:250%; height:250%; opacity:.5;}
	65%{ width:300%; height:300%; opacity:.2;}
	100%{ width:200%; height:200%; opacity:.8;}
}
@-webkit-keyframes maocircle{
	0%{ width:150%; height:150%; opacity:1;}
	35%{ width:250%; height:250%; opacity:.5;}
	65%{ width:300%; height:300%; opacity:.2;}
	100%{ width:200%; height:200%; opacity:.8;}
}
.sy_feat .pic i:nth-child(1)  {left: 33%;top: 8%;}
.sy_feat .pic i:nth-child(2)  { left:26%; top:48%; }
.sy_feat .pic i:nth-child(3)  { left:68%; top:30%; }
.sy_feat .pic i:nth-child(4)  { left:55%; top:71.4%; }

.sy_feat .circle{ position: absolute; right: 0; bottom: 90px;}
.sy_feat .circle img.cirbg{ width: 120px; animation: xuanzhuan 10s linear infinite; -webkit-animation: xuanzhuan 10s linear infinite; transform:rotate(0deg);}
.sy_feat .circle a{ display: inline-block; text-align: center; color: #fff; font-size: 30px; position: absolute; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
@-webkit-keyframes xuanzhuan{
0%{transform: rotate(0deg);}
	50%{ transform: rotate(180deg); }
	100%{ transform: rotate(360deg); }
}
@keyframes xuanzhuan{
0%{transform: rotate(0deg);}
	50%{ transform: rotate(180deg); }
	100%{ transform: rotate(360deg); }
}

.sy_about{ position: relative; }
.sy_about .logbg{ position: absolute; left: 4%; top: 180px; width: 50%}
.sy_about .logbg img{ width: 100%; opacity: .03}
.sy_about .top{margin-bottom: 55px;}
.sy_about .top b{ width: 47%; margin-right: auto; font-size: 36px;}
.sy_about .top .right{ width: 42%;}
.sy_about .top .right p{ font-size: 24px; line-height: 36px; margin-bottom: 30px;}
.facswiper{ width: calc(50% + 800px); overflow: hidden; position: relative;}
.facswiper li{ width: 810px; overflow: hidden; border-radius: 20px;}
.facswiper li .imgfd{padding-top: 66.67%;}
.facswiper .swiperbtn{ position: unset; display: inline-block; color: #fff; font-size: 20px; margin-top: 0; line-height: 40px; height: 40px;}
.facswiper .btnbox{ width: 90px; height: 90px; border-radius: 50%;background: linear-gradient( to top,#4096ce,#41d05c); display: flex; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); left: 29%; z-index: 3;}

.left_news{ width: 58%; display: block; border-radius: 20px; overflow: hidden; position: relative; height: 565px;}
.left_news .txt{ background: #fff; position: absolute; border-radius: 10px; left: 30px; bottom: 30px; padding: 25px 35px 35px; width: 455px;}
.left_news .txt i.icon-tongzhi{ font-size: 26px; color: #238b3d;}
.left_news .txt h2{ font-size: 24px; font-family: gothb; line-height: 30px; height: 60px; overflow:hidden; margin: 12px 0;}
.left_news .txt p{ line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 25px;}
.left_news img{ width: 100%; height: 100%; object-fit: cover;}
.sy_news .right{ width: calc(42% - 35px); height: 565px;}
.sy_news .right a{ height: calc((100% - 35px) / 2); border-radius: 20px; padding: 20px;}
.sy_news .right a:first-child{background: linear-gradient( to top,#e6eff4,#eff7f8); margin-bottom: 35px;}
.sy_news .right .pic{ width: 40%; height: 100%;  margin-left: auto; border-radius: 10px; overflow: hidden;}
.sy_news .right .pic img{ width: 100%; height: 100%; object-fit: cover;}
.sy_news .right .txt{ width: 50%;}
.sy_news .right a:last-child{background: #e5f1e8;}
.sy_news .right a p{ font-family: gothb; font-style: italic; color: #238b3d; margin-bottom: 12px; }
.sy_news .right a h2{ font-size: 18px; line-height: 24px; height: 96px; font-family: gothb; margin-bottom: 60px;}
.sy_news .right a span{ font-family: gothb; color: #4094d2;}
.sy_news a:hover h2{ color: #4094d2;}

.mainh{height: 95px; position: relative;}
.index_foot{ position: relative; background:url("../images/fbg_04.jpg") no-repeat center; background-size: cover; background-size: cover;}
.foot_center{ padding: 75px 0 50px; border-bottom: 1px solid rgba(255,255,255,.2); position: relative;}
.foot_center .foot_nav{ margin-left: auto;width: 55%;}
.foot_center .foot_nav li{ width: 30%; margin-left: auto;}
.foot_center .foot_nav li:last-child{width:50%; }
.foot_center .foot_nav a{display: block; font-family: gothb; font-size: 18px; color: #333; text-transform: uppercase;margin-bottom: 15px;}
.foot_center .foot_nav a:hover{ color: #42d05e;}
.foot_center .foot_nav dl a{ margin-bottom: 0; width: calc(100% - 35px); margin-left: auto;}
.foot_center .foot_nav dt{ margin-bottom: 20px;}
.foot_center .foot_nav dt i{ display: block;font-size: 24px; color: #4094d2}
.foot_center .foot_nav dl p{ width: calc(100% - 35px); margin-left: auto;}


.foot_center .box{ width: 30%;}
.foot_center .box b{ color: #4094d2; font-size: 20px; margin: 20px 0;}
.foot_center .box .f_des{ margin-bottom: 25px; font-size: 16px;}
.foot_center .box .flogo{display: block;margin-bottom: 35px;}

.copy{ padding: 25px 0; font-size: 16px; border-top: 1px solid #ccd6de;}
.foot_center b{ font-family: gothb;font-size: 20px; color: #4094d2; margin-bottom: 15px; display: block;}
.index_foot .b_top{position: absolute; top: -35px; left: 50%; transform: translateX(-50%); transition: .3s ease; cursor: pointer; text-align: right;}
.index_foot .b_top i{  display: inline-block; width: 70px; height: 70px; border-radius: 50%; background: #eff6f8; text-align: center;line-height: 70px; transition: .3s ease; transform: rotate(-90deg); color: #4094d2; font-size: 36px;}
.index_foot .b_top:hover i{ background: #4094d2; color: #fff;}




@media (max-width: 1700px){
.sy-ban .txt1 .b1{ font-size:58px;}
.sy-ban .txt1 .b2{ font-size: 80px;}
.sy_products .protit{ font-size: 200px; line-height: 200px;}
.sy_feat dl dt:nth-child(4){ margin-left:20%;}
.facswiper .btnbox{ left: 27%;}
}


@media (max-width: 1541px){
.index_head{padding: 0 2%;}
.fb54{ font-size: 48px; line-height: 52px; margin-bottom:35px;}
.p_right .amore{margin-top: 40px;}
.sy_feat dl dt:nth-child(2){margin-left:15%;}
.sy_about .top b{ font-size: 32px;}
.sy_about .top .right p{ font-size: 20px; line-height: 30px;}
.sy_about .logbg{ left: 0;}
.facswiper{ width: 98%;}
.facswiper .btnbox{ left: 25%;}
.sy_products{padding-top: 130px;}
.sy_products .protit{ font-size: 180px; line-height: 180px; top: 120px;}
.p_right .para{padding: 30px 25px; margin-bottom:50px;}
.p_right .para dt img{ width: 40px;}
.p_right .para dt b{ font-size: 30px; height: 30px;}
}


@media (max-width: 1281px){
.sy-ban .txt1 .b1{ font-size: 48px;}
.sy-ban .txt1 .b2{ font-size: 68px;}
.sy-ban .txt1 .b3{ font-size: 30px;}
.sy-ban .txt1 p{ font-size: 22px;}
.sy_products .protit{ font-size: 150px; line-height: 150px; left: 2%;}
.p_right{width: 48%; padding-bottom:50px;}
.fb54{ font-size:44px;}
.p_right .para{margin-bottom: 30px;}
.sy_products .down_btn{ width: 60px; height: 60px; line-height:60px; font-size:20px;}
	.sy_products{padding-top: 100px;}
	.bigswiper{ top: 130px;}
	.sy_feat dl dt{ width: 80%;}
	.sy_feat .pic{ width: 280px;}
	.sy_feat dl dt{margin: 30px 0;}
	.facswiper li{ width: 680px;}
	.mainh{ height: 65px;}
}

@media (max-width: 1024px){
.top_h{ height: 54px;}
.sy-ban .txt1{ top: 50px;}
.bigswiper{ position: unset;width: 50%; margin:0 auto;}
.p_right{ width:100%; float: none;}
.sy_products .protit{ width: 100%; left: 0; text-align: center; top:80px;}
.fb54{ font-size: 38px;}
.sy_feat .pic{ display: none;}
.sy_feat dl{ width: 100%; margin-right:0;}
	.sy_feat .fb54{ width: 70%;}
	.sy_about .top{ display: block;}
	.sy_about .top b{ font-size: 26px;  margin-bottom:20px; width:100%;}
	.sy_about .top .right{ width: 100%;}
	.sy_about .top .right p{ font-size: 18px;}
	.facswiper li{ width: 500px;}
	.facswiper .btnbox{ width: 60px; height: 60px;}
	.left_news{ display: none;}
	.sy_news .right{ width: 100%; float: none;}
	.foot_center{ display: none;}
	.right_online{ display: none;}
	.mainh{ height: 45px;}
}

@media (max-width: 450px){
.sy-ban{ z-index: 4}
.sy-ban .txt1 .b1{ font-size: 24px;}
.sy-ban .txt1 .b2{ font-size: 32px;}
.sy-ban .txt1 .b3{ font-size: 20px; margin:5px 0;}
.sy-ban .txt1 p{ font-size: 16px;}
.sy-ban .txt1{ top: 30px;}
.sy_products .protit{ font-size: 80px; line-height: 80px;}
.sy_products .down_btn{ display:none;}
.bigswiper{ width: 70%; margin-bottom: 20px;}
.p_right .para{padding: 25px 20px;}
.p_right .para dt{margin-bottom: 10px;}
.p_right .para dt img{ width: 25px; margin-right:10px;}
.p_right .para dt b{ font-size: 24px; line-height: 24px; height: 24px;}
.p_right .txt{ padding-left: 0;}
.fb54{ font-size: 26px; line-height:35px; margin-bottom:20px;}
.p_right .amore{margin-top: 30px;}
.amore{line-height: 40px; padding:0 20px;}
.sy_video{height: 400px;}
.sy_feat .fb54{ width: 100%;}
.sy_feat dl .ic{ width: 60px; height: 60px;}
.sy_feat dl .ic img{ height: 36px;}
.sy_feat dl dt{ width: 95%;}
.sy_feat dl dt:nth-child(4){margin-left:3%;}
.sy_feat dl dt:nth-child(2){margin-left:5%;}
.sy_about .top b{ font-size: 22px;}
.sy_about .logbg{ width: 100%; top:100px;}
.sy_about .top .right p{ font-size: 16px;}
.facswiper li{ width: 280px; border-radius:10px;}
.sy_about .top{margin-bottom: 25px;}
.facswiper .btnbox{ width: 50px; height: 50px; left:20%;}
.facswiper .swiperbtn{ width: 20px; font-size:18px;}
.sy_news .right{height: 440px;}
.sy_news .right a h2{ font-size: 16px; margin-bottom: 30px; height:72px; overflow:hidden;}
.sy_news .right a{ height: calc((100% - 20px) / 2);}
.sy_news .right a:first-child{margin-bottom:20px;}
.mainh{ height: 40px;}
.sy_feat .circle{ display: none;}
.copy{ padding: 15px 0; font-size:14px;}
}

.pro_shows .tit{ text-align: center;}
.pro_shows .tit h1{ margin-bottom:25px; }
.pro_shows .tit p{ font-size: 30px;}

.ny_para{ width: 270px; padding-top:90px;}
.ny_para dt{ padding: 40px 18px; border-bottom:1px solid #666666; font-family:gothb;}
.ny_para dt .ic img{ width: 43px;}
.ny_para dt .box{ margin-left: auto; width: calc(100% - 85px);}
.ny_para dt b{ font-size: 34px; line-height:34px;}
.ny_para dt .c-flex{ align-items: flex-end;}

.pro_video{ font-size: 0;}
.pro_shows{ padding: 0 50px;}
.pro_multi{ width: calc(100% - 320px);}
.bproswiper{ width: 70%; overflow:hidden;}
.bproswiper .imgfd{padding-top: 100%;}
.colorswiper{ width: 120px; overflow: hidden; padding-right:5px; margin-left:auto;}
.colorswiper .swiper-slide{cursor: pointer;}
.colorswiper .imgfd{ width: 16px; padding-top: 16px; border-radius: 50%;}
.colorswiper .swiper-slide-thumb-active .imgfd{ border: 2px solid #fff; padding-top:12px;}

.pro_detail .fb54{ text-align: center; margin-bottom:30px;}
.det_box{ height:820px; position:relative;}
.det_box .item{ position: absolute; overflow:hidden; border-radius:15px; }
.det_box .item img{ width: 100%; height: 100%; object-fit: fill;}
.det_box .item .tit{ width: 100%; position: absolute; padding:0 50px; top: 35px;}
.det_box .item:first-child,.det_box .item:nth-child(2){ width:calc((100% - 20px) / 2); left:0; height:calc((100% - 20px) / 2);}
.det_box .item:first-child{ top:0;}
.det_box .item:nth-child(2){bottom:0; color:#fff;}
.det_box .item:nth-child(3),.det_box .item:nth-child(4),.det_box .item:nth-child(5){ width:calc(25% - 15px);}
.det_box .item:nth-child(3){ height:60%; top:0; left:calc(50% + 10px);}
.det_box .item:nth-child(4),.det_box .item:nth-child(5){ height:calc((60% - 20px) / 2); right:0;}
.det_box .item:nth-child(4){ top:0;}
.det_box .item:nth-child(5){ bottom:40%;}
.det_box .item:last-child{ width:calc((100% - 20px) / 2); right: 0; bottom: 0; height: calc(40% - 20px);}
.det_box .item b{ font-size: 30px; position: relative; margin-bottom:15px;}
.det_box .item p{ font-size: 16px;}
.det_box .item:last-child .tit{ width:50%; right: 0; left: auto;}
.det_box .item:nth-child(4),.det_box .item:nth-child(5){ color:#fff;}
.det_box .item:nth-child(4) .tit,.det_box .item:nth-child(5) .tit{ bottom:35px; top: auto;}
.det_box .item:nth-child(4) b,.det_box .item:nth-child(5) b{ color:#fff; font-size: 24px; color: #fff;}
.det_box .item:nth-child(2) b{ color:#fff;}
.det_box .item b:after{ left:0; position: absolute; width: 150px; height: 8px; background: #4094d2; content:''; top: 30px;z-index:0;}

.pro_para .fb54{ text-align: center; margin-bottom:30px;}
.parabox{ width: 80%; margin: 0 auto;}
.parabox td{ padding: 13px 40px; line-height:24px;}
.parabox tr:nth-child(2n+1){ background:#e8f0f5;}
.parabox td:nth-child(2){ border-left:1px solid #b4c2cb; width:70%;}
.parabox td:first-child{ font-family:gothb;}

.pro_travel .fb54{ text-align: center; margin-bottom:30px;}
.travelbox{ height: 800px; position: relative;}
.travelbox .titem{ position: absolute; overflow:hidden;}
.travelbox .titem img{ height: 100%; width: 100%; object-fit: cover;}
.travelbox .titem b{ position: absolute; width: 100%; top: 32px; color: #fff; padding-left: 40px; left:0; font-size:30px; box-sizing:border-box;}
.travelbox .titem:first-child{ height:100%; width: calc(32% - 20px); left:0; top:0; border-top-right-radius:20px; border-bottom-right-radius:20px;}
.travelbox .titem:nth-child(n+2){ height:calc((100% - 20px) / 2);}
.travelbox .titem:nth-child(2),.travelbox .titem:nth-child(5){ width:25%;}
.travelbox .titem:nth-child(2){ top:0; left: 32%; border-radius: 20px;}
.travelbox .titem:nth-child(5){ right:0; bottom: 0; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.travelbox .titem:nth-child(3),.travelbox .titem:nth-child(4){ width:calc(43% - 20px);}
.travelbox .titem:nth-child(3){ right:0; top: 0; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.travelbox .titem:nth-child(4){ border-radius:20px; left: 32%; bottom:0;}
.travelbox .titem b i{ width: 10px; height: 10px; display: inline-block; border-radius: 50%; background: #4094d2; margin-right: 14px;}

.pro_msg .tit{ text-align: center; margin-bottom:25px;}
.pro_msg .tit .fb54{margin-bottom: 20px;}
.pro_msg .com_form{ width: 1024px; margin: 0 auto;}
.com_form .formbox{ margin-bottom: 20px;}
.com_form .formbox.fl{ width: 49%; margin-right: 2%;}
.com_form .formbox.fl:nth-child(2n){margin-right:0;}
.com_form input,.com_form textarea{ width: 100%; border-radius: 10px; background: #e8f0f5; line-height: 24px; padding: 13px 15px; font-size:15px; font-family:goth;}
.com_form label{ font-size: 15px; display: block; margin-bottom: 10px; color:#666666;}
.com_form label i{ color: #4094d2;}
.c_btns{text-align: center;}
.com_form .amore{ cursor: pointer;}
.com_form .amore i{margin-left: 30px;}

@media (max-width: 1541px){
    .det_box .item .tit{ top: 25px; padding: 0 35px;}
    .travelbox{ height: 720px;}
    
}
@media (max-width: 1281px){
    .pro_shows .tit p{ font-size: 26px;}
    .ny_para dt{ padding: 30px 10px;}
    .det_box .item b{ font-size: 26px;}
    .det_box .item:nth-child(4) b, .det_box .item:nth-child(5) b{ font-size:22px;}
    .det_box .item b:after{height:6px; top: 26px;}
    .parabox{ width: 90%;}
    .travelbox .titem b{ font-size: 26px; padding-left: 30px;}
}
@media (max-width: 1024px){
    .pro_shows{padding: 0;}
    .ny_para dt{ padding:20px 5px;} 
    .ny_para dt .ic img{ width: 35px;}
    .ny_para dt .box{ width: calc(100% - 50px);}
    .pro_msg .com_form{ width: 94%;}
    .travelbox{ height: 650px;}
    .det_box .item b:after{ display:none;}
}
@media (max-width: 450px){
    .pro_shows .tit h1{margin-bottom: 10px;}
    .pro_shows .tit p{ font-size: 18px;}
    .ny_para{padding-top: 25px; width:100%; float:none;}
    .pro_multi{ width: 100%; float: none; margin-top: 25px;}
    .pro_multi{ display: block;}
    .bproswiper{ width: 100%; margin-bottom:15px;}
    .pro_detail .fb54{margin-bottom: 20px;}
    .pro_shows{margin-bottom: 35px;}
    .det_box .item{ position: relative;}
    .det_box{height: auto;}
    .det_box .item{ width: 100%!important; height:190px!important; margin-bottom:20px; left:0!important;}
    .det_box .item .tit{padding: 0 20px; top:20px;}
    .det_box .item b{ font-size: 22px; margin-bottom: 10px;}
    .det_box .item:last-child .tit{ width:100%;}
    .parabox td{padding: 10px 5px; font-size:14px; line-height:20px;}
    .pro_para .fb54,.pro_travel .fb54{margin-bottom: 20px;}
    .travelbox{ height: auto;}
    .travelbox .titem{ position: relative; width: 100%!important; height: 180px!important; margin-bottom:15px; left:0!important; border-radius:10px!important;}
    .travelbox .titem b{ font-size: 22px; padding-left: 20px; top: 25px;}
    .pro_msg .tit .fb54{margin-bottom: 10px;}
    .com_form .formbox.fl{ width: 100%; float: none;}
    .com_form .formbox{margin-bottom: 20px;}
    .com_form input, .com_form textarea{padding: 8px 12px; border-radius:5px;}
    .parabox{ width: 100%;}
}
.ny_ban{ border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; overflow:hidden; position:relative;}
.ny_ban img{ width: 100%;}
.ny_ban .posi{ width: 100%; bottom: 25px; color: #fff; position: absolute; left: 0; font-size:16px;}
.ny_ban .posi a{ color: #fff;}

.ab_sembo .tit{ text-align: center; width: 75%; margin: 0 auto; text-align:center;}
.ab_sembo .tit .fb54{ margin-bottom: 20px;}
.ab_sembo .tit p{ font-size: 28px; font-family: gothb; line-height: 40px;}

.ab_main .abitem{margin-top: 55px;}
.ab_main .abitem .imgfdd{ width: 48%; border-radius: 20px; overflow: hidden;}
.ab_main .abitem .txt{ width: 46%; padding-top: 45px;}

.ab_choose .fb54{ text-align: center; margin-bottom: 30px;}
.ab_choose dt{ width: 24%; margin-right: auto; text-align: center; border-radius: 20px; padding:60px 28px 75px;}
.ab_choose dt .ic{ transition: 3s ease;}
.ab_choose dt .txt{ margin-top: 40px;}
.ab_choose dt:last-child{ margin-right:0; background:#f7e7e4;}
.ab_choose dt:first-child{ background:#e0ece8;}
.ab_choose dt h2{ font-size: 24px; font-family: gothb; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 8px;}
.ab_choose dt p{ height: 120px;}
.ab_choose dt:nth-child(2){ background:#dde7ee;}
.ab_choose dt:nth-child(3){ background:#f9f2e3;}
.ab_choose dt:hover .ic{ transform:rotateY(360deg);}

.ab_pat{background: #eef5f7;}
.ab_pat .fb54{ text-align: center; margin-bottom: 30px;}
.patswiper{ overflow: hidden;}
.patswiper .imgfd{padding-top: 142%;}
.patswiper li{ border: 25px solid #fff;}
.ab_manu .fb54{ text-align: center; margin-bottom: 30px;}
.manuswiper{ overflow: hidden;}
.manuswiper li{ margin-top: 35px!important; overflow:hidden; border-radius:20px;}
.manuswiper li .txt{ width: 100%; position: absolute; left: 0; bottom: 0; text-align:center; background:rgba(0,0,0,.6); padding:10px 15px; transition:.3s ease;}
.manuswiper li .txt p{ font-size: 20px; color: #fff;}
.manuswiper li:hover .txt{ background:rgba(64,148,210,.8);}

@media (max-width: 1700px){
    .swiperall .swiper-button-prev{ left: 10px;}
    .swiperall .swiper-button-next{ right: 10px;}
    
}
@media (max-width: 1541px){
    .ab_main .abitem .txt{padding-top: 0;}
    .ny_ban{ border-bottom-left-radius: 50px; border-bottom-right-radius: 50px;}
}
@media (max-width: 1281px){
    .ab_sembo .tit p{ font-size: 24px; line-height:35px;}
    .ab_choose dt{ padding: 40px 25px 60px;}
    .ab_choose dt h2{ font-size: 20px; }
    .manuswiper li{ border-radius: 10px;}
    .manuswiper{ margin-top: -30px;}
}
@media (max-width: 1024px){
    .ny_ban{ border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
    .ab_sembo .tit{ width: 85%;}
    .ab_sembo .tit p{ font-size: 20px; line-height: 30px;}
    .ab_choose dt{ width: 49%; margin-right: 2%; margin-bottom:20px;}
    .ab_choose dt:nth-child(2n){ margin-right:0;}
    .manuswiper li .txt p{ font-size: 18px;}
}
@media (max-width: 450px){
    .ny_ban{ border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
    .ny_ban .posi{ font-size: 14px; bottom: 18px;}
    .ab_sembo .tit{ width: 100%;}
    .ab_sembo .tit .fb54{ margin-bottom: 10px;}
    .ab_sembo .tit p{ font-size: 18px;}
    .ab_main .abitem{ margin-top: 25px;}
    .ab_main .abitem .imgfdd{ float: none; width: 100%;}
    .ab_main .abitem .txt{ width: 100%; float: none; margin-top:20px;}
    .ab_choose dt{ width: 100%; display: flex; align-items: flex-start; padding:25px 20px;}
    .ab_choose dt .ic img{ width: 50px;}
    .ab_choose dt .txt{margin-top: 0; width:calc(100% - 65px); margin-left:auto; text-align:left;}
    .ab_choose dt h2{height: auto;}
    .ab_choose dt p{ height: auto;}
    .patswiper li{ border-width: 15px;}
    .swiperall .swiper-button-prev, .swiperall .swiper-button-next{ width: 36px; height: 36px; line-height: 36px; font-size:20px;}
    .swiperall .swiper-button-next{ right: 0;}
    .swiperall .swiper-button-prev{ left: 0;}
    .manuswiper li{ margin-top: 10px!important; border-radius:5px;}
    .manuswiper li .txt p{ font-size: 16px;}
}
.oem_deli{ padding-top: 85px;}
.oem_deli b{ width: 80%; margin: 0 auto 25px; text-align: center; font-size: 45px; line-height:60px;}
.delibox .item{ margin-bottom: 60px;}
.delibox .imgfdd{ width: 50%; float:left; border-radius:20px; overflow:hidden;}
.delibox .txt{ width: 46%; float: right; padding-top:40px;}
.delibox .item:nth-child(2) .imgfdd{ float:right;}
.delibox .item:nth-child(2) .txt{ float:left;}
.delibox .txt h2{ font-size:36px; font-family: gothb; color: #238b3d; margin-bottom:25px;}
.delibox .txt h4{ font-size: 18px; line-height: 30px;}
.delibox .txt p{ padding-left: 15px; position: relative; margin-top:24px;}
.delibox .txt p:after{ content:''; background: #4094d2; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 0; top: 12px;}
.oem_asse{background: #eff6f8;}
.oem_asse b{ font-size:36px; color: #238b3d; margin-bottom:25px;}
.oem_asse .des p{ padding-left: 15px; position: relative; margin-top:15px;}
.oem_asse .des p:after{ content:''; background: #4094d2; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 0; top: 12px;}
.oem_asse .des{margin-bottom: 45px;}
.oem_asse dt{ width: 19%; margin-right: auto; text-align:center;}
.oem_asse dt:last-child{ margin-right:0;}
.oem_asse dt .imgfd{ border-radius: 10px; margin-bottom:15px;}
.oem_asse dt p{ font-size: 20px; font-family: gothb; height:30px;}

.oem_pack .imgfdd{ width: 50%; margin-right: auto;}
.oem_pack .txt{ width: 46%;}
.oem_pack .txt b{ font-size:36px; color: #238b3d; margin-bottom:25px;}
.oem_pack .des p{ padding-left: 15px; position: relative; margin-top:15px;}
.oem_pack .des p:after{ content:''; background: #4094d2; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 0; top: 12px;}

.ab_coop .fb54{ text-align: center;}
.ab_coop dt{ width: 18%; margin: 0 auto; text-align:center; position:relative;}
.ab_coop dt .ic{ position:relative; width: 200px; height: 200px; border-radius: 50%; display: inline-block; background: #eff6f8; margin-bottom:40px; transition:.5s ease;}
.ab_coop dt .ic img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height:80px;}
.ab_coop dt p{ font-size: 20px; font-family: gothb; line-height: 24px;}
.ab_coop dt:after{ position:absolute; content: ''; background: url(../images/jt_03.jpg) no-repeat center; background-size: cover; width: 44px; height: 28px; right:-5.5%; top:86px; transform:translateX(50%);}
.ab_coop dt:last-child:after{ display:none;}
.ab_coop dt:hover .ic{ background:#4094d2;}
.ab_coop dt:hover .ic img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.ab_coop .c_txt{ margin: 50px auto 40px;}
.ab_coop .c_txt b{ font-size: 28px; line-height:40px; color: #238b3d; margin-bottom: 45px;}
@media (max-width: 1541px){
    .oem_deli b{ font-size: 40px; line-height: 55px;}
    .delibox .txt{padding-top: 0;}
    .delibox .txt h2,.oem_pack .txt b,.oem_asse b{ font-size: 32px;}
 
}
@media (max-width: 1281px){
    .oem_deli{padding-top: 60px;}
    .oem_deli b{ width: 90%;}
    .oem_deli b{ font-size: 32px; line-height: 40px;}
    .ab_coop dt .ic{ width: 160px; height: 160px;}
    .ab_coop dt:after{ top:66px;}
    .c_txt{ width: 85%; max-width:85%;}
}
@media (max-width: 1024px){
    .delibox .imgfdd{ width: 100%; float: none;}
    .delibox .txt{ width: 100%; float: none; margin-top: 25px;}
    .oem_asse dt p{ font-size: 18px;}
    .ab_coop dt .ic{ width: 140px; height: 140px; margin-bottom: 20px;}
    .ab_coop dt p{ font-size: 18px;}
    .ab_coop dt .ic img{ height: 60px;}
    .ab_coop dt:after{ width:33px; height: 21px;}
    .ab_coop .c_txt b{ font-size: 22px; line-height:35px;}
}
@media (max-width: 450px){
    .oem_deli{ padding-top: 40px;}
    .oem_deli b{ width: 100%; font-size:24px; line-height:32px;}
    .delibox .txt h2, .oem_pack .txt b, .oem_asse b{ font-size: 22px; margin-bottom:15px;}
    .delibox .txt p:after{ top:10px;}
    .delibox .txt p{ margin-top: 15px;}
    .delibox .item{margin-bottom: 30px;}
    .delibox .imgfdd{border-radius: 10px;}
    .delibox .txt h4{ font-size: 16px; line-height: 24px;}
    .oem_asse dt{ width: 49%; margin-right: 2%; margin-bottom: 20px;}
    .oem_asse dt:nth-child(2n){ margin-right:0;}
    .oem_asse dt .imgfd{ margin-bottom: 5px;}
    .oem_asse dt p{ font-size: 16px; line-height: 24px; height: 24px;}
    .oem_pack { display: block;}
    .oem_pack .imgfdd{ width: 100%; margin-bottom: 25px;}
    .oem_pack .txt{ width: 100%;}
    .ab_coop dt .ic{ width: 60px; height: 60px; margin-bottom:0;}
    .ab_coop dt .ic img{height: 36px;}
    .ab_coop dt:after{ width:15px; height: 10px; top:23px;}
    .ab_coop dt p{ display: none;}
    .ab_coop .c_txt{ margin: 20px auto 0;}
    .c_txt{ width: 95%; max-width:95%;}
    .ab_coop .c_txt b{ font-size: 18px; line-height: 30px; margin-bottom: 25px;}
}
.news_nav{ text-align: center; margin-bottom: 60px;}
.news_nav a{ display: inline-block; width: 220px; text-align: center; background: #e8f0f5; border-radius: 10px; margin: 0 15px; line-height:50px; font-family:gothb; font-size:20px; transition:.3s ease;}
.news_nav a:hover,.news_nav a.act{ background:#4094d2; color: #fff;}
.news_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 40px; border-radius: 20px; border: 1px solid #ccd5db; padding:25px 25px 30px;}
.news_list li:nth-child(3n){ margin-right:0;}
.news_list li .imgfd{ padding-top: 67.4%; border-radius:10px; margin-bottom:18px;}
.news_list li p{ font-family: gothb; font-style: italic; color: #238b3d;}
.news_list li h2{ font-size: 24px; font-family: gothb; line-height: 30px; height: 60px; overflow: hidden; margin: 20px 0 30px;}
.news_list li span{ font-family: gothb; color: #4094d2;}
.news_list li:hover h2{ color:#4094d2;}

.news_show{width:60%; margin:0 auto; }
.news_show h1{ font-size: 42px; font-family: gothb; line-height: 55px; margin-bottom:35px;}
.news_show .info{background: #f1f1f1; padding:15px 25px;  margin-bottom:40px; font-size:16px;}
.news_show .info span{ color: #4094d2; font-family:gothb;}
.news_show .info .date{ margin-right: auto;}
.detbox{ overflow: hidden;}
.detbox img{max-width: 100%!important;}


.video_list li .imgfd i{ position: absolute; font-size: 60px; top: 50%; left: 50%; transform: translate(-50%,-50%); color:#fff;}
.video_list li .imgfd i:hover{ color:#238b3d;}

.videos{ position: fixed; left: 50%; top:20%; transform: translateX(-50%); width: 1100px; background:#333; z-index:3;}
.videos iframe{ width: 100%; height: 650px;}
.videos .vclose{ position: absolute; right: -15px; top: -15px; font-size: 24px; width:36px; height:36px; border-radius:50%; background:#fff; text-align:center; line-height:36px; cursor:pointer; transition:.2s ease; box-shadow:0 0 5px rgba(0,0,0,.3);} 
.videos .vclose:hover{ background:#4094d2; color: #fff;}

@media (max-width: 1281px){
    .news_list li{padding: 20px 20px 25px;}
    .news_list li h2{ font-size: 22px; margin:15px 0 20px;}
    .news_show h1{ font-size: 34px; line-height: 45px;}
}
@media (max-width: 1024px){
    .news_list li{ width: 49%; margin-bottom:25px;}
    .news_list li:nth-child(3n){ margin-right:2%;}
    .news_list li:nth-child(2n){margin-right:0;}
    .videos{ width: 850px;}
    .videos iframe{ height: 480px;}
}
@media (max-width: 450px){
    .news_nav a{ font-size: 17px; width:180px; margin:0 5px;}
    .news_nav{margin-bottom: 25px;}
    .news_list li{ width: 100%; float: none;}
    .news_list li{padding: 10px 10px 20px;}
    .news_list li h2{ font-size: 18px; line-height: 24px; height: 48px;}
    .pagination > li > a, .pagination > li > span{ width: 30px; height: 30px; line-height: 30px; font-size: 14px;}
    .news_show h1{ font-size: 22px; line-height: 32px; margin-bottom:20px;}
    .news_show .info{ font-size: 14px; padding: 12px 15px; margin-bottom:25px;}
    .news_show .info p{ font-size: 14px;}
}
.lx_main{padding: 95px 0 150px;}
.lx_main .lx_left{ width: 40%; margin-right: auto;}
.lx_main .lx_left .tit{margin-bottom: 40px;}
.lx_main .lx_left .tit b{ margin-bottom: 20px;}
.lx_main .lx_left i{ font-size: 28px; color: #4094d2;}
.lx_main .lx_left h4{ font-size: 20px; font-family: gothb; margin-bottom: 15px;}
.lx_main .lx_left .lx_item:not(:last-child){ width:45%; margin-right: auto; margin-bottom:55px;}
.lx_main .lx_left .lx_item:nth-child(2){ margin-right:0;}
.lx_main .lx_left .lx_item p{ width: calc(100% - 34px); margin-left:auto;}
.lx_main .lx_left .lx_item a:hover{ color:#4094d2;}
.lx_right p{margin-bottom: 30px;}
.lx_right{padding-top: 30px; width:50%;}
@media (max-width: 1024px){
    .lx_main{padding: 60px 0 75px;}
    .lx_main .lx_left{ width: 100%; float: none; margin-bottom:30px;}
    .lx_right{ width: 100%;}
}
@media (max-width: 450px){
    .lx_main{padding: 30px 0 45px;}
    .lx_main .lx_left .tit b{margin-bottom: 10px;}
    .lx_main .lx_left .tit{ margin-bottom: 25px;}
    .lx_main .lx_left .lx_item:not(:last-child){ width:100%; margin-bottom: 25px;}
    .lx_main .lx_left h4{ font-size: 18px;}
    .lx_right{ padding-top: 0;}
    .lx_right p{margin-bottom: 20px;}
}