.main-bd{width:1210px;}
.banner{position:relative;height:900px;overflow:hidden;z-index: 1;}
.banner .max-container{height:100%;}
.banner .container{height:100%;}
.banner .content{position:absolute;top:0px;left:0px;width:100%;height:100%;background:#ececec no-repeat center center;background-size: cover;}
.banner .content .infos{position:absolute;top:232px;width:550px;overflow:hidden;}
.banner .content .infos h2{line-height:62px;padding-bottom:12px;color:#bebebe;font-size:40px;font-weight: bold; }
.banner .content .infos .info{line-height:36px;font-size:24px;}
.banner .content .infos .info2{padding-top: 120px;}
.banner .content .infos .info2 li{overflow: hidden;padding-bottom: 26px;}
.banner .content .infos .info2 .one{transform: translateX(-100%);-webkit-transform: translateX(-100%);transition-duration: .3s;-webkit-transition-duration:.3s; transition-delay:.8s;-webkit-transition-delay:.9s;}
.banner .content .infos .info2 .two{transform: translateX(-100%);-webkit-transform: translateX(-100%);transition-duration: .3s;-webkit-transition-duration:.3s; transition-delay:.8s;-webkit-transition-delay:1s;}
.banner .content .infos .info2 .three{transform: translateX(-100%);-webkit-transform: translateX(-100%);transition-duration: .3s;-webkit-transition-duration:.3s; transition-delay:.8s;-webkit-transition-delay:1.1s;}
.banner .content .infos .info2 p{width: 3px;height: 40px;background: #bebebe;float: left;position: relative;}
.banner .content .infos .info p{color:#005d97;font-size: 28px;line-height: 33px;padding-bottom: 10px;    font-weight: bold} 
.banner .content .infos .info span{display: block;color:#005d97;font-size: 20px;line-height: 22px;font-weight: bold;} 
.banner .content .infos .info2 p span{width: 3px;height: 10px;background: #11689e;position: absolute;left:0;bottom:0;}
.banner .content .infos .info2 em{display: block;font-size: 20px;color:#807f7f;padding-left: 16px;line-height: 20px;}
.banner .content.in .infos h2{ transform: translateX(0%);-webkit-transform: translateX(0%);}
.banner .content.in .infos .info{ transform: translateX(0%);-webkit-transform: translateX(0%);}
.banner .content.in .infos .info2{ transform: translateX(0%);-webkit-transform: translateX(0%);}
.banner .content.in .infos .info2 .one{ transform: translateX(0%);-webkit-transform: translateX(0%);}
.banner .content.in .infos .info2 .two{ transform: translateX(0%);-webkit-transform: translateX(0%);}
.banner .content.in .infos .info2 .three{ transform: translateX(0%);-webkit-transform: translateX(0%);}

.banner .content .imgs{position:absolute;bottom:180px;margin:auto 0;right:0px;width:50%; top:300px}
.banner .content .imgs img{max-width:100%;vertical-align:middle;}
.banner .content.in .imgs{transform: scale(1);-webkit-transform:scale(1);}
.banner .banner-nav{position:absolute;left:0px;right:0px;bottom:40px;height:8px;line-height:8px;text-align:center;}
.banner .banner-nav .child{vertical-align:middle;display:inline-block;*display:inline;*zoom:1;width:10px;height:10px;border-radius:8px;-webkit-border-radius:8px;background:#005d97;cursor:pointer;margin:0 10px;}
.banner .banner-nav .child.on{width: 8px;height: 8px;background:#fff;border: 2px solid #005d97;}


/*main*/
.main{width: 100%;height:200px;border-bottom: 3px solid #fff;border-top: 3px solid #fff;background: #f2f2f2;}
.main ul li{border-left: 3px solid #fff;float: left;text-align: center;position:relative;    margin-left: 2px;}
.main ul li .pd{padding:23px 0 0;}
.main ul li .pd img{width:auto;}
/*.main ul li .txt1{width: 96px;height: 132px;padding-top: 23px;margin:0 auto;}
.main ul li .txt2{width: 190px;height: 132px;padding-top: 23px;margin:0 auto;}
.main ul li .txt3{width: 260px;height: 132px;padding-top: 23px;margin:0 auto;}
.main ul li .txt4{width:189px;height: 132px;padding-top: 23px;margin:0 auto;}*/
.main ul li p{font-size: 14px;color:#5a5a5a;padding-top: 6px;position:absolute;bottom:16px;left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}
.baseW{width: 24%;height:200px;}
.baseW1{width: 25%;height:200px;}
.main ul .haveR{border-right: 3px solid #fff;}
/*hover*/
.main ul li .txt img{transition-duration:.6s;-webkit-transition-duration:.6s;-moz-transition-duration:.6s;-ms-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s;}
.main ul li:hover p{color:#005d97;}