/* by Adon , CSS Document */


.header-div{ display:none}
.homepic .item span{ font-size:35px; line-height:45px; text-transform:uppercase; margin-bottom:5%;}
.homepic .item span a{ color:#fff;}
.homepic .item span a:hover{color:#c40d23;}
.homepic .item font{ font-size:23px;}
.homepic{overflow:hidden; float:left; width:100%; position:relative;background:url(../image/homepic.jpg) no-repeat center; background-size:cover; height:802px;}
.homepic .container{ position:relative; height:100%;}
.homepic .item{ margin-top:-115px; position: absolute; left:15px;top:50%; color:#fff;}
.homepic .item font{ max-width:780px;}
.about{float:left; width:100%;text-align:center;font-size:15px;position:relative; margin:10% 0;}
.about .p1{font-size:25px;}
.about .p2{text-align:center; max-width:570px; margin:20px auto 10% auto;}
.about .item{ position:relative;}
.about .item .txt{ position:absolute; color:#fff;left:0; right:0; top:50%;margin:-25px auto; z-index:1}
.about .item .txt .p3,.lists .p1,.system .p1{ font-size:35px; text-transform:uppercase}
.about .item .txt .p4{max-width:470px; margin:20px auto 3% auto;}
.about .item video{ width:100%;}
.slider { position:relative; overflow:hidden;}
.slider .swiper-pagination-progressbar{ height:2px !important; background:url(../image/i.png) repeat;top:80% !important;width:100%;max-width:1480px; right:0;margin:0 auto;}
.slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#fff; opacity:1}
.slider .slider-tit{ position:absolute; left:0; right:0; margin:-70px auto; top:50%; font-size:100px; color:#fff; z-index:1; text-align:center;}
.slider .slider-tit font.f{ display:block; font-size:70px;}
.slider .slider-des{ position:absolute; left:0; width:100%;bottom:12.5%;font-size:15px; color:#fff; z-index:1;}
.slider .navs{ position:absolute; bottom:20%; z-index:1;left:0; right:0; margin:0 auto; padding-bottom:10px;width:100%; color:#fff; font-size:17px;}
.slider .navs .a2{ text-align: center;}
.slider .navs .a3{ text-align: right;}
.slider .navs a{ width:33.33%; color:#fff; float:left;}
.slider .swiper-slide{ overflow:hidden; }
.lists{ float:left; width:100%; padding:10% 0 20% 0;position:relative;font-size:15px;background:#fffbf2; margin-bottom:20%;}
.lists .p1{line-height:40px;}
.lists .p2{ max-width:790px; margin:5% 0 2.5% 0;}
.lists ul li{ float:left; width:33.33%;}
.lists ul{ position:absolute; left:0; bottom:-275px; max-width:1510px; right:0;padding-left:15px; padding-right:15px; margin:0 auto;}
.system{ float:left; width:100%;position:relative;font-size:15px; margin-top:10%;}
.system .container{ position:relative; height:100%;}
.system ul li{ float:left; width:49%; position:relative;}
.system ul li span{ position:absolute; left:7.5%; top:7.5%; font-size:25px; color:#000}
.system ul li em{ position:absolute; right:7.5%; top:8.5%; width:50px; height:5px; background:#000}
.system ul li.l{ margin-right:1%}
.system ul li.r{ margin-left:1%}
.system ul li:hover span{color:#c40d23;}
.system ul li:hover em{background:#c40d23;}
.system .p1{ line-height:40px;}
.system .p2{ max-width:790px; margin:5% 0;}
.system .p3{ position:absolute; right:15px; top:5%;}
.system .p3 .text{  font-size:13px; border:0;border-bottom:solid 1px #efefef; line-height:30px; text-indent:10px;color:#424242; width:188px;}
.system .p3 .submit{ background:url(../image/submit.png) no-repeat center; background-size: cover; width:15px; height:16px; float:right; position:absolute; right:0; top:5px; border:0}

@media (max-width:1600px) and (min-width:1025px){
.lists{ margin-bottom:30%;}
.lists ul{ bottom:-40%}
}
@media (max-width:1366px){
.slider .slider-des{ font-size:13px;}
.slider .navs{ font-size:15px;}
}
@media (max-width:1024px){
.about .item .txt .p3,.lists .p1,.system .p1{ font-size:30px;}	
/*.about .item video{ display:none}*/
/*.about .item{background:url(../image/ivideo.jpg) no-repeat center; background-size:cover; padding:15% 0}*/
.about .item .txt{ position:static; margin:0}
.swiper-slide img{ margin-left:-25%; max-width:150%; width:150%;}
.slider .slider-des{ font-size:12px;}
.slider .navs{ font-size:13px;}
.slider .slider-tit{ font-size:80px;}
.slider .slider-tit font.f{font-size:55px;}
.lists{ padding-bottom:0; margin-bottom:10%;}
.lists ul{ position:static; margin:0; padding-left:0; padding-right:0; margin-top:5%;}
}
@media (max-width:768px){
.homepic{ height:auto;padding:35% 0; height:auto}
.homepic .item{ position:static; margin:0;}
.homepic .item span{ font-size:30px; line-height:40px;}
.homepic .item font{ font-size:18px;}
.swiper-slide img{ margin-left:0; max-width:100%; width:100%;}
.system ul li span{ font-size:20px;}
}
@media (max-width:480px){
.homepic .item span{ font-size:26px; line-height:30px;}
.homepic .item font{ font-size:14px;}
.about{ font-size:14px; margin:15% 0}
.about .p1{ font-size:20px;}
.about .item .txt .p3,.lists .p1,.system .p1{ font-size:24px;}	
.about .item .txt .p5 img{ width:45px;}
.slider .navs{ font-size:12px;}
.slider .slider-tit{ font-size:60px;}
.slider .slider-tit font.f{font-size:35px;}
.lists ul li{ width:100%;}
.lists .p1,.system .p1{ line-height:30px;}
.lists{ font-size:14px; margin-bottom:15%;}
.system{ font-size:14px; margin-top:15%;}
.system ul li{ width:100%; margin:2.5% 0 !important}
.system .p3{ position: relative; float:left; top:0; right:0margin-bottom:10%;}
.slider .slider-des{ bottom:11%;}
}
@media (max-width:320px){
.homepic .item span{ font-size:22px; line-height:26px;}
.homepic .item font{ font-size:13px;}
.slider .slider-tit{ font-size:40px; margin:-30px auto;}
.slider .slider-tit font.f{font-size:25px;}
.slider .navs,.slider .slider-des,.swiper-pagination{ display:none}
.lists{ font-size:13px;}
.system ul li span{ font-size:18px;}
}