@charset "utf-8";
/* CSS Document */

.top_right .lang{ padding: 34px 0; margin-left: 20px; position: relative; font-size: 14px;}
.index_head .top_right .shemei{margin-left: 60px;}
.index_head .top_right .shemei a{ display: block; font-size: 22px; margin-right: 30px; color:#234d9c; }
.index_head .top_right .lang p{ line-height: 30px; padding: 0 12px; border-radius: 15px; background: #234d9c; color: #fff; cursor: pointer; font-size: 14px;}
.index_head.typea:not(.typeanot) .top_right .lang p{ border: 1px solid #fff;color: #fff;}
.top_right .lang p i.icon-xiangxia3{ font-size: 14px;}
.top_right .lang p span{ margin: 0 5px; font-size: 18px;}
.top_right .lang .lang_list{ background: #fff; padding: 15px; border-radius: 8px; position: absolute; top: 64px; left: 0; line-height: 40px; display: none;}
.top_right .lang .lang_list a{ display: block;}
.top_right .lang:hover .lang_list{ display: block;}
.top_right .lang .lang_list a:hover{ color: #0157ac;}
.top_right .follow{ display: flex;}
.top_right .follow a{ font-size: 22px;} 
.top_right .follow .em{ position: relative;}
.top_right .follow .em .box{position: absolute; width: 220px; padding: 15px; background: #fff; left: -100px; top: 60px; color: #333; opacity: 0; transition: .2s ease;}
.top_right .follow .wa{ margin: 0 15px;}
.top_right .follow .em a{ background: linear-gradient( to top,rgba(235,101,14,1),rgba(176,220,24,1));-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.top_right .follow .wa a{ color: #5ace5f;}
.top_right .follow .fa a{ color: #0080ff;}
.top_right .follow .em:hover .box{opacity: 1}
.top_h{ height: 101px;}
.top_search{ color: #234d9c;}
.com_search{ position: fixed; width: 100%; height: 100%; z-index: 99; left: 0; top: 0; display:none;}
.com_search .bg{ width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.com_search form{ width: 44%; top: 35%; left: 28%; line-height:60px; border-radius:5px; overflow:hidden; position:absolute; height:60px; }
.com_search form input{ background: #fff; line-height: 60px; width:calc(100% - 110px); padding-left:20px; font-size:18px;}
.com_search form button{background: #234d9c; line-height: 60px; width:100px; cursor:pointer; color:#fff; transition:.2s ease;}
.com_search form button i{ font-size: 26px;}
.com_search form button:hover{background:#77b648;}
.com_search .icon-guanbi1{ position: absolute; right: 25%; top: 32%; font-size: 30px; color: #fff; cursor:pointer;}
.com_search .icon-guanbi1:hover { color:#77b648;}


.sy-ban{ width: 100%;position: relative; overflow: hidden; z-index: 5;}
.sy-ban .img-m{ width: 100%;}
.sy-ban .txt1{ position: absolute; top: 50%; transform: translateY(-50%);left: 0; width: 100%; color: #fff; padding-left: 60px;}
.w_sd{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.sy-ban .txt1 h3{ font-size: 80px; line-height: 90px; color: #fff; width: 50%; font-family: gilb; margin-bottom: 20px;}
.sy-ban .txt1 p{ font-size: 40px; line-height: 35px; line-height: 35px; margin-top: 15px; width: 50%;}
.sy-ban .txt1 .amore{margin-top: 95px;}
.sy-ban .ban_control{ position: absolute; width: 100%; right: 0; bottom: 50px; top: auto;z-index: 2;}
.sy-ban .ban_control .swiper-pagination{margin: 0 10px; position: unset; width: 60px; height: 2px; background: rgba(255,255,255,.2); display: inline-block;}
:root{--swiper-theme-color: #fff;}
.sy-ban .ban_control .numswiper{ width: 140px; overflow: hidden; color: rgba(255,255,255,.2); text-align: center;}
.sy-ban .ban_control .numswiper .swiper-slide-thumb-active{ color: #fff;}
.sy-ban .ban_control .swiperbtn{ position: unset; font-size: 18px; color: #fff; margin-top: 0;}
.sy-ban .ban_control .swiperbtn.swiper-button-prev{ margin-left: auto; margin-right: 15px;}
.scr_down{ position: absolute; bottom: 50px; left: 50%; transform: translateX(-800px); animation: downico 1.5s ease-out infinite;z-index: 2}
@keyframes downico{
	0%{bottom: 50px;}
	25%{bottom: 55px;}
	50%{bottom: 58px;}
	75%{bottom: 55px;}
	100%{bottom: 50px;}
}
@-webkit-keyframes downico{
	0%{bottom: 50px;}
	25%{bottom: 55px;}
	50%{bottom: 58px;}
	75%{bottom: 55px;}
	100%{bottom: 50px;}
}

.swiperall{ position: relative;}
.swiperall .swiperbtn{ bottom: 48%; height: 52px; width: 52px; text-align: center; line-height: 50px; border-radius: 50%; color: #234d9c; border: 2px solid #234d9c;font-size: 24px; position: absolute; top: 50%; transform: translateY(-50%); opacity: .3; cursor: pointer;z-index:2;}
.swiperall .prev{left: 0; }
.swiperall .next{ right: 0;}
.swiperall .swiperbtn:hover{ opacity: .8;}
.sy_item_tit h3{ font-size: 48px; line-height: 50px; font-family:gilb; text-transform: uppercase;}
.sy_item_tit p{ font-size: 20px; color: #77b648; line-height: 30px; margin-bottom: 10px; text-transform: uppercase; }
.sy_item_tit{ margin-bottom: 40px;}
.dtop{ padding-top: 85px;}
.swiper-pagination-bullet:focus,.swiperbtn:focus{ outline: none;}

.swiper-button-next:after, .swiper-button-prev:after{ display: none;}
.pore{ position: relative;}
.deeptop{ padding-top: 100px; margin-top: -100px;}
.about_top{margin-bottom: 60px;}
.about_top .title{ width: 40%; margin-right: auto;}
.about_top .title p{color: #77b648; font-size: 20px; text-transform: uppercase; margin-bottom: 10px;}
.about_top .title h3{ font-size: 48px; line-height: 60px; color: #234d9c; font-family: gilb;}
.about_top .ab_des{ width: 52%;}
.about_top .ab_des .des{margin-bottom: 60px;}
.sy_number{ margin-right: auto;}
.sy_number .tab-hd{ color:#333; font-size: 16px; font-family: gilm; margin-right: 120px;}
.sy_number .tab-hd li{margin-bottom: 10px;}
.sy_number .tab-hd li i.xx{ display: inline-block; width: 25px; height: 2px; background: #234d9c; margin-left: 15px; opacity: 0;}
.sy_number .tab-hd li.active{ color: #234d9c; font-family: gilb;}
.sy_number .tab-hd li.active i{ opacity: 1;}
.sy_number .tab-bd b{ display: block; font-size: 200px; font-family: gilm; line-height: 160px; height: 160px; color: #234d9c; margin-bottom: 20px;}
.sy_number .tab-bd p{ color: #333; font-family: gilm;}
.about_box .txt{ text-align: right;}
.about_box .txt h4{ font-family: gilb; font-size: 48px; line-height: 50px; margin-bottom: 20px; color: #234d9c;}

.sy_product{padding: 110px 50px 55px; border-radius: 20px; background: #f4f9fc; position: relative;}
.sy_product .tit{ display: inline-block; line-height: 70px; position: absolute; left: 50%; top: 0; background: #234d9c; color: #fff; font-family: gilb; font-size: 48px; padding: 0 55px; transform: translateX(-50%); border-bottom-left-radius: 54px; border-bottom-right-radius: 54px; text-transform: uppercase;}
.sy_product .txt{ width: 50%; margin-right: auto;}
.sy_product .txt li{ padding: 20px 0; border-bottom: 1px solid rgba(35,77,156,.3);}
.sy_product .txt li h2{ font-size: 30px; font-family: gilb; line-height: 45px;}
.sy_product .txt li p{margin: 20px 0; display: none;}
.smore{ display: inline-block; line-height: 45px;}
.smore i{ display: inline-block; line-height: 45px; width: 45px; height: 45px; text-align: center; border-radius: 50%; background: #234d9c; color: #fff; font-size: 20px; margin-right: 14px;}
.smore:hover{ color: #234d9c;}
.sy_product .txt li .smore{ display: none;}
.sy_product .txt li.active p{display: block;}
.sy_product .txt li.active .smore{ display: inline-block;}
.sy_product .txt li.active h2{ color: #234d9c; font-size: 40px;}
.sy_product .txt li.active{ border-color: #234d9c;}
.sy_product .pic{ width: 45%;}
.sy_product .pic .imgfd{ border-radius: 20px; padding-top: 70%;}
.sy_product .txt li:first-child{ padding-top: 0;}
.borderbot{padding-bottom: 120px; z-index: 8; background: #fff;}
.bor100{ border-radius: 100px;}
.recom_pro{z-index: 7;}
.comswiper{ overflow: hidden;}
.recom_pro .sy_item_tit{text-align: center;}
.comswiper li{ background: #fff; border-radius: 20px; text-align: center; padding: 30px 28px 45px;}
.comswiper li .imgfd{ padding-top: 100%; margin-bottom: 40px;}
.comswiper li h2{ font-size: 20px; font-family: gilm; line-height: 30px; height: 60px; overflow: hidden;}
.comswiper li p{ font-size: 16px; height: 60px; overflow: hidden; margin-bottom: 25px;}
.comswiper li span{ display: inline-block; line-height: 36px; border-radius: 19px; padding: 0 22px; border: 1px solid #234d9c; color: #234d9c; font-size: 16px; transition: .2s ease;}
.comswiper li span i{ margin-left: 10px;}
.comswiper li:hover h2{ color: #234d9c;}
.comswiper li:hover span{ background: #234d9c; color: #fff;}
.sy_core{ z-index: 6}
.coreswiper{ overflow: hidden; position: relative;}
.coreswiper .imgfd{ padding-top: 41.66%;}
.sy_core .sy_item_tit{ position: absolute; width: 100%; text-align: center; left: 0; top: 180px; z-index: 3;}
.sy_core .sy_item_tit h3{ color: #fff;}
.coreswiper .txt{ position: absolute; width: 100%; z-index: 3; left: 0; bottom: 100px; color: #fff;}
.coreswiper .txt h2{ font-size: 40px; color: #fff; font-family: gilb; margin-bottom: 30px;}
.coreswiper .txt p{ margin-bottom: 10px; position: relative; padding-left: 20px;}
.coreswiper .txt p:after{position: absolute; left: 0; top: 15px; height: 1px; width: 12px; background: #fff; content: '';}
.coreswiper .txt .amore{margin-top: 40px;}
.coreswiper .swiper-num{ position: absolute; right: 50%; transform: translateX(750px);bottom: 100px; font-size: 20px; font-weight: lighter; color: #fff;z-index: 2;}
.coreswiper .swiper-num .active{ font-family: gilm; font-size: 72px;}
.sy_coop{ z-index: 5;}
.sy_coop .txt{ width: 33%; padding-left: 110px; color: #333;}
.sy_coop .map{ width: 67%;}
.sy_coop .map img{ width: 100%;}
.sy_coop .map .pic{ position: relative;}
.sy_coop .txt .coop_num b{ display: block; font-family: gilm; line-height: 160px; height: 160px; margin-bottom: 30px; font-size: 200px; color: #234d9c;}
.sy_coop .dot i{ display:inline-block; width: 6px; height: 6px; background: #77b648; border-radius: 50%; position:absolute; cursor:pointer; z-index:8;}
.sy_coop .dot i:after{ position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius:50%; animation: maocircle 2.5s ease-out infinite; background:#77b648; content:'';}
.sy_coop .dot i:nth-child(1){ left:56.5%; top: 50%;}
.sy_coop .dot i:nth-child(2){ left:35%; top: 20%;}
.sy_coop .dot i:nth-child(3){ left:30%; top: 59%;}
.sy_coop .dot i:nth-child(4){ left:25%; top: 30%;}
.sy_coop .dot i:nth-child(5){ left:78%; top: 50%;}
.sy_coop .dot i:nth-child(6){ left:12%; top: 25%;}
.sy_coop .dot i:nth-child(7){ left:55%; top: 55%;}
.sy_coop .dot i:nth-child(8){ left:19%; top: 50%;}
.sy_coop .dot i:nth-child(9){ left:63%; top: 44%;}
.sy_coop .dot i:nth-child(10){ left:73%; top: 47%;}
.sy_coop .dot i:nth-child(11){ left:64%; top: 28%;}
.sy_coop .dot i:nth-child(11){ left:64%; top: 35%;}
.sy_coop .dot i:nth-child(12){ left:64%; top: 51.5%;}
.sy_coop .dot i:nth-child(13){ left:72.5%; top: 15%;}
.sy_coop .dot i:nth-child(14){ left:57.5%; top: 58.5%;}
.sy_coop .dot i:nth-child(15){ left:60%; top: 49%;}
.sy_coop .dot i:nth-child(16){ left:75%; top: 30%;}
.sy_coop .dot i:nth-child(17){ left:57.5%; top: 40%;}
.sy_coop .dot i:nth-child(18){ left:50.5%; top: 51%;}
.sy_coop .dot i:nth-child(19){ left:52.5%; top: 42%;}
@keyframes maocircle{
	0%{ width:150%; height:150%; opacity:.5;}
	35%{ width:250%; height:250%; opacity:.3;}
	65%{ width:300%; height:300%; opacity:.2;}
	100%{ width:200%; height:200%; opacity:.5;}
}
@-webkit-keyframes maocircle{
	0%{ width:150%; height:150%; opacity:.5;}
	35%{ width:250%; height:250%; opacity:.3;}
	65%{ width:300%; height:300%; opacity:.2;}
	100%{ width:200%; height:200%; opacity:.5;}
}
.sy_coop .dot i:nth-child(3n),.sy_coop .dot i:nth-child(3n):after{background: #e01008;}
.sy_coop .dot i:nth-child(3n+1),.sy_coop .dot i:nth-child(3n+1):after{background: #ed8a01;}
.sy_coop .shuom{padding-left: 15%;}
.sy_coop .shuom p{ width: 30%; margin-right: auto; font-size: 16px; position: relative; padding-left: 20px;}
.sy_coop .shuom p:last-child{margin-right: 0;}
.sy_coop .shuom p:after{ position: absolute; content: ''; background: #e01008; width: 7px; height: 7px; border-radius: 50%; left: 0; top: 11px;}
.sy_coop .shuom p:nth-child(2):after{ background: #ed8a01;}
.sy_coop .shuom p:nth-child(3):after{ background: #77b648;}
.sy_news{ z-index: 4;}
.item_top .news_nav{margin-left: auto;}
.news_nav a{ display: inline-block; line-height: 38px; border-radius: 19px;font-family: gilm; padding: 0 17px;}
.news_nav a:hover{background: #234d9c; color: #fff;}
.sy_news_list li{float: left;width: 24%; margin-right: 1.33%; background: #fff; border-radius: 20px; overflow: hidden;}
.sy_news_list li:nth-child(4n){margin-right: auto;}
.sy_news_list li .txt{ padding: 25px 30px;}
.sy_news_list li h2{font-size: 20px; font-family: gilb; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 10px;}
.sy_news_list li p{ height: 60px; margin-bottom: 15px; overflow: hidden;}
.sy_news_list li i.iconfont{display: block; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; text-align: center; border: 1px solid #234d9c; color: #234d9c; margin-right: 
auto;}
.sy_news_list li .date{ color: #234d9c; font-size: 16px; font-family: gilb;}
.sy_news_list li:hover h2{ color: #234d9c;}
.sy_news_list li:hover i.iconfont{ background: #234d9c; color: #fff;}

.foot_msg{ z-index: 3; background: #234d9c; border-bottom: 1px solid rgba(255,255,255,.3);}
.msgbox{ width: 49.5%; border-radius: 20px; padding: 60px 90px 60px 110px; color: #333;}
.foot_msg .imgfdd{ width: 49.5%; border-radius: 20px;}
.msgbox .title{ text-align: center; font-family: gilb; font-size: 48px; margin-bottom: 25px;}
.msgbox .title span{ color: #234d9c;}
.msgbox form{ margin-top: 25px;}
.msgbox input,.msgbox textarea{ border-bottom: 1px solid #bbbbbb; margin-bottom: 15px; line-height: 48px; font-size: 16px; padding-left: 10px;}
.msgbox input{ width: 49.5%; margin-right: 1%;}
.msgbox input:nth-child(2n){margin-right: 0;}
.msgbox textarea{ width: 100%; margin-bottom: 30px;}
.msgbox .msg_emile{margin-right: auto;}
.msgbox .msg_emile i{ display: inline-block; font-size: 26px; color: #234d9c; margin-right: 12px;}
.msgbox .msg_emile a{ font-size: 20px;}
.msgbox button{ display: inline-block; line-height: 50px; padding: 0 20px; border-radius: 25px; background: #234d9c; color: #fff; cursor: pointer; transition: .3s ease;}
.msgbox button i{margin-left: 22px;}
.msgbox button:hover{background: #77b648;}


.com_foot{ color: #fff; background: #234d9c;}
.com_foot .foot_center{padding: 55px 0 20px;}
.foot_center .fleft{ width: 22%; margin-right: auto;}
.foot_center .fleft h3{ color: #fff; font-size: 18px; margin: 20px 0;}
.foot_center .fleft p{ font-size: 16px;}
.foot_center .fleft .follow{margin-top: 44px;}
.foot_center .f_nav{ width: 72%;}
.foot_center .f_nav li{max-width: 32%; margin-right: auto;}
.foot_center .f_nav li:last-child{margin-right: 0;}
.foot_center .f_nav li b,.foot_center .f_nav li a{ display: block; color: #fff;}
.foot_center .f_nav li b{ font-family: gilm; font-size: 20px; margin-bottom: 10px; text-transform: uppercase;}
.foot_center .f_nav li a{ line-height: 35px; margin-bottom: 5px;}
.foot_center .f_nav li.flx,.foot_center .f_nav li a { line-height: 30px;}
.foot_center .f_nav li i{margin-right: 2px;}
.foot_center .f_nav li span{ display: inline-block; max-width: calc(100% - 110px);}
.foot_center .f_nav li p{ margin-right: 3px;}
.foot_center .f_nav li.flx{max-width: 35%;}
.copy{ font-size: 16px; padding: 25px 0; text-align: center;}
.copy .copyright{ margin-right: auto;}
.copy a{ color: #fff;}

.right_online{position: fixed;top: 30%;right: 20px;z-index: 999;}
.right_online li{text-align: center;position: relative;margin-bottom: 5px;cursor: pointer;}
.right_online li span{font-size: 26px;color: #fff;background: #234d9c;position: relative;z-index: 2;border-radius: 100%;display: block;line-height: 55px;width: 55px;height: 55px;}
.right_online li .box{
	position: absolute;right: 25px;top: 0;max-width: 0px;height: 55px;line-height: 55px;background: #234d9c;border-radius: 30px;border-top-right-radius: 0;border-bottom-right-radius: 0;
	overflow:hidden;
	-moz-transition:max-width 0.3s linear;
	transition:max-width 0.3s linear;
}
.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;border-radius: 5px;}
.right_online li .ewmtp .p{padding: 10px;}
.right_online li .ewmtp .p img{ width: 100%; height:100%;}
@media (max-width: 1700px){
.foot_msg .imgfdd img{height: 580px;}
.sy_coop .txt .coop_num b{font-size: 160px; line-height:160px;}

}


@media (max-width: 1550px){
.sy-ban .txt1 h3{font-size: 60px; line-height: 70px;}
.msgbox{padding: 50px 60px 60px 80px;}
.coreswiper .swiper-num{right: 5%; transform: translateX(0);}
}

@media (max-width: 1441px){
.index_head .logo img{max-height: 40px;}
.index_head .nav li{margin-left: 20px;}
.index_head .top_right .shemei{margin-left: 30px;}
}

@media (max-width: 1281px){
.top_right .follow{display: none;}
.sy-ban .txt1 h3{ font-size: 40px; line-height: 50px;}
.sy-ban .txt1 p{font-size: 28px; line-height: 34px;}
.sy_number .tab-hd{margin-right: 80px;}
.sy_number .tab-bd b{font-size: 140px; line-height: 140px; height:120px;}
.sy_product .txt li h2{font-size: 26px; line-height:35px;}
.sy_product .txt li.active h2{font-size: 32px;}
.sy_item_tit h3{font-size: 38px; line-height: 42px;}
.comswiper li{padding: 20px 20px 30px;}
.comswiper li h2{font-size: 18px;}
.bor100{border-radius: 60px;}
.sy_core .sy_item_tit{top: 160px;}
.coreswiper .txt h2{font-size: 32px; margin-bottom:20px;}
.coreswiper .txt .amore{margin-top: 20px;}
.coreswiper .txt{bottom: 60px;}
.sy_coop .txt{padding-left: 30px;}
.sy_coop .txt .coop_num b{font-size: 120px; line-height: 120px; height: 100px;}
.sy_news_list li .txt{padding: 15px 20px;}
.msgbox{padding: 40px 40px 50px;}
.msgbox .title{font-size: 38px;}
.about_top .title h3{font-size: 38px; line-height: 45px;}
.about_box .txt h4{font-size: 40px; line-height:40px;}
	
}

@media (max-width: 1024px){
.top_h{height: 54px;}
.sy-ban .txt1{padding-left: 30px;}
.sy_core .sy_item_tit{position: unset;}
.sy_core .sy_item_tit h3{ color: #333;}
.com_foot .foot_center{display: none;}
}
@media (max-width: 768px){
.sy-ban .txt1 h3,.sy-ban .txt1 p{ width: 70%;}
.sy-ban .txt1 .amore{margin-top: 55px;}
.about_top{ display: block;}
.about_top .title{width: 100%; margin-bottom: 30px;}
.about_top .ab_des{width: 100%;}
.about_top .ab_des .des{margin-bottom: 25px;}
.about_box{display: block;}
.about_box .txt{margin-top: 30px; text-align: left;}
.sy_product .tit{font-size: 30px; line-height: 50px;}
.sy_product{padding: 80px 30px 30px;}
.sy_product .probox {display: block;}
.sy_product .txt{width: 100%;}
.sy_product .pic{width: 100%; margin-top: 30px;}
.comswiper li p{display: none;}
.comswiper li h2{margin-bottom: 15px;}
.bor100{border-radius: 30px;}
.coreswiper .imgfd{padding-top: 60%;}
.sy_coop .txt .coop_num b{font-size: 80px; line-height: 80px; height: 60px;}
.sy_coop .center.c-flex{display: block;}
.sy_coop .txt{ width: 100%;}
.sy_coop .map{width: 100%; margin-top:30px;}
.sy_coop .shuom{padding: 0 2%;}
.item_top .news_nav{display: none;}
.sy_news_list li{width: 49%; margin-right: 2%; margin-bottom:20px;}
.sy_news_list li:nth-child(2n){margin-right:0;}
.sy_news_list li p{display: none;}
.msgbox{ width: 100%; float: none;}
.foot_msg .imgfdd{display: none;}
}
@media (max-width: 540px){

}
@media (max-width: 450px){
.sy-ban .txt1{padding-left: 10px;}
.sy-ban .txt1 h3{font-size: 24px; line-height: 30px;}
.sy-ban .txt1 p{font-size: 18px; line-height: 24px;}
.sy-ban .txt1 .amore{display: none;}
.about_top .title h3{font-size: 26px; line-height: 34px;}
.about_top .title p{font-size: 16px;}
.amore{line-height: 38px; padding:0 48px 0 15px;}
.amore i{ width: 26px; height: 26px; line-height: 26px; right:10px;}
.sy_number .tab-bd b{font-size: 80px; line-height: 80px; height: 60px;}
.sy_number .tab-hd{margin-right: 20px;}
.sy_number .tab-bd{max-width: calc(100% - 110px);}
.sy_number .tab-hd li i.xx{width: 18px;}
.about_box .txt h4{font-size: 28px; line-height: 30px;}
.sy_product{ padding: 70px 20px 30px;}
.sy_product .txt li h2{ font-size:20px; line-height:30px;}
.sy_product .txt li.active h2{font-size: 26px; line-height: 32px;}
.smore i{ width: 38px; height: 38px; line-height: 38px;}
.borderbot{ padding-bottom: 60px;}
.dtop{ padding-top: 40px;}
.sy_item_tit{ margin-bottom: 25px;}
.sy_item_tit p{font-size: 16px; margin-bottom:0;}
.sy_item_tit h3{ font-size: 26px; line-height: 34px;}
.comswiper li span{display: none;}
.comswiper li{padding: 15px;}
.comswiper li .imgfd{margin-bottom: 15px;}
.comswiper li h2{ font-size: 16px; line-height: 24px; height: 48px;}
.swiperall .swiperbtn{width: 40px; height: 40px; line-height: 36px; font-size:18px;}
.coreswiper .txt .amore{ display: none;}
.coreswiper .imgfd{padding-top: 75%;}
.coreswiper .txt h2{font-size: 22px; line-height: 28px;}
.coreswiper .txt .des{ display: none;}
.coreswiper .swiper-num{bottom: 20px; font-size:14px;}
.coreswiper .swiper-num .active{font-size: 26px;}
.sy_coop .txt .coop_num b{ font-size: 60px; line-height: 60px; margin-bottom:20px;}
.sy_coop .shuom{display: block;}
.sy_coop .shuom p{ width: 100%; margin-bottom: 15px;}
.sy_news_list li .txt{padding: 10px;}
.sy_news_list li i.iconfont{display: none;}
.sy_news_list li h2{font-size: 16px; line-height: 24px; height:48px;}
.sy_news_list li .date{font-size: 14px; font-family: gilm;}
.msgbox{ padding: 25px 20px 30px;}
.msgbox .title{font-size: 28px; margin-bottom:20px;}
.msgbox input, .msgbox textarea{ line-height: 40px;}
.msgbox input{ width: 100%; float: none;}
.msgbox .msg_emile a{font-size: 16px;}
.msgbox .msg_emile i{font-size: 20px;}
.msgbox button{ line-height: 40px;}
.copy p{ font-size: 14px;}
}


.ny_ban{ position: relative; width: 100%; overflow: hidden;}
.ny_ban img{ width: 100%;}
.ny_ban .txt{ text-align: center; position: absolute; width: 100%; top: 45%; left: 0;}
.ny_ban .txt h3,.ny_ban .txt h2{ color: #fff;}
.ny_ban .txt h3{ font-size: 40px; margin-bottom:25px;}
.ny_ban .txt h2{ font-size: 54px; font-family: gilb;}
.bbor100{ border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; overflow: hidden;}
.ny_ban{ z-index: 8;}
.zind8{ z-index: 8;}
.zind7{ z-index: 7;}
.zind6{ z-index: 6;}
.zind5{ z-index: 5;}
.zind4{ z-index: 4;}
.zind3{ z-index: 3;}
.zind2{ z-index: 2;}
.zind1{ z-index: 1;}
.posi{padding: 18px 0; font-size:16px;}
.posi i{ color:#234d9c;} 

.procolumn .txt{ width: 50%; padding-right: 40px; float:left;}
.procolumn .pic{ width: 45%; border-radius:20px; overflow:hidden; float:right;}
.procolumn .colitem:nth-child(2n) .txt{ float:right;}
.procolumn .colitem:nth-child(2n) .pic{ float:left;}
.procolumn .colitem{padding: 50px 0; border-bottom: 1px solid rgba(35,77,156,.3);}
.procolumn .colitem .imgfd{ padding-top: .7;}
.procolumn .txt h2{ font-size: 48px; font-family: gilb; color: #234d9c; line-height: 60px;}
.procolumn .txt p{ font-size: 24px; color: #333; margin: 10px 0 50px;}

.procolumn .seclink a{ display: block; width: 48%; margin-right: auto; margin-top: 15px; text-align:center; height: 50px; line-height: 50px; overflow: hidden; background:#fff; border-radius:25px; transition:.2s ease;}
.procolumn .seclink a:nth-child(2n){margin-right:0;}
.procolumn .seclink a:hover{ background:#234d9c; color: #fff;}

@media (max-width: 1441px){
    .bbor100{ border-bottom-left-radius: 80px; border-bottom-right-radius: 80px;}
    .ny_ban .txt h2{font-size: 48px;}
    .ny_ban .txt h3{font-size: 36px;}
    .procolumn .txt h2{font-size: 44px; line-height: 55px;}
    .procolumn .txt p{ margin-bottom: 35px;}
}
@media (max-width: 1024px){
    .procolumn .txt{ float: none!important; width:100%; margin-bottom:30px;}
    .procolumn .pic{ float: none!important; width: 100%;}
}
@media (max-width: 768px){
    .bbor100{ border-bottom-left-radius: 40px; border-bottom-right-radius: 40px;}
    .ny_ban .txt h2{font-size: 36px;}
    .ny_ban .txt h3{ font-size: 24px; margin-bottom: 15px;}
    .ny_ban img{height: 350px; object-fit: cover;}
    .procolumn .colitem{ padding: 35px 0;}
}
@media (max-width: 450px){
    .bbor100{ border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
    .procolumn .txt h2{font-size: 24px; line-height: 30px; margin-bottom: 15px;}
    .procolumn .txt p{font-size: 18px; margin-bottom:20px;}
    .posi{font-size: 14px; padding: 12px 0;}
    .ny_ban img{height: 260px;}
    .ny_ban .txt h2{font-size: 30px;}
    .procolumn .colitem .seclink{ display: block;}
    .procolumn .seclink a{ width: 100%; line-height: 44px; height: 44px;}
}
.list_main{ padding: 65px 0;}
.main_left{width: 23.33%;}
.left_nav{background: #fff; border-radius: 20px; padding: 25px 15px;}
.left_nav h3{ color: #234d9c;font-size: 36px; font-family: gilb; text-transform: uppercase; margin-bottom:18px;}
.left_nav .tname{ padding: 10px 8px; border-radius: 10px; background: #f4f9fc; cursor:pointer;}
.left_nav .tname p{ width: calc(100% - 40px); margin-left: 7px; font-family:gilm; line-height:20px; color:#333; margin-right:auto;}
.left_nav .tname i{ display: block; width: 5px; height: 5px; border-radius: 50%; background: #234d9c;}
.left_nav .tname span{ display: inline-block; color:#234d9c;}
.left_nav li{margin-bottom: 15px;}
.left_nav .list{display: none; transition:.2s ease;}
.left_nav .list a{padding: 18px 20px ; border-bottom:1px dashed #bbbbbb; font-size:16px;}
.left_nav .list a span{ display: block; width: calc(100% - 40px); margin-right: auto;}
.left_nav .list a i{ opacity: 0; color: #234d9c; font-size:20px;}
.left_nav .list a.act{ color: #234d9c;}
.left_nav .list a.act i{opacity: 1;}
.left_nav li.on .tname{background: #234d9c; color:#fff;}
.left_nav li.on .tname p,.left_nav li.on .tname span{ color: #fff;}
.left_nav li.on .tname i{background: #fff;}
.left_nav li.on .tname span{transform: rotate(180deg);}
.left_nav li.on .list{ display: block;}
.main_right{ width: 73%;}
.fz36{font-family: gilb; font-size:36px; margin-bottom:20px;}
.ny_pro_list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 30px; background: #fff; border-radius: 20px; text-align:center;}
.ny_pro_list ul li:nth-child(3n){ margin-right:0;}
.ny_pro_list li h2{ height: 30px; margin-bottom:20px; overflow:hidden;}
.ny_pro_list li p{height: 30px;}
@media (max-width: 1281px){
    .left_nav h3{font-size: 30px;}
}
@media (max-width: 1024px){
    .left_nav{display: none;}
    .main_right{ width: 100%;}
    .fz36{font-size: 30px;}
}
@media (max-width: 450px){
    .fz36{font-size: 24px;}
    .list_main{ padding: 35px 0;}
    .ny_pro_list ul li{ width: 49%; margin-right: 2%;}
    .ny_pro_list ul li:nth-child(3n){margin-right:2%;}
    .ny_pro_list ul li:nth-child(2n){ margin-right:0;}
    .ny_pro_list li h2{height: 48px; margin-bottom:0;}
}
.show_left{ width: 76%;}
.show_right{width: 20%;}
.show_main{ padding: 40px 0 130px;}
.proshow_top{margin-bottom: 60px;}
.proshow_top .pic{ width: 50%;}
.proshow_top .bigswiper,.proshow_top .smallswiper{ overflow: hidden;}
.proshow_top .imgfd{padding-top: 100%;}
.proshow_top .bigswiper{ border-radius: 20px; background: #fff; overflow: hidden; margin-bottom:10px;}
.proshow_top .smallpic{border: 20px; padding: 10px 40px; position:relative; background:#fff;}
.proshow_top .smallswiper li{ border-radius: 15px; border: 1px solid #fff; overflow:hidden;}
.proshow_top .smallpic .swiperbtn{position: absolute; top:50%; transform:translateY(-50%); font-size: 20px; font-weight: bold; color:#333; cursor:pointer;}
.proshow_top .smallswiper li.swiper-slide-thumb-active{border-color: #234d9c;}
.proshow_top .smallpic .prev{ left: 5px;}
.proshow_top .smallpic .next{ right: 5px;}
.proshow_top .smallpic .swiperbtn:hover{ color:#234d9c;}
.proshow_top .txt{ width: 45%;}
.proshow_top .txt h1{ font-family: gilb; font-size: 40px; line-height: 45px; margin-bottom: 25px;}
.proshow_top .txt .des{margin-bottom: 60px;}
.proshow_top .txt .inqbtn{ display: inline-block; padding: 0 25px; line-height: 50px; border-radius: 25px; background:#234d9c; color:#fff; transition:.2s ease;}
.proshow_top .txt .inqbtn i{ margin-right: 15px; font-size: 20px;}
.proshow_top .txt .inqbtn:hover{ background:#77b648;}
.show_det .tab-hd1{ border-bottom: 3px solid #234d9c;}
.show_det .tab-hd1 li{ min-width: 180px; text-align: center; line-height: 50px; font-size: 20px; font-family: gilm;color:#333; padding:0 20px;}
.show_det .tab-hd1 li.active{background: #234d9c; color: #fff;}
.showcontent{padding: 35px 0; width:100%; overflow:hidden;}
.showcontent img{ max-width: 100%!important;}
.showcontent table td{padding:12px 15px; border-color: #ddd!important;}
.showcontent table tr:nth-child(2n+1){ background:#fff;}
.showcontent table{}
.showcontent .spectable{ max-width: 100%; overflow-x: auto;}
.showcontent .spectable p,.showcontent .spectable td{ word-break: keep-all!important;}
.showcontent a{ color: #234d9c;}
.msgbox:not(.fl){ width:100%;}
.msgbox:not(.fl) h3.title{text-align:left;}
.needbox{ border-radius: 20px; overflow: hidden; margin-bottom:35px;}
.needbox img{width: 100%;}
.needbox .txt{ background: #234d9c; padding: 25px 22px 65px; position: relative; color:#fff;}
.needbox .txt .c-flex i{ display: block; font-size: 40px; margin-right:15px;}
.needbox .txt .c-flex p{ font-size: 22px; font-family: gilm; margin-top: 10px;}
.needbox .txt a{ display: inline-block; background: #fff; border-top-left-radius: 20px; line-height: 40px; padding: 0 12px; position:absolute; right:0; bottom:0; font-size:16px; font-family:gilm; color:#234d9c; transition:.2s ease;}
.needbox .txt a i{ margin-left: 5px;}
.needbox .txt a:hover{background:#77b648; color: #fff;}
.hot_pro ul{max-height: 3520px; overflow-y: auto; padding-right:5px;}
.hot_pro h3{ font-size: 24px; font-family: gilb; text-transform: uppercase; margin-bottom:20px;}
.hot_pro li{background: #fff; border-radius: 20px; margin-bottom: 20px; text-align: center; padding:20px;}
.hot_pro li .imgfd{padding-top: 100%; margin-bottom: 10px;}
.hot_pro li p{ font-size: 16px; font-family: gilm; height: 30px; overflow: hidden;}
.hot_pro li:hover p{ color:#234d9c;}
::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

::-webkit-scrollbar-track {
  background: #e3e3e3;
}

::-webkit-scrollbar-thumb {
  background: #234d9c;
  border-radius: 2px;
}
@media (max-width: 1441px){
    .proshow_top .txt h1{font-size: 30px; line-height: 38px;}
}
@media (max-width: 1024px){
    .show_left{ width: 100%; float: none;}
    .show_right{ display: none;}
}
@media (max-width: 768px){
    .proshow_top .pic{ width: 100%; float: none;}
    .proshow_top .txt{width: 100%; margin-top: 30px;}
    .proshow_top .txt .des{ margin-bottom: 40px;}
}
@media (max-width: 450px){
    .proshow_top .txt h1{font-size: 22px; line-height: 28px;}
    .show_det .tab-hd1 li{ width: 150px; line-height: 40px;}
    .proshow_top{margin-bottom: 30px;}
    .proshow_top .txt .inqbtn{ line-height: 40px; padding: 0 18px;}
    .proshow_top .txt .des{ margin-bottom: 25px;}
    .show_main{ padding: 30px 0 60px;}
}
.ser_top{padding: 55px 4% 65px; text-align:center;}
.ser_top .des{ width: 90%; margin: 0 auto 60px;}
.ser_top .des p{ font-size: 24px; line-height: 40px; color:#333;}
.ser_top dt{ width: 12%; margin-right: auto;}
.ser_top dt:nth-child(8){ margin-right:0;}
.ser_top dt .imgfd{padding-top: 64.3%;}
.fz48{ font-size: 48px; font-family: gilb; color: #234d9c; text-align: center; margin-bottom: 65px;}
.ser_left{ width: 22%; padding-left:25px; height:500px; overflow-y:scroll; direction: rtl;}
.ser_right{ width: 75%;}
.ser_right .txt{ width: 40%; padding-top:40px;}
.ser_right .pic{ width: 55%; border-radius:20px; overflow:hidden;}
.ser_left li{ margin-bottom: 40px; direction: ltr;}
.ser_left li a{ padding: 10px 15px; border-radius:10px; font-family:gilb; font-size:20px;}
.ser_left li a p{ width: calc(100% - 30px); margin-right: auto;}
.ser_left li a i{ font-size: 20px; font-weight: bold; opacity: 0; color: #fff;}
.ser_left li.active a{ background: #234d9c; color:#fff;}
.ser_left li.active a i{ opacity: 1;}
.ser_right .txt .fz36{color: #234d9c; margin-bottom:30px;}
.ser_right .txt p{ line-height: 36px; margin-bottom:55px;}
.ser_left::-webkit-scrollbar {
  width: 4px;
}

.ser_left::-webkit-scrollbar-track {
  background: #ced4e4;
}

.ser_left::-webkit-scrollbar-thumb {
  background: #234d9c;
  border-radius: 2px;
}
.ser_test{ margin-top: 90px; border-top: 1px solid #ced4e4;}
.ser_test .imgfdd{ width: 48%; margin-right:auto;}
.ser_test .txt{ width: 45%;}
.ser_test .txt .fz48{ text-align: left; margin-bottom:20px;}
.ser_test .txt p{ line-height: 36px;}

.ser_choose dt{ background: #fff; width: 30%; margin-right: auto; margin-bottom: 40px; border-radius:20px; text-align:center; padding:45px 50px 50px;}
.ser_choose dt .txt{ margin-top: 35px;}
.ser_choose dt h4{ color: #234d9c; font-size: 22px; line-height: 30px;font-family:gilb; margin-bottom:14px; transition:.3s ease; height:30px;}
.ser_choose dt p{ height: 60px;}
.ser_choose dt:hover h4{ color:#77b648;}
.mainh{height: 80px;}
@media (max-width: 1281px){
    .ser_top .des p{font-size: 20px; line-height: 32px;}
    .ser_right .txt{padding-top: 0;}
    .fz48{font-size: 42px;}
    .fz48{margin-bottom: 40px;}
}
@media (max-width: 1024px){
    .ser_left{ width: 100%; float: none;direction:unset; overflow-y:hidden; height:auto; }
    .ser_left ul{ display: flex; align-items: flex-start; height:auto; flex-wrap:wrap;}
    .ser_left ul li{ width: 30%; margin-right: 2%;}
    .ser_right{ width: 100%; float: none; margin-top:20px;}
    .ser_choose dt{padding: 30px 30px 35px;}
    .ser_choose dt .txt{margin-top: 20px;}
    .ser_choose dt h4{height: 60px;}
    .fz48{margin-bottom: 30px;}
    
}
@media (max-width: 768px){
    .ser_right .txt{ width: 100%; float: none;}
    .ser_right .pic{ width: 100%; float: none; margin-top:25px;}
    .ser_test{display: block;}
    .ser_test .imgfdd{width: 100%; margin-bottom: 25px;}
    .ser_test .txt{ width: 100%;}
    .ser_choose dt{ width: 48%; margin-right: 4%;}
    .ser_choose dt:nth-child(3n){margin-right:4%;}
    .ser_choose dt:nth-child(2n){margin-right:0;}
    .fz48{font-size: 32px;}
}

@media (max-width: 450px){
    .ser_top{padding: 35px 3%;}
    .ser_top .des{ width: 94%; margin-bottom:35px;}
    .ser_left ul li{width: 48%; margin-right: 2%; margin-bottom:25px;}
    .ser_left{padding-left: 0;}
    .ser_right .txt p{line-height: 28px; margin-bottom: 30px;}
    .fz48{font-size: 26px;}
    .ser_choose dl{display: block;}
    .ser_choose dl dt{ display: flex; width:100%; align-items:flex-start; padding:20px; margin-bottom:20px;}
    .ser_choose dt .txt{text-align: left; margin-top: 0; max-width: calc(100% - 80px); margin-left: auto;}
    .ser_choose dt p,.ser_choose dt h4{height: auto;}
    .mainh{height: 40px;}
}
.ny_news_list li{ width: 48%; margin-right: 4%; margin-bottom:40px;}
.ny_news_list li:nth-child(2n){margin-right:0;}
.ny_news_list li h2{ margin-top: 10px;}
.ny_news_list li .imgfd{ padding-top: 65%;}
.ny_news_list li .imgfd span.colname{ position: absolute; display: inline-block; line-height: 35px; padding: 0 14px; border-radius: 18px; color: #fff; background: #234d9c; z-index: 3; left: 30px; bottom: 30px; font-size:14px;}

.news_cate{ background: #fff; border-radius: 20px; padding: 20px;}
.news_cate h3,.recent h3{ font-family: gilb; font-size: 24px;text-transform:uppercase; margin-bottom:20px;}
.news_cate a{ margin-bottom: 10px; background: #f4f9fc; border-radius: 10px; line-height:55px; padding-left:8px; transition:.3s ease;}
.news_cate a i{ display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #234d9c; margin-right:10px;}
.news_cate a:hover{ background:#234d9c; color: #fff;}
.news_cate a:hover i{ background:#fff;}
.recent{ margin-top: 30px;}
.recent .list{ background: #fff; border-radius: 20px; padding: 20px;}
.recent .list a{margin-bottom: 20px;}
.recent .list a .pic{ width: 45%; margin-right: auto; border-radius:10px; overflow:hidden;}
.recent .list a .txt{ width: 50%;}
.recent .list a .txt h2{ font-family: gilm; line-height: 24px; height: 72px; overflow: hidden; font-size:18px; margin-bottom:5px;}
.recent .list a .pic .imgfd{padding-top: 100%;}
.recent .list a .txt p{ font-size: 16px; color: #234d9c;}
.recent .list a:hover h2{ color:#234d9c;}
@media (max-width: 450px){
    .ny_news_list li{margin-bottom: 20px; border-radius:10px;}
    .ny_news_list li .imgfd span.colname{display: none;}
}
.ab_lab{padding: 60px 0;}
.ab_lab .pic{ width: 35%;}
.ab_lab .pic img{ width: 100%;}
.ab_lab .txt{ width: 60%;}
.ab_lab .txt h3{ font-size: 40px; font-family: gilb; color:#234d9c; line-height:60px; margin-bottom:20px;}
.ab_lab .txt p{ line-height: 36px;}

.ab_core dt{ width: 32%; margin-right: auto; height:540px; padding:75px 50px 0; border-radius:20px; overflow:hidden; background:#fff; position:relative; transition:.2s ease;}
.ab_core dt:nth-child(3){margin-right:0;}
.ab_core dt h2{ font-size: 30px; color: #234d9c; line-height: 36px; height: 72px; margin-bottom: 20px; font-family: gilb;}
.ab_core dt p{ padding-left: 18px; line-height: 36px; position: relative; z-index: 2;}
.ab_core dt p:after{ position:absolute;left: 0; width: 5px; height: 5px; background: #234d9c;border-radius: 50%; content: ''; top:16px;}
.ab_core dt .icon{ position: absolute; right: 0; bottom: 0;}
.ab_core dt:hover{ background:#234d9c;}
.ab_core dt:hover h2,.ab_core dt:hover p{ color:#fff;}
.ab_core dt:hover p:after{background:#fff;}
.ab_core dt:hover .icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.ab_vis{ border-radius: 20px; overflow: hidden; position: relative;}
.ab_vis .pic{ width: 100%;}
.ab_vis .txt{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); text-align:center; padding:0 6%;}
.ab_vis .txt h2{ font-size: 180px; line-height: 180px; font-family: gilb; color: #fff; opacity: .3;}
.ab_vis .txt h3{ color: #fff;  font-family: gilb; font-size: 36px; line-height: 50px; margin: 55px 0;}
.ab_vis .txt h3 span{ color: #77b648;}
@media (max-width: 1281px){
    .ab_core dt{padding: 60px 35px 0;}
    .ab_vis .txt h2{font-size: 140px; line-height: 140px;}
}
@media (max-width: 1024px){
    .ab_lab .txt h3{font-size: 30px; line-height: 40px;}
    .ab_lab .txt p{ line-height: 30px;}
    .ab_core dt{padding: 40px 20px 0;}
    .ab_core dt h2{font-size: 24px; line-height: 30px; height: 60px;}
    .ab_vis .txt h2{font-size: 100px; line-height: 100px;}
    .ab_vis .txt h3{margin: 30px 0; font-size:30px; line-height:40px;}
}
@media (max-width: 768px){
    .ab_lab .pic{ width: 100%; float: none;}
    .ab_lab .txt{ width: 100%; float: none; margin-top: 30px;}
    .ab_core dl{ display: block;}
    .ab_core dt{height: auto; width: 100%; margin-bottom: 25px; padding: 30px 20px 40px;}
    .ab_core dt h2{height: auto;}
    .ab_vis .txt h3{font-size: 22px; line-height: 30px;}
    .ab_vis .txt h2{font-size: 70px; line-height: 70px;}
}
@media (max-width: 450px){
    .ab_lab .txt h3{ font-size: 24px; line-height: 30px;}
    .ab_vis .pic{height: 400px; object-fit: cover;}
    .ab_vis .txt h2{font-size: 40px; line-height: 40px;}
    .ab_vis .txt h3{ font-family: gilm;}
    .ab_lab{ padding: 35px 0;}
}
.contbox{ margin: 55px 0 130px; border-radius:20px; overflow:hidden; background-color:#fff; background-image:url(../images/cbg1_08.jpg),url(../images/cbg2_07.jpg); background-position: right bottom,right top; background-repeat:no-repeat;}
.contbox .pic{ width: 50%; overflow: hidden; border-radius: 20px;}
.contbox .pic img{ width: 100%;}
.contbox .txt{ padding: 0 140px 0 80px; width:50%;}
.contbox .txt .fz48{ text-align: left;}
.contbox .txt .item{margin-bottom: 35px;}
.contbox .txt .item i{ display: inline-block;width: 50px; height: 50px; border-radius: 50px; text-align: center; background: #234d9c; color: #fff; font-size: 22px; margin-right:15px; line-height:50px;}
.contbox .txt .item .box{ max-width: calc(100% - 65px);}
.contbox .txt .item .box span{ display: block; color: #234d9c; margin-bottom: 10px;}
.contbox .txt .item .box p,.contbox .txt .item .box a{font-size: 20px; color: #333; font-family: gilm;}
.contbox .txt .follow{padding-left: 65px;}
.contbox .txt .follow span{color: #234d9c; display:block; margin-bottom:10px;} 
@media (max-width: 1024px){
    .contbox .txt{padding:0 60px 0 40px;}
    .contbox .txt .item{margin-bottom: 20px;}
}
@media (max-width: 768px){
    .contbox{ display: block;}
    .contbox .pic{ width: 100%;}
    .contbox .txt{padding: 30px; width: 100%;}
}
@media (max-width: 450px){
    .contbox .txt{padding: 20px 20px 30px;}
    .contbox .txt .item .box p, .contbox .txt .item .box a{font-size: 18px;}
}
.news_show .fz48{text-align: left; margin-bottom:0;}
.news_info .share{ font-family:gilm;}
.news_info .back{display: block; margin: 0 auto; font-family:gilm; font-size:20px;}
.news_info .back i{ color: #234d9c; font-size: 22px; display: inline-block; margin-right: 5px;}
.news_info .back:hover,.news_info .back:hover i{ color:#77b648;}
.news_info{padding: 25px 0;border-bottom: 1px solid #ddd; color:#333;}
.news_info .date i{ font-size: 20px; margin-right: 5px; display: inline-block; color:#234d9c;}

.page_btn{padding-top: 40px; border-top: 1px solid #ddd;}
.page_btn .prev{margin-right: auto;}
.page_btn span{ display: block; color: #333; font-size: 20px; font-family: gilm; margin-bottom:5px;}
.page_btn .prev,.page_btn .next{ max-width: 45%;}
.page_btn .next{text-align: right;}
.page_btn a:hover{ color:#77b648;}

@media (max-width: 768px){
    .news_info{padding: 15px 0;}
}
@media (max-width: 450px){
    .news_info .back{display: none;}
    .news_info .share{margin-left: auto;}
    .social-share .social-share-icon{ width: 26px; height: 26px; line-height: 26px;}
    .showcontent{ padding: 25px 0;}
    .page_btn{ padding-top: 25px; display:block;}
    .page_btn .prev, .page_btn .next{ max-width: 100%;}
    .page_btn .next{text-align: left; margin-top: 15px;}
}