.icon01{background:url(../images/icon01.png) no-repeat center left; width:16px; height:16px; background-size:contain;}

.bannerBox{overflow:hidden; position: relative;}
.bannerBox .videobox{padding:0;min-height: 470px;z-index: 5;position: relative; margin-top:1px;}
.bannerBox .videobox video{width: 100%;height: 100%;}
.bannerBox .videobox .viewbox{-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);top: 55%;top: -moz-calc(50% + 1rem);top: -o-calc(50% + 1rem);top: -webkit-calc(50% + 1rem);top: calc(50% + 1rem);position: absolute;width:100%;z-index: 1;text-align: center;}
.bannerBox .videobox .viewbox .heading{margin:0;font-size: 50px;position: static;padding: 0 5%;line-height: 1.2em;text-align: center;color: #fff;text-shadow:0 3px 3px rgba(51,51,51,0.1);letter-spacing: 2px;font-weight:normal;font-family:"Microsoft YaHei"; font-weight:bold; }
.bannerBox .videobox .viewbox .welcome {transform: uppercase;text-transform: uppercase;display: block;font-size: 24px;margin: 0 auto;text-align: center;color: #fff;margin-top: 30px;line-height: 18px;text-shadow:0 3px 3px rgba(51,51,51,0.1);letter-spacing: 3px;font-weight:normal;font-family:"Microsoft YaHei";}
.bannerBox .videobox .viewbox .btn{display: inline-block;width: 150px;height: 40px;border: 1px solid #fff;background:#000;color: #fff; line-height:40px;text-align: center;margin: 0 auto;text-align: center;margin-top: 90px;box-shadow: 0px 0px 3px rgba(51,51,51,0.2);font-size: 14px;font-family:"Microsoft YaHei";}
.bannerBox .videobox .viewbox .btn:hover{background:rgba(255,255,255,0.1);border: 1px solid #000;color: #fff}
.bannerBox .videobox .viewbox .weicode{padding:0;margin:0;border: 0;text-align: center;margin-top: 40px;}
.bannerBox .videobox .solid-header{top: 50%}
.bannerBox .videobox .more{margin-top:100px;}
.bannerBox .videobox .more a{display: block;color:#fff;width: 150px;height: 40px;border-radius: 20px;margin: 0 auto;border:1px solid #eb6100;line-height: 38px;text-align: center;}
.bannerBox .videobox .more a:hover{background: #fff;color:#eb6100 }
.bannerBox .banner{position: relative; display:block;}
.bannerBox .pages{position: absolute;right: 2%;bottom: 48%;z-index: 10;}
.bannerBox .pages p{color: #ddd;font-size: 16px;font-weight: normal;text-align: center;line-height: 30px;}
.bannerBox .pages p span{font-size: 16px; display:block; border-bottom:1px  solid #fff; color:#fff}
.bannerBox .bannertext{opacity:0; width: 100%;height: 100%;position: absolute;left: 0;top: 60%;transition: all 0.6s;-webkit-transition: all 0.6s;}
.bannerBox .bannertext:first-child{opacity: 1; top: 38%;}
.bannerBox .bannertext h2{text-align:center; font-size:64px; color:#fff; font-weight:bold; letter-spacing:5px;}
.bannerBox .bannertext p{text-align:center; font-size:30px; color:#fff; line-height: 60px; color:#d3d3d3}
.bannerBox .bannertext span.link{display:block; width:10%; border:1px solid #ddd; height:40px; line-height:40px; text-align:center; margin:20px auto; color:#fff;font-size:18px; /*background:url(/assets/images/arrowright.png) no-repeat center right; background-size:24px;*/}
.bannerBox .bannertext span.link img{display:inline-block; height:30px; margin-top:10px;}
.bannerBox .banner.active .bannertext{top: 38%;opacity: 1;}
#pcbanner .swiper-pagination{bottom:5%; background-color:rgba(0,0,0,.4); padding:4px 10px; border-radius:20px;width:140px;left:50%; margin-left:-70px;}
#pcbanner .swiper-pagination-bullet{width:10px; height:10px; border-radius:50%; background-color:#bdb5ae; margin:0px 5px; cursor:pointer;}
#pcbanner .swiper-pagination-bullet-active{background-color:rgba(0,0,0,0); border:2px solid #f7800f;width:8px; height:8px;}

.recommend{ width:80%; margin:auto; background-color:#fff; height:170px;}
.recommend .item{ width:25%; text-align:center; float:left; padding:42px 0px; position: relative;}
.recommend .item .info{cursor:pointer}
.recommend .item img{margin:5px auto; }
.recommend .item p{font-size:16px; color:#666666}
.recommend .item .subcate{display:none; position:absolute; top:90%; left:15%; border:1px solid #ddd; width:50%; padding:3% 10% 5%; background-color:#fff;z-index:99;}
.recommend .item .subcate a{border-bottom:1px solid #ddd; display:block; height:36px; line-height:36px;}
.recommend .item .subcate a:last-child{border-bottom:none;}
.recommend .item::after{content:""; position:absolute; right:0;top: 30px;bottom:25px; width: 1px;background-color: #ddd;}
.recommend .item:last-child::after{width:0;}

.bancai{overflow:hidden; position:relative;}
.bancai .text{ position:absolute; top:10%; width:100%; text-align:center;}
.bancai h2{text-align:center; font-size:60px; font-weight:bold; color:#333333;}
.bancai p{font-size:32px; color:#666666; text-align:center; margin-top:20px;}
.bancai p span{vertical-align:text-top; font-size:22px;}
.bancai img{width:100%;}

.kuaizhuang{overflow:hidden; border-top:1px solid #ddd; margin-top:60px; position:relative;}
.kuaizhuang .leftbox{float:left; width:50%; position:relative; overflow:hidden;}
.kuaizhuang .rightbox{float:right; width:50%; background-color:#f9f9f9; }
.kuaizhuang .imgbox{display:none}
.kuaizhuang .imgbox img{width:100%;}
.kuaizhuang .imgbox .text{position:absolute; left:10%; top:45%; text-align:justify;text-justify:distribute-all-lines;text-align-last: justify; opacity:0; transition: all 2s;-webkit-transition: all 2s; }
.kuaizhuang .imgbox .text h3{font-size:48px; color:#fff}
.kuaizhuang .imgbox .text p{font-size:24px; color:#eee; margin-top:10px;}
.kuaizhuang .xilie{position:absolute; right:0; top:15%; background-color:rgba(0,0,0,.4); width:160px;border:1px solid #8d8a88;text-indent:15px;}
.kuaizhuang .xilie h2{font-size:30px; color:#fff; height:70px; line-height:70px; border-bottom:1px solid #8d8a88}
.kuaizhuang .xilie a{display:block; position:relative; height:55px; line-height:55px; color:#fff; font-size:16px;border-bottom:1px solid #8d8a88; transition: all 0.6s;-webkit-transition: all 0.6s; }
.kuaizhuang .xilie a .icon01{position:absolute; left:-8px; visibility:hidden; top:20px; transition:1s;-webkit-transition:1s;-moz-transition:1s;}
.kuaizhuang .xilie a:hover,.kuaizhuang .xilie a.on{background-color:#f7800f}
.kuaizhuang .xilie a:hover .icon01,.kuaizhuang .xilie a.on .icon01{visibility:visible;}
.kuaizhuang .xilie a:hover .icon01,.kuaizhuang .xilie a.on .icon01{-webkit-transform:rotate(360deg) scale(1.2);-moz-transform:rotate(360deg) scale(1.2);-ms-transform:rotate(360deg) scale(1.2);-o-transform:rotate(360deg) scale(1.2);}
.kuaizhuang .ttbox{overflow:hidden;width:95%; padding-top:7%; padding-bottom:3%; padding-left:5%; background-color:#fff;}
.kuaizhuang .ttbox .kzimg{float:left; width:50%;}
.kuaizhuang .ttbox .kzinfo{overflow:hidden; float:left; width:50%; text-align:center; padding-top:10%;}
.kuaizhuang .ttbox .kzinfo .t1{ text-align:center; font-size:40px; background-color:#f7800f; color:#fff; padding:5px 15px;}
.kuaizhuang .ttbox .kzinfo .p1{ font-size:18px; color:#333333; line-height:40px; margin-top:10px; }
.kuaizhuang .ttbox .kzinfo .p2{ font-size:24px; color:#999999; line-height:30px; }
.kuaizhuang .ttbox .kzinfo .p3{ font-size:16px; color:#999999 }
.kuaizhuang .ttbox .kzinfo .p4{overflow:hidden; width:80%; border-top:1px solid #ddd; padding:3% 0px 2%;margin:20px auto 0px;}
.kuaizhuang .ttbox .kzinfo .p4 span{ font-size:18px; color:#000; position:relative; padding-left:5%;margin:0px 5%; }
.kuaizhuang .ttbox .kzinfo .p4 span:before{content:""; background-color:#f7800f; width:6px; height:6px; position:absolute; left:0; top:10px; border-radius:50%;}
.kuaizhuang .bbbox{overflow:hidden; background-color:#f9f9f9; position:absolute; left:50%; right:0; bottom:0; padding:2%;}
.kuaizhuang .bbbox h2{text-align:center; color:#333333; font-size:30px;}
.kuaizhuang .bbbox h3{text-align:center; color:#999999; font-size:16px; margin-top:5px;}
.kuaizhuang .bbbox .advantage{overflow:hidden;}
.kuaizhuang .bbbox .advantage .item{float:left; width:25%; text-align:center; padding:3% 0; display:block;}
.kuaizhuang .bbbox .advantage .item img{margin:auto; width:100%;}
.kuaizhuang .bbbox .advantage .item .img1{display:block}
.kuaizhuang .bbbox .advantage .item .img2{display:none}
.kuaizhuang .bbbox .advantage .item p{position:relative;padding-top: 20px; font-size:18px;       display:none}
.kuaizhuang .bbbox .advantage .item p:before{content:""; width:16%; height:1px; background-color:#999999; position:absolute; top:10px;left:50%; margin-left:-8%;}
.kuaizhuang .bbbox .advantage .item:hover{background-color:#f7800f; color:#fff;}
.kuaizhuang .bbbox .advantage .item:hover .img1{display:none;}
.kuaizhuang .bbbox .advantage .item:hover .img2{display:block;}
.kuaizhuang .bbbox .advantage .item:hover p:before{background-color:#fff;}
.kuaizhuang .bbbox .advantage .item.on{background-color:#f7800f; color:#fff;}
.kuaizhuang .bbbox .advantage .item.on .img1{display:none;}
.kuaizhuang .bbbox .advantage .item.on .img2{display:block;}
.kuaizhuang .bbbox .advantage .item.on p:before{background-color:#fff;}

.kongjian{overflow:hidden; margin-top:50px; position:relative;}
.kongjian .bgimg{width:100%;}
.kongjian .kjtext{display:block; position:absolute; top:35%; left:38%; width:24%; background-color:rgba(247,128,15,.8); padding:3%; text-align:center;}
.kongjian .kjtext p{font-size:26px; color:#fff;}
.kongjian .kjtext h2{font-size:40px; color:#fff; margin:10px 0px;}
.kongjian .kjtext img{border:1px solid #fff; padding:5px 10px; margin:20px auto 0px;}

.news{overflow:hidden; margin:50px auto 0; width:1200px; }
.news .newsnav{overflow:hidden; }
.news .newsnav .tit{float:left; overflow:hidden}
.news .newsnav .tit h2{font-size:40px; color:#f7800f; font-weight:bold;}
.news .newsnav .tit p{margin-top:10px;}
.news .newsnav .tabnav{float:right;padding-top: 35px;}
.news .newsnav .tabnav a{display:block; font-size:16px; float:left; border:1px solid #ddd; padding:5px 30px; height:30px; line-height:30px;margin-left: 15px;}
.news .newsnav .tabnav a.on{background-color:#f7800f; color:#fff; border:1px solid #f7800f}
.news .tabcon{display:none; padding:3% 0px; height:400px; overflow:hidden}
.news .tabcon .imgbox{width:450px; float:left;}
.news .tabcon .imgbox .newsimg img{width:100%;}
.news .tabcon .imgbox .newstit{display:block; color:#f7800f; font-size:18px; padding:10px 0px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .tabcon .imgbox .summary{color:#333333; line-height:26px; height:52px; overflow:hidden; }
.news .tabcon .listbox{width:680px; float:right;}
.news .tabcon .listbox .item{overflow:hidden; margin-bottom: 40px;}
.news .tabcon .listbox .item .date{float:left; width:80px; padding-right:30px; font-size:16px; color:#333333;text-align:right; color:#999999;padding-top: 60px;}
.news .tabcon .listbox .item .date b{font-weight:bold; font-size:24px; color:#333333;}
.news .tabcon .listbox .item .info{overflow:hidden; float:left; width:535px; padding:18px 0px 18px 30px; border-left:1px solid #ddd;}
.news .tabcon .listbox .item .info a.tit{display:block; font-size:18px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .tabcon .listbox .item .info a.tit:hover{color:#f7800f; }
.news .tabcon .listbox .item .info .summary{color:#999999; line-height:28px; height:56px; overflow:hidden; margin-top:15px;}
.news .tabcon .listbox .item .info .view{margin-top:10px; display:block; }




/*中屏*/
@media screen and (min-width: 960px) and (max-width: 1440px) {
    .icon01{background:url(../images/icon01.png) no-repeat center left; width:12px; height:12px; background-size:contain;}

    .bannerBox .bannertext h2{font-size:50px;}
    .bannerBox .bannertext p{font-size:24px;}
    .bannerBox .bannertext span.link{font-size:16px;}

    .recommend{ height:150px;}
    .recommend .item{ padding:30px 0px; }

    .bancai h2{ font-size:44px;}
    .bancai p{font-size:26px; margin-top:10px;}
    .bancai p span{font-size:18px;}

    .kuaizhuang{margin-top:40px;}
    .kuaizhuang .xilie h2{font-size:24px; height:60px; line-height:60px;}
    .kuaizhuang .xilie a{height:45px; line-height:45px;font-size:14px; }
    .kuaizhuang .xilie a .icon01{ left:-5px; }
    .kuaizhuang .imgbox .text h3{font-size:38px; }
    .kuaizhuang .imgbox .text p{font-size:18px; margin-top:15px;}
    .kuaizhuang .ttbox .kzinfo .t1{  font-size:26px; }
    .kuaizhuang .ttbox .kzinfo .p1{ font-size:16px; }
    .kuaizhuang .ttbox .kzinfo .p2{ font-size:20px; color:#999999; line-height:30px; }
    .kuaizhuang .ttbox .kzinfo .p3{ font-size:14px; color:#999999 }
    .kuaizhuang .ttbox .kzinfo .p4 span{ font-size:15px;  }
    .kuaizhuang .ttbox .kzinfo .p4 span:before{width:5px; height:5px;}

    .kuaizhuang .bbbox h2{font-size:26px;}
    .kuaizhuang .bbbox h3{font-size:14px; }
    .kuaizhuang .bbbox .advantage{}
    .kuaizhuang .bbbox .advantage .item img{width:36px;}
    .kuaizhuang .bbbox .advantage .item p{padding-top: 20px; font-size:14px;}

    .kongjian{overflow:hidden; margin-top:30px;}

    .news{overflow:hidden; margin-top:30px;}
    .news .newsnav .tabnav a{font-size:14px;  padding:5px 20px; height:26px; line-height:26px;}
    .news .tabcon .listbox .item .date b{font-size:20px; }

}


/*手机*/
@media (max-width: 960px)
{
    .bannerBox .swiper-slide img{width:100%}

    .recommend{ width:100%; height:auto; overflow:hidden}
    .recommend .item{ width:25%; padding:10px 0px; }
    .recommend .item img{margin:5px auto; width:40px; }
    .recommend .item p{font-size:12px;}
    .recommend .item .subcate{display:none; top:1000000px;}

    .bancai .text{ position:absolute; top:10%; width:100%; text-align:center;}
    .bancai h2{text-align:center; font-size:18px; font-weight:bold; color:#333333;}
    .bancai p{font-size:14px; color:#666666; text-align:center; margin-top:5px;}
    .bancai p span{vertical-align:text-top; font-size:12px;}

    .kuaizhuang{overflow:hidden; border-top:none; margin-top:2px; position:relative;}
    .kuaizhuang .leftbox{float:none; width:100%; position:relative; overflow:hidden;}
    .kuaizhuang .rightbox{float:none; width:100%; background-color:#f9f9f9; }
    .kuaizhuang .xilie{position:absolute; right:0; top:0; left:0; width:auto;border:1px solid #8d8a88;text-indent:15px;}
    .kuaizhuang .xilie h2{display:none;}
    .kuaizhuang .xilie a{ height:40px; line-height:40px; color:#fff; font-size:14px; float:left; width:33.33%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
    .kuaizhuang .xilie a .icon01{position:relative; left:-8px; }
    .kuaizhuang .imgbox .text{position:absolute; left:0; right:0; top:150px; text-align:center;text-justify:center;text-align-last: center; opacity:1; transition: all 2s;-webkit-transition: all 2s; }
    .kuaizhuang .imgbox .text h3{font-size:22px; color:#fff}
    .kuaizhuang .imgbox .text p{font-size:16px; color:#eee; margin-top:10px;}
    .kuaizhuang .ttbox{overflow:hidden;width:100%; padding-top:0; padding-bottom:0; padding-left:0; background-color:#fff;}
    .kuaizhuang .ttbox .kzimg{float: left; width: 45%;}
    .kuaizhuang .ttbox .kzinfo{overflow:hidden; float:none; width:55%; text-align:center; padding-top:8%;}
    .kuaizhuang .ttbox .kzinfo .t1{ text-align:center; font-size:20px; padding:5px 15px;}
    .kuaizhuang .ttbox .kzinfo .p1{ font-size:14px; color:#333333; line-height:40px; margin-top:10px; }
    .kuaizhuang .ttbox .kzinfo .p2{ display:none; }
    .kuaizhuang .ttbox .kzinfo .p3{ display:none; }
    .kuaizhuang .ttbox .kzinfo .p4{overflow:hidden; width:90%; border-top:1px solid #ddd; padding:3% 0px 2%;margin:5px auto 0px;}
    .kuaizhuang .ttbox .kzinfo .p4 span{ font-size:14px; color:#000; position:relative; padding-left:10px;margin:0px 1%; }
    .kuaizhuang .bbbox{overflow:hidden; position:relative; left:auto; right:auto; bottom:auto; padding:4% 0;}
    .kuaizhuang .bbbox h2{text-align:center; color:#333333; font-size:18px;}
    .kuaizhuang .bbbox h3{text-align:center; color:#999999; font-size:16px; margin-top:0px;}
    .kuaizhuang .bbbox .advantage .item p{position:relative;padding-top: 20px; font-size:14px;}
    .kuaizhuang .bbbox .advantage .item img{width:40px}
    .kuaizhuang .ttbox .kzinfo .p4 span:before{content:""; background-color:#f7800f; width:6px; height:6px; position:absolute; left:0; top:5px; border-radius:50%;}

    .kongjian{overflow:hidden; margin-top:0; position:relative;}
    .kongjian .kjtext{display:block; position:absolute; top:25%; left:20%; width:60%;  padding:2%; text-align:center;}
    .kongjian .kjtext p{font-size:16px; color:#fff;}
    .kongjian .kjtext h2{font-size:20px; color:#fff; margin:10px 0px;}
    .kongjian .kjtext h2 span{display:inline-block; margin:auto}
    .kongjian .kjtext h2 span img{display:inline-block; height:12px; margin-left:10px; margin-top:2px;}
    .kongjian .kjtext img{border:1px solid #fff; padding:3px 10px; margin:10px auto 0px; }

    .news{overflow:hidden; margin:auto; width:90%; padding:5% }
    .news .newsnav .tit{float:none; width:100%; overflow:hidden}
    .news .newsnav .tit h2{font-size:22px; float:left;}
    .news .newsnav .tit p{margin-top:2px; float:right;}
    .news .newsnav .tabnav{float:none;padding-top: 10px; width:100%; overflow:hidden;}
    .news .newsnav .tabnav a{display:block; font-size:14px; float:left; border:none; padding:3px 0; width:25%; height:30px; line-height:30px;margin-left: 0; text-align:center;}
    .news .newsnav .tabnav a.on{background-color:#f7800f; color:#fff; border:none}
    .news .tabcon{display:none; padding:3% 0px; height:auto; overflow:hidden}
    .news .tabcon .imgbox{width:100%; float:none; border-bottom:1px solid #ddd; padding-bottom:3%}
    .news .tabcon .imgbox .newstit{font-size:16px; padding:10px 0px; width:100%; }
    .news .tabcon .imgbox .summary{line-height:160%; height:auto; overflow:hidden; }
    .news .tabcon .listbox{width:100%; float:none;}
    .news .tabcon .listbox .item{overflow:hidden; margin-bottom: 0; padding:15px 0;}
    .news .tabcon .listbox .item .date{float:left; width:22%; padding-right:0; font-size:14px; text-align:left; padding-top: 0px;}
    .news .tabcon .listbox .item .date b{font-weight:bold; font-size:16px; color:#333333;}
    .news .tabcon .listbox .item .info{overflow:hidden; float:right; width:78%; padding:0; border-left:none;}
    .news .tabcon .listbox .item .info a.tit{display:block; font-size:16px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
    .news .tabcon .listbox .item .info .summary{color:#999999; line-height:150%; height:auto; overflow:hidden; margin-top:5px;}
    .news .tabcon .listbox .item .info .view{margin-top:10px; display:none; }

}