@charset "utf-8";
/* CSS Document */
.amore{ cursor: pointer; display: inline-block; text-align: center; min-width: 180px; color: #fff; background: #2f318b; line-height: 48px; position: relative; border:1px solid #2f318b;}
.amore span{ position: relative; z-index: 2}
.amore:after{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background: #fff; content:''; width: 0; height: 0; transition: .2s ease;z-index: 1;}
.amore:hover:after{ width: 100%; height: 100%;}
.amore:hover{ color: #2f318b;}

.sy-ban{ width: 100%;position: relative; overflow: hidden; height: 1100px; background: #2f318b;}
.sy-ban video{ width: 100%; height:100%; object-fit:cover}
.sy-ban .ban_txt{ position: absolute; width: 100%; color: #fff; top: 40%; text-align: center;}
.sy-ban .ban_txt h3{ font-size: 50px; color: #fff; position: relative; padding-bottom:30px; margin-bottom:40px;}
.sy-ban .ban_txt h3:after{ position:absolute; height: 4px; width: 180px; background: #fff; content: ''; left: 50%; bottom: 0; transform: translateX(-50%);}
.sy-ban .ban_txt p{ font-size: 18px; text-transform: uppercase; font-weight: bold;}


.sy_item_tit span{ display: block; color: #2f318b; font-size: 30px; text-transform: uppercase; font-weight: bold;}
.sy_item_tit h3{ font-size: 30px; margin-bottom: 20px; display: block; font-weight: normal;}
.sy_item_tit{ margin-bottom: 35px;}

.sy_about .left {width: 48%;}
.sy_about .right{ width: 50%;}
.sy_about .left dl dt{ padding: 0px 0 10px 40px; border-left: 1px solid #ccc; position: relative; width: 49%; margin-bottom: 30px;}
.sy_about .left dl dt:before{position: absolute; left: -1px; top: 0; content: ''; background: #2f318b; height: 32px; width: 1px;}
.sy_about .left dl dt b{ font-size: 55px; line-height: 60px; font-weight: normal;}
.sy_about .left dl dt sub{ font-size: 16px; line-height: 16px; margin-left: 5px;}
.sy_about .left dl dt .num{ height: 60px; margin-bottom: 10px;}
.sy_about .left dl dt p{ height: 30px;}
.sy_about .right h2{ font-size: 28px; text-align: right;}
.sy_about .right .des{ margin: 25px 0;}
.sy_about .left .amore{ margin-top: 60px;}

.sy_product{ height: 800px; position: relative; background: #f2f3f7;}
.sy_product .left{ width: 50%; background: -webkit-linear-gradient(90deg, #004782, #2f318b); height: 100%; padding: 100px 200px 0 150px; color: #fff; }
.sy_product .left .pro_title span{ display: inline-block; font-size: 40px; color: #fff; font-weight: bold; text-transform: uppercase; line-height: 40px; position: relative;}
.sy_product .left .pro_title span:before,.sy_product .left .pro_title span:after{ position: absolute; content: ''; background: #fff; height: 4px; border-radius: 2px; left: 110%;}
.sy_product .left .pro_title span:before{ bottom: 5px; width: 20px;}
.sy_product .left .pro_title span:after{ bottom: 20px; width: 32px;}
.sy_product .left .pro_title{margin-bottom: 45px;}
.sy_product .left .pro_title h3{ color: #fff; font-size: 30px; font-weight: normal;}
.sy_product .right{ width: 50%; height: 100%; padding: 100px 200px 0 150px;}
.sy_product .leftswiper,.sy_product .rightswiper{ overflow: hidden;}
.sy_product .leftswiper h2{ font-size: 30px; color: #fff; margin-bottom: 50px;}
.sy_product .leftswiper .btn a{ color: #fff; font-size: 14px;}
.sy_product .leftswiper .btn i{ display: inline-block; width: 70px; height: 70px; text-align: center; position: relative; overflow: visible; margin-right: 15px;}
.sy_product .leftswiper .btn i:before{ position: absolute; width: 96%; height: 96%; border-radius: 50%; border: 1px dashed #fff; content: ''; animation: a2 40s linear 0s infinite; left: 0; top: 0;}
.sy_product .leftswiper .btn i:after{ position: absolute; width: 78%; height: 78%; border-radius: 50%; border: 1px solid #fff; content: ''; left: 9%; top: 9%;}
.sy_product .leftswiper .btn i small{ position: absolute; width: 8px; height: 8px; top: 50%; left: 50%; border-radius: 50%; background: #fff; transform: translate(-50%,-50%);}
.sy_product .pro_middle{ width: 600px; height: 600px; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
.pro_middle .circle{ width: 100%; height: 100%; animation: a2 40s linear 0s infinite;}
@keyframes a2{
	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);}
	}
.pro_middle .circle:before{content: '';position: absolute;width: 100%;height: 100%;border-radius: 50%;z-index: -1;border: 1px solid #dcdcdc;box-sizing: border-box;}
.pro_middle .circle:after{content: '';position: absolute;top: 0px;left: 50%; transform: translate(-50%, -50%);width: 12px;height: 12px;border-radius: 50%;background: #004782; margin-top: 1px; animation: a3 40s linear 0s infinite;}
@keyframes a3 { 0%, 50% {
background: #28395b;
}
51%, 100% {
background:#fff;
}
}
.pro_middle .midbox{position: absolute;width: 100%;height: 100%;padding: 30px;left: 0px;top: 0px; z-index: 0;}
.pro_middle .midbox .midbg{ width: 100%; height: 100%; border-radius: 50%; box-shadow: 8px 0 15px 0 rgba(40,57,91,0.1); overflow: hidden; background: #fff; position: relative; z-index: 0;}
.pro_middle .midbox .midbg ul{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 0;}
.pro_middle .midbox .midbg ul li{position: absolute;width: 96%;height: 96%;top: 2%;left: 2%;z-index: -1;transform: scale(0.5);opacity: 0;transition: 0.5s ease 0s;}
.pro_middle .midbox .midbg ul li.on{  transform: scale(1); opacity: 1;transition-delay: 0.4s;z-index: 0;}
.pro_middle .midbox .midbg ul li .imgfd{ padding-top: 100%;}
.pro_middle .midbox .midbg ul li img{transition: 0.5s linear 0s;border-radius: 50%;}
.sy_product .right img{ height: 65px;}
.sy_product .right .rightswiper{ float: right; text-align: right; padding-right: 15px;}
.sy_product .right .rightswiper ul{ border-right: 1px dashed #e2e2e2; padding: 30px 0 0;}
.sy_product .right .rightswiper li{ height: 80px!important; padding-right: 40px; cursor: pointer;}
.sy_product .right .rightswiper li .c-flex{ float: right;}
.sy_product .right .rightswiper li:after{ position: absolute; right: -15px; width: 26px; height: 26px; border-radius: 50%; border: 2px solid #888; top: 25px; content: ''; background: #fff;}
.sy_product .right .rightswiper li .pic{ margin-left: 25px;}
.sy_product .right .rightswiper li:hover{ color: #e6211a;}
.sy_product .right .rightswiper li.swiper-slide-thumb-active{ color: #2f318b;}
.sy_product .right .rightswiper li.swiper-slide-thumb-active:after{ border-color: #2f318b;}
.sy_case{ background: #f2f3f7;}
.sy_case .sy_item_tit{ text-align: center;}
.sy_case_list ul li{ margin-bottom: 30px; width: 32%;}
.sy_case_list ul li:nth-child(3n+2){ margin: 0 auto 30px;}
.sy_case_list ul li .imgfd{ padding-top: 50%;}
.sy_case_list ul li .txt{ padding: 15px; border: 1px solid #fff;}
.sy_case_list ul li .bg{ position: absolute; width: 100%; height: 100%;left: 0; top: 0; background: rgba(0,0,0,.6); transition: .5s ease; opacity: 0;}
.sy_case_list ul li .bg a{ display: inline-block; color: #fff; line-height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 60%; height: 50px; text-align: center;}
.sy_case_list ul li .bg a:before{ position: absolute; content: ''; width: 60%;  top: 0px; left: 50%; background: #fff; height: 1px; transform: translateX(-50%); transition: .5s ease;}
.sy_case_list ul li .bg a:after{ position: absolute; content: ''; width: 60%;  bottom: 0px; left: 50%; background: #fff; height: 1px; transform: translateX(-50%); transition: .5s ease;}
.sy_case_list ul li:hover .bg a:before{ width: 8%;}
.sy_case_list ul li:hover .bg{ opacity: 1;}
.sy_case_list ul li .txt p{ height: 30px; overflow: hidden;}
.sy_case_list ul li .txt a.more{ display: block;line-height: 40px; margin-top: 10px; border-top: 1px solid #e5e5e5; font-size: 14px; color: #666;}
.sy_case_list ul li .txt a.more:hover{ color: #2f318b;}
.btn_box{ text-align: center; margin-top: 30px;}


.sy_youshi{ padding: 80px 0 150px; position: relative;}
.sy_youshi .zzbg{ position: absolute; width: 100%; bottom: 0; left: 0;}
.sy_youshi .zzbg img{ width: 100%;}
.sy_youshi .sy_item_tit{ text-align: center; color: #fff;}
.sy_youshi .sy_item_tit h3,.sy_youshi .sy_item_tit span{ color: #fff}
.syys_list dl dt{ width: 31%; padding: 30px 40px; transition: .3s ease; color: #fff; text-align: center;}
.syys_list dl dt .icon{ margin-bottom: 30px;}
.syys_list dl dt:nth-child(2){ margin: 0 auto;}
.syys_list dl dt i{ font-size: 40px;}
.syys_list dl dt h2{ font-size: 20px; color: #fff;}
.syys_list dl dt .line{ width: 24px; height: 1px; display: inline-block; background: #fff; margin: 20px 0;}
.syys_list dl dt p{ line-height: 24px; height: 144px; font-size: 14px;}
.syys_list dl dt:hover{ background: rgba(47,49,139,.8); transform: translateY(10px);}
.item_top .sy_item_tit{ margin-right: auto; margin-bottom:0;}
.item_top{ margin-bottom:30px;}
.sy_news_list{ padding-top: 30px;}
.sy_news_list ul li{ float: left; width: 32%; margin-right: 2%; position: relative; background: #f2f2f2; padding: 150px 50px 40px;}
.sy_news_list ul li a{ display: block;}
.sy_news_list ul li:nth-child(3){ margin-right: 0;}
.sy_news_list ul li .date{ position: absolute; display: inline-block; padding: 40px 20px 20px; background: #2f318b; color: #fff; left: 50px; top: -20px; text-align: right;transition: .3s ease;}
.sy_news_list ul li .date b{ display: block; font-size: 30px; font-weight: normal;}
.sy_news_list ul li .date p{color: #bdbdbd;}
.sy_news_list ul li i{ font-size: 26px; color: #fff; position: absolute; right: 70px; top: 50px; transition: .3s ease; opacity: 0;}
.sy_news_list ul li .txt{ transition: .3s ease;}
.sy_news_list ul li .txt h2{ font-size: 20px; line-height: 36px; height: 36px; margin-bottom: 15px; font-weight: normal;}
.sy_news_list ul li .txt p{ font-size: 14px; height: 60px; overflow:hidden;}
.sy_news_list ul li:hover{ background: #2f318b;}
.sy_news_list ul li:hover .date{ background: #e6211a; padding-top: 50px;}
.sy_news_list ul li:hover .txt h2{ color: #fff;}
.sy_news_list ul li:hover .txt p{ color: #e5e5e5;}
.sy_news_list ul li:hover .txt{ transform: translateY(10px);}
.sy_news_list ul li:hover i{ top: 90px; right: 50px; opacity: 1;}



.index_foot{background: #1f2422;}
.foot_center{ padding: 50px 0; color: #fff;}
.foot_center .left{ width: 20%;}
.foot_center .left b,.foot_center .left span{ display: block; color: #fff;}
.foot_center .left b{ font-size: 30px; margin: 25px 0;}
.foot_center .left span{ font-size: 14px; line-height: 30px; color: #D3D3D3;}
.foot_center .foot_nav{ width: 78%;}
.foot_center .foot_nav ul{ align-items: flex-start;}
.foot_center .foot_nav ul li{ margin-left: auto;}
.foot_center .foot_nav a,.foot_center .foot_nav span{ display: block; font-size: 14px; color: #c1c1c1; line-height: 30px;}
.foot_center .foot_nav p{ color: #fff; font-size: 18px; font-weight: bold;position: relative; margin-bottom: 15px;}
.foot_center .foot_nav ul li.f-cont a{ display: inline;}
.foot_center .foot_nav ul li.f-cont i{ font-size: 20px; color: #2f318b; margin-right: 5px;}
.foot_center .weixin{ text-align: center;}
.foot_center .weixin .pic{ margin-right: 10px;}
.foot_center .weixin .pic img{ width: 120px;}
.copy .link a{ text-decoration: underline; display: inline-block; line-height: 30px; margin-left: 10px;}
.copy .link{ margin-bottom: 10px;}
@media (max-width: 1700px){
	.index_head .nav{ margin-left: 200px;}
	.sy-ban{ height: 800px;}
}


@media (max-width: 1600px){
	.index_head .nav{ margin-left: 150px;}
	.index_head .nav li{ margin: 0 20px;}
	
	
}

@media (max-width: 1441px){
	.top_tel{ display: none;}
	.top_lan{ padding: 0 20px;}
	.sy-ban .ban_txt h3{ font-size: 40px;}
	.sy-ban .ban_txt p{font-size: 16px;}
	.sy_product .left{ padding: 80px 200px 0 60px;}
	.sy_product .right{ padding: 80px 60px 0 200px;}
	.sy_news_list ul li .date b{font-size: 24px;}
}

@media (max-width: 1281px){
	.sy_product .pro_middle{ width: 480px; height: 480px;}
	.pro_middle .midbox{ padding: 20px;}
	.sy_product{ height: 600px;}
	.sy_news_list ul li .date{ left: 30px;}
	.sy_news_list ul li{ padding: 120px 30px 30px;}
	
	
}

@media (max-width: 1024px){
	.top_h{ height: 54px;}
	.sy-ban{ height: 500px;}
	.sy_about .left dl dt{ padding-left: 20px;}
	.sy_about .left dl dt b{font-size: 40px; line-height: 36px;}
	.sy_about .left dl dt .num{ height: 40px;}
	.sy_about .left dl dt p{ font-size: 14px;}
	.sy_product .pro_middle{ width: 360px; height: 360px;}
	.pro_middle .midbox{ padding: 10px;}
	.sy_product .right{ padding: 50px 2% 0 160px;}
	.sy_product .left{ padding: 50px 160px 0 2%;}
	.sy_product .left .pro_title span{ font-size: 30px;}
	.sy_product{ height: 450px;}
	.sy_product .right .rightswiper li .c-flex{font-size: 14px;}
	.sy_product .right .rightswiper li .pic{ margin-left: 15px;}
	.sy_product .right .rightswiper li:after{ width:20px; height: 20px;}
	.sy_product .right .rightswiper li{ padding-right: 25px;}
	.syys_list dl dt{ padding: 30px 20px;}
	.foot_center{ display: none;}
}
@media (max-width: 768px){
	.sy-ban .ban_txt h3{font-size: 30px;}
	.sy_about .left{ width: 100%; float: none;}
	.sy_about .right{ width: 100%; float: none; margin-top:20px;}
	.sy_about .right h2{ text-align: left;}
	.sy_product .left{ float: none; width: 100%; padding: 30px 2% 200px;}
	.sy_product .leftswiper{ display: none;}
	.sy_product .right{ width: 100%; float: none; padding: 200px 2% 30px;}
	.sy_product{ height: auto;}
	@keyframes a3 { 0%, 25% {
    background: #fff;
    }
    26%, 75% {
    background:#28395b;
    }
    76%, 100% {
    background:#28395b;
    }
    }
    .sy_product .right .rightswiper{ width: 100%; padding-right:0; padding-bottom:25px;}
    .sy_product .right .rightswiper li{ height: auto!important; width:32%!important; padding-bottom:15px; padding-right:0; }
    .sy_product .right .rightswiper ul{ border-right: none; border-bottom: 1px dashed #e2e2e2; padding:0;}
    .sy_product .right .rightswiper li .c-flex{ display: block; text-align: center; float:none;}
    .sy_product .right .rightswiper li .pic{ margin-left: 0;}
    .sy_product .right .rightswiper li:after{ bottom:-15px; right: 50%; transform: translateX(50%); top:auto;}
    .sy_news_list ul li .txt p{ height: 48px;}
    
}
@media (max-width: 540px){
	.sy-ban{ height: 350px;}
	.sy-ban .ban_txt p{ display: none;}
	.sy-ban .ban_txt h3{ font-size: 24px; margin-bottom: 0;}
	.sy-ban .ban_txt h3:after{ width:130px; height: 3px;}
	.sy_about .left .amore{ margin-top: 30px;}
	.sy_item_tit h3{ font-size: 24px;}
	.sy_item_tit span{font-size: 24px;}
	.sy_item_tit h3{ margin-bottom: 10px;}
	.sy_case_list ul li{ width: 100%; float: none;}
	.sy_youshi{ padding: 40px 0 80px;}
	.syys_list dl dt{ display: flex; width: 100%; align-items:center;}
	.syys_list dl dt .txt{ margin-left: 20px; text-align:left;}
	.syys_list dl dt .line{ display: none;}
	.syys_list dl dt p{ height: auto;}
	.syys_list dl dt .icon{ margin-bottom: 0;}
	.amore{ line-height: 40px; min-width: 140px;}
	.sy_news_list ul li{ width: 100%; margin-bottom:40px;}
}
@media (max-width: 450px){
	.sy_about .right h2{ font-size: 24px;}
	.sy_product .left .pro_title{ margin-bottom: 25px;}
	.sy_product .right img{ height: 50px;}
}

.ny_ban{ width: 100%; overflow: hidden; position:relative;}
.ny_ban img{ width: 100%;}
.ny_ban .nyban_txt{ position: absolute; width: 100%; left: 0; top: 45%; text-align: center;}
.ny_ban .nyban_txt h2{ font-weight: normal; font-size: 40px; color: #fff;}
.ny_ban .nyban_txt .line{ width: 50px; height: 2px; background: #fff; display: inline-block; margin-top: 30px;}
.nav_bot{ padding: 32px 0;}
.bot_nav a{ display: inline-block; padding: 0 30px; font-size: 15px; line-height: 16px;  border-right: 1px solid #ccc;}
.bot_nav a:hover{ color:#2f318b;}
.ab_box1{ padding: 80px 0 120px; background: url(../images/bg1.png) no-repeat center bottom; background-size: 100%;}
.ab_box1 .imgfdd{ width: 40%;}
.ab_box1 .txt{ width: 55%; padding-top:40px;}
.ab_tit span{ display: block; font-size: 36px; font-weight: bold; color: #2f318b;}
.ab_tit h3{ font-size: 30px; font-weight: normal; margin: 10px 0 20px;}
.ab_tit .line{ width: 82px; height: 2px; background: #2f318b;}
.ab_tit{ margin-bottom: 30px;}
.ab_box1 .des p{ line-height: 36px; text-indent:30px;}
.ab_qywh .ab_tit{ text-align: center;}
.ab_qywh .ab_tit span,.ab_qywh .ab_tit h3{ color: #fff;}
.cul_list{ color: #fff; margin-top: 50px;}
.cul_list dt{ margin-right: auto; width:16%;}
.cul_list dt:last-child{ margin-right:0;}
.cul_list dt h2{ font-size: 22px; color: #fff; margin: 20px 0;}
@media (max-width: 1281px){
    .ab_box1 .txt{ padding-top: 0;}
    .ab_tit span{ font-size: 30px;}
    .ab_tit h3{ font-size: 26px;}
    .ab_box1 .des p{ line-height: 30px;}
}

@media (max-width: 1024px){
.cul_list .icon img{ height: 50px;}
.ab_box1{ padding: 50px 0 80px;}
.ab_box1 .txt{ width: 100%; float: none;}
.ab_box1 .imgfdd{ width: 100%; float: none; margin-bottom:20px;}
.cul_list dt{ width: 20%;}

}

@media (max-width:540px){
.nav_bot{padding: 25px 0;}
.cul_list dt{ display: flex; align-items: center; width: 100%; margin-bottom: 20px;}
.cul_list dt h2{ margin-top: 0; font-size:18px; margin-bottom:10px;}
.cul_list dt .txt{ margin-left: 20px;}
.ny_ban .nyban_txt h2{ font-size: 28px;}
}
@media (max-width:450px){
    .nav_bot{ padding: 18px 0;}
    .bot_nav a{ padding: 0 20px;}
    .ab_box1{ padding: 30px 0 40px;}
    .ab_tit span{font-size: 26px;}
    .ab_tit h3{ font-size: 24px; margin: 5px 0 10px;}
    .ab_tit{ margin-bottom: 20px;}
    .copy{font-size: 12px;}
}
.bot_posi{ font-size: 14px;}
.bot_posi i{ font-size: 14px; margin-right: 5px;}

.main_left{ width: 18%;}
.main_right{ width: 78%;}
.left_nav h3{ background: #2f318b; font-size: 30px; color: #fff; line-height: 65px; padding: 0 20px;}
.left_nav ul li a{ display: block; line-height: 70px; padding-left: 20px; border-bottom: 1px solid #e8e8e8; transition:.2s ease;}
.left_nav ul li a:hover{ background:#f5f5f5; border-left: 3px solid #2f318b;}
.ny_pro_list ul li{ float: left; width: 31.33%; margin-right: 3%; margin-bottom: 30px; border:1px solid #e8e8e8;}
.ny_pro_list ul li:nth-child(3n){ margin-right:0;}
.ny_pro_list ul li .imgfd span{ position:absolute; display: inline-block; width: 60%; line-height: 50px; text-align: center; color: #fff; left:20%; top:50%; transform:translateY(-50%); }
.ny_pro_list ul li .imgfd span:before{ width:60%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content:''; height:1px; background:#fff; transition:.3s ease;}
.ny_pro_list ul li .imgfd span:after{ width:60%; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); content:''; height:1px; background:#fff; transition:.3s ease;}
.ny_pro_list ul li .imgfd .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); transition:.3s ease; opacity:0;}
.ny_pro_list ul li:hover .imgfd .bg{ opacity:1;}
.ny_pro_list ul li:hover .imgfd span:before,.ny_pro_list ul li:hover .imgfd span:after{ width:10%;}
.ny_pro_list ul li .txt{ padding: 20px;}
.ny_pro_list ul li .txt p{ height: 30px; overflow: hidden;}
.ny_pro_list ul li .txt span{ display: block; line-height: 30px; padding-top: 15px; margin-top: 15px; font-size: 14px; color: #666; border-top:1px solid #e2e2e2;}
.ny_pro_list ul li .txt span:hover{ color:#2f318b;}

@media (max-width:1281px){
    .left_nav h3{ font-size: 26px;}
    .ny_pro_list ul li .txt{ padding: 15px;}
}
@media (max-width:1024px){
    .main_left{ display: none;}
    .main_right{ width: 100%; float: none;}
    .ny_ban .nyban_txt .line{ display: none;}
}
@media (max-width:540px){
    .ny_pro_list ul li{ width: 100%; float: none;}
}
.spro_top{ position: relative;}
.sproimg,.spro_txt{ width: 48%;}
.bigswiper,.smallswiper{ overflow: hidden;}
.small-box .hover{display: none;position: absolute;left: 0;top: 0;width: 200px;height: 200px;border: 1px solid #aaa;background: #eee;opacity: .5;filter: alpha(opacity: 50);cursor: move;}
.big-box{display: none;overflow: hidden;position: absolute;left: 50%;top: 40px;width: 30%;height: 300px; border:1px solid #ddd; z-index:9;}
.big-box img{display: block; width:180%;}
.smallimg{ margin-top: 20px; padding:0 25px; position:relative;}
.smallswiper ul li{ border:2px solid #fff;}
.smallswiper ul li:hover{ border-color:#e6211a;}
.smallswiper ul li.swiper-slide-thumb-active{ border-color: #2f318b;}
.smallimg .swi_btn:after{ font-size: 26px;}
.smallimg .swiper-button-next{ right: 0px;}
.smallimg .swiper-button-prev{ left: 0px;}
.smallimg .swi_btn{ top:50%; transform:translateY(-50%); margin-top:0;}
.spro_txt h1{ font-size: 36px; margin-bottom: 30px;}
.spro_txt .pro_des{ font-size: 14px; padding-bottom:30px; border-bottom:1px solid #e2e2e2; margin-bottom:20px;}
.show_tit{ padding-bottom: 20px; font-size: 24px; border-bottom: 1px solid #e2e2e2; position:relative; margin-bottom:30px;}
.show_tit:after{ position:absolute; left: 0; bottom: 0; content:''; background: #2f318b; width: 120px; height: 2px;}
.show_list{ padding: 30px 0;}
.show_list ul li{ width: 22%; margin-right: 4%; float: left; margin-bottom: 25px; text-align: center;}
.show_list ul li .imgfd{ padding-top: 80%; margin-bottom: 15px;}
.show_list ul li:nth-child(4n){ margin-right:0;}
.show_list ul li p{ height: 30px;}

.pro_det_btns{ padding-top: 30px; border-top: 1px solid #e2e2e2; font-size:14px;}
.mainh{ height: 70px;}
.show_content{ padding: 35px 0;overflow: hidden;}
.show_content img{ max-width: 100%!important;}

@media (max-width:768px){
    .sproimg, .spro_txt{ width: 100%; float: none;}
    .spro_txt{ margin-top: 20px;}
    .spro_txt h1{ font-size: 30px; margin-bottom: 20px;}
    .mainh{ height: 40px;}
    
}

@media (max-width:450px){
.spro_txt h1{ font-size: 24px; margin-bottom: 15px;}
.mainh{ height: 30px;}
.show_tit{ font-size: 20px; padding-bottom: 10px; margin-bottom: 15px;}
.show_tit:after{ width:90px;}
.show_list{ padding: 20px 0;}
.bot_posi{ font-size: 12px;}
.bot_posi span{ display: none;}
.ny_ban .nyban_txt h2{ font-size: 24px;}
}
.join_tit{ font-size: 40px; font-weight: normal; border-bottom: 1px solid #e2e2e2; text-align:center; padding-bottom:25px;}
@media (max-width:450px){
    .join_tit{ font-size: 26px; padding-bottom:20px;}
}
.cont_box .txt,.cont_box .map{ width: 48%; overflow:hidden;}
.cont_box .txt h1{ font-size: 30px; font-weight: normal; color: #2f318b; position:relative; padding-bottom:20px; margin-bottom:30px;}
.cont_box .txt h1:after{ position:absolute; left: 0; bottom: 0; width: 60px; height: 2px; background: #2f318b; content:'';}
.cont_box .txt .list p{ margin-bottom: 15px;}
.cont_box .txt .list i{ font-size: 22px; color: #2f318b; margin-right: 15px;}
.con_msg .c_tit{ text-align: center; margin-bottom: 30px;}
.con_msg .c_tit h3{ font-size: 32px; font-weight: normal;}
.con_msg .c_tit span{ display: block; font-size: 20px; color: #ccc; margin-top:20px; text-transform:uppercase;}
.con_msg form input,.con_msg form textarea{ line-height: 42px; background: #fff; border: 1px solid #e2e2e2; padding-left: 10px; margin-bottom:20px; width:100%; font-size:14px;}
.con_msg form input.fl{ width: 49%; margin-right:2%;}
.con_msg form input.fl:nth-child(2n){ margin-right:0;}
.con_msg form input.sub{ background: #2f318b; color: #fff; border: none; cursor: pointer;}
@media (max-width:768px){
    .cont_box .txt, .cont_box .map{ width: 100%; float: none;}
}
@media (max-width:450px){
    .cont_box .txt h1{ font-size: 24px; margin-bottom:20px;}
     .cont_box .map{ display: none;}
     .con_msg .c_tit h3{ font-size: 24px;}
     .con_msg .c_tit span{ font-size: 16px;}
}
.newshow h1{ font-size: 30px; text-align: center;}
.newshow .news_info .date{ margin-right: auto;}
.newshow .news_info{ padding: 25px 0; border-bottom: 1px solid #e2e2e2; font-size:14px;}
.newshow .news_info .col span{ color: #2f318b;}

@media (max-width:450px){
.newshow h1{ font-size: 24px;}
.newshow .news_info{ padding: 15px 0; font-size: 12px;}
}