.navboxs {width:1000px;}
.head .navbox .navList a:nth-child(8) {color:#fff!important;}
.head .navbox .navList a:nth-child(8)::before,.head .navbox .navList a:nth-child(8)::after {transform:scale(1);}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.box1 {overflow:hidden;padding:30px 0;}
.box1 .warp {width:1200px;margin:0 auto;}
.box1 .warp .biaoti{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.box1 .warp .biaoti img{float: left;margin-right: 10px;}
.box1 .warp .left{float:left;width:47.5%;margin-right: 5%;}
.box1 .warp .right {float:right;width:47.5%;}
.newslist {}
.newslist * {display: block;overflow: hidden;}
.newslist li{position:relative;margin-top:15px;padding-bottom:15px;border-bottom: 1px solid #ededed; }
.newslist li:hover img{transform: scale(1.1);
	-ms-transform:scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform:scale(1.1);
}
.newslist li a{}
.newslist li a .pic{float: right;width:30%;}
.newslist li a .pic img{display: block;width: 100%;height: auto;transition: all ease-in-out 0.3s;}
.newslist li a .text {float: left;width:60%;padding:2% 0;}
.newslist li a .text h3{font-size: 16px;color: #333;margin-bottom: 10px;}
.newslist li a .text h4{font-size: 12px;line-height:24px; color: #a1a1a1; margin:15px 0 30px 0;}
.newslist li a .text h5{font-size: 12px;color: #999;}
.newslist li a .text h6{display:none;position: absolute;left:0;top:61%;color: #999;}
.newslist li a .text h6 i{display: inline-block;font-size: 12px;vertical-align: middle;}
.newslist li a:hover h6{display:block;}
.newslist li a:hover .text h3{color: #367EEC;font-weight: bold;}


.newslist2 {}
.newslist2 * {display: block;overflow: hidden;}
.newslist2 li{position:relative;margin-top:15px;padding-bottom:15px;border-bottom: 1px solid #ededed; width:45%;float:left;margin-right:3%}
.newslist2 li:hover img{transform: scale(1.1);
	-ms-transform:scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform:scale(1.1);
}
.newslist2 li a{}
.newslist2 li a .pic{float: right;width:30%;}
.newslist2 li a .pic img{display: block;width: 100%;height: auto;transition: all ease-in-out 0.3s;}
.newslist2 li a .text {float: left;width:60%;padding:2% 0;}
.newslist2 li a .text h3{font-size: 16px;color: #333;margin-bottom: 10px;}
.newslist2 li a .text h4{font-size: 12px;line-height:24px; color: #a1a1a1; margin:15px 0 30px 0;}
.newslist2 li a .text h5{font-size: 12px;color: #999;}
.newslist2 li a .text h6{display:none;position: absolute;left:0;top:61%;color: #999;}
.newslist2 li a .text h6 i{display: inline-block;font-size: 12px;vertical-align: middle;}
.newslist2 li a:hover h6{display:block;}
.newslist2 li a:hover .text h3{color: #367EEC;font-weight: bold;}




.pagenum { padding:3% 0 4% 0; overflow:hidden; clear:both;text-align: center;}
.pagenum a{ display:inline-block;vertical-align: top;height:35px;padding:0 15px; line-height:35px;text-align:center; border:#ccc 1px solid; color:#999; overflow:hidden; margin:0 2px;}
.pagenum a.cur,.pagenum a:hover,.pagenum a.on { background:#3380D8; color:#FFF;}
.pagenum a.return {width: 100px;font-size: 14px;float: left;}


.prosection #swiper2 .prolist {width:25%;position:relative;cursor:pointer;float:left;}
.prosection #swiper2 .prolist img {width:100%;}
.prosection #swiper2 .prolist .limask {width:100%;height:100%;position:absolute;left:0;top:0;transition:all .3s;}
.prosection #swiper2 .prolist .limask .titlebox {width:100%;height:100%;box-sizing:border-box;position:absolute;overflow:hidden;left:0;top:0;}
.prosection #swiper2 .prolist .limask .titlebox .title {margin-left:7.082%;margin-top:13.3333%;}
.prosection #swiper2 .prolist .limask .titlebox .ti {font-size:24px;line-height:26px;color:#ffffff;margin-bottom:18px;text-shadow: 1px 1px 1px #000;}
.prosection #swiper2 .prolist .limask .titlebox .te {font-family:Gotham-XLight;font-size:16px;line-height:18px;color:rgba(255,255,255,0.6);text-shadow: 1px 1px 1px #000;}
.prosection #swiper2 .prolist .limask .titlebox .content {margin-left:7.082%;padding-left:18px;margin-top:22.9%;opacity:0;transition:all .3s;}
.prosection #swiper2 .prolist .limask .titlebox .content li {list-style:initial;font-size:14px;line-height:36px;color:#ffffff;}
.prosection #swiper2 .prolist .limask .morebox {font-size:14px;line-height:20px;color:#ffffff;width:110px;background-image:url(../images/jiantou-r2.png);background-repeat:no-repeat;background-position:right center;position:absolute;left:7%;bottom:7.25%;opacity:1;transition:all .3s;}
.prosection #swiper2 .prolist .limask:hover {background:url(../images/index-08.png);background-size:100% 100%;}
.prosection #swiper2 .prolist .limask:hover .titlebox .content {opacity:1;}
.prosection #swiper2 .prolist .limask:hover .morebox {opacity:0;}
.prosection #swiper2 .btn {width:60px;height:100%;position:absolute;top:0;background-color:rgba(0,0,0,0.15);z-index:11;opacity:0;transition:all .3s;cursor:pointer;}
.prosection #swiper2 .prev2 {left:0;background-image:url(../images/index-13.png);background-repeat:no-repeat;background-position:center center;}
.prosection #swiper2 .next2 {right:0;background-image:url(../images/index-12.png);background-repeat:no-repeat;background-position:center center;}
.prosection #swiper2:hover .btn {opacity:1;}



@media screen and (min-width:1024px) {



}

@media screen and (min-width:100px) and (max-width:1024px) {
.navoutwrap {display:none;}
.navboxs {width:90%;}	
.box1 {overflow:hidden;padding:44px 0 44px 0;}
.box1 .warp {width:90%;}
.box1 .warp .left,.box1 .warp .right {float:none;width:100%;}
.box1 .warp .newslist li {margin-bottom:5%;padding-bottom:0px;border: none;}
.box1 .warp .newslist li a {border: 1px solid #ededed;}
.box1 .warp .newslist li a .pic{float: none;width:100%;}
.box1 .warp .newslist li a .text {float: none;width:90%;padding:5%;}

.newslist2 li{width:100%;float:left;margin-right:0%}


.prosection #swiper2 .prolist {width:25%;position:relative;cursor:pointer;float:left;}
.prosection #swiper2 .prolist .limask {width:100%;height:100%;position:absolute;left:0;top:0;transition:all .3s;}
.prosection #swiper2 .prolist .limask .titlebox {width:100%;height:100%;box-sizing:border-box;position:absolute;overflow:hidden;left:0;top:0;}
.prosection #swiper2 .prolist .limask .titlebox .ti {font-size:20px;margin-bottom:10px;}
.prosection #swiper2 .prolist .limask .titlebox .te {font-family:Gotham-XLight;font-size:16px;line-height:16px;color:rgba(255,255,255,0.6);}
.prosection #swiper2 .prolist .limask .titlebox .content {padding-left:18px;margin-top:22.9%;opacity:0;transition:all .3s;}
.prosection #swiper2 .prolist .limask .titlebox .content li {list-style:initial;font-size:14px;line-height:36px;color:#ffffff;}
.prosection #swiper2 .prolist .limask .morebox {font-size:14px;line-height:20px;color:#ffffff;width:110px;background-image:url(../images/jiantou-r2.png);background-repeat:no-repeat;background-position:right center;position:absolute;left:7%;bottom:7.25%;opacity:1;transition:all .3s;}
.prosection #swiper2 .prolist .limask:hover {background:none;}
.prosection #swiper2 .prolist .limask:hover .titlebox .content {opacity:0;}
.prosection #swiper2 .prolist .limask:hover .morebox {opacity:1;}
.prosection #swiper2:hover .btn {opacity:0;}


}

@media screen and (min-width:640px) and (max-width:1024px) {

}