/*top*/
.top_bg{height: auto; width:100%; background-color:#626262;}
.top{color:#fff; font-size:13px; line-height:38px}
.top span{float:right}
/*----------------header-------------------------*/

.header {
	background: #fff;
	z-index: 10;
	overflow: initial;
}
.header-title {
	height: 84px;
	position: relative;
}
.header-title ul {
	overflow: hidden;
}
.header-title .logo {
	float:left;
	width: 231px;
	height: 84px;
	z-index: 99;

}

.header-title .logo img {
	margin: 0 auto;
}
.header-title li {
	float: left;
	width: 43%;
	padding: 13px 0;
}
.header-title li h2 {
	margin-left: 0;
	width: 90%;
	color: #333333;
	font-size: 16px;
	margin-top: 10px;
}
.header-title li p {
	font-size: 16px;
	text-align: left;
	color: #333333;
	height: 32px;
}
.header-title .tel {
	float: right;
	margin-top: 15px;
	padding-left: 65px;
	background: url(../images/icon14.png) left center no-repeat;

	line-height: 24px;
	font-size: 15px;
	color: #777;
}

.header-title .tel h6 {
	font-weight: 400;
	font-size: 14px
}

.header-title .tel span {
	font-size: 30px;
	line-height: 32px;
	color: #d61518; font-family:Arial, Helvetica, sans-serif

}
/*----------------header-nav-------------------------*/

.header-nav {
	background-image: -webkit-gradient(linear, right top, left top, from(rgb(0, 45, 113)), color-stop(20%, rgb(0, 30, 76)), to(rgb(0, 45, 113)));
	min-height: 50px;
	z-index: 10;
	overflow: initial;
}
.header-nav .nav {
	overflow: hidden;
}
.header-nav .nav .navroot {
	width: 12.5%;
	float: left;
	overflow: hidden; position:relative
}
.header-nav .nav .navroot a {
	font-size: 16px;
	color: #fff;
	height: 50px;
	line-height: 50px;
	text-align: left;
	overflow: hidden;
	box-sizing: border-box;
	display: block;
	text-align: center;
}
/*.navroot:nth-child(4) {
	margin-right: 240px;
}*/
.header-nav .nav ul .active a, .header-nav .nav ul li a:hover {
	color: #fff;
	background-color: #e6212a;
}

.nav_xl{    position: absolute;
    transform: translate(-50%,0);
    width: auto;
    z-index: 1100;
    background: 0 0;
    border: none;
    margin-top: 0;
    opacity: 0;
    /* overflow: hidden; */
    display: none;
    top: 100%;
    left: 50%;
    color: #303233;
    height: auto;
    padding: 0;
    /* transition: height .5s ease; */}
.nav_xl a{font-size:14px; color:#434343; line-height:50px; display:block}

/* header-m */
.header-m{
	width: 100%;
	height: 66px;
	position: fixed;
	top: 0;
	background: #FFFFFF;
	display: none;
	padding: 5px 10px;
	box-sizing: border-box;
	z-index: 9999;
}
.menu-m{
	position: absolute;
	top: 15px;
	right: 15px;
}
.menu-m img{
	width: 30px;
}
.header-m .nav_hide{
	position: absolute;
	top: 60px;
	left: 0;
	z-index:10000;
	width: 100%;
	background:rgba(0, 0, 0, 0.8);
	padding: 0;
	letter-spacing: 1px;
	display: none;
}
.nav_hide li{height:45px;line-height:45px;border-bottom:1px #DDDDDD solid;}
.nav_hide li:nth-child(1){ border-top:none;}
.nav_hide li:nth-child(9){ border-bottom:none;}
.nav_hide li a{display:block;font-size:16px;color:#fff;text-align:center;}

@media (max-width:768px) {
	.header{
		display: none;
	}
	.header-m{
		display: block;
	}
	.top_bg{display:none}
}

/* adv */
.section {
	padding: 70px 0;
}
.section-title {
	margin-bottom: 30px;
	text-align: center;
	font-size: 30px;
}
.section-title strong {
	color: #002d71;
	margin-right: 5px;
}
.section-title p {
	margin: 0;
	font-size: 0;
	margin-top: 15px;
}
.section-title span {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-size: 16px;
	padding: 0 20px;
}
.section-title span:before, .section-title span:after {
	position: absolute;
	top: 50%;
	content: '';
	width: 40px;
	height: 2px;
	background-color: #002d71;
	margin-top: -1px;
}
.section-title span:before {
	right: 100%;
}
.section-title span:after {
	left: 100%;
}
.in-yin {
	margin: 0 0 0 -18px;
}
.in-yin li {
	float: left;
	width: 25%;
}
.in-yin li a {
	display: block;
	position: relative;
	margin: 0 0 0 18px;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.in-yin li a .img-center img{
	width: 100%;
}
.in-yin li .tit {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #002d71;
	text-align: center;
	font-size: 18px;
	line-height: 85px;
	font-weight: bold;
	color: #fff;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.in-yin li .tit i {
	position: absolute;
	left: 50%;
	top: -23px;
	width: 46px;
	height: 46px;
	background: no-repeat center #142038;
	margin-left: -23px;
	border-radius: 50%;
}
.in-yin li .text {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.in-yin li .wrap {
	color: #fff;
	padding: 80px 30px 0;
}
.in-yin li .wrap i {
	width: 64px;
	height: 64px;
	background: no-repeat center #FFFFFF;
	margin: 0 auto;
	border-radius: 50%;
	display: block;
}
.in-yin li .wrap h4 {
	margin: 0;
	position: relative;
	line-height: 70px;
	font-size: 26px;
	text-align: center;
}
.in-yin li .wrap h4:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	height: 3px;
	width: 30px;
	background-color: #fff;
	margin-left: -15px;
}
.in-yin li .wrap p {
	font-size: 16px;
	line-height: 1.8;
	text-align: justify;
	margin: 25px 0 0;
}
.in-yin li a:hover {
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}
.in-yin li a:hover .tit {
	bottom: -108px;
}
.in-yin li a:hover .text {
	top: 0;
}
@media (max-width:768px) {
	.ind-adv{
		padding: 20px 0 30px;
	}
	.ind-adv li{
		width: 50%;
	}
	.in-yin li .wrap{
		padding: 20px 20px 0;
	}
	.in-yin li .wrap h4{
		display: none;
	}
}

/* news */
/*.h_article .box {
	width: 100%;
	margin-top: 40px;
}
.h_article .box .fl {
	width: 42%;
	float: left;
}
.h_article .box .fl li {
	float: left;
	position: relative;
}
.h_article .box .fl li .pic img {
	width: 100%;
	display: block;
}
.h_article .box .fl li .text {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	padding: 12% 0 0 17%;
	box-sizing: border-box;
}
.h_article .box .fl li .text img {
	display: block;
	max-width: 100%;
}
.h_article .box .fl li .text span {
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	display: block;
	margin-top: 12px;
}
.h_article .box .fl li:first-child {
	width: 100%;
	margin-bottom: 2%;
}
.h_article .box .fl li:first-child .text {
	padding: 5% 0 0 8%;
	box-sizing: border-box;
}
.h_article .box .fl li:first-child .text span {
	font-size: 40px;
	color: #fff;
	display: block;
	font-weight: bold;
	margin-top: 10px;
}
.h_article .box .fl li:first-child .text p {
	font-size: 30px;
	color: #fff;
	display: block;
	font-weight: bold;
	margin-top: 10px;
}
.h_article .box .fl li:first-child + li {
	width: 49%;
	margin-right: 2%;
}
.h_article .box .fl li:first-child + li + li {
	width: 49%;
}
.h_article .box .fr {
	width: 56%;
	background: #34478F;
	padding: 50px;
	box-sizing: border-box;
}
.h_article .box .fr .fr_tit {
	width: 100%;
	position: relative;
}
.h_article .box .fr .fr_tit p span {
	font-size: 26px;
	color: #fff;
	display: block;
	font-weight: bold;
}
.h_article .box .fr .fr_tit p i {
	font-size: 20px;
	color: #fff;
	font-style: normal;
	display: block;
	margin-top: 5px;
}
.h_article .box .fr .fr_tit a {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 18px;
	color: #fff;
	display: block;
}
.h_article .box .fr .list {
	width: 100%;
	margin-top: 20px;
}
.h_article .box .fr .list li {
	background: url(../images/dian.png) no-repeat left center;
	padding-left: 15px;
	float: left;
	width: 100%;
	line-height: 41px;
	box-sizing: border-box;
}
.h_article .box .fr .list li a {
	width: 60%;
	font-size: 14px;
	color: #fff;
	float: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
}
.h_article .box .fr .list li a:hover {
	padding-left: 10px;
}
.h_article .box .fr .list li span {
	width: 40%;
	font-size: 14px;
	color: #ddd;
	float: right;
	text-align: right;
}
@media screen and (max-width: 768px){
	.h_article .box{
		margin-top: 0;
	}
	.h_article .box .fl {
		width: 100%;
	}
	.h_article .box .fl li .text img{
		height: 32px;
	}
	.h_article .box .fl li .text span{
		font-size: 18px;
	}
	.h_article .box .fr {
		width: 100%;
		margin-top: 10px;
		padding: 20px;
	}
}*/

/* index-adv */
/*.index-adv{
	padding:60px 0;
	background:url(../images/index_adv_bg.jpg) no-repeat center;
	background-size:cover;
	background-attachment: fixed;
}
.h_tlt2 {
	width: 100%;
	margin-bottom: 20px;
}
.h_tlt2 p {
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.h_tlt2 span {
	display: block;
	font-size: 15px;
	font-weight: lighter;
	color: #999;
	text-align: center;
	height: 40px;
	line-height: 40px;
}
.index-adv-box li{
	float:left;
	width:25%;
	padding:0 40px;
	box-sizing: border-box;
}
.index-adv-pic{
	width:155px;
	margin:0 auto 30px;
}
.index-adv-pic img{
	display:block;
	width:100%;
}
.index-adv-tit{
	font-size:18px;
	line-height:20px;
	text-align:center;
	margin-bottom:30px;
	color:#fff;
	font-weight:bold;
}
.index-adv-des{
	font-size:16px;
	line-height:24px;
	color:#fff;
}
@media (max-width: 1259px) {
	.index-adv-box li{
		padding:0 25px;
	}
	.index-adv-pic{
		width:140px;
		margin:0 auto 10px;
	}
	.index-adv-tit{
		font-size:16px;
		margin-bottom:20px;
	}
	.index-adv-des{
		font-size:15px;
	}
}
@media (max-width: 768px) {
	.index-adv{
		display: none;
	}
}*/
/*
.index-contact{
	background: url(../images/glan1.jpg) center top no-repeat;
	padding: 130px 0 50px;
	overflow: hidden;
}
.indc-tit h4{
	font-size: 30px;
	color: #FFFFFF;
}
.indc-tit p {
    font-size: 16px;
    color: #fff;
	margin-top: 5px;
}
.indc-tel{
	width: 48%;
	margin-top: 30px;
	overflow: hidden;
}
.indc-tel a{
	padding: 5px 20px;
	background: #FFFFFF;
	text-align: center;
	line-height: 36px;
	color: #333333;
	font-size: 18px;
	float: left;
	border-radius: 4px;
	font-weight: bold;
}
.indc-tel .indc-d{
	float: left;
	color: #fff;
	font-size: 36px;
	font-family: -webkit-pictograph;
	background: url(../images/indc-tel.png) left center no-repeat;
	padding-left: 50px;
	margin-left: 70px;
	font-weight: bold;
}
.indc-tel a:hover{
	color: #FFFFFF;
	background: #002d71;
}
@media (max-width: 768px) {
	.index-contact{
		display: none;
	}
}*/

/* index-about */
/*.floor_6_main{
	padding: 70px 0 50px;
}
.floor_6_main .w1200{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.ind-about .title {
 	text-align: center;
 	width: 100%;
 	margin-bottom: 40px;
 	position: relative
 }

.ind-about .title h3 {
 	font-size: 30px;
 	font-weight: 700;
 	display: block;
 	line-height: 60px
 }

.ind-about .title h3 b {
 	display: inline-block;
 	color: #002d71
 }

.ind-about .title h4 {
 	font-size: 16px;
 	font-weight: 400;
 	display: block;
	padding-top: 10px;
 	letter-spacing: 1px;
	color: #999999;
 }

.ind-about .title s {
 	position: absolute;
 	top: 12px;
 	display: block;
 	background: url(../images/line.png) no-repeat;
 	width: 124px;
 	height: 42px
 }

.ind-about .title .line_lef {
 	left: 50%;
 	margin-left: -300px
 }

.ind-about .title .line_rig {
 	right: 50%;
 	margin-right: -300px
 }
.iabout .lefnav {
 	width: 200px
 }

.iabout .lefnav li {
 	width: 40px;
 	height: 180px;
 	overflow: hidden;
 	float: left;
 	display: block;
 	position: relative
 }

.iabout .lefnav li a {
 	display: block;
 	padding-top: 40px;
 	text-align: center;
 	background: #1d773a;
 	color: #fff
 }

.iabout .lefnav li em {
 	width: 10px;
 	height: 10px;
 	border: 2px solid #fff;
 	-moz-border-radius: 100%;
 	-webkit-border-radius: 100%;
 	border-radius: 100%;
 	position: absolute;
 	left: 50%;
 	margin-left: -7px;
 	top: 15px
 }

.iabout .lefnav li h3 {
 	width: 20px;
 	height: 130px;
 	line-height: 18px;
 	margin: 0 auto
 }

.iabout .lefnav li.li1 a {
 	background: #262a71
 }

.iabout .lefnav li.li2 a {
 	background: #262a87
 }

.iabout .lefnav li.li3 a {
 	background: #262a71
 }

.iabout .lefnav li.li4 a {
 	background: #262a87
 }

.iabout .lefnav li.li5 a {
 	background: #262a71
 }

.iabout .lefnav li a:hover {
 	background: #DB261D
 }

.iabout .lefnav .more1 {
 	width: 150px;
 	height: 125px;
 	background: url(../images/fuhao1.jpg) no-repeat left top;
 	position: relative;
 	display: block
 }

.iabout .lefnav .more1 p {
 	width: 23px;
 	height: 60px;
 	line-height: 14px;
 	background: #DB261D;
 	color: #fff;
 	position: absolute;
 	right: -12px;
 	bottom: -10px;
 	text-align: center;
 	padding-top: 5px;
 	font-size: 12px;
 	-webkit-transition: all .3s ease-in-out 0s;
 	-moz-transition: all .3s ease-in-out 0s;
 	transition: all .3s ease-in-out 0s
 }

.iabout .lefnav .more1:hover p {
 	background: #DB261D
 }

.iabout .img {
 	width: 510px;
 	height: 330px;
 	overflow: hidden
 }

.iabout .img img {
 	width: 100%;
 	height: 100%;
 	display: block;
 	-webkit-transition: all ease 300ms;
 	-moz-transition: all ease 300ms;
 	-ms-transition: all ease 300ms;
 	-o-transition: all ease 300ms;
 	transition: all ease 300ms
 }

.iabout .img:hover img {
 	transform: scale(1.06, 1.06)
 }

.iabout .txt {
 	width: 456px;
 	position: relative
 }

.iabout .txt .yh {
 	width: 90px;
 	height: 50px;
 	display: block;
 	background: url(../images/fuhao2.jpg) no-repeat
 }

.iabout .txt a {
 	position: relative;
 	z-index: 2;
 	width: 424px;
 	height: 264px;
 	display: block;
 	background: #fff
 }

.iabout .txt a h2 {
 	font-size: 24px;
 	padding: 10px 0
 }

.iabout .txt a .desc {
 	overflow: hidden;
 	color: #666;
	text-indent: 25px;
	line-height: 24px;
 }

.iabout .txt a .cha {
 	margin-top: 36px;
 	width: 180px;
 	height: 40px;
 	line-height: 40px;
 	text-align: center;
 	background: #002d71;
 	color: #fff;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	border-radius: 5px;
 	display: block;
 	-webkit-transition: all .3s ease-in-out 0s;
 	-moz-transition: all .3s ease-in-out 0s;
 	transition: all .3s ease-in-out 0s
 }

.iabout .txt a:hover .cha {
 	background: #DB261D
 }

.iabout .txt .bk {
 	width: 364px;
 	height: 330px;
 	border: 1px solid #dfdfdf;
 	display: block;
 	position: absolute;
 	right: 0;
 	top: 0
}
@media (max-width:768px) {
	.floor_6_main{
		padding: 20px 0 20px;
	}
	.iabout{
		padding: 0 10px;
		box-sizing: border-box;
	}
	.iabout .lefnav{
		display: none;
	}
	.iabout .img{
		width: 100%;
		height: auto;
	}
	.iabout .txt{
		width: 100%;
	}
	.iabout .txt .yh{
		display: none;
	}
	.iabout .txt a{
		width: 100%;
		height: auto;
	}
	.iabout .txt .bk{
		display: none;
	}
}
*/
/* footer */
.footer{width:100%; height: auto; overflow:hidden; background:url(../images/footer_bg.jpg) no-repeat center top; position: relative; padding:50px 0 30px 0px}
.footer_top{width:100%; height:auto; overflow:hidden}
.footer h2, .footer h2 a{ font-size: 20px; color: #fff; line-height:3; position: relative; margin-bottom: 24px;}
/*.footer h2::after{content: ""; position: absolute; bottom: 0; left: 0; height: 4px; width: 30px;  background: #fff;}*/
.footer .footer_left{ width: 30%; float: left;}
.footer .footer_left p{ color: #babcc1; text-align: justify; line-height: 30px; margin-top: 16px;}
.footer .footer_left p span{color:#fff; font-weight:bold; font-size:15px; margin-top:30px; display:block}

.footer .footer_center{ width:28%; float: left; margin-left:6%;}
.footer .footer_center a{width:33.33%; float:left; display:block;color:#fff; font-size:14px; line-height:32px}

/*.footer .footer_center a{ line-height: 30px; margin-right: 20px;color: #babcc1}*/
.footer .footer_right{width: 30%;float: right;}
.footer .footer_right ul li{width:31.33%; float:left; text-align:center; color:#babcc1}
.footer .footer_right ul li:nth-child(2){ margin:0 3%}
.footer .footer_right img{width: 100%;}
/*.footer .footer_right{ width: 300px;  float: right; margin-top: 42px;margin-right: 30px;}
.footer .footer_right p{ color: #babcc1;  line-height: 30px;}*/
/*
.link_footer{margin-top: 20px;}
.link_footer p{ font-size: 18px;  padding-left: 14px; position: relative; color: #fff; float: left; margin-right: 20px;}
.link_footer::before{ content: ""; display: block; width: 3px;height: 12px; background: #fff; bottom: 0; float: left; margin-top: 6px;}
.link_footer a{ color: #babcc1; font-size: 14px; float: left; line-height: 24px; margin-right: 20px;}
*/
/* 缃戠珯鐗堟潈淇℃伅 */
.copyright{height: auto; overflow:hidden;width: 100%; padding:15px 0; margin-top:50px; border-top: 1px solid rgba(255,255,255,0.4); color:#fff}
.copyright a{ color: #fff;}
.copyright span{/*float:right*/ text-align:right}

/*移动端底部导航*/
.phonefooternav {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 99999;
	display:none;
}
.phonefooternav ul{
	padding: 0;
}
.phonefooternav ul li {
	width: 25%;
	background: #0256AC;
	float: left;
	padding: 5px 0;
	border-right: 1px solid #FFFFFF;
	list-style: none;
	box-sizing: border-box;
	line-height: 16px;
}
.phonefooternav ul li:nth-child(3){
	width: 50%;
	background: #D9271B;
}
.phonefooternav ul li a {
	display: block;
	color: #fff;
	text-align: center;
}
.phonefooternav ul li a img {
	width: 22px;
	padding: 2px 0;
}
.phonefooternav p{
	color: #FFFFFF;
	font-size: 14px;
}
@media (max-width:768px) {
	/*.footer{
		display: none;
	}*/
	.phonefooternav {
		display: block;
	}
}

@media (max-width:767px) {

	.footer h2, .footer h2 a{ margin-bottom: 15px;line-height:30px}
	.footer .footer_left p span{margin-top:10px}

	.footer .footer_left{ width: 100%; float: none; height:auto; overflow:hidden}
	.footer .footer_center{ width: 100%; float: none; height:auto; overflow:hidden; margin:30px 0}
	.footer .footer_right{ width: 100%; float: none; height:auto; overflow:hidden}
	.footer .footer_right ul li{width:20%; float:left; text-align:center; color:#babcc1}
	.footer .footer_right ul li:nth-child(2){ margin:0 7%}
	.copyright{margin-top:30px;}
}
@media (max-width:500px) {
	.footer .footer_right ul li{width:28%;}
}



 /*悬浮链接*/
.suspension{position:fixed;z-index:1000;right:0;bottom:50px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#ea1f2f;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#012f83;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;/*width:270px;*/background:#fff;position:absolute;right:60px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}

.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{width:270px;top:0px;}
.suspension .d-qrcode{width:200px;top:34px;}
.suspension .d .inner-box{padding:8px 15px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle1{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;/*width:112px;*/line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
 .suspension .d-qrcode p a{font-size:16px;color:#93959c;}
 
  @media (max-width: 1023px) {
	  .suspension{bottom:30px;}
  }
 











/* about */
.local {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #F5F5F5;
    position: relative;
    z-index: 9;
    overflow: hidden;

}
.local-wp{
	/*width: 100%;
	margin: 0 auto;*/
	color: #666666;
	padding-left: 20px;
	background: url(../images/home.png) no-repeat center left;
	font-size: 14px;
}
.local-wp a{
	font-size: 14px;
	color: #666666;
	margin: 0 5px;
}
@media (max-width:768px) {
	.local{
		height: 50px;
		line-height: 50px;
		margin-bottom: 10px;
		margin-top: 60px;
	}
}

.ab_content{
	 padding-bottom:35px; height:auto; overflow:hidden
}
.ab_content .w1200 {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}
.ab_content .ab-con{
	padding-bottom: 70px;
}
.ab_content .ab-con img{
	/*max-width: 100%;
	height: auto!important;*/
}
.ab_content .ab-con .ny_tlt1{
	margin-bottom: 20px;
	margin-top: 20px;
}

.list-type{
	/*max-width: 1280px;*/
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 40px;
	text-align:center
}
.list-type li{
	display: inline;
	margin: 0 3px;
	padding: 0;
	color: #808080;
	font-size: 16px;
	height: 40px;
	line-height: 30px;
	text-align: center;
	transition-duration: .5s;
	position: relative;
}
.list-type li a{
	background: #FFF;
	border: 1px solid #B9B8B8;
	border-radius: 0px;
	font-size: 15px;
	color: #333333;
	display: inline-block;
	padding: 10px;
	line-height: 20px;
	width: 10%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.list-type li.active a, .list-type li a:hover {
	color: #FFFFFF;
	background: #d61518;
	border: 1px solid #d61518;
}
@media (max-width:768px) {
	.list-type{
		text-align: center;
	}
	.list-type li a{
		width: 39%;
		padding: 7px 10px;
		font-size: 14px;
	}
}

.ab_content .ab-con .branch{background-image:url(../images/about_02.jpg);background-repeat:no-repeat;background-position:center center;height:799px;padding-top:60px;box-sizing:border-box;margin-top: 50px;}
.c_tit {text-align: center;color: #888;}
.ab_content .ab-con .branch .c_tit strong{color:#FFF;font-size: 30px;font-weight: 400;}
.ab_content .ab-con .branch .c_tit p{color:#FFF}
.ab_content .ab-con .branch .c_tit i{
	border-bottom-color:#FFF;display: block;
    height: 15px;
    clear: both;
    float: none;
    width: 90px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.ab_content .ab-con .branch .box{width:1200px;margin-right:auto;margin-left:auto;padding-top:40px;display:table;height:550px}
.ab_content .ab-con .branch .box .text{vertical-align:middle;display:table-cell;width:40%;font-size:14px;color:#FFF;line-height:24px}
.ab_content .ab-con .branch .box .text strong.tit{font-size:18px;display:block;padding-bottom:10px}
.ab_content .ab-con .branch .box .pic{text-align:right;vertical-align:middle;display:table-cell;width:60%}
@media (max-width:768px) {
	.ab_content .ny_news_con2{
		padding: 10px;
		box-sizing: border-box;
	}
	.ab_content .ab-con .branch{
		height: auto;
	}
	.ab_content .ab-con .branch .box{
		width: 100%;
		display: block;
		height: auto;
	}
	.ab_content .ab-con .branch .box .text{
		width: 100%;
		padding: 10px 10px;
		box-sizing: border-box;
		display: block;
	}
	.ab_content .ab-con .branch .box .pic{
		display: none;
	}
}













/* 关于我们 企业文化 */
.qywh{width: 100%;padding: 30px 0 70px;position: relative;overflow: hidden;}
.qywh-item{width: 1110px;height: 474px;position: relative;margin: 0 auto;position: relative;z-index: 3;}
@keyframes citymove{0%{background-position:0px 0px;}100%{background-position:666px 0;}}
.qywh-wd{position: absolute;width: 264px;height: 230px;background-repeat: no-repeat;background-position: center;display: flex;align-items: center;}
.qywh-wdct{width: 100%;text-align: center;padding: 0 48px;}
.qywh-wd h6{font-size: 24px;font-weight: 700;margin-bottom: 12px;}
.qywh-wd p{font-size: 16px;color: #666;line-height: 24px;}
.qywh-wd-1{background-image: url('../images/qywhIc4_1.png');left: 0;top: 50%;margin-top: -115px;}
.qywh-wd-1 h6{color: #6ad6b4;}
.qywh-wd-2{background-image: url('../images/qywhIc4_2.png');left: 211px;top: 0;}
.qywh-wd-2 h6{color: #bea9bc;}
.qywh-wd-3{background-image: url('../images/qywhIc4_3.png');left: 211px;bottom: 0;}
.qywh-wd-3 h6{color: #d3bc76;}
.qywh-wd-4{background-image: url('../images/qywhIc4_4.png');top: 50%;margin-top: -115px;left: 50%;margin-left: -132px;}
.qywh-wd-4 h6{color: #feb63e;}
.qywh-wd-5{background-image: url('../images/qywhIc4_5.png');right: 211px;top: 0;}
.qywh-wd-5 h6{color: #edb39e;}
.qywh-wd-6{background-image: url('../images/qywhIc4_6.png');right: 211px;bottom: 0;}
.qywh-wd-6 h6{color: #a9b2be;}
.qywh-wd-7{background-image: url('../images/qywhIc4_7.png');right: 0;top: 50%;margin-top: -115px;}
.qywh-wd-7 h6{color: #6ac3d6;}
.qywh-icon{position: absolute;background-repeat: no-repeat;}
.qywh-icon-1{width: 143px;height: 124px;background-image: url('../images/qywhIc1.png');top: -16px;left: 92px;}
.qywh-icon-2{width: 95px;height: 83px;background-image: url('../images/qywhIc2.png');top: 25px;right: 125px;}
.qywh-icon-3{width: 126px;height: 109px;background-image: url('../images/qywhIc3.png');bottom: 0;left: 456px;}
@media (max-width:768px) {
	.qywh{
		overflow: inherit;
		padding: 10px 0 70px;
	}
	.qywh-item{
		width: 100%;
	}
	.qywh-wd-box{
		padding-bottom: 70px;
	}
	.qywh-wd{
		position: inherit;
		margin: 0 auto;
	}
}

.pro-info img{
	min-width: 800px;
}
@media (max-width:768px) {
	.pro-info img{
		min-width: auto;
		max-width: 100%!important;
	}
}

/* page */
.pages{
	display: table;
    margin: 0 auto;
	margin-top: 20px;
}
.pages b {
  display: block;
  float: left;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 20px;
  padding: 7px 12px;
  margin: 0 2px;
  border: 1px solid #002d71;
  background: #002d71;
  border-radius: 3px;
}
.pages a {
  display: block;
  float: left;
  color: #666666;
  font-size: 14px;
  line-height: 20px;
  padding: 7px 12px;
  margin: 0 2px;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
}
.pages span {
  display: block;
  float: left;
  color: #666666;
  font-size: 14px;
  line-height: 20px;
  padding: 7px 12px;
  margin: 0 2px;
  border: 1px solid #002d71;
}
.pages .fl{
	display: none;
}
.pages a:hover {
  background: #002d71;
  color: #fff;
  border: 1px solid #002d71;
}

@media (max-width:768px) {
	.ny_banner{
		display: none;
	}
}

/*联系我们页面*/
.ab-con .lx{position: relative;overflow: hidden;}
.ab-con .lx img{
	max-width: inherit;
}
.ab-con .lx .us_map{
	/* margin-top: 20px; */
}
.ditu_info{position:absolute;top:0;right:0;z-index:5;box-sizing:border-box;padding:30px;width:40%;height:100%;}
.ditu_info .bg{box-sizing:border-box;padding:40px;width:100%;height:100%;background-color:rgba(38, 42, 113,.8);}
.ditu_info h2{color:#fff;font-size:28px;line-height:30px;font-weight: bold;margin-bottom: 40px;}
.ditu_info dl i{padding-right:7px;font-size:.8rem;}
.ditu_info dl dd{margin-bottom:10px;color:#fff;font-size:16px;line-height:24px;margin-left: 0;}
.ditu_info dl dd span{float:left;}
.ditu_info dl dd a{color: #FFFFFF;}
@media (max-width:768px) {
	.ditu_info{
		position: inherit;
		width: 100%;
		padding: 0;
		margin-top: 10px;
	}
	.ditu_info .bg{
		padding: 30px;
	}
	.ditu_info h2{
		font-size: 20px;
		margin-bottom: 20px;
	}
}

.news{width: 100%;padding: 0 0 70px;}
.news-list{width: 100%;}
.news-list ul{margin-left: -2%;overflow: hidden;}
.news-list li{width: 31.3333%;float: left;margin-left: 2%;position: relative;margin-top: 10px;}
.news-list li a{display: block;width: 100%;}
.news-img{width: 100%;overflow: hidden;height: auto}
.news-img img{width: 100%;height: 100%;object-fit: cover;transition: all .6S ease-in-out;; display:block}
.news-wd{width: 100%;border: 1px solid #eee;border-top: none;padding: 15px 10px 15px;box-sizing: border-box;}
.news-wd span{font-size: 14px;color: #888;display: block;font-family: 'GothamBook';}
.news-wd h6{font-size: 18px;color: #333;line-height: 28px;margin: 10px 0 10px;transition: all .4s ease;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.news-wd p{font-size: 14px;color: #999;line-height: 28px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-list li a:hover .news-img img{transform: scale(1.04);}
.news-list li a:hover .news-wd h6{color: #1f5dcb;}
.news .fullpage{margin-top: 100px;}
@media (max-width: 768px){
	.news-list li {
		width: 100%;
		margin-top: 24px;
		margin-left: 0
		
	}
	.news-list ul{margin-left: 0;}
	.news-img {
	    height: auto;
	}
	.news-wd h6 {
	    font-size: 16px;
	    line-height: 24px;
	    margin: 5px 0 5px;
	}
	.news-wd p{
		line-height: 24px;
	}
}


/* 点击放大图片 */
.bigimg {
	width: 600px;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: none;
	z-index: 9999;
	border: 5px solid #fff;
}

.mask {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0.5;
	filter: Alpha(opacity=50);
	z-index: 98;
	transition: all 1s;
	display: none
}

.bigbox {
	width: 840px;
	background: #fff;
	border: 1px solid #ededed;
	margin: 0 auto;
	border-radius: 10px;
	overflow: hidden;
	padding: 10px;
}

.bigbox>.imgbox {
	width: 400px;
	height: 250px;
	float: left;
	border-radius: 5px;
	overflow: hidden;
	margin: 0 10px 10px 10px;
}

.bigbox>.imgbox>img {
	width: 100%;
}

.imgbox:hover {
	cursor: zoom-in
}

.mask:hover {
	cursor: zoom-out
}

.mask>img {
	position: fixed;
	right: 10px;
	top: 10px;
	width: 60px;
}

.mask>img:hover {
	cursor: pointer
}



/*feedback*/
.ny_feed_ny {width: 100%;height: auto;overflow: hidden}
.ny_feed_tit {
	text-align: center;
	padding-bottom: 1em;
	border-bottom: 1px solid #e6e6e6;
	color: #626262
}

.ny_feed_tit span {
	font-size: 1.6em;
	font-weight: bold;
	color: #002d71;
	display: block;
	text-align: center;
	line-height: 3em
}

.ny_feed_ny form {
	margin-top: 3em
}

.lyb {
	width: 50%;
	margin: .5em auto;
}

.lyb input {
	width: 100%;
	border: 1px solid #e7e7e7;
	color: #626262;
	height: 3em;
	font-size: 1.1em
}

.lyb textarea {
	width: 100%;
	border: 1px solid #e7e7e7;
	color: #626262;
	height: 8em;
	font-size: 1.1em
}

.lyb_tj {
	width: 20%;
	margin: 2em auto;
}

.lyb_tj input {
	width: 100%;
	background-color: #002d71;
	border: 1px solid #002d71;
	color: #fff;
	height: 3em;
	font-size: 1.3em
}

@media (max-width:991px) {
	.lyb {
		width: 70%;
	}
	.lyb_tj {
		width: 40%;
	}
}


.ny_contact{width:47%; float:left; height:auto; overflow: hidden}
#dituContent{width:50%; float:right;height:450px;border:1px solid #DDDDDD; margin-top:20px}
@media (max-width:991px) {
	.ny_contact img{width:100%; height:auto; overflow:hidden} 	
}
@media (max-width:768px) {
	.ny_contact{width:100%; float:none;}
#dituContent{width:100%; float:none;}
.ny_contact img{width:450px;} 
}
@media (max-width:450px) {
	.ny_contact img{width:100%; height:auto; overflow:hidden} 	
}


.ny_gsjj{ height:auto; overflow:hidden}
.ny_gsjj p span{font-size:30px; font-weight:bold; color:#222; text-align:center; display:block; margin-bottom:35px}
.ny_gsjj p img{float:right}
.ny_ldzc{width:100%; height:auto; overflow:hidden; background: url(../images/ny_jj_bg.jpg)no-repeat center top #0b3372; padding:60px 0; margin-top:50px}
.ny_ldzc p span{font-size:30px; font-weight:bold; color:#fff; text-align:center; display:block; margin-bottom:45px}
.ny_ldzc p{width:60%; margin:0 auto; text-align:center; color:#fff; line-height:30px}

.ny_gshj{margin-top:50px; height:auto; overflow:hidden}
.ny_gshj p span{font-size:30px; font-weight:bold; color:#222; text-align:center; display:block;}
.ny_gshj ul{margin-top:35px}
.ny_gshj ul li{width:32.333%; float:left}
.ny_gshj ul li:nth-child(2){margin:0 1.5%}
.ny_gshj ul li img{width:100%; height:auto; overflow:hidden; display:block}


@media (max-width:1024px) {
	.ny_ldzc p{width:80%;}
}
@media (max-width:768px) {
	.ny_gsjj p img{float:none; text-align:center; margin:0 auto; display:block}
}
@media (max-width:580px) {
	.ny_gsjj p img{width:100%; height:auto; overflow:hidden}
}

@media (max-width:480px) {
	.ny_ldzc p{width:100%;}
	.ny_gshj ul li:nth-child(2){margin:20px 0}
	.ny_gshj ul li{width:100%; float:none}
}