/*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: #193066;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: #193066;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: #193066;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: #193066;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:#193066;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 #193066; font-size: 16px; color: #193066; line-height: 58px; text-align: center; margin: 50px auto 0 auto;}
.btn2:hover{color: #fff; background: #193066;}
.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;text-align: center;color: #333;font-size: 16px;background: #fff url(../images/cpicon1.png)no-repeat 90%;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: #193066;}
	.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: #193066 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: #193066 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;}
}