.banner .owl-controls{ display: none !important;}
.banner { position: relative;}
.bannerPoint{ position: absolute;left: 0;bottom: 0px;width: 100%;text-align: center;}
.bannerPoint ul{margin-left: -1%;}
.bannerPoint ul li{float:left;width: 24%;margin-left: 1%;position: relative; margin-bottom: 1%;}
.bannerPoint ul li img{ width: 100%;}
.bannerPoint ul li span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:#000;opacity:0.6;-webkit-opacity:0.6;filter:alpha(opacity=60);cursor: pointer;}
.bannerPoint ul li.active span{width: 0;opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);}
.bannerPoint ul li>a{display: block;border: 2px solid transparent;}
.bannerPoint ul li.active a{border: 2px solid #fff;}
.banner .owl-demo .baImg{ width: 100%;}
.banner .owl-demo .item{ overflow: hidden;}
.banner .item .autoWidth{ position: absolute; left: 50%;	 margin-left: -600px;top: 0;height: 100%;}
.banner .item .autoWidth .txt{color: #fff; position: absolute; left: -80px;top: 50%; margin-top: -88px; background: url(../images/wzbg.png) no-repeat center;background-size: cover; padding: 25px 90px;}
.banner .item .autoWidth .txt h1{ font-size: 55px;font-weight: bold;}
.banner .item .autoWidth .txt >p{ font-size: 25px;}

.banner .item .autoWidth .txt{ transition: 0.6s;-webkit-transition: 0.6s;transform: translate(-100px,0px) rotateX(180deg) scale(0,1);-webkit-transform: translate(-100px,0px) rotateX(180deg) scale(0,1);}
.banner .owl-item.active .autoWidth .txt{ transform: translate(0,0) rotate(0deg) scale(1);-webkit-transform: translate(0,0) rotate(0) scale(1);}

.publicTit{text-align: center; padding-bottom: 30px;}
.publicTit h2{color: #404040;font-size: 36px;}
.publicTit .p{line-height: 26px; padding-bottom: 10px;background: url(../images/bottom.png) no-repeat center bottom;}
.jiazhuang { padding: 60px 0 30px 0;background: url(../images/bg.png) repeat;}
.product .item img{ width: 100%; height:100%;}
.product .item{position: relative;}
.product .item .a{ display: block; position: relative; overflow: hidden;}
.product .item .tit{transition: 0.5s;-webkit-transition: 0.5s; position: absolute; left: 0;bottom: 0; width: 100%; height: 40px;background: url(../images/a4.png) no-repeat center;text-align: center;color: #fff;}
.product .item .tit .h1{line-height: 40px;}
.product .owl-controls,.product .owl-buttons{ display: block !important; text-align: center;}

.product .item .tit .txt{white-space:nowrap;overflow: hidden;transition: 0.5s;-webkit-transition: 0.5s; opacity: 0;-webkit-opacity: 0;filter:alpha(opacity=0);position: absolute; left: 0;width: 100%;text-align: center;top: 50%;margin-top: -64px;}
.product .item .tit .p1{white-space:nowrap;overflow: hidden; transition: 0.6s;-webkit-transition: 0.6s; transform: translate(100px,0); font-size: 30px;padding-bottom: 15px;background: url(../images/a3.png) no-repeat center bottom;}
.product .item .tit .p2{ transition: 0.6s;-webkit-transition: 0.6s;transform: translate(-100px,0); margin-top: 15px; padding-bottom: 45px; line-height: 16px;background: url(../images/a2.png) no-repeat center bottom;}

.jionOur  .publicTit .p{background: url(../images/bottom1.png) no-repeat center bottom;}
.product .owl-pagination{ display: none !important;}
.product .owl-pagination{ position: static;}
.product .owl-buttons div{transition: 0.4s;-webkit-transition: 0.4s; width: 50px;height: 50px;border: 1px solid #ccc;border-radius: 50%; position: static; margin: 0 5px;display: inline-block;*display: inline;*zoom: 1;}
.product .owl-buttons .owl-prev {background: url(../images/jt.png) no-repeat center;}
.product .owl-buttons .owl-next {background: url(../images/jt1.png) no-repeat center;}
.product .owl-buttons .owl-prev:hover {background: url(../images/jt_.png) no-repeat center;border-color: #3265ac;}
.product .owl-buttons .owl-next:hover {background: url(../images/jt1_.png) no-repeat center;border-color: #3265ac;}
.product .owl-buttons{ padding: 40px 0 0 0;}

.yinshui { padding: 70px 0 70px 0;background: url(../images/b1.jpg) no-repeat center;background-size: cover !important;}
.yinshui .imgDiv{ position: relative; overflow: hidden; }
.yinshui .img_1{ position: relative;z-index: 2;background: url(../images/20161129105008.png) no-repeat center; padding-left:10%;}
.yinshui .img_2{ position: absolute; left: 0; bottom: 0px;}
.yinshui .contact{ position: absolute; right: 230px; width: 480px;text-align: center;z-index: 3; top: 50%; margin-top: -110px;}
.yinshui .contact .dd1{ font-size: 56px;font-weight: bold;color: #014099;}
.yinshui .contact .dd1 span{ color: #014099; font-size: 30px; font-weight: normal;}
.yinshui .contact .dd2{margin:15px 0 5px 0;line-height: 32px; font-size: 18px;color: #fff;background: url(../images/b3.png) no-repeat center;background-size: cover;}
.yinshui .contact .dd3{ color: #636475; padding-bottom: 40px;}
.yinshui .contact .dd4 a{ display: inline-block;*display: inline;*zoom: 1;background: #014099;color: #fff;line-height: 32px;padding: 0 60px;}
.yinshui .contact .dd4 a:hover{background: #3169b5;}



.videoNew{ background: url(
../images/
c1.jpg) no-repeat center;background-size: cover !important; padding:60px 0 80px 0; overflow: hidden;}
.videoNew .fl{ width: 470px;}
.videoNew .h1Tit{color: #fff; font-size: 36px; height: 50px; padding-bottom: 15px;}
.videoNew .h1Tit span{ display: block;width: 44px;height: 2px;background: #787677; margin-top: 25px;}
.videoAlert .item .text{ color: #f2f2f2; font-size: 14px; padding: 25px 0 20px 0; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.videoAlert .item{}
.videoAlert .item .video{ position: relative; cursor: pointer;}
.videoAlert .item .video video{ position: absolute; left: 0;top: 0; width: 100%; height: 100%; background: #000;z-index: 7;}
.videoAlert .item .video .scaleImg{ position: relative;z-index: 2;}
.videoAlert .owl-pagination{ bottom: auto; top: 0; left: 0; text-align: left; position:static; margin-top:15px;}
.videoAlert .owl-pagination .owl-page{margin:0 4px;border-radius: 50%; width: 10px; height:10px;background: #979797;border: 3px solid #979797;}
.videoAlert .owl-pagination .owl-page.active{border-radius: 50%; width: 10px;height: 10px;background: #014099;}
.videoAlert{ height: 406px;overflow: hidden;}
.knowMore{margin-top: 37px; display: block; width: 180px;text-align: center;color: #fff;background: #014099;line-height: 30px;border: 2px solid #014099;}
.knowMore:hover{ background: #fff;color: #014099;}
.videoAlert .item .video .open{position: absolute; left: 50%;margin-left: -40px;top: 50%;margin-top: -40px;z-index: 3;background: url(../images/d1.png) no-repeat;background-size: cover; width: 80px; height: 80px;}
.videoNew .fr{ width: 500px;}
.videoNew .fr .contact{color: #e5e5e5; font-size: 14px;line-height: 28px; margin-top: 58px; height: 274px;overflow: hidden;}
.videoAlert .item .scaleImg img{ height:270px;width: auto;}
.alertVideo{overflow: scroll; display: none; position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/opac.png) repeat;z-index: 5;}
.videAlert{ width: 900px;margin: auto auto; text-align: center; position: relative;top: -100%;}
.videAlert .txt{color: #fff; padding: 15px 0;}
.videAlert video{ width: 100%;background: #000;}
.videAlert .mp4{ position: relative;}
.closeCS{ position: absolute;right: -20px;top: -20px;width: 40px;height: 40px;background: url(/../images/
close.png) no-repeat;cursor: pointer;}
.closeCS:hover{background: url(../images/close2.png) no-repeat;}

.jionOur .autoWidth{ width: 1310px; overflow: hidden;}
.jionOur{background: url(../images/dd1.jpg) no-repeat center;background-size: cover;padding: 65px 0;}
.jionOur ul { /*margin-left: -2.5%; /*background: url(
../images/
line.png) repeat-x left center;*/}
.jionOur ul li{transition: 0.5s;-webkit-transition: 0.5s; float: left; width: 14.1666%; margin-left: 2.5%; overflow: hidden;position: relative;top: 1px;}
.jionOur ul li img{ width: 100%;}
.knowMoreAuto{ margin: auto auto; margin-top: 60px;}
.jionOur ul li.center{ top: 5px;}
.jionOur ul li:hover{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}

.news{ background: url(../images/newsbg.jpg) no-repeat;background-size: cover !important; padding: 60px 0;overflow: hidden;}
.news .publicTit,.news .publicTit h2{ color: #fff;}
.news .publicTit .p{background: url(../images/bottom2.png) no-repeat center bottom;}
.newsDL dd{display: block; position: relative;padding-right: 396px; height: 238px; margin-bottom: 6px;}
.newsDL dd .left{ position: relative;overflow: hidden; height: 100%;}
.newsDL dd .left .padd{ position: absolute; left: 30px;bottom: 20px;z-index: 2; width: 90%;}
.newsDL dd .left a{ display: block;height: 100%;}
.newsDL dd .left .img{ position: absolute; left: 0;bottom: 0;width: 100%;height: 100%;transition: 0.4s;-webkit-transition: 0.4s;}
.newsDL dd .right{ position: absolute;top: 0; right: 0; width: 390px; height: 100%;background: #014099;}
.newsDL dd .right a{ display: block;padding: 40px 30px 0 30px;}
.newsDL dd .titH2{ font-size:20px ;color: #fff;transition: 0.4s;-webkit-transition: 0.4s; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsDL dd .date{ font-size:14px ;color: #a8a8a8; padding-bottom: 15px;padding-top: 5px;}
.newsDL dd .txt{ font-size:14px ;color: #fff; line-height: 26px;transition: 0.4s;-webkit-transition: 0.4s; max-height: 78px;overflow: hidden;}
.newsDL dd .float{width: 49.7%;background: url(../images/newbg.jpg) no-repeat right center;background-size: cover; height: 100%;}
.newsDL dd.center{ padding: 0;}
.newsDL dd .float .scaleImg{ float: left; width: 50%; height: 100%;}
.newsDL dd .float .scaleImg p{background-size: cover !important; height: 100%;transition: 0.4s;-webkit-transition: 0.4s;}
.newsDL dd .float .scaleImg:hover p{transform: scale(1.1);-webkit-transform: scale(1.1);}
.newsDL dd .float .contact{display: block; float: left; width: 50%; position: relative; height: 100%;}
.newsDL dd .float .contact .jt{ position: absolute; left: 0;top: 50px;width: 8px; height: 16px;background: url(../images/newjt.png) no-repeat;}
.newsDL dd .float .contact .padd{ padding: 45px 35px 0 20px;}
.newsDL dd .float >a{ display: block; height: 100%;}


.huoban .item {background: url(../images/rp2.png) no-repeat left center;}
.huoban .item a{ display: block; padding: 10px 0;}
.huoban .item a p{ background-size: contain !important;height: 100px;}
.huoban .owl-wrapper-outer{ background: url(../images/rp.png) no-repeat center;}
.huoban .owl-demo:after{ position: absolute;left: 0;width: 2px;height: 100%;background: #fff;content: '';top: 0;}
.huoban .owl-controls{ display: block !important;}
.huoban .owl-buttons{ display: block ;}
.huoban .owl-buttons div{width: 40px;height: 40px;background-color: #e6e6e6 !important;border-radius: 50%; margin-top: -20px;transition: 0.4s;-webkit-transition: 0.4s;}
.huoban .owl-buttons .owl-prev{ background: url(../images/jt3.png) no-repeat center; left: -50px;}
.huoban .owl-buttons .owl-next{ background: url(../images/jt4.png) no-repeat center; right: -50px;}
.huoban .owl-buttons div:hover{background-color: #014099 !important;}
.hezuoParent{ padding: 60px 0;}



@media only screen and (max-width:1400px) {
	.jionOur .autoWidth{ width: 96%;}
	.huoban .owl-buttons .owl-prev{ left: 2px;}
	.huoban .owl-buttons .owl-next{ right: 0px;}
	.banner .item .autoWidth .txt { left: 0;}
	.banner .item .autoWidth{ margin-left: -48%;}
	.banner .item .autoWidth .txt h1{ font-size: 40px;}
	.banner .item .autoWidth .txt >p{ font-size: 20px;}
}

@media only screen and (max-width:1300px) {
	.product .item .tit .p1{ font-size: 22px;}
	.product .item .tit .txt{ font-size: 14px; margin-top: -55px;}
	.yinshui .img_1{width: 100%; padding-left:11%;}
	.yinshui .contact{ right: 15%;}
	.yinshui .autoWidth{ width: 100%;}
}
@media only screen and (max-width:1100px) {
	.videoNew .fl{ width: 45%;}
	.videoNew .fr{ width: 45%;}
	
}
@media only screen and (min-width:960px) {
.newsDL dd .txt:hover{text-decoration: underline;}
.newsDL dd .titH2:hover{text-decoration: underline;}
.newsDL dd .left :hover .img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.publicTit .p{ margin-top: 10px;}
.huoban .item a p{ transition: 0.4s;-webkit-transition: 0.4s;}
.huoban .item a p:hover{transform: scale(1.06);-webkit-transform: scale(1.06);}
	/*加载动画*/
	.product .item,.yinshui .img_1,.yinshui .contact,.videoNew .fl,.videoNew .fr,.jionOur ul li{transition: 0.5s;-webkit-transition: 0.5s;opacity: 0;-webkit-opacity: 0;}
	.product .item{transform: translate(0,250px);-webkit-transform: translate(0,250px);}
	.product .owl-item:nth-child(2) .item,.jionOur ul li:nth-child(2){transition-delay: 0.2s;-webkit-transition-delay: 0.2s;}
	.product .owl-item:nth-child(3) .item,.yinshui .contact,.jionOur ul li:nth-child(3){transition-delay: 0.4s;-webkit-transition-delay: 0.4s;}
	.product .owl-item:nth-child(4) .item,.jionOur ul li:nth-child(4){transition-delay: 0.6s;-webkit-transition-delay: 0.6s;}
	.product .owl-item:nth-child(5) .item,.jionOur ul li:nth-child(5){transition-delay: 0.8s;-webkit-transition-delay: 0.8s;}
	.jionOur ul li:nth-child(6){transition-delay: 1s;-webkit-transition-delay: 1s;}
	
	.yinshui .img_1,.videoNew .fl{transform: translate(-350px,0);-webkit-transform: translate(-250px,0);}
	.videoNew .fr{transform: translate(350px,0);-webkit-transform: translate(250px,0);}
	.yinshui .contact{transform: translate(350px,0) scale(0,1);-webkit-transform: translate(250px,0) scale(0,1);}
	.product.active .item,.yinshui.active .img_1,.yinshui.active .contact,.videoNew.active .fl,.videoNew.active .fr{transform: translate(0,0px) scale(1);-webkit-transform: translate(0,0px) scale(1); opacity: 1;-webkit-opacity: 1;}
	.jionOur ul li{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
	.jionOur.active ul li{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);opacity: 1;-webkit-opacity: 1;}
	.newsDL dd{transition: 0.8s;-webkit-transition: 0.8s;opacity: 0;-webkit-opacity: 0;}
	.newsDL dd:nth-child(1){transform: translate(500px,0);-webkit-transform: translate(500px, 0);transition-delay: 0.2s;-webkit-transition-delay: 0.2s;}
	.newsDL dd:nth-child(2){transform: translate(-500px, 0);-webkit-transform: translate(-500px, 0);transition-delay: 0.6s;-webkit-transition-delay: 0.6s;}
	.newsDL dd:nth-child(3){transform: translate(500px, 0);-webkit-transform: translate(500px, 0);transition-delay: 1s;-webkit-transition-delay: 1s;}
	.news.active .newsDL dd{opacity: 1;-webkit-opacity: 1;transform: translate(0,0);-webkit-transform: translate(0,0);}
	
}
@media only screen and (max-width:960px) {
    .publicTit h2{ font-size: 30px;}	
    .jiazhuang{ padding: 30px 0 30px 0;}
    .yinshui .contact{ right: 0; width: 50%; bottom: 70px;}
    .yinshui .contact .dd1{ font-size: 36px;}
    .yinshui .contact .dd1 span{ font-size: 20px;}
    .yinshui .contact .dd3{ padding-bottom: 20px;}
    .yinshui .img_2{ width: 350px; left: 27px;bottom:0px;}
    .videoNew .h1Tit{ font-size: 28px;}
    .newsDL dd{ height: 200px;}
    .newsDL dd .float .contact .padd{padding: 20px 15px 0 15px;}
    .newsDL dd .right a{padding: 20px 15px 0 15px;}
    .news{ padding: 3.5% 0;}
    .yinshui .img_1{ height: 360px; width: auto;}
	.yinshui .img_1 img{    width: 170px;
    margin: 3%;
}
    .banner .item .autoWidth .txt h1{ font-size: 36px;}
    .banner .item .autoWidth .txt >p{ font-size: 18px;}
    
}
@media only screen and (max-width:740px) {
		.videoNew .fl,.videoNew .fr{ width:100%; float: none;}
		.videoNew .fr{ margin-top: 20px;}
	    .videoAlert .item .scaleImg img{ height:auto;width: 100%;}
	    .videoNew .fr .contact{ height: auto;}
	    .videoNew .fr .contact{ margin-top: 0px;}
	    .videoNew{ padding: 30px 0 40px 0;}
	    .videoAlert{ height: auto;}
	    .videoNew .fl .knowMore{display: none;}
	    .videoNew{background: url(../images/c1.jpg) no-repeat left top;background-size: cover;}
	    .videoNew .h1Tit{ text-align: center; line-height: 30px; height: 30px;}
	    .videoNew .h1Tit span{display: none;}
	     .knowMore{margin:0 auto;margin-top: 20px;}
	     .jionOur ul li{ width: 31.333%;margin-left: 2%; margin-bottom: 2%;}
	     .jionOur ul{ margin-left: -2%;}
	     .jionOur{ padding: 3% 0 6% 0;}
	    
}
@media only screen and (min-width:640px) {
	.product .item .a:hover .tit{ height: 100%;background-size: cover !important;}
	.product .item .a:hover .tit .h1{font-size: 0;}
	.product .item .a:hover .tit .txt{opacity: 1;-webkit-opacity: 1;filter:alpha(opacity=100);}
	.product .item .a:hover .tit .p2,.product .item .a:hover .tit .p1{transform: translate(0,0);}
	.huoban .owl-pagination{ display: none !important;}

}
@media only screen and (max-width:640px) {
	.banner .owl-demo .baImg{ width: 120%; margin-left: -10%;}
	.product .item .a .tit{font-size: 14px;line-height: 32px; height: 32px;}
	.product .item .tit .h1{line-height: 32px; height: 32px;overflow: hidden;}
	.product .item .tit .txt{ display: none;}
	.publicTit h2{ font-size: 24px;}	
    .jiazhuang{ padding: 20px 0 5px 0;}
    .product .owl-buttons{ padding-top: 20px; display: none !important;}
    .product .owl-pagination{ display: block !important; padding-top: 15px;}
    .product .owl-pagination .owl-page, .huoban .owl-pagination .owl-page{ background: #ccc;}
    .product .owl-pagination .active,.huoban .owl-pagination .owl-page.active{ background: #014099;}
    .yinshui .contact .dd1{ font-size: 19px;}
    .yinshui .contact .dd1 span{ font-size: 16px;}
    .yinshui .contact .dd2{ font-size: 14px; line-height: 28px; margin: 5px 0 5px 0;}
    .yinshui .contact .dd3{ font-size: 12px; padding-bottom: 20px;}
    .yinshui .contact .dd4 a{ width: 100px; padding:0 0px;font-size: 14px;}
    .yinshui .contact{ width: 52%; min-width: 200px; bottom: auto;top: 50%;margin-top: -70px;}
    .yinshui{ padding: 30px 0;}
    .yinshui .img_1{ height: 250px; width: auto;}
    .yinshui .imgDiv{ padding-bottom: 0;}
    .videoAlert .item .video .open{ width: 40px; height: 40px;margin-left: -20px;margin-top: -20px;}
    .newsDL dd{ padding-right: 0; height: auto;}
    .newsDL dd{ height: auto;}
    .newsDL dd .left{ height: 140px;}
    .newsDL dd .right{ position: relative; width: 100%;}
    .newsDL dd .float{ width: 100%; height: 200px;}
    .newsDL dd .left .padd{ left: 3%; bottom:10%; width: 94%;}
    .newsDL dd .right a{ padding: 2.5% 3%;}
    .newsDL dd .titH2{ font-size: 17px;}
    .newsDL dd .float .txt{ max-height: 52px;}
    .newsDL dd .fr .scaleImg{ float: none;float: right;}
    .newsDL dd .fr .contact{ float: none;float: left;}
    .newsDL dd .fr .contact .jt{ left: auto;right: 0;transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
    .newsDL dd .right{background: url(../images/newbg.jpg) no-repeat;background-size: cover !important;}
    .huoban .owl-buttons div{ display: none !important;}
    .huoban .owl-pagination{ position: static; margin-top: 15px;}
    .hezuoParent{ padding: 3% 0;}
    .bannerPoint ul li{float: none; width: 10px; height: 10px;background: #fff;border-radius: 50%; margin: 0 3px; display: inline-block;}
    .bannerPoint ul li span{ display: none;}
    .bannerPoint ul li a{ display: none;}
    .bannerPoint ul{ margin: auto; text-align: center;padding-bottom: 10px}
    .bannerPoint ul li.active{width: 25px;border-radius: 5px;background: #014099;}
    .banner .item .autoWidth .txt{ padding: 20px 25px;}
    .banner .item .autoWidth .txt h1{ font-size: 32px;}
    .banner .item .autoWidth .txt >p{ font-size: 16px;}
    .videoAlert .owl-pagination{ text-align:center;}
}

@media only screen and (max-width:480px) {
   /* .newsDL dd .left,.newsDL dd .float{ height: 150px;}*/
    .newsDL dd .float .contact .padd{ padding:5% 6% ;}
    .yinshui .img_1{/* margin-left: -60px;*/}
    .banner .item .autoWidth .txt h1{ font-size: 22px;}
    .banner .item .autoWidth .txt{ padding: 10px 25px;}
    
}