@charset "utf-8";

.mw-100{max-width: 100%}
.w-100{width: 100%}
.row{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.pr-1{padding-right: 6px}
.pl-1{padding-left: 6px}
.pt-1{padding-top: 6px}
.pb-1{padding-bottom: 6px}

*{margin:0; padding:0;}
body,h1,h2,h3,h4,h5,input,select,textarea,span{color:#2e3092;font-family:"Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif}
a,a:hover,a:focus{color:inherit; text-decoration:none;}
ul {list-style: outside none none;margin: 0;padding: 0;}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
  padding: 0px;
}
em {font-style: normal;}
html{ line-height: 1.2; overflow-x: hidden;}
button {outline: none;}
input { outline: none; }
.clearfix:after { content: " "; display: table;clear: both; }
.mt-30 {margin-top: 30px;}
.mt-15 {margin-top: 15px;}

html,body{background: url(../images/background_02.jpg);}
header{background: url(../images/header.png) center; height: 120px;position: relative;}
header .animate{
	height: 120px;
position:absolute;
animation:mymove 4s infinite;
-webkit-animation:mymove 4s infinite; /*Safari and Chrome*/
}
@keyframes mymove{
	from {right:-600px;}
	to {right:2000px;}
}
@-webkit-keyframes mymove {/*Safari and Chrome*/
	from {right:-600px;}
	to {right:2000px;}
}
header .container{height: 100%;}
header .col-sm-5{display: flex;align-items: center;height: 100%;}
header .col-sm-5 img{width: 100%;}
header h4{font-size: 24px;font-weight: bold; color: #2e3092;margin-top: 26px;}
header p{margin-top: 14px;}
header p span{font-size: 15px; font-weight: bold;border-right: 2px solid #2E3092;margin-right: 5px;padding-right: 5px;}
header p span i{margin-right: 3px;}
header p span:last-child{border-right: 0;}
header .col-sm-7{text-align: right;}
/*header p:last-child span{display: inline-block; width: 36px;height: 36px;border-radius: 50%;border-right: 0;color: #fff;background: #0071bc;text-align: center;line-height: 36px;padding: 0;cursor: pointer;}*/

/*swiper*/
.swiper-container {width: 100%;}

.swiper-slide img {width: 100%;display: block;}
.swiper-button-prev {left: 11%;}
.swiper-button-next {right: 11%;}
/*swiper end*/

.nav ul{display: flex;justify-content: space-around;margin: 0 auto;}
.nav ul li{border: 7px solid #17469e;height: 82px; text-align: center;margin-left: 1px;background: #0071bc;cursor: pointer;}
.nav ul li:hover{background: #0566a7;}
.nav ul li a{display: block;}
.nav ul li i{display: block;margin: 10px auto;}
.nav ul li span{color: #ffffff;word-wrap: break-word;}
.nav i{color: #fff;font-size: 22px;}

footer{margin-top: 40px;}
footer .top{height: 140px;border: 7px solid #17469e;margin: 0 auto;background: url(../images/header.png);overflow: hidden;}
footer .top img{width: 96%;display: block;}
footer .top .col-md-6{height: 100%;display: flex;align-items: center;}
footer .bottom{padding: 38px 0;}
footer .bottom p{text-align: center;color: #221e1f;font-size: 22px;font-weight: bold;line-height: 36px;}
footer .bottom p i{color: #17469E;font-size: 40px;display: inline-block;transform:rotate(-20deg);position: relative;top: 6px;}
footer .bottom .copyRight{font-size: 16px;font-weight: normal;}

.return{text-align: center;width: 80px;position: fixed;right: 40px;bottom: 40px;z-index: 999;}
.return a{color: #0773BB;}
.return i{margin-bottom: 10px;display: block;width: 80px;height: 80px;line-height: 80px;text-align: center;background: #0773bb;border-radius: 50%;font-size: 50px;color: #f1eb25;}

/*about-us*/
.about-us h1{margin:50px 0 20px 0 ;color: #333;font-weight: bold;}
.about-us p{color: #333;margin-bottom: 20px;font-size: 20px;}

/*about*/
.about{margin-top: 40px;background-color: rgba(248, 248, 248, 0.6)}
.about h1{margin:50px 0 20px 0 ;color: #333;font-weight: bold;}
.about h2{margin:50px 0 20px 0 ;color: #333;font-weight: bold;}
.about p{color: #333;margin-bottom: 20px;font-size: 20px;}
.about p a:hover{opacity: 0.8}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
	header .container{width: 82%;}
	header h4{font-size: 22px;}
	@media screen and (max-width: 991px){
		header h4{font-size: 16px;}
	}
}
@media only screen and (min-width: 200px) and (max-width: 991px) {
	.container{padding: 0;margin: 0;width: 100%;}
	header {height: auto;}
	header .container{width: 100%;}
	header .col-sm-5{height: auto;}
	header h4{font-size: 22px;margin-top: 5px;}
	header p{margin: 5px 0;}
	header p span{font-size: 14px;}
	footer .top{width: 82%;height: auto;padding: 12px;}
	footer .top .col-sm-6{margin: 10px 0;}
	.swiper-button-prev,.swiper-button-next{display: none;}
	@media screen and (max-width: 767px){
		header h4{font-size: 18px;margin-top: 5px;}
		header p span{font-size: 12px;}
		.nav ul li{width: 17%;padding: 0;}
		.nav ul li i{margin: 10px auto ;font-size: 20px;}
		.nav ul li span{font-size: 9px;}
		/*.nav ul{display: block;}*/
		/*.nav ul li{border-top: 0;}*/
		/*.nav ul li:first-child{border-top: 7px solid #17469e;}*/
		footer .top{width: auto;}
		.nav ul li {border: 2px solid #17469e;height: auto;min-height: 82px}
	}
	@media screen and (max-width: 320px){
		header h4{font-size: 16px;}
	}
}

.mobile-h{
	display: none;
}
.pc-bottom{
	display: block;
}
header .top-address{
	display: none;
}
@media only screen and  (max-width: 767px){
	.mobile-h{
		display: block;
	}
	.pc-bottom{
		display: none;
	}
	header .col-sm-7 {
		text-align: center;
	}
	header h4{
		font-size: 13px;
	}
	header .top-address{
		display: block;
	}
}