
body{min-width: 1200px;}
.wrap-content {text-align: center;width: 1200px;margin: 0 auto; overflow: hidden; }
.wrap-content h3{font-size: 32px;font-weight: normal;}
.wrap-content h5{font-size: 14px;font-weight: normal;color: #999;text-transform:uppercase;margin-top: 4px;}
.interval{width: 9px;height: 9px;background-color: #62a439;margin: 6px auto;position: relative;}
.interval-left,.interval-right{position: absolute;width: 220px;height: 1px;background-color: #e0e0e0;top: 4px;}
.interval-left{right: -225px;}
.interval-right{left: -225px;}

.wrap-content {text-align: center;width: 1200px;padding: 0 20px;margin: 0 auto ;background-color: #fff;position: relative;top: 0;}
.wrap-content h3{font-size: 30px;position: relative;/* background: url("../images/index/h3-bg.png") center center / 515px 14px no-repeat; */font-weight: bold;color:#22a5c6;text-align: left;}
.wrap-content h5{font-size: 18px;font-weight: bold;color: #ccc;text-transform:uppercase;text-align: left;}
.interval{position: absolute;width: 100%;height: 1px;background-color: #ddd;right: 1220px;top: 16px;}

/* 清除浮动 */
.wrap4-box:after,.wrap2-ul:after,.wrap3-box:after,.wrap3-box>a:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.wrap4-box,.wrap2-ul,.wrap3-box,.wrap3-box>a{*zoom:1}

.wrap1-interval{width: 38px;height: 3px;background-color: #ff8c4d;margin-bottom: 20px;}
.wrap1-box .fl-l{width: 605px;text-align: left;font-size: 14px;color: #666;padding-top: 95px;}
.wrap1-box .fl-r{height: 296px;width:469px;background: url("../images/index/wrap1.png ") right center no-repeat;}


.wrap-2{overflow: hidden;}
.wrap-2 .wrap-content{padding: 95px 0 50px 0;}
.wrap2-box{width: 100%;margin:30px auto 0 auto;position: relative;}
.wrap2-banner{width: 100%;overflow:hidden;}
.wrap2-pic{width: 100%;position: relative;left:0;top:0;overflow:hidden;}
.wrap2-pic>div{width: 100%;display:block;position: absolute;top: 0;overflow: hidden;left: 100%;z-index: 1;}
.wrap2-pic>div.wrap2-active{left: 0;position: relative;top: 0;}
/* banner 按钮 */
.wrap2-left,.wrap2-right{-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;opacity:.8;position: absolute;top:150px;margin:auto;width:25px;height:41px;cursor: pointer;z-index:10;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
.wrap2-left{ left: -60px;background: url("../images/index/wrap2-left.png") center no-repeat;}
.wrap2-right{right:-60px;background: url("../images/index/wrap2-right.png") center no-repeat; }
.wrap2-left:hover,.wrap2-right:hover{opacity: 1;-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}

.wrap2-ul{padding: 30px 0;text-align: left;}
.wrap2-ul a{float: left;width: 249px;display: block;background: url("../images/index/wrap2-bottom.png") center 248px no-repeat;}
.wrap2-ul a+a{margin-left: 67px;}
.wrap2-img{width: 249px;height: 278px;position: relative;}
.wrap2-img img{max-width: 100%; max-height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.wrap2-top{position: absolute;top: 0;left: 0;width: 0;height: 3px;background: url("../images/index/wrap2-top.png") top left no-repeat;}
.wrap2-ul a h4{font-weight: bold;font-size: 14px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin: 14px 0 8px 0;-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.wrap2-ul a p{color: #999;font-size: 12px;height:33px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.wrap2-ul a:hover h4,.wrap2-ul a:hover p{text-shadow:0 0 1px #999;-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}

/* 更多按钮 */
.more-menu{-webkit-transition: color,-webkit-box-shadow 400ms;transition: color,-webkit-box-shadow 400ms;-o-transition: color,box-shadow 400ms;transition: color,box-shadow 400ms;transition: color,box-shadow 400ms,-webkit-box-shadow 400ms;position:relative;color:#999;font-size:13px;height: 32px;line-height:32px;width: 95px;padding-right: 35px;background: url("../images/index/more.png") right center #fff no-repeat;background-clip:border-box;display: block;margin: 30px auto 0 auto;-webkit-box-shadow: 0 0 10px 0 #999;box-shadow: 0 0 10px 0 #999;border: 1px solid #ccc;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; float: right; }
.more-menu:hover{color: #7a7a7a;-webkit-box-shadow: 0 0 10px 0 #6d6d6d;box-shadow: 0 0 10px 0 #6d6d6d;-webkit-transition: color,-webkit-box-shadow 400ms;transition: color,-webkit-box-shadow 400ms;-o-transition: color,box-shadow 400ms;transition: color,box-shadow 400ms;transition: color,box-shadow 400ms,-webkit-box-shadow 400ms;}
.more-menu:nth-of-type(1),.more-menu:nth-of-type(2),.more-menu:nth-of-type(3){border:0 none transparent;}

.wrap-3,.wrap-4{border-top: 1px solid #f0f0f0;}
.wrap-3 .wrap-content{padding: 60px 0 65px 0;}
.wrap3-box{margin-top: 45px;text-align: left;}
.wrap3-box+.wrap3-box{margin-top: 40px;}
.wrap3-box>a{float:left;display:block;width: 1170px;height: 101px;padding:20px 15px;background-color: #f5f5f5;-webkit-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.wrap3-box>a+a{float: right;}
.wrap3-box>a:hover{-webkit-box-shadow: 0 3px 10px 0 #ccc;box-shadow: 0 3px 10px 0 #ccc;background: url("../images/index/wrap3-bottom.png") #fff center bottom no-repeat;padding:19px 14px;border: 1px solid #ccc;-webkit-transition: background-color .4s;-o-transition: background-color .4s;transition: background-color .4s;}
.wrap3-box>a:nth-of-type(1):hover,.wrap3-box>a:nth-of-type(2):hover,.wrap3-box>a:nth-of-type(3):hover,.wrap3-box>a:nth-of-type(4):hover{padding:20px 15px;border:0 none transparent;}
.wrap3-img,.wrap3-text{height: 95px;}
.wrap3-img{float: left;width: 155px;border: 3px solid #fff;border-radius: 4px;overflow: hidden;}
.wrap3-img img{width: 155px;height: 95px;}
.wrap3-text{float: right;width: 965px;padding: 3px 0;}
.wrap3-text h4{font-weight: bold;font-size: 16px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin: 12px 0 20px 0;}
.wrap3-text p{color: #999;font-size: 12px;height:33px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.wrap-3 .more-menu{margin-top: 50px;}

.wrap-4{ overflow: hidden; }
.wrap-4 .wrap-content{padding: 100px 0 95px 0;}
.wrap4-box{margin-top: 65px;text-align: left;}
.video-box,.wrap4-text{height: 230px;}
.video-box{width: 350px;float: left;}
.wrap4-right{width: 800px;float: right;margin-right: 10px;}
.wrap4-right p{text-indent: 2em;font-size: 12px;color: #666;line-height: 22px;}
.wrap4-right p+p{margin-top: .75em;}
.wrap4-text{height:155px;overflow: hidden;padding: 4px 0 8px 0;background: url("../images/index/wrap4-border.png") bottom repeat-x;}
.wrap4-icon{margin-top: 17px;overflow: hidden;font-size: 20px;color: #666;}
.wrap4-icon img{margin-right: 10px;vertical-align: middle;}
.wrap4-icon span{margin-right: 60px;display: inline-block;height: 41px;line-height: 41px;}
.wrap-4 .more-menu{margin-top: 82px;}