@charset "UTF-8";
/* index banner */
a:hover {
	-webkit-tap-highlight-color: transparent;
}
.banner {
	position: relative;
	width: 100%;
}
.swiper-pagination {
	bottom: 0.1rem !important;
	text-align: center !important;
	font-size: 0;
}
.swiper-pagination-bullet {
	width: 0.12rem !important;
	height: 0.12rem !important;
	opacity: 1 !important;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFF !important;
	box-shadow: 1px 1px 1px rgba(0,0,0,.7);
}
.swiper-pagination-bullet-active {
	background-color: #ca0217 !important;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
	margin: 0 0.05rem !important;
}
/* ------------------------- --------------------------*/
@font-face {
	font-family: "hfont";
	src: url('../font/hfont.woff') format('woff'), url('../font/hfont.ttf') format('truetype');
}
.hfont {
	font-family: "hfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.clear-fix:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: ".";
}
input {
	outline: none;
}
body {
	background: #FFF !important;
}
.allpage {
	background: #FFF !important;
}
/*head*/

.logo {
	display: block;
	width: 80.3125% !important;
	color: #303030;
	font-size:0.3rem;
	font-weight: bold;
	text-align: left;
}
.search {
	background-color: #49cbc9 !important;
}
.nav-btn {
	color: #fff !important;
}
.search_hl {
	color: #fff !important;
}
.head1 {
	background-color: #fff!important;
}
/*content*/
.content {
	padding-bottom: 0.75rem !important;
}
/*iwrap*/
.iwrap {
	position: relative;
	width:98%;
	margin: 0 auto;
}
.head1 {
	background-color: #fff!important;
}
.swiper-slide img {
	display: block;
}
/*hnav2*/
.hnav2 {
	background: #0068B9;
}
.hnav2 .son {
	float: left;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 25%;
	border-right: 1px solid #0075d0;
	border-left: #005ca3 solid 1px;
	border-bottom: #0075d0 solid 1px;
	border-top: #005ca3 solid 1px;
	font-size: 0.18rem;
	line-height: 0.5rem;
	text-align: center;
	color: #FFF;
}
.hnav2 .son:nth-child(4n) {
	border-right: none;
}
.hnav2 .son:nth-child(4n+1) {
	border-left: none;
}
/*hnav*/
.hnav {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.1rem 0;
}
.hnav-son {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.16rem;
	line-height: 0.55rem;
	text-align: center;
	color: #fff;
	margin: 1%;
	border-radius: 0.05rem;
	height: 0.55rem;
	overflow: hidden;
	width: 31.333%;
	float: left;
	background-color: #0068B9;
}
.hnav-son:hover {
	background-color:#ff3030;
}
/*itl*/
#wrap{width: 100%;background-color: #F4F2F3;padding:30px 0px;border-top: 1px solid #C3C2C2;}
.title{text-align: center;color: #272727;margin-bottom: 10px;}
.title li{font-size: 24px;}
.title p{font-size: 16px;margin:5px 0px;text-transform: uppercase;}
.title ol{width: 40px;height: 2px;background-color: #0068B9;margin: 0px auto;}
.new_more{ width: 160px; height: 40px; background: #0068B9; margin: 20px auto; line-height: 40px; text-align: center; border-radius: 5px;}
.new_more a{ color: #fff; font-size: 16px;}
.new_more:hover{ background-color: #333;}
#wrap1{width: 100%;background-image: url(../images/gs.jpg);padding:30px 0px;background-size: 100% 100%;}
.title1{text-align: center;color: #fff;margin-bottom: 10px;}
.title1 li{font-size: 24px;}
.title1 p{font-size: 16px;margin:5px 0px;text-transform: uppercase;}
.title1 ol{width: 40px;height: 2px;background-color: #fff;margin: 0px auto;}
.company{margin: 2%;color: #fff;}
.company dl img{width:100%;height: auto;max-width: 800px;}
.company ul dd{font-size: 20px;margin-bottom: 15px;text-align: center;margin: 0px;padding: 0px;color: #fff;}
.company ul ol{width: 60px;height: 2px;background-color: #fff;margin:5px auto 10px auto;padding: 0px;}
.company ul p{font-size: 15px;line-height:30px;text-indent: 2em;}
.company ul li{background-color: #FFFFFF;height: 40px;line-height:40px;width: 160px;margin:15px auto 0px auto;text-align: center;}
.company ul li a{font-size:16px;color: #045899;}
.company:hover ul li{background-color: #303030;}
.company:hover ul li a{color: #fff;}
.gsys{ padding: 5% 0%; background: url(../images/ys_bg.jpg) no-repeat top;}
.gsysb .hd { width: 100%;}
.gsysb .hd ul{ display: flex; justify-content: space-around; flex-wrap: wrap;}
.gsysb .hd ul li {  color: #888888; background: #fff; margin-bottom: 3%; width: 49%;}
.gsysb .hd ul li h6{ width: 91px; height: 110px; line-height: 110px; position: absolute; right: 0; top: 0px; color: #eff1f4; font-size: 70px; font-weight: bold; font-family: Arial;}
.gsysb .hd ul li i { display: block; width: 60px; height: 60px; float: left; margin-top: 15px; margin-right: 10px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; border-radius: 50%;}
.gsysb .hd ul li i.d1{ background:url(../images/ys_d1.png) no-repeat 0 0 #0068B9;}
.gsysb .hd ul li i.d2{ background:url(../images/ys_d2.png) no-repeat 0 0 #0068B9;}
.gsysb .hd ul li i.d3{ background:url(../images/ys_d3.png) no-repeat 0 0 #0068B9;}
.gsysb .hd ul li i.d4{ background:url(../images/ys_d4.png) no-repeat 0 0 #0068B9;}
.gsysb .hd ul li span { display: block; font-size: 0.2rem; color: #333333; padding-top:5px;}
.gsysb .hd ul li:nth-child(2) span{padding-top: 10px;}
.gsysb .hd ul li b { display: block; color: #333333; text-transform:uppercase; font-size: 12px; padding-top: 5px;font-weight: lighter;}
.gsysb .hd ul li.on i.d1{ background:url(../images/ys_d1.png) no-repeat 0 -60px #fff;}
.gsysb .hd ul li.on i.d2{ background:url(../images/ys_d2.png) no-repeat 0 -60px #fff;}
.gsysb .hd ul li.on i.d3{ background:url(../images/ys_d3.png) no-repeat 0 -60px #fff;}
.gsysb .hd ul li.on i.d4{ background:url(../images/ys_d4.png) no-repeat 0 -60px #fff;}
.gsysb .hd ul li.on{background: #0068B9; position: relative; z-index: 5;}
.gsysb .hd ul li.on span { color: #fff;}
.gsysb .hd ul li.on b{ color: #E6212A;}
.gsysb .hd ul li.on h6{ color: #E6212A;}
.sbj{margin-top: 10px;}
.xwzx ul{width:44%;float: left;margin:0 1% 2% 1%;background-color: #fff;padding:2%;}
.xwzx ul li img{width: 100%;height:130px;cursor:pointer;transition: all 0.6s;}
.xwzx ul p{margin: 10px 0px;}
.xwzx ul p a{font-size: 14px;color: #303030;}
.xwzx ul ol{color: #999;line-height: 26px;padding: 0px;margin: 0px;font-size: 13px;}
.xwzx ul dt{border:1px solid #ddd;height: 36px;line-height: 36px;text-align: center;margin-top:8px;}
.xwzx ul dt a{color: #303030;}
.xwzx ul:hover p a{color: #2761c4;margin-left: 5px;}
.xwzx ul:hover dt{border: 1px solid #2761c4;background-color: #2761c4;}
.xwzx ul:hover dt a{color: #fff;}
.xwzx ul:hover{box-shadow:1px 1px 6px #ccc;}
/*iadg*/
.iadg {
	font-size: 0.21rem;
	line-height: 1.5em;
	color: #323232;
	text-align: left;
	margin: 2% auto;
}
/*item_b*/
.item_b {
	position: relative;
	float: left;
	width:48%;
	margin: 10px 1%;
	background-color: #fff;
}
.item_b:hover{background-color: #0068B9;}
.item_b:hover .tl{color: #fff;}
.item_b .pic {
	position: relative;
	text-align: center;
}
.item_b .pic img {
	width: 100%;
	height: 155px;
}
.item_b1 {
	position: relative;
	float: left;
	width:48%;
	margin:0px 1%;
}
.item_b1 .pic1 {
	position: relative;
	text-align: center;
}
.item_b1 .pic1 img {
	width: 100%;
	height: 250px;
}
.item_b .tl {
	font-weight: normal;
	font-size: 0.18rem;
	line-height: 0.5rem;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 0.5rem;
	color: #333;
}
.item_b1 .tl1 {
	font-weight: normal;
	font-size: 0.18rem;
	line-height: 0.5rem;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 0.5rem;
	color: #333;
}
/*beian*/
.beian {
	width: 100%;
	font-size: 0.2rem;
	line-height: 0.45rem;
	text-align: center;
	background-color: #F2F2F2;
	color: #a9a9a9;
	margin-top: 10px;
}
.beian img {
	display: inline-block;
}
/*footer*/
.footer {
	height: 0.75rem !important;
}
.foot-relative {
	height: 0.75rem !important;
}
.foot a {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	text-align: center;
	color: #FFF !important;
	border-left: #005ca3 solid 1px;
	border-right: #0075d0 solid 1px;
}
.foot a:first-child {
	border-left: none;
}
.foot a:last-child {
	border-right: none;
}
.i_tel {
	width: 93.75%;
	margin: 0.1rem auto;
	border: #cacaca solid 1px;
	border-radius: 0.08rem;
	text-align: center;
	line-height: 0.5rem;
	color: #666666;
}
.i_tel img {
	display: inline-block;
	width: 6.6%;
	margin-right: 3%;
	vertical-align: middle;
	margin-bottom: 1%;
}
.i_tel em {
	font-style: normal;
	color: #1e3300;
	font-size: 0.22rem;
}
.page a {
	color: #333;
}
.pages {
	padding-bottom: 20px;
	display: inline-block;
}
.pages li {
	float: left;
	padding: 0px 5px;
}
.pages li a {
	color: #333;
}
.about embed {
	width: 100%;
	height: auto;
}
.about iframe {
	width: 100%;
	height: auto;
}
.rytp ul {
	width: 46%;
	float: left;
	margin: 0 2%;
}
.rytp ul li {
	width: 156px;
	border: 1px solid #ccc;
	text-align: center !important;
	margin: 0px auto;
}
.rytp ul li a {
	text-align: center !important;
	width: 156px;
	height: 156px;
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
}
.rytp ul li a img {
	vertical-align: middle;
	display: inline-block;
}
.rytp ul p {
	line-height: 32px;
	height: 32px;
	text-align: center;
}
.prolist {
	width: 100%;
	padding: 10px 0;
	overflow: hidden;
}
.prolist dl {
	float: left;
	margin: 0 1%;
	width: 48%;
	height: auto;
	line-height: 0px;
}
.prolist dt {
	width: 96%;
	height: auto;
	text-align: center;
	border: 1px solid #CCCCCC;
	padding: 2px;
}
.prolist dt a {
	width: 100%;
}
.prolist dd {
	text-align: center;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 14px;
	width: 100%;
}
.pro_list_img {
	width: 100%;
	height: 174px;
	display: table-cell;
	vertical-align: middle;
	margin: 0px;
	float: none;
	line-height: 0px;
	font-size: 0px;
}
.prolist dt .pro_list_img img {
	padding: 0px;
	border: none;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: auto;
	line-height: 0px;
	font-size: 0px;
}
.prolist dl dd a {
	color: #333;
}
.simple_btn {
	width: 120px;
	height: 38px;
	line-height: 38px;
	color: #fff;
	text-align: center;
	background-color: #0068b9;
	border: 0px;
}
.about p a {
	color: #333;
}
.list_input {
	border: 1px solid #ccc;
	height: 36px;
	line-height: 36px;
	margin-bottom: 10px;
}
.list_textarea {
	line-height: 36px;
	border: 1px solid #ccc;
}
.searchn{text-align: center;padding:8px 0px;}
.searchn input {color: rgba(0,0,0,0.85);display: inline-block;font-size: 14px;height: 44px;border: 1px solid #e8e8e8;outline: none;padding: 0 16px;vertical-align: middle;width:70%;margin: 0px;}
.searchn button {background-color: #0068b9;color: #fff;cursor: pointer;display: inline-block;font-size: 14px;line-height: 44px;outline: none;vertical-align: middle;width:20%;padding: 0px;border: 1px solid #0068b9;margin-left:-5px;}
.searchn img {height: 16px;margin-right: 8px;vertical-align: middle;width: 14px;}
.list_input{width: 160%;}
.list_textarea{width: 158%;}
.fz_gjcb{ display: flex; justify-content: left; flex-wrap: wrap;}
.fz_gjcb li{ background: #F7F7F7; padding: 0px 20px; font-size: 16px; border-radius: 20px; line-height: 50px; margin: 10px}
.title1 li{font-weight:600;text-align: center;font-size:0.45rem;color: 3333;}