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

@font-face{
	font-family: 'condenb';
	src : url(' ../fonts/HelveticaNeueCondensed-Bold.ttf');
}


body ,textarea,input{ color:#666;font-size: 18px;font-family: "Calibri"!important;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option,button{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline: none;border: none;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
dl,dt{font-weight: normal;}
a {color:#666; text-decoration:none;} 
a:focus,input, button, textarea, select{outline:0;} 
a:hover{text-decoration: none;}
h2{ color: #333; font-size: 46px; font-family: condenb; text-transform: uppercase;}
h3{ font-weight: bold; color: #333;}
input::placeholder{ opacity:0.4;}
input:focus::placeholder{ opacity:0;}
textarea::placeholder{ opacity:0.4;}
textarea:focus::placeholder{ opacity:0;}
p{ font-size: 18px; line-height: 24px;}
.c{clear: both;}
.fl{float: left;}
.fr{float: right;}
.imgfd{overflow: hidden;}
.imgfd img{transition: all 0.5s ease;height: auto;width: 100%;object-fit: cover;display: block;}
.imgfd:hover img{transform: scale(1.1);}
.pagination > li > a, .pagination > li > span{padding: 0 12px;border: 1px solid #bbb;color: #000;margin-right: 8px;display: block;font-size: 14px;text-align: center;line-height: 30px;}
.pagination li.first,.pagination li.last{display: none;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background: #163e83;border-color: #163e83;color: #fff;}
.pagination > li > a:hover{color: #163e83;}
.pagination li{float: left;}
.pagination{margin: 0;margin-top: 40px;display: inline-block;}
.page{text-align: center;width: 100%;}
.padd85{ padding: 85px 0;}
.swiper-wrapper{ height: auto;}
.swiper-slide{ height: auto;}
.swiper-slide img{ max-width: 100%;}
.ul3{ overflow: hidden;}
.ul3 li{width: 32%; float: left; margin-right: 2%;}
.ul3 li:nth-child(3n){ margin-right: 0;}

.ul4{ overflow: hidden;}
.ul4 li{width: 24%; float: left; margin-right: 1.33%;}
.ul4 li:nth-child(4n){ margin-right: 0;}

.search_bg{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.4); display: none;}
.search_close{ position: absolute; right: 15px; top: 15px; font-size: 30px; cursor: pointer;}
.search_box{ width: 550px; padding: 40px; margin: 350px auto; background: #fff; position: relative;}
.search_input p{ text-align: center;margin-bottom: 20px; font-size: 26px; color: #333;}
.search_input input{ width: 100%; line-height: 40px; font-size: 14px; padding-left: 10px; border: 1px solid #ddd;}
.search_input input.search_sub{ cursor: pointer;text-align: center; line-height: 40px; color: #fff; margin: 25px auto 0; width: 100px; background: #00388d; color: #fff; border: none; border-radius: 3px; display: inherit;}
@media (max-width: 600px){
	.pagination{margin-top: 20px;}
}

.center{ width: 1600px; margin: 0 auto;}
@media (max-width: 1700px){
	.center{ width:96%;}
	
}

.more_btn{ display: inline-block;}
.more_btn a,.more_btn span{ display: block; width: 150px; line-height: 48px; border-radius: 24px; color: #00388d; text-align: center; border:1px solid #00388d; margin-top: 60px; text-transform: uppercase;}
.more_btn:hover a,.more_btn:hover span{ background: #00388d; border-color: #00388d; color: #fff;}
.b_gray{ background: #f5f7f9;}
.b_gray2{ background: #f6f6f6;}
.ny_container{ width: 1400px; margin: 0 auto;}

@media (max-width: 1400px){
	.ny_container{ width: 94%;}
	.padd85{ padding: 55px 0;}
	.more_btn a,.more_btn span{ margin-top: 40px;}
}
.pagination > a{ float: left; padding: 0 12px; background: #666666; color: #fff;margin-right: 8px;display: block;font-size: 14px;text-align: center;line-height: 30px;}
.pagination  > span{ width: 100%; display: block;}
.pagination a.first,.pagination a.last{display: none;}
.pagination > a.active, .pagination > a.active:focus{background: #a2c711;}
.pagination  > a:hover{color: #a2c711;}
.pagination{margin: 0;margin-top: 40px;display: inline-block;}
.pages{text-align: center;width: 100%;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 10px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{  right:10px;}
.swiper-button-prev,.swiper-button-next{ text-align: center; width: 40px; height: 50px; line-height: 50px; border-radius: 5px; top: 250px;z-index: 8;background: none; font-size:42px;}
.swiper-button-prev:hover,.swiper-button-next:hover{ color: #00388d;}
@media (max-width: 1200px){
	.padd85{ padding: 45px 0;}
	h2{ font-size: 36px;}
}
@media (max-width: 1024px){
	.pages{ margin-bottom: 60px;}
	.padd85{ padding: 35px 0;}
	.ul3 li{width: 49%; float: left; margin-right: 2%;}
	.ul3 li:nth-child(3n){ margin-right: 2%;}
	.ul3 li:nth-child(2n){ margin-right: 0;}
	.ul4 li{width: 49%; float: left; margin-right: 2%;}
	.ul4 li:nth-child(2n){ margin-right: 0;}
	.more_btn a,.more_btn span{ margin-top: 30px; line-height: 32px; border-radius: 16px;}
	
}
@media (max-width: 768px){
	.pages{ margin-bottom: 40px;}
	.padd85{ padding: 25px 0;}
	h2{ font-size: 30px;}
	p{ font-size: 16px; line-height: 22px;}
	.more_btn a,.more_btn span{ font-size: 16px; margin-top: 20px;}
	
}
@media (max-width: 540px){
	.pages{ margin-bottom: 30px;}
	.swiper-button-prev, .swiper-button-next{ top: 180px;}
	
}
@media (max-width: 450px){
	.pages{ margin-bottom: 20px;}
}