@charset "utf-8";
/*首页*/
.banner-box {
	position: relative;
	min-width: 1200px;
}

.banner {
	height: 578px;
	width: 100%;
	min-width: 1200px;
	overflow: hidden;
	position: relative;
}

.banner .swiper-container {
	height: 578px;
	width: 100%;
}

.banner .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 20px;
	width: 100%;
	z-index: 3;
}

.banner .swiper-pagination-switch {
	display: inline-block;
	height: 15px;
	width: 15px;
	background-color: #fff;
	margin: 0 15px;
	border-radius: 50%;
	cursor: pointer;
}

.banner .swiper-active-switch {
	background: #db2511;
}

.banner .swiper-wrapper {
	height: 578px;
	width: 100%;
	overflow: hidden;
}
.banner .arrow-left{
	display: block;
	height: 124px;
	width: 64px;
	background: url(../img/left.png) no-repeat center center;
	position: absolute;
	left: 100px;
	top: 50%;
	margin-top: -62px;
	z-index: 88;
	opacity: 0.8;
}
.banner .arrow-left:hover{
	opacity: 1;
}
.banner .arrow-right{
	display: block;
	height: 124px;
	width: 64px;
	background: url(../img/right.png) no-repeat center center;
	position: absolute;
	right: 100px;
	top: 50%;
	margin-top: -64px;
	z-index: 88;
	opacity: 0.8;
}
.banner .arrow-right:hover{
	opacity: 1;
}
.product-tj{
	position: relative;
}
.product-tj .swiper-slide a{
	width: 268px;
	box-sizing: border-box;
	float: left;
	border: 1px solid #dcdcdc;
	margin: 0 16px;
}

.product-tj a i{
	display: block;
	width: 100%;
	height: 196px;
	overflow: hidden;
}
.product-tj a i img{
	width: 100%;
	height: 100%;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
}
.product-tj a:hover{
	border-color: #db2511;
}
.product-tj a:hover img{
	transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
}
.product-tj a:hover div{
	background-color: #db2511;
}
.product-tj a div{
	background-color: #b4b5b8;
	padding: 15px;
}
.product-tj a div h4{
	font-size: 18px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.product-tj a div p{
	font-size: 14px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.product-tj .arrow-left{
	display: block;
	height: 35px;
	width: 18px;
	background: url(../img/index/left.png) no-repeat center center;
	position: absolute;
	left: -30px;
	top: 50%;
	margin-top: -17px;
	z-index: 88;
	opacity: 0.8;
}
.product-tj .arrow-left:hover{
	opacity: 1;
}
.product-tj .arrow-right{
	display: block;
	height: 35px;
	width: 18px;
	background: url(../img/index/right.png) no-repeat center center;
	position: absolute;
	right: -30px;
	top: 50%;
	margin-top: -17px;
	z-index: 88;
	opacity: 0.8;
}
.product-tj .arrow-right:hover{
	opacity: 1;
}
.product-tj .swiper-container {
	height: 280px;
}
.news-tj-l{
	width: 520px;
}
.news-tj-l>div{
	margin-bottom: 30px;
}
.news-tj-l>div>a{
	float: left;
}
.news-tj-l>div>a img{
	width: 156px;
	height: 103px;
}
.news-tj-l>div div{
	width: 340px;
	float: right;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
}
.news-tj-l>div:hover div{
	width: 330px;
}
.news-tj-l>div div h4 a{
	display: block;
	font-size: 18px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-tj-l>div:hover div h4 a{
	color: #277ec3;
	text-decoration: underline;
}
.news-tj-l>div div p{
	font-size: 12px;
	color: #666;
	line-height: 22px;
	margin-top: 8px;
	height: 44px;
	overflow: hidden;
}
.news-tj-l>div div em{
	font-size: 12px;
	color: #9e9d9d;
}
.cont2{
	/*background-color: #ededed;*/
	overflow: hidden;
	margin-top: 40px;
	padding-bottom: 40px;
	min-width: 1200px;
}
.news-tj-r {
	width: 584px;
}
.news-tj-r img{
	width: 100%;
	height: auto;
}
.news-tj-r ul{
	margin-top: 10px;
}
.news-tj-r ul li{
	margin-bottom: 5px;
}
.news-tj-r ul a {
	display: block;
	padding-left: 15px;
	background: url(../img/index/news-bg.jpg) no-repeat left center;
	border-bottom: 1px dashed #c2c2c2;
	color: #666;
}
.news-tj-r ul a:hover {
	color: #277ec3;
}
.news-tj-r ul a h4{
	width: 70%;
	float: left;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
}
.news-tj-r ul a em{
	display: block;
	float: right;
	width: 20%;
	text-align: right;
}
.cont3-c-l{
	width: 490px;
	float: left;
}
.cont3-c-l img{
	width: 100%;
	height: auto;
}
.cont3-c-l h4{
	font-size: 18px;
	color: #555555;
	font-weight: bold;
	margin-top: 30px;
}
.cont3-c-l h4 i{
	display: block;
	background-color: #555;
	height: 2px;
	width: 50px;
	margin-top: 5px;
}
.cont3-c-l p{
	font-size: 14px;
	color: #777;
	line-height: 30px;
	margin-top: 10px;
	height: 90px;
	overflow: hidden;
}
.cont3-c-l a{
	display: block;
	width: 154px;
	text-align: center;
	font-size: 18px;
	color: #555;
	border: 1px solid #b5b5b5;
	height: 44px;
	line-height: 44px;
	margin-top: 20px;
}
.cont3-c-l a:hover{
	background-color: #b5b5b5;
	color: #fff;
}
.cont3-c-r {
    width: 600px;
    float: right;
    height: 470px;
    overflow: hidden;
}
.cont3-c-r h4{
	font-size: 22px;
	color: #333;
	text-align: center;
}
.cont3-c-r ul li{
	float: left;
	width: 180px;
	margin-right: 30px;
}
.cont3-c-r ul {
	margin-top: 20px;
}
.cont3-c-r ul li:last-child{
	margin-right: 0;
}
.cont3-c-r ul li i{
	display: block;
}
.cont3-c-r ul li img{
	width: auto;
	height:auto;
	margin: 0 auto;
}
.cont3-c-r ul li span{
	display: block;
	text-align: center;
	font-size: 14px;
	color: #666;
	height: 20px;
	line-height: 20px;
}

/*新闻中心*/
.contact{
	width: 904px;
}
.news-time{
	width: 80px;
	padding: 10px 0;
	box-sizing: border-box;
	border: 1px solid #eee;
}
.news-c{
	width: 800px;
}
.news-time span{
	display: block;
	text-align: center;
	font-size: 24px;
	color: #333;
}
.news-time em{
	display: block;
	text-align: center;
	font-size: 14px;
	color: #787878;
}
.news-c h2 a{
	display: block;
	font-size: 16px;
	color: #333;
	line-height: 24px;
	margin-bottom: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-c p{
	font-size: 12px;
	color: #787878;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
}
.news li{
	padding-bottom: 20px;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 35px;
	transition: all ease-out .2s;
	-webkit-transition: all ease-out .2s;
	-moz-transition: all ease-out .2s;
	-ms-transition: all ease-out .2s;
}
.news li:hover{
	transform: translate3d(0, -3px, 0);
	-webkit-transform: translate3d(0, -3px, 0);
	-moz-transform: translate3d(0, -3px, 0);
	-ms-transform: translate3d(0, -3px, 0);
}
.news li:hover .news-time{
	background-color: #6c6c6c;
}
.news li:hover .news-time span,.news li:hover .news-time em{
	color: #fff;
}
.news li:hover .news-c h2 a{
	color: #db2511;
}
/*新闻详情*/
.news-tit {
	height: 50px;
	line-height: 50px;
	background-color: #f3f3f3;
	padding-left: 25px;
}
.news-tit span{
	font-size: 12px;
	color: #787878;
	margin-right: 50px;
}
.news-xq-c h2{
	text-align: center;
	font-size: 24px;
	color: #333;
	margin-bottom: 30px;
}
.news-xq-c p{
	font-size: 12px;
	color: #787878;
	line-height: 24px;
	text-indent: 2em;
	margin-bottom: 5px;
}
.news-xq ul{
	margin-top: 100px;
}
.news-xq ul li{
	float: left;
	width: 33.33%;
}
.news-xq ul li a{
	display: block;
	height: 50px;
	line-height: 50px;
	background-color: #f3f3f3;
	font-size: 12px;
	color: #787878;
	padding: 0 20px;
}
.news-xq ul li:nth-child(2) a{
	text-align: center;
	background: url(../img/news/list.png) no-repeat 100px center;
	background-color: #daddee;
}
.products-tj-c{
	margin:0 auto 70px;
	padding-bottom: 40px;
	position: relative;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
}
#buoy{
	height: 3px;
	width: 205px;
	background-color: #db2511;
	position: absolute;
	bottom:0;
	left: -205px;
}
.products-tj-c li{
	width: 205px;
	float: left;
	margin-right: 28px;
}
.products-tj-c li:last-child{
	margin-right: 0;
}
.products-tj-c li a{
	display: block;
}
.products-tj-c li a i{
	display: block;
	width: 205px;
	height: 205px;
	box-sizing: border-box;
	border: 1px solid #e0e0e0;
	overflow: hidden;
}
.products-tj-c li a img{
	width: 100%;
	height: 100%;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
}
.products-tj-c li a:hover img{
	transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
}
.products-tj-c li a div p{
	font-size: 12px;
	color: #666;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.products-tj-c li a span{
	display: block;
	font-size: 14px;
	text-align: center;
	color: #454545;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 5px;
}
.products-tj h2{
	font-size: 30px;
	color: #333;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 18px;
	position: relative;
}
.products-tj h2 i{
	display: block;
	width: 120px;
	height: 3px;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	bottom: -1px;
	background-color: #db2511;
}

/*技术创新*/
.skill>img{
	width: 100%;
	height: auto;
}
.skill h2{
	font-size: 18px;
	color: #555;
	font-weight: bold;
	margin-bottom: 20px;
}
.skill h2 i{
	display: block;
	width: 50px;
	height: 2px;
	background-color: #555;
	margin-top: 8px;
}
.skill-js p{
	font-size: 12px;
	color: #787878;
	line-height: 24px;
	text-indent: 2em;
	margin-bottom: 5px;
}
.skill-list li>a{
	float: left;
	width: 170px;
	height: 120px;
}
.skill-list li>a img{
	width: 100%;
	height: 100%;
}
.skill-list li div{
	float: right;
	width: 710px;
}
.skill-list li div h4 a{
	display: block;
	font-size: 16px;
	color: #343434;
	line-height: 24px;
	height: 24px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.skill-list li div p{
	font-size: 12px;
	color: #787878;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}
.skill-list li div>a{
	display: block;
	width: 60px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border: 1px solid #c7c7c7;
	color: #c7c7c7;
	font-size: 16px;
	margin-top: 10px;
}
.skill-list li div>a:hover{
	border: 1px solid #db2511;
	color: #db2511;
}
.skill-list h2{
	border-bottom: 1px solid #cdcccc;
}
.skill-list li{
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #e4e4e4;
}

/*联系我们*/
.contact>img{
	width: 100%;
	height: auto;
}
.contact-js h2{
	font-size: 18px;
	color: #555;
	font-weight: bold;
	margin-bottom: 20px;
}
.contact-js h2 i{
	display: block;
	width: 50px;
	height: 2px;
	background-color: #555;
	margin-top: 8px;
}
.contact-xx-l{
	width: 500px;
}
.contact-xx-l h3{
	font-size: 24px;
	color: #555;
	font-weight: bold;
}
.contact-xx-l h3 span{
	display: block;
	font-size: 14px;
	font-weight: normal;
}
.contact-xx-l img{
	margin: 25px 0 12px;
}
.contact-xx-l p{
	font-size: 14px;
	color: #555;
	line-height: 36px;
}
.contact-xx-r{
	width: 250px;
	margin-top: 20px;
}
.contact-xx-r span{
	display: block;
	font-size: 14px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #999;
}
.contact-xx-r i{
	display: block;
	border: 1px solid #e5e5e5;
}
.contact-xx-r i img{
	width: 100%;
	height: auto;
}
.contact-map img{
	width: 100%;
	height: auto;
}

/*人才招聘*/
.talents>img{
	width: 100%;
	height: auto;
}
.talents-c h2{
	font-size: 18px;
	color: #555;
	font-weight: bold;
	margin-bottom: 20px;
}
.talents-c h2 i{
	display: block;
	width: 50px;
	height: 2px;
	background-color: #555;
	margin-top: 8px;
}
.talents-c p{
	font-size: 12px;
	color: #454545;
	line-height: 24px;
	margin-bottom: 15px;
	text-indent: 2em;
}
.invite-box{
	margin-top:20px;
}
.invite{
	margin-bottom: 5px;
}
.invite h4{
	color: #666;
	background-color: #eee;
	font-size: 16px;
	box-sizing: border-box;
	padding: 0 20px;
	cursor: pointer;
}
.invite h4.active{
	color: #fff;
	background-color: #7d7d7d;
}
.invite h4:hover{
	color: #fff;
	background-color: #7d7d7d;
}
.invite h4 span{
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	margin-right: 20px;
}
.invite h4 i{
	float:right;
	font-size: 20px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
}
.invite div{
	background-color: #f9f9f9;
	box-sizing: border-box;
	padding: 20px;
}
.invite dl dt{
	font-size: 18px;
	color: #333;
}
.invite dl dd{
	font-size: 14px;
	color: #666;
	line-height: 30px;
}
.invite div a{
	display: block;
	width: 106px;
	text-align: center;
	height: 34px;
	line-height: 34px;
	font-size: 12px;
	color: #fff;
	background-color: #009d4c;
	border-radius: 5px;
	margin-top: 20px;
}

/*关于我们*/
.about h2{
	font-size: 18px;
	color: #555;
	font-weight: bold;
	margin-bottom: 20px;
}
.about h2 i{
	display: block;
	width: 50px;
	height: 2px;
	background-color: #555;
	margin-top: 8px;
}
.about ul li{
	float: left;
	margin-right: 17px;
}
.about ul li:last-child{
	margin-right: 0;
}
.about p{
	font-size: 12px;
	color: #777;
	text-indent: 2em;
	line-height: 26px;
	margin-bottom: 5px;
}
.about-js img{
	max-width: 940px;
	height: auto;
}
.about-js h2{
	margin-top: 20px;
}

/*产品中心*/
.product a{
	width: 268px;
	box-sizing: border-box;
	float: left;
	border: 1px solid #dcdcdc;
	margin-right: 42.66px;
	margin-bottom: 40px;
}
.product a:nth-child(4n){
	margin-right: 0;
}
.product a i{
	display: block;
	width: 100%;
	height: 196px;
	overflow: hidden;
}
.product a i img{
	width: 100%;
	height: 100%;
}
.product a div{
	background-color: #b4b5b8;
	padding: 15px;
}
.product a div h4{
	font-size: 18px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.product a div p{
	font-size: 14px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.product a i img{
	width: 100%;
	height: 100%;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
}
.product a:hover{
	border-color: #db2511;
}
.product a:hover img{
	transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
}
.product a:hover div{
	background-color: #db2511;
}
/*产品详情*/
.product_xq {
	margin-top: 60px;
}
.xq_left{
	width: 498px;
}
.xq_left i{
	display: block;
	width: 498px;
	height: 367px;
	border: 1px solid #e7e7e7;
	box-sizing: border-box;
	overflow: hidden;
}
.xq_left i img{
	display: block;
	height: 100%;
	width: auto;
    margin: 0 auto;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
}
.xq_left i img:hover{
	transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
}
.xq_left  div{
	margin-top: 10px;
}
.xq_left div li{
	float: left;
	width: 156px;
	height: 118px;
	margin-right: 15px;
	box-sizing: border-box;
	padding: 6px;
	border: 1px solid #e7e7e7;
}
.xq_left div li.active{
	border-color: #fd0505;
}
.xq_left div li:last-child{
	margin-right: 0;
}
.xq_left div li img{
	display: block;
	width: auto;
	height: 100%;
    margin: 0 auto;
}
.xq_right{
	width: 650px;
	box-sizing: border-box;
	padding-left: 36px;
	background: url(../img/product/bor.jpg) no-repeat left top;
}
.xq_right h2 {
    font-size: 28px;
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;
}
.xq_right p {
    font-size: 14px;
    color: #555;
    line-height: 24px;
    margin-top: 5px;
}
.xq_right i{
	display: block;
	height: 48px;
	border-bottom: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
	margin-top: 30px;
}
.xq_right .zx{
	margin-top: 30px;
}
.xq_right .zx a {
    display:block;
    width: 160px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 5px;
    color: #fff;
    background-color: #fd0505;
}
.xq_right .zx a:hover {
    background-color: #c90000
}
.product_cs div{
	border-bottom: 1px solid #c8c8c8;
	margin-bottom: 30px;
}
.product_cs{
	border-bottom: 1px solid #c8c8c8;
	padding-bottom: 10px;
}
.product_cs div span{
	width: 120px;
    height: 36px;
    display: block;
    color: #333;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    background: #ddd;
}
.product_cs p{
	margin-bottom: 10px;
    color: #666;
    line-height: 30px;
    font-size: 14px;
    text-indent: 2em;
}
.product_sx{
	margin-top: 20px;
}
.product_sx li{
	margin-bottom: 5px;
}
.product_sx li a{
	color: #666;
    font-size: 12px;
}
.product_sx li:first-child a{
	color: #277ec3;
}

/*资质荣誉*/
.about-ry .cont3-c-r{
	width: 100%;
}
.about-ry .cont3-c-r li{
	margin-right: 61.33px;
	margin-bottom: 30px;
}


/*2017-05-11*/
.facility-ms{
    width:870px;
}
.facility-ms h2{
    font-size:24px;
    text-align:center;
    font-weight:bold;
    color:#333;
}
.facility-ms div{
    margin-top:30px;
}
.facility-ms div p{
    font-size:14px;
    color:#666;
    text-indent: 2em;
    line-height: 20px;
    margin-bottom:10px;
}
.facility-cp{
    width: 300px;
}
.facility-cp a {
    display:block;
    width: 268px;
    box-sizing: border-box;
    float: inherit;
    border: 1px solid #dcdcdc;
    margin: 0 auto;
    margin-bottom: 40px;
}
.facility-cp a i{
	display: block;
	width: 100%;
	height: 196px;
	overflow: hidden;
}
.facility-cp a i img{
	width: 100%;
	height: 100%;
}
.facility-cp a div{
	background-color: #b4b5b8;
	padding: 15px;
}
.facility-cp a div h4{
	font-size: 18px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.facility-cp a div p {
    font-size: 14px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.facility-cp a i img{
	width: 100%;
	height: 100%;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
}
.facility-cp a:hover{
	border-color: #db2511;
}
.facility-cp a:hover img{
	transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
}
.facility-cp a:hover div{
	background-color: #db2511;
}