/*banner*/

.slider {position: relative;overflow: hidden;width: 100%;}

.slideBox .hd {z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 50px;transform: translateX(-50%);z-index: 1;}

.slideBox .hd ul{ text-align:center;padding-top:5px;}

.slideBox .hd ul li{cursor:pointer;float: left;margin-right: 15px;width: 64px;height: 8px;text-align: center;background: #fff;}

.slideBox .hd ul .on{background: #005aac;color: #fff;}

.slideBox .bd{position:relative;}

.slideBox .bd li img{width:100%;} 



@media (max-width: 890px){

	.slideBox .hd{bottom: 20px;}

	.slideBox .hd{left: 53%;}

	.slideBox .hd ul li{width: 50px;height: 7px;}

}



@media (max-width: 420px){

	.slideBox .bd li{width: 100%;overflow: hidden;}

	.slideBox .bd li img {width: 150%;margin-left: -25%;}

	.slideBox .hd ul li{width: 45px;height: 4px;}

}



/*留言*/

.titt span{font-size: 36px;color: #333;text-align: center;display: block;font-weight: bold;}

.titt p{font-size: 18px;color: #666;text-align: center;margin: 15px 0 60px;}



.feedback{background: url(../images/ly_bg.jpg) no-repeat center;background-size: cover;padding: 80px 0 90px;}

.feedback .titt span,.feedback .titt p{color: #fff;}

.feedback .ny{width: 20%;border: solid 1px #e7e6e5;background: rgba(255, 255, 255, 0.95);color: #333;line-height: 50px;height: 50px;float: left;margin-right: 1%;font-size: 15px;padding-left: 20px;}

.feedback .yy{width: 46%;border: solid 1px #e7e6e5;background: rgba(255, 255, 255, 0.95);color: #333;line-height: 50px;float: left;margin-right: 1%;font-size: 15px;height: 50px;padding-left: 20px;}

input.ny::placeholder{color: #999;}

input.yy::placeholder{color: #999;}

.feedback .tj{width: 10%;background: #0199e5;color: #333;line-height: 50px;height: 50px;float: left;font-size: 15px;color: #fff;text-align: center;border: none;}



@media (max-width: 768px){

	.titt span{font-size: 26px;}

	.titt p{font-size: 15px;line-height: 30px;margin-bottom: 30px;}

	

	.feedback .ny,.feedback .yy{float: none;width: 95%;margin: 0 auto;margin-bottom: 20px;display: block;}

	.feedback .tj{float: none;width: 30%;margin: 0 auto;display: block;}

	.feedback{padding: 40px 0;margin-bottom: 70px;}

}



@media (max-width: 420px){

	.titt span{font-size: 24px;}

	.titt p{margin-top: 4px;}

}



/*新闻*/

.news{background: url(../images/product_bg.jpg);padding: 70px 0 90px;}

.news ul{overflow: hidden; }

.news li{float: left;margin-right: 2%; width:32%;box-sizing: border-box;}

.news li:last-child{margin-right: 0;}

.news img{width:100%;}



.news dl{padding: 20px;background: #fff;width: 100%;margin-top: 30px;}

.news dl dt{float: left;margin-right: 2%; width:32%;height: 45px;line-height: 45px;overflow: hidden;}

.news dl dt:nth-child(3n){margin-right: 0;}

.news dl dt a{font-size: 15px;color: #333;font-weight: normal;}

.news dl dt b{color: #005aac;margin-right: 10px;}

.news dl dt i{font-size: 14px;color: #999;width: 20%;overflow: hidden;font-style: normal;}

.news dl dt p{width: 80%;overflow: hidden;}

.news dl dt:hover p{color: #005aac;font-weight: bold;}



@media (max-width: 1050px){

    .news dl dt{width: 100%;}

}



.xwbox{position: relative;}

.xwtp{ overflow:hidden;max-height: 290px;}

.xw_text{padding: 10px 30px 0 30px;background: #fff;}

.xw_text h2{font-size: 18px; color: #000; line-height: 52px; width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.news a:hover h2{color: #005aac;font-weight: bold;}

.xw_text p{font-size: 14px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 24px; color: #666666; padding-bottom: 28px;}

.xw_text h4{font-size: 14px; color: #666; border-top:1px dashed #999999; line-height: 80px; background: url(../images/a_03.jpg) no-repeat left center; padding-left: 35px;}

.xwbox span {margin:auto;display:inline-block;position:absolute;bottom:0px;left:0;width:0px;height:2px;background:#005aac;transition:.5s;border-radius:50px;}

.news a:hover span{width:100%;}

.news a:hover .xwbox{ -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3);-moz-box-shadow:0 0 10px rgba(0, 0,0, .3);box-shadow:0 0 10px rgba(0, 0, 0, .3);  }

.btn2{transition: All 0.4s ease-in-out;display: block;width:198px; height: 58px; border:1px solid #005aac; font-size: 16px; color: #005aac; line-height: 58px; text-align: center; margin: 50px auto 0 auto;}

.btn2:hover{color: #fff; background: #005aac;}

.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }

.img2:hover { transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); }



@media (max-width: 768px){

	.news{padding: 40px 0 150px;}

	.news li{padding: 0;width: 100%;margin-bottom: 30px;}

	.btn2{margin-top: 20px;}

}



@media (max-width: 420px){

	.xw_text h2{font-size: 16px;}

	.xw_text p{padding-bottom: 18px;}

	.xw_text h4{line-height: 70px;}

	.btn2{width: 165px;height: 50px;line-height: 50px;margin-top: 10px;}

}



/*产品*/

.products{padding: 70px 0 80px;background: url(../images/product_bg.jpg);}



.products li{ float: left; width: 23.5%; margin-right: 2%;margin-bottom: 2%;}

.products li:nth-child(4n){margin-right: 0px;}

.products li .img{width: 100%;height: 258px;overflow: hidden;position: relative;display: block;}

.products li .img img{width: 100%;height: 100%;display: block;transition: all 0.3s linear 0s; }

.products li .img:hover img{transform: scale(1.1);}

.products li .txt{height: 50px;line-height: 50px;padding-left: 6%;color: #333;font-size: 16px;background: #fff url(../images/cpicon1.png)no-repeat 94%;border-top: 1px solid #eee;}

.products li:hover .txt{background: #fff url(../images/cpicon2.png)no-repeat 90%;box-shadow: 0px 7px 13.92px 2.08px rgba(0, 0, 0, 0.15);}



@media (max-width: 1300px){

	.products li .img{height: 190px;}

}



@media (max-width: 1000px){

	.products li,.products li:nth-child(4n){float: left;margin-right: 2%; width:32%;}

	.products li:nth-child(3n){margin: 0 auto;}

	.products li:nth-child(7),.products li:nth-child(8){display: none;}

	.products li .img{height: 190px;}

}



@media (max-width: 768px){

	.products li,.products li:nth-child(4n),.products li:nth-child(3n){width: 49%;margin-right: 0;margin-bottom: 2%;}

	.products li:nth-child(2n){float: right;}

}



@media (max-width: 420px){

	.products{padding: 40px 0 50px;}

	.products li .img{height: 150px;}

	.products li .txt{height: 40px;line-height: 40px;font-size: 14px;}

}

	

/*公司简介*/

.about .hTitle{font-size:36px;font-weight:normal;color:#333;text-transform: uppercase;line-height:28px;margin-bottom:30px;}

.about .hTitle span{display:block;font-size:16px;font-family:Arial;opacity:.6;padding-top: 14px;}



.about{background:url(../images/ab_bg.jpg) no-repeat center top;color:#fff;overflow:hidden;}

.aboutLeft{padding:80px 0 90px;width:56%;color:#fff;}

.aboutLeft .hTitle{color:#fff;}

.aboutLeft .hTitle strong:before{background:#fff;}

.aboutLeft .font{margin-bottom:50px;overflow:hidden;font-size: 15px;line-height: 36px;height: 180px;overflow: hidden;}

.aboutMenu{height: auto;overflow:hidden;}

.aboutMenu li{float:left;width:25%;background: url(../images/a_line.png) no-repeat right 24px;padding-right:10%;text-align:center;}

.aboutMenu li:last-child{width: 15%;}

.aboutMenu li i{display:inline-block;width:54px;height:62px;background: url(../images/aIcon.png) no-repeat;}

.aboutMenu li h4{font-size:16px;color:#fff;font-weight:normal;line-height: 22px;margin-top: 10px;}

.aboutMenu li h4 span{display:block;font-size:14px;font-family:Arial;opacity:.4;}

.aboutMenu li:last-child{padding-right:0;margin-right:0;background:none;}

.aboutMenu li h4{width:100%;}

.aboutMenu li:nth-child(2) i{background-position: -54px 0;}

.aboutMenu li:nth-child(3) i{background-position: -108px 0;}

.aboutMenu li:nth-child(4) i{background-position: -162px 0;}

.aboutMenu li a:hover i{background-position: 0 -62px;}

.aboutMenu li:nth-child(2) a:hover i{background-position: -54px -62px}

.aboutMenu li:nth-child(3) a:hover i{background-position: -108px -62px}

.aboutMenu li:nth-child(4) a:hover i{background-position: -162px -62px}

.video{width:30%;height:100%;position:relative;margin-top: 20%;}

.video i{position:absolute;background: url(../images/vIcon.png) no-repeat;width:60px;height:60px;top:50%;left:50%;margin-left:-30px;margin-top:-30px;cursor:pointer;}



@media (max-width: 1400px){

	.aboutLeft{width: 60%;}

	.aboutMenu li{width: 26%;}

}



@media (max-width: 1200px){

	.aboutLeft{width: 63%;}

}



@media (max-width: 1024px){

	.aboutLeft{width: 65%;}

	.aboutMenu li{width: 28%;}

}



@media (max-width: 1000px){

	.about{background: #005aac;}

	.aboutLeft{width: 100%;}

	.video{display: none;}

	

}



@media (max-width: 668px){

	.aboutMenu li,.aboutMenu li:last-child{background: none;width: 50%;margin-bottom: 30px;padding-right: 0;}

}



@media (max-width: 420px){

	.aboutLeft{padding: 50px 0 20px;}

	.about .hTitle strong{font-size: 24px;}

	.about .hTitle span{font-size: 15px;padding-top: 4px;}

	.aboutLeft .font{font-size: 14px;line-height: 30px;}

}



/*案例*/

.mt-tabpage {

	margin: 80px 0 90px;

}

.mt-tabpage-title {

	width: 28%; 

	margin: 0 auto;

}

.mt-tabpage-title .mt-tabpage-item {

	display: inline-block;

	width: 47.4%;

	height: 55px;

	line-height: 55px;

	font-size: 16px;

	color: #fff;

	margin-right: 4%;

	background: #c30d23 url(../images/case_ic1.png) no-repeat 20%;

	padding-left: 20%;

}

.mt-tabpage-title .mt-tabpage-item:last-child{background: #c30d23 url(../images/case_ic2.png) no-repeat 20%;margin-right: 0;}

.mt-tabpage-title .mt-tabpage-item:hover,.mt-tabpage-title .mt-tabpage-item-cur {background: #005aac url(../images/case_ic1.png) no-repeat 20%;font-weight: bold;}

.mt-tabpage-title .mt-tabpage-item:last-child:hover,.mt-tabpage-title .mt-tabpage-item-cur:last-child{background: #005aac url(../images/case_ic2.png) no-repeat 20%;margin-right: 0;}

.mt-tabpage-count {

	position: relative;

	width: 100%;

	height: 250px;

	overflow: hidden;

	margin-top: 70px;

}

.mt-tabpage-cont__wrap {

	position: absolute;

}

.mt-tabpage-count .mt-tabpage-item {

	width: 1400px;

	height: 250px;

	float: left;

}

.mt-tabpage-count .mt-tabpage-item dt{float: left; width: 23.5%; margin-right: 2%;margin-bottom: 2%;}

.mt-tabpage-count .mt-tabpage-item dt:nth-child(4n){margin-right: 0;}

.mt-tabpage-count .mt-tabpage-item dt .img{width: 100%;height: 250px;overflow: hidden;position: relative;display: block;border: 1px solid #bbb;}

.mt-tabpage-count .mt-tabpage-item dt .img img{width: 100%;height: 100%;display: block;transition: all 0.3s linear 0s; }

.mt-tabpage-count .mt-tabpage-item dt .img:hover img{transform: scale(1.1);}

.mt-tabpage-count .mt-tabpage-item dt .txt{position: absolute;width: 100%;padding: 16px 10px;bottom: 0;left: 0;background: rgba(0,0,0,0.5);}

.mt-tabpage-count .mt-tabpage-item dt .txt span{font-size: 16px;color: #fff;font-weight: normal;}

.mt-tabpage-count .mt-tabpage-item dt .txt i{color: #fff;}



@media (max-width: 1400px){

	.mt-tabpage-title{width: 40%;}

}



@media (max-width: 1024px){

	.mt-tabpage-count .mt-tabpage-item dt{width: 22%;}

	.mt-tabpage-count .mt-tabpage-item dt .img,.mt-tabpage-count{height: 220px;}

}



@media (max-width: 930px){

	.mt-tabpage-title{width: 60%;}

}



@media (max-width: 1024px){

	.mt-tabpage-count .mt-tabpage-item dt{width: 25%;}

	.mt-tabpage-count .mt-tabpage-item dt .img,.mt-tabpage-count{height: 240px;}

}



@media (max-width: 630px){

	.mt-tabpage-title{width: 80%;}

}



@media (max-width: 480px){

	.mt-tabpage-title{width: 100%;}

}



@media (max-width: 420px){

	.mt-tabpage{margin: 40px 0;}

	.mt-tabpage-count .mt-tabpage-item dt{width: 24.5%;margin-right: 0.8%;}

	.mt-tabpage-count .mt-tabpage-item dt .img,.mt-tabpage-count{height: 160px;}

	.mt-tabpage-count .mt-tabpage-item dt .txt{padding: 10px;}

	.mt-tabpage-count .mt-tabpage-item dt .txt span{font-size: 14px;}

	.mt-tabpage-count{margin-top: 30px;}

}



@media (max-width: 380px){

	.mt-tabpage-title .mt-tabpage-item,.mt-tabpage-title .mt-tabpage-item:last-child{float: none;width: 50%;margin: 0 auto;margin-bottom: 20px;display: block;}

}