﻿body {  background:#fff; color:#333; -webkit-font-smoothing:antialiased; padding-top: 85px;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { }
a {  text-decoration:none; cursor: pointer;}
a:hover { text-decoration:none; }
a:link { text-decoration:none; }
input:focus,button:focus{box-shadow: none;outline: none;}
div{width: 100%; float: left;}
.clear { clear:both; }
.bgwhite{ background:#fff; }
.fwidth{ width:100%; }
.left{ float:left; }
.right{ float:right; }
.fixed{ position:fixed; }
.absolute{ position:absolute; }
.center-block{float: initial;}
.hide{ display:none; }
.fwidth .swiper-container{height: auto;}
.shadow{
	-webkit-box-shadow:2px 2px 5px #ccc;
	-moz-box-shadow:2px 2px 5px #ccc;
	box-shadow:2px 2px 5px #ccc;
}


/*é¦–é¡µå¯¼èˆª*/
.top-nav{
	margin:0;
	width: 100%;
	height:auto;
	position:fixed;
	left: 0;
	top: 0;
	z-index:99;
	padding: 0.6% 2%;
	background-color:#fff
}

.top-nav .logo{
	width: 17%;
	height:auto;
	margin: 8px 0 0;
	/* background: #fff; */
}

.top-nav a:link{
	text-decoration:none;
}

.top-nav li{
	position:relative;
	list-style:none;
}

.top-nav .nav1{
	margin:0 20px;
	padding:0;
}

.top-nav .nav1>li{
	list-style:none;
	display:inline-block;
	height:34px;
	line-height:34px;
	margin: 15px 20px;
}

.top-nav .nav1>li>a{
	color:#000;
	font-size:16px;
}

.top-nav .nav1>li>a>h2{
	font-size: 14px;
	margin: 0;
	padding: 0;
	display: inline-block;
}

.top-nav .nav1 li.active,.top-nav .nav1 li.hover{
	border-bottom:1px solid #fff;
}

.top-nav .nav2{
	display:none;
	position:absolute;
	padding:0;
	margin:0;
	left:0;
	top:35px;
}

.top-nav .nav2>span{
	display:block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	margin-left:10px;
	margin-bottom:-2px;
}

.top-nav .nav2>li{
	background:#fff;
}

.top-nav .nav2>li>a{
	display:block;
	width:150px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#333;
}

.top-nav .nav2 i{
	display:block;
	width:120px;
	height:1px;
	border-top:1px dotted #ccc;
	margin:0 auto;
}

.top-nav .nav2>li>a:hover{
	background:#333;
	color:#fff;
}

.top-nav .nav3{
	display:none;
	position:absolute;
	margin:0;
	padding:0;
	top:0;
	left:150px;
	border:1px solid #eee;
}

.top-nav .nav3>li{
	background:#fff;
}

.top-nav .nav3>li>a{
	display:block;
	width:150px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#333;
}

.top-nav .nav3>li>a:hover{
	background:#333;
	color:#fff;
}

.top-nav .hotline{
	padding:3px 8px;
	border-radius:20px;
	color:#fff;
	border:1px solid #fff;
	font-size:12px;
	top:20px;
	right:-40px;
	position:absolute;
}

.top-nav .search{
	width:auto;
	height:28px;
	margin-top: 22px;
	margin-left:30px;
	padding:0 5px;
}

.search a{color: #000; float: left;padding-right: 5px;}

.top-nav .showinput{
	border:2px solid #fff;
}

.top-nav .showinput input{
	display:inline;
}

.top-nav .search .iconfont{
	background: url("../img/search.png")no-repeat center;
	width: 20px;
	height: 20px;
	float: right;
	background-size: 17px 17px;
}

.navstyle2 .nav1>li>a{
	color:#000;
}
.navstyle2 .search .iconfont{
	color:#000;
}
.navstyle2 .hotline{
	color:#000;
	border-color:#000;
}
/*.navstyle2 .nav1 li:hover{*/
/*border-bottom:1px solid #000;*/
/*}*/
/*.navstyle2 .nav1 li.active{*/
/*border-bottom:1px solid #000;*/
/*}*/

.navstyle2 .search{
	border-color:#000;
}

.navstyle2 .search a{
	color:#000;
}

.banner{
	position:relative;
	overflow:hidden;
}

.banner .bgimg{width:100%;height:100%;}
.m{ width: 640px; height: 264px; margin-left: auto; margin-right: auto; margin-top: 100px; }
.index_two{margin-top: 30px;}
.index{width: 100%; float: left;}
.index .center-block{width: 1130px;float: initial;float:left \0;margin:0 20% \0;}
.index .title{width: 100%;float: left;margin: 100px 0 30px;}
.index_link{width: 100%; float: left;}
.index_link a{width: 6%;float: left;margin-right: 9.3%;cursor: pointer; margin-left: 10%;}
.index_link a img{margin: auto;}
.index_link a:last-child{margin-right: 0;}
.index_link a p{font-size:15px;color: #717171;text-align: center;margin-top: 40px;}
.index_link a small{width: 100%; float: left; text-align: center; color: #888; font-size: 15px;margin-top:20px;}
/*index2*/
.v_list{width: 100%;float: left;margin-top: 4%;}
.v_list .center-block{width: 1150px;position: relative;float:left \0;margin:0 20% \0;}
.v_list img{position: relative;z-index: 9;width: 100%;}
.v_list .video-js{position: absolute;left: 14%;top: 0;width:868px;z-index: 1;height:100%}
/*é¡µè„š*/
#footer{width: 100%;float: left;padding: 7% 0 4%;}
#footer .center-block{width: 550px;float: initial;float:left \0;margin:0 20% \0;}
.gz{text-align: center;}
.gz span{width: 10%;height: 2px;float: left;margin: 3% 45%;background: #d60035;}
.foot_link{width:100%;float:left;padding: 10% 0;}
.foot_link a{width:12%; float:left;margin-right: 17.3%; color: #7a7a7a;}
.foot_link a:last-child{margin-right: 0;}
#footer h5{color: #7a7a7a;}

/*集团介绍*/
.nav_top{border-bottom: 1px solid #d4d4d4; }
.nav_top img{width: 6%;float: left;margin: 1% 2%;}
.nav_link{width: 70%;float: left;}
.nav_link a {color: #333;font-size: 14px;width: 8%;text-align: center;float: left;line-height: 90px;}
.introduce{padding: 0 4%;margin-top: 59px;}
.itd_left{width: 14%;float: left;margin-right: 2%;}
.title{width: 100%; float: left;}
.title h3{margin: 0;}
.title span{color: #ababab;}
.itd_left_nav{margin-top:40px}
.itd_left_nav a{color: #ababab;width: 100%;float: left;line-height: 25px;margin: 10px 0;font-size: 16px;}
.itd_left_nav a.active{color: #333;background: url("../img/nav_border.png")no-repeat left bottom;background-size:120px 1px;}
.itd_right{width: 84%;float: left;position: relative;}
.profiles_top{position:relative;}
.profiles_top img{width: 100%; float: left;}
.profiles_top span{position:absolute;bottom:-24%;width:100%;left: 0;background: rgba(0, 0, 0, 0.71);color: #fff;text-indent: 0;padding: 0.5% 0.5%;line-height: 25px;}
.partner{margin: 197px 0 65px 0}
.title_center{margin-bottom: 2%;}
.title_center h3{width: 100%; float: left; text-align: center;margin: 0;}
.title_center span{width: 100%; float: left; text-align: center;color: #ababab;font-size: 16px;}
.partner_logo a{border: 1px solid #d4d4d4;width: 15.83%;float: left;margin: 1% 1% 1% 0;}
.partner_logo a:nth-child(6n){margin-right:0;}
.partner_logo a img:last-child{display: none;}
.partner_logo a:hover img:last-child{display: block;}
.partner_logo a:hover img:first-child{display: none;}
.number_list a{width: 49%;float: left;margin: 1% 0;}
.number_list span{width: 45px;height: 45px;line-height: 40px;float: left;text-align: center;background: #db0037;border-radius: 100%;color: #fff;}
.number_list small{width: 80%;float: left;line-height: 22px;margin-left: 2%;color: #333;}
.number_list a:nth-child(1) small,.number_list a:nth-child(3) small{line-height: 20px;}
.number_list a:hover span{background: #db0037; color: #fff;}
.number_list a:hover small{color: #333;}
.honor img{width: 23.5%;float: left;margin: 0 2% 2% 0;}
.honor img:nth-child(4n){margin-right:0;}
.culture_list{width: 30%;margin-right: 5%}
.culture_list:last-child{margin-right: 0;}
.culture_list img{width: 100%; float: left;}
.culture_font{background: #f7f7f7;padding: 15% 8% 21%;height:643px;}
.culture_font h4{font-size: 22px;padding: 5% 0;color: #000;background: url("../img/cultureBorder.png")no-repeat center bottom;margin: 0;}
.culture_font h5{color: #000;font-size: 18px;line-height: 28px;}
.culture_font p{color: #ababab;font-size: 14px;line-height: 28px;}
.foot h4{color: #ababab;font-size: 14px;line-height: 50px;margin: 2% 0 1%;}
/*企业新闻*/
.news a{width: 45.5%;float: left;margin-right: 2%;position: relative;margin-bottom: 2%;}
.news a:nth-child(4n){margin-right: 0;}
.news a img{width: 100%; float: left;}
.news a:hover p{display: block;}
.news p{width: 100%;float: left;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.58);color: #fff;height:91%;padding: 5%;margin-bottom: 0;display: none;}
.news big{width: 100%;float: left;font-size: 12px;color: #ffffff;margin-bottom: 4%;margin-top: 5%;}
.news span{width: 100%;float: left;line-height: 13px;color: #ababab;}
/*招贤纳士*/
.recruit_list {width: 33.3%;float: left;padding: 0 1%;}
.recruit_list p,.recruit_list big,.recruit_list small{width: 100%; float: left;}
.recruit_list p{font-size: 16px;}
.recruit_list p span{color: red;}
.recruit_list big,.recruit_list small{color: #ababab;font-size: 14px;}
.recruit_list big{margin-top: 15px;margin-bottom: 10px;}
.recruit_list small{line-height: 25px;}
/*产品世界*/
.men,.women,.child{position: absolute;height: 660px;}
.swiper-container {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}
.swiper-slide {
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.gallery-top,.gallery-top2,.gallery-top3 {
	height: 100%;
	width: 80%;
	float: left;
	background: #f7f7f7;
}
.gallery-thumbs .swiper-slide,.gallery-thumbs2 .swiper-slide,.gallery-thumbs3 .swiper-slide{background-size:auto 100%;width: 100%;height: auto;opacity: 0.4;overflow: hidden;}
.gallery-thumbs .swiper-slide img,.gallery-thumbs2 .swiper-slide img,.gallery-thumbs3 .swiper-slide img{
	height: 100%; width: auto;display: block;margin: auto;}
.gallery-thumbs,.gallery-thumbs2,.gallery-thumbs3 {
	width: 20%;
	float: right;
	height: 100%;
	box-sizing: border-box;
	padding: 0 2%;
}
.gallery-thumbs .swiper-slide-active,.gallery-thumbs2 .swiper-slide-active,.gallery-thumbs3 .swiper-slide-active {
	opacity: 1;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url("../img/left.png");width: 51px; height: 60px;background-size: 100%;left: 30px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url("../img/right.png");width: 51px; height: 60px;background-size: 100%;right: 30px;}
.gallery-top .swiper-slide img,.gallery-top2 .swiper-slide img,.gallery-top3 .swiper-slide img{height: auto; margin: auto;display: block;width:100%}
/*服务中心*/
.service{width: 82%;}
.service big{width: 100%;float: left;color: #ababab;font-size: 16px;margin-bottom: 40px;}
.service span{width: 33.3%;float: left;color: #ababab;font-size: 13px;line-height: 40px;}
.form{margin-top: 5%;}
.form label{width: 31.3%;float: left;border-bottom: 1px solid #d4d4d4;margin-right: 3%;padding-bottom: 5px;}
.form label:nth-child(3){margin-right:0;}
.form label:nth-child(4){width: 100%;margin-right: 0;margin-top: 20px;}
.form label:nth-child(4) span{width: 100%;}
.form label:nth-child(4) input{width:100%;}
.form label span{width: 20%;float: left;font-weight: normal;}
.form label input{width: 80%;float: left;height: 40px;border: none;color: #666;font-weight: normal;background: #f5f5f5;}
.form button{background: #383838;color: #fff;border: none;width: 100px;height: 38px;margin-top: 15px;}
/*详情页*/
.details_title{text-align: center;margin-bottom: 20px;}
.details_title span{padding-right: 10px;color: #ababab;padding-top: 10px;}
.details_font{padding: 0 25%;border-bottom: 1px solid #d4d4d4;}
.details_font img{width:100%;float:left;}
.details_font p{width: 100%; float: left;color: #ababab;line-height: 30px;}
.details_btm{padding: 20px 0;}
.details_btm a{width: 100%; float: left; color: #ababab;line-height: 30px;}

@media screen and (max-width: 1440px) {
	.nav_top img{margin: 1.7% 2%;}
	.number_list a:nth-child(2) small, .number_list a:nth-child(11) small{line-height: 20px;}
}
@media screen and (max-width: 1280px) {
	.nav_top img{margin:2.2% 2%;}
	.men,.women,.child{position: absolute;height: 550px;}

}