@import url("../../css/basic2.css");
body{font-size:18px; line-height: 27px; font-family: "Microsoft YaHei"; margin:0; padding:0;}
table{border:0; border-collapse: collapse;}
div,p,ul,ol,li,td,form,dl,dt,dd,a,span,i,b,strong,em,h1,h2,h3,h4,h5,h6{font-family: "Microsoft YaHei"; margin:0; padding:0; color: #232425;}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
img{border:0; margin:0; padding:0;}
.fl{float: left;}
.fr{float: right;}
.ct{text-align: center;}
.m0{margin:0 auto;}
.of{overflow: hidden;}
.img_block{display: block; width: 100%;}
.cle{width: 100%; height: 0px; overflow: hidden; clear: both;}

.container{margin: 0 auto; }
@media screen and (min-width: 768px){
	.container{width: 750px;}
}
@media screen and (min-width: 992px){
	.container{width: 970px;}
}
@media screen and (min-width: 1200px){
	.container{width: 1170px;}
}
@media screen and (min-width: 1220px){
	.container{width: 1200px;}
}

@media (min-width: 1200px){
	.hidden-lg{display: none!important;}
}
@media (max-width: 1199px) and (min-width: 992px){
	.hidden-md{display: none!important;}
}
@media (max-width: 991px) and (min-width: 768px){
	.hidden-sm{display: none!important;}
}
@media (max-width: 767px){
	.hidden-xs{display: none!important;}
}
body,html{background:#f5f5f5;}
/*banner*/
.banner{background: url(banner.jpg) no-repeat center 0; height: 600px; }
.swiper-pagination-one,.swiper-pagination-two{
	position: static; margin: 0 auto; margin-top: 20px; transform: translateX(0)!important; 
	-webkit-transform: translateX(0)!important; -moz-transform: translateX(0)!important;
}
.swiper-pagination-bullet{width: 80px; height: 8px; background: #eff0f1; opacity: 1; border-radius: 5px;}
.my-bullet{display:inline-block; }
.my-bullet-active{background: #003c77;  opacity: 1; transform: scale(1)!important;}
.my-bullet-active-prev,.my-bullet-active-next{transform: scale(.66)!important;}

/*foot*/
.foot{background:#001437; padding: 80px 0;}
.footer{display: flex; justify-content: space-between;}
.footer p{color: #b5b9bc; font-size: 16px; line-height: 24px; text-align: justify;}
.footer p a{color: #b5b9bc; font-size: 16px; line-height: 24px;}
.footer img{display: block; width: auto;}
.foot-text{padding-left: 50px;}
.foot-mt{margin-top: 10px;}

.top{margin-top: 60px; display: flex;}
.top-left,.top-right{width: 50%;}
.top-left img{width: 100%; display: block;}
.top-right{padding-left: 40px; box-sizing: border-box; }
.top-right-title{font-weight: bold; font-size: 36px; line-height: 50px; color: #003c77; padding: 40px 0 20px;}
.top-right a{display: block; width: 160px; height: 40px; line-height: 40px; background: #009bea; color: #fff; text-align: center;
	 border-radius: 30px; margin-top: 30px;}
.top-right p,.daodu-text p{text-align: justify;}
.nav{margin: 60px 0; cursor: pointer;}
.daodu-img{position: relative;}
.daodu-img .daodu-lf-box{width: 32%; display: block; cursor: pointer;}
.daodu-text{position: absolute; left: 28%; top: 40px; width: 72%; height: auto; background: #eff0f1; padding: 30px; box-sizing: border-box;}
.daodu-text p,.daodu-text-s{font-size: 16px; line-height: 24px;}
.daodu-text a{font-size: 16px; line-height: 24px; color: #009bea; display: inline-block; margin-top: 10px;}
.daodu-title{font-size: 24px; line-height: 1; margin: 10px 0;}
.daodu-text-s{margin-bottom: 10px;}
.daodu-t{font-size: 30px; line-height: 1; font-weight: bold; color: #003c77;}
.page-back{background: #eff0f1; padding: 60px 0 70px; margin-top: 60px;}
.page-title{font-size: 36px; line-height: 1; font-weight: bold; color: #003c77; margin-bottom: 30px; text-align: center;}

.swiper-zhuanjia{height: 570px;}
.swiper-zhuanjia .swiper-slide img{width: 100%; display: block; height: 100%; object-fit: cover; opacity: 0.3;}
.swiper-zhuanjia .swiper-slide {
  	transition: transform 0.3s ease;
	transform: scale(1,0.8);
	background: black;
}
.swiper-zhuanjia .swiper-slide.swiper-slide-active {
  transform: scale(2.6,1);
  z-index: 1000000;
  background: transparent
}
.swiper-zhuanjia .swiper-slide.swiper-slide-active img {
  object-fit: fill;
  opacity: 1;
}
.swiper-button-next, .swiper-button-prev{width: 50px; height: 50px;}
.swiper-button-next:after, .swiper-button-prev:after{content: ''; background-position:center 0; background-repeat: no-repeat; background-size: 100% 100%; width: 100%; height: 100%; display: block;}
.swiper-button-prev:after{background-image: url(left-c.png);}
.swiper-button-next:after{background-image: url(right-c.png);}

.video_area{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100001; display: none;}
.video_background{width: 100%; height: 100%; background:#000; opacity: 0.75;}
.video_area .video_father{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.video_area video{width: 70%; display: block; margin: 0 auto; margin-top: 100px;}
.video_close_icon{position: fixed; top: 100px; right: 10%;}
.videolink{cursor: pointer;}


.block-title{color: #003c77; font-size: 30px; line-height: 1;margin: 50px 0 30px; text-align: center;}
.item-top{background-image: url(bg.jpg); background-position: center 0; background-size: cover; width: 100%; height: 140px; display: flex; flex-direction: column;
justify-content: space-around; padding: 5px 30px; box-sizing: border-box;}
.item-title{color: #fff; font-size: 24px; line-height: 32px; }
.item-text{color: #fff; font-size: 16px; line-height:24px; position: relative;}
.item-textbox{height: 260px; padding: 20px 30px 0; box-sizing: border-box; background: #eff0f1;}
.item-textbox p{font-size: 16px; line-height: 24px; text-align: justify;}
.item-textbox a{display: block; font-size: 16px; line-height: 24px; color: #009bea; margin-top: 20px; position: absolute; left: 30px;bottom: 30px;}
.item-title{font-size: 24px; line-height: 32px;}
@media screen and (max-width: 1199px){
	.top-right-title{font-size: 24px; line-height: 32px; padding-top: 10px;}
	.top-right p{font-size: 16px; line-height: 24px;}
	.daodu-t{font-size: 24px; line-height: 32px;}
	.daodu-text{top: 0; left: 32%; padding: 20px; width: 68%;}
	.daodu-title{font-size: 20px;}
	.item-textbox{height: 320px;}
	.swiper-zhuanjia{height: 520px;}
}
@media screen and (max-width: 991px){
	.top-right{padding-left: 0;}
	.top{display: block; margin-top: 30px;}
	.top-left, .top-right,.daodu-img .daodu-lf-box{width: 100%;}
	.top-right-title{font-size: 20px; line-height: 27px; padding-top: 20px;}
	.top-right a{margin-top: 20px; width: 120px; height: 30px; line-height: 30px; font-size: 16px;}
	.nav{margin: 30px 0;}
	.daodu-text{width: 100%; position: static;}
	.daodu-t{font-size: 20px; line-height: 27px;}
	.daodu-title{font-size: 18px; line-height: 27px; margin: 5px 0;}
	.page-back {
		padding: 30px 0;
		margin-top: 30px;
	}
	.page-title{font-size: 20px; margin-bottom: 20px;}
	.swiper-zhuanjia{height: 400px;}
	.swiper-button-next, .swiper-button-prev{width: 40px;height: 40px;}
	.block-title{font-size: 20px; line-height: 27px; margin: 30px 0 20px;}
	.item-textbox{height: 280px;}
	.swiper-pagination-bullet{width: 6px; height: 6px;}
	.swiper-pagination-one, .swiper-pagination-two{margin-top: 10px;}
	.footer img{width: 210px;}
}
@media screen and (max-width: 768px){
	p,span{font-size: 16px; line-height: 24px;}
	.container{margin: 0 15px;}
	.swiper-zhuanjia{height: 190px;}
	.item-title{font-size: 18px; line-height: 27px;}
	.foot{padding: 50px 0; }
	.item-textbox{height: 240px; padding: 15px;}
	.swiper-container-two .swiper-slide,.swiper-container-one .swiper-slide{ 
  		width: 300px;
	}
	.item-top{padding: 5px 20px;}
	.item-textbox p,.item-text,.daodu-text p, .daodu-text-s{font-size: 14px; line-height: 21px;}

	.video_area video{width: 100%; }
	.video_close_icon{top: 10px; right: 10px;}
	.footer{display: block;}
	.foot-text{padding-left: 0px; margin-top: 20px;}
	.footer p,.footer p a{font-size: 14px; line-height: 21px;}
	.item-textbox a{left: 15px; bottom: 15px;}
}


.box{padding:10px 0 30px; }
.content{width: 100%; margin:0 auto; max-width: 588px; border:0; border-radius: 10px; }
.form-sov{padding-bottom: 10px;}
.form-sov h3{font-weight: bold; font-size: 30px;
color: #3176c0; text-align: center; padding-bottom: 20px;}
.form-box{padding:30px 30px 30px;}
.form_content .input_box{display: block; padding:5px 0; }
.form_content i{font-size: 16px; font-style: normal; color: #333; display: block; padding-bottom: 5px;}
.form_content input{outline: none; height: 32px; width: 98%; font-size: 14px; padding: 0; border:1px solid #bfbfbf; padding-left: 2px; border-radius: 3px;}
select{height: 32px; width: 98.5%; outline: none; font-size: 14px; border:1px solid #bfbfbf; border-radius: 3px;}
.butt{display: block; width: 188px; text-align: center; height: 57px; cursor: pointer; color: #fff; font-size: 22px; margin: 0 auto; outline: none;
  border: 0; padding: 0;  margin-top: 30px; background: #009bea;
}
.header h5{font-size: 24px; color: #333; padding: 28px 50px 22px;}
.header img{display: block; width: 100%;}
.form-submit{padding: 0 50px;}
.modal-open{overflow: hidden; padding-right: 17px;}
.modal-form{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; overflow: hidden; overflow-x: hidden; overflow-y: auto; display: none;}
.modal-backdrop{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 90; background: #000; opacity: 0.7; filter: alpha(opacity=70); display: none;}
.modal-dialog{width: 90%; max-width: 588px; margin: 0 auto; margin-top: 150px;
	animation:myfirsts 0.17s linear; 
	-webkit-animation:myfirsts 0.17s linear;
	-moz-animation:myfirsts 0.17s linear;
}		
.modal-content{position: relative; background:#fff; }
.modal-content .close{color: #ddd; position: absolute; right: -42px; top: 0px; width: 30px;}
.option{color: #fff; font-weight: bold; font-size: 30px; line-height: 1; text-align: center; padding: 20px 0; background: #003c77;}
.cle{clear: both; width: 100%; height: 0;}
.gf-select { float: left; width: 49%; margin-right: 1%; position: relative;}
.gf-select span {width: 100%; border-radius: 2px; box-sizing: border-box; padding: 5px 27px 5px 10px;display: block; border: 1px solid #bfbfbf; cursor: pointer;}
.gf-select span em {font-style: normal; font-size: 16px; line-height: 24px;}
.gf-select .icon-jt { background: url(https://www.jq22.com/demo/jQuery-city20160328/down-jt.jpg) center right no-repeat; width: 12px; height: 6px;position: absolute;right: 10px;top: 50%; margin-top: -3px;}
.gf-select ul {border: 1px solid #bfbfbf; position: absolute; width: 100%; top: 31px; overflow-y :auto; display: none; background: #fff;}
.gf-select ul li { border-bottom: 1px solid #bfbfbf; line-height: 30px; padding-left: 10px; font-size: 14px;}
.gf-select ul li:last-child{ border-bottom: none; }

@keyframes myfirsts{
	0%   {margin-top: 0px;}
	50%  {margin-top: 75px;}
	100% {margin-top: 150px;}
}
@-moz-keyframes myfirsts{
	0%   {margin-top: 0px;}
	50%  {margin-top: 75px;}
	100% {margin-top: 150px;}
}
@-webkit-keyframes myfirsts{
	0%   {margin-top: 0px;}
	50%  {margin-top: 75px;}
	100% {margin-top: 150px;}
}

@media screen and (max-width: 768px){

	.modal-form .content{width: 90%; margin: 0 auto;}
	.modal-form .form-submit{padding: 0;}
	.modal-form .form_content{padding: 0;}
	.modal-form .modal-content .close{right: -12px; top: -32px; }
	.modal-form .modal-dialog{margin-top: 100px;}
	@keyframes myfirsts{
		0%   {margin-top: 0px;}
		50%  {margin-top: 50px;}
		100% {margin-top: 100px;}
	}
	@-moz-keyframes myfirsts{
		0%   {margin-top: 0px;}
		50%  {margin-top: 50px;}
		100% {margin-top: 100px;}
	}
	@-webkit-keyframes myfirsts{
		0%   {margin-top: 0px;}
		50%  {margin-top: 50px;}
		100% {margin-top: 100px;}
	}
	.form-submit{padding: 0 20px;}
	.modal-form .form_content .input_box{padding: 5px 0 0;}
	.option{ font-size: 20px; padding: 10px 0;}
	.butt{width: 120px; height: 36px;  font-size: 18px; }
}