@charset 'utf-8'; @font-face {font-family: 'AlimamaShuHeiTi';src:url('../fonts/AlimamaShuHeiTi-Bold/AlimamaShuHeiTi-Bold.eot?7kkyc2');src:url('AlimamaShuHeiTi-Bold/AlimamaShuHeiTi-Bold.eot?7kkyc2#iefix') format('embedded-opentype'),url('../fonts/AlimamaShuHeiTi-Bold/AlimamaShuHeiTi-Bold.ttf?7kkyc2') format('truetype'),url('../fonts/AlimamaShuHeiTi-Bold/AlimamaShuHeiTi-Bold.woff?7kkyc2') format('woff'),url('../fonts/AlimamaShuHeiTi-Bold/AlimamaShuHeiTi-Bold.svg?7kkyc2#icomoon') format('svg');font-weight: normal;font-style: normal; } body{min-width: 1200px;font-family:'AlimamaShuHeiTi',微软雅黑,宋体,Arial,Helvetica,sans-serif;} .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;margin-bottom:20px;/* background: url("../images/index/h3-bg.png") center center / 515px 14px no-repeat; */font-weight: bold;color:#216dd9;text-align: center;} .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-r{width: 605px;text-align:left;font-size: 14px;line-height:1.5;color: #666;} .wrap1-box .fl-r>p{text-indent:2em;} .wrap1-box .fl-r h3{text-align:left;} .wrap1-box .fl-l{height:310px;width:534px;background: url("../images/index/wrap1.jpg") left center no-repeat;background-size:cover;} .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-class{width:100%;} .wrap2-class-list{padding-bottom:8px;margin-top: 30px;margin-bottom: 20px;white-space: nowrap;overflow: auto;border-bottom: 1px solid #888;} /* 修改水平滚动条 */ .wrap2-class-list::-webkit-scrollbar{height:8px;} /* 修改滚动条轨道背景色 */ .wrap2-class-list::-webkit-scrollbar-track{background-color: #f1f1f1;} /* 修改滚动条滑块颜色 */ .wrap2-class-list::-webkit-scrollbar-thumb{background-color: #888;} /* 修改滚动条滑块悬停时的颜色 */ .wrap2-class-list::-webkit-scrollbar-thumb:hover{background-color: #555;} .wrap2-class-list li{display: inline-block;text-align: center;height: 40px;padding: 0 8px;line-height: 40px;color: #999;margin-right: 20px;cursor: pointer;border-radius: 10px;} .wrap2-class-list li:hover{color: #fff;background-color: #3f9bd3;} .wrap2-class-list li.active {color: #fff;background-color: #1353ad;} /* 特别的跳转链接 */ .wrap2-class-list .wrap2-class-item-link{display: inline-block;line-height: 40px;padding:0 8px;font-size:1.1em;color: #083a68;border-radius: 10px;} .wrap2-class-list .wrap2-class-item-link:hover{color: #fff;background-color: #3f9bd3;} .wrap2-banner{width: 100%;min-height:412px;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: 248px;display: block;margin:0 26px 14px 26px;background: url("../images/index/wrap2-bottom.png") center 248px no-repeat;} /* .wrap2-ul a+a{margin-left: 67px;} */ .wrap2-img{position: relative;width: 249px;height: 278px;background-color:#ffffff;} .wrap2-img img{max-width:100%;max-height: 100%;object-fit:contain;object-position:top;} /* .wrap2-top{position: absolute;top: 0;left: 0;width: 0;height: 3px;background: url("../images/index/wrap2-top.png") top left no-repeat;} */ .wrap2-top{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;z-index:-1;transition: all .6s;} .wrap2-top.border-top{background:linear-gradient(132deg,#083a68,#083a68 26%,transparent 26%) no-repeat left top;background-size: 0 0;} .wrap2-top.border-bottom{background:linear-gradient(-48deg,#083a68,#083a68 26%,transparent 26%) no-repeat right bottom;background-size: 0 0;} .wrap2-ul a:hover .wrap2-top{background-size: 100% 100%;} .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:32px;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{position:relative;color:#ffffff;font-size:13px;height: 32px;line-height:32px;width: 95px;background:#1353ad center no-repeat;background-clip:border-box;display: block;margin: 30px auto 0 auto;-webkit-box-shadow: 0 0 10px 0 #1353ad;box-shadow: 0 0 10px 0 #1353ad;border: 1px solid #ccc;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transition:all 400ms;transition:all 400ms;border-radius:7px} .more-menu:hover{-webkit-box-shadow: 0 0 10px 0 #3f9bd3;box-shadow: 0 0 10px 0 #3f9bd3;background-position:calc(100% + 35px) center;background-color:#3f9bd3;} .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;} .wrap2-class-item-link.active{ color: #fff; background-color: #3f9bd3; } #mainframe>#content { position: static!important; height: auto!important }