/* CSS Document */
@import "css.css";
.window{ display:bloke;}
.menu-toggle{ display:none;}
.window-pagination{
  position: absolute;
  left: 0;
  text-align: center;
  bottom:10px;
  width: 100%;
  z-index:3;
}
.three-pagination{
  position: absolute;
  left: 0;
  text-align: center;
  bottom:10%;
  width: 100%;
  z-index:3;
  color:#fff;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius:100%;
  background: #fff;
  margin-right: 10px;
  opacity: 0.5;
  cursor: pointer;
  border:1px solid #ccc;

}
.swiper_three{ overflow-x:hidden;}
.window .button-next{ right:4%;}
.window .button-prev{ left:4%;}

.swiper-active-switch{background: #ff6637; opacity:1; border:1px solid #ff6637;}
/*头部*/
.window .header{width:100%; display:table; padding:1.5% 0; background:#fff;}
.window .header .main{width:80%; display:table; margin:0 auto;}
.window .header .logo{width:30%; float:left; font-size:32px;}
.window .header ul{ float:right;width:68%;text-align:right;margin-top:20px;}
.window .header ul li{padding:1% 2%; margin-left:1%;display:inline-block;font-size:16px; position:relative;}
.window .header ul li a{display:table; width:100%;}
.window .header ul li.on{border-bottom:2px solid #ff6637;}
.window .header ul li.on a{ color:#ff6637; }
.window .header ul li:hover{border-bottom:2px solid #ff6637;}
.window .header ul li:hover a{ color:#ff6637;}
.window .header ul li .child{ display:none; width:100%; position:absolute; top:100%; left:0; z-index:9; text-align:center;}
.window .header ul li:hover .child{display:table;}
.window .header ul li .child icon{color:#ff6637;}
.window .header ul li .child ul{ display:table; width:100%; background:#ff6637; position:relative; top:-10px;}
.window .header ul li .child ul li{ display:table; width:100%; margin:0; padding:6% 0; border:none;}
.window .header ul li .child ul li:hover{background:#f44c2d;}
.window .header ul li .child ul li a{color:#fff; font-size:14px;}
.window .content_slide .banner{height:400px;}
.window .content_slide .swiper-container{height:400px; overflow:hidden;}

.window .window-content{background:#fff; display:table; width:100%;}
.window .info{ width:80%; margin:5% auto; display:table;}
.window .info ul li{ float:left; width:22%; text-align:center;}
.window .info ul li img{width:65px; height:65px;}
.window .info ul li h2{margin:5% 0 2%; font-weight:100; font-size:18px;}
.window .info ul li p{width:85%; line-height:25px; color:#999; display:table; margin:0 auto; text-align:left;}
.window .info ul li.one{margin-right:2%;}
.window .info ul li.two{margin:0 2%;}
.window .info ul li.three{margin:0 2%;}
.window .info ul li.four{margin-left:2%;}

.window .window-title{width:80%; display:table; margin:0 auto; border-left:5px solid #ff6637; text-indent:10px;}
.window .window-title h2{ font-weight:100; color:#ff6637;}
.window .window-title p{color:#666;}
.window .title{width:100%; display:table; margin:0 auto; border-left:5px solid #ff6637;margin-top:30px;}
.window .title p{ font-weight:100; color:#ff6637;}
.window .title div{color:#666;margin-left:20px;text-align:left;height:30px;line-height:30px;}
.window .title a{float:right}
.window .index_about{ width:100%; display:table; margin:0 auto; padding-bottom:2%;}
.window .index_about .left{float:left;margin-top:20px;} 
.window .index_about .right{float:right;margin-top:20px;} 
.window .window-info{ width:80%; display:table; margin:0 auto; padding-bottom:2%;}
.window .window-info div{ width:32%; float:left; margin-right:2%; margin-top:2%; height:230px; overflow:hidden;}
.window .window-info div img{width:100%;}
.window .window-info div:hover{ cursor:pointer;}
.window .window-info div:nth-child(2){width:66%; margin-right:0;}
.window .window-info div:nth-child(2) img{width:100%;}
.window .window-info div:nth-child(5){margin-right:0;}

.window .news_list li{clear:both;float:left;margin-top:10px;padding-bottom:10px;width:100%;border-bottom:1px dotted #ddd}
.window .news_list li a{float:left;width:70%;}
.window .news_list li div{float:right;width:30%;}

.window .window-img{ position:fixed; opacity:0; width:100%; height:100%; background:#000; z-index:-1;}
.window .window-img.on{ z-index:99; opacity:1;}
.window .window-main{width:100%; height:100%;
 /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}
.window .window-img .swiper_three {height:auto; width:80%; margin:0 auto;}
.window .window-img .swiper_three img{width:100%; border:3px solid #fff; margin:0 5%;}
.window .window-img .swiper_three .swiper-slide {
		height:auto;
		opacity:0.5;
        text-align: center;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.window .window-img .swiper_three .swiper-slide-active { opacity:1;
}
.window .window-img .swiper-button-next{ right:4%;}
.window .window-img .swiper-button-prev{ left:4%;}
.window .window-img .close{ position:absolute; width:95%; text-align:right; color:#fff; top:3%; font-size:3em;}
.window .window-img .close i:hover{ cursor:pointer;}

.window .footer{background:#2d2d2d; padding:2% 0; text-align:center;}
.window .footer div{ color:#fff;}
.window .footer div a{padding:0 10px; color:#fff;}
.window .footer p{margin-top:1%; color:#999;}

.window .brand-content {margin:0 auto; display:table; }
.window .brand-info{ color:#666; line-height:25px; font-size:14px; margin:3% auto; width:78%;}
.window .brand-content .window-info div{width:33.3%; height:auto; float:left; margin-right:0; margin-bottom:2%;}
.window .brand-content .window-info div a{ display:table; width:90%; margin:0 auto; text-align:center;}
.window .brand-content .window-info div a img{width:100%;}
.window .brand-content .window-info div a p{ line-height:2;}

.window .activity-content{width:80%; margin:1% auto; display:table;}
.window .activity-content .left{width:23%; margin-right:2%; float:left; display:table;}
.window .activity-content .left .title{padding:10px; background:#ff6637; border:1px solid #ff6637; font-size:16px; color:#fff;}
.window .activity-content .left .info{width:100%; border:1px solid #f0f0f0; margin:0;}
.window .activity-content .left .info ul{width:90%; margin:0 auto; display:table;}
.window .activity-content .left .info ul li{ width:100%; text-align:left; padding:3% 0; margin:0 auto; border-bottom:1px dashed #ccc;}
.window .activity-content .left .info ul li a{width:100%; display:table;}
.window .activity-content .left .info ul li a img{width:auto; height:auto; margin:1% 0; margin-right:5%; float:left;}
.window .activity-content .left .info ul li a span{ line-height:200%;}
.window .activity-content .left .info ul li:nth-child(3){border:none;}
.window .activity-content .left .info ul li h2{margin:2% 0; font-size:16px;}
.window .activity-content .left .info ul li .fa-comment{ color:#69F; margin-right:3%;}
.window .activity-content .left .info ul li .fa-history{color:#F60; margin-right:3%;}

.window .activity-content .right{width:75%; float:left; display:table;}
.window .activity-content .right .title{padding:10px 0; border-bottom:1px solid #ececec; font-size:16px; color:#fff;}
.window .activity-content .right .title span{font-size:16px; padding:9px 0; font-weight:300; color:#ff6637; border-bottom:2px solid #ff6637; }
.window .activity-content .right ul li{padding:2% 0; display:table; width:100%; border-bottom:1px dashed #ccc;}
.window .activity-content .right ul li img{width:25%; float:left; margin-right:2%}
.window .activity-content .right ul li h2{color:#333; font-size:18px; font-weight:300;}
.window .activity-content .right ul li h2 span{ float:right; color:#999;}
.window .activity-content .right ul li:hover h2{color:#F60;}
.window .activity-content .right ul li:hover span{color:#f60;}
.window .activity-content .right ul li p{ line-height:25px; font-size:14px; color:#999; margin-top:2%;}

.window .activity-info{width:80%; display:table; margin:0 auto;}
.window .activity-info h2{ font-weight:300; padding:3% 0; border-bottom:1px solid #ececec;}
.window .activity-info .desc{ line-height:25px; margin:2% 0; color:#666;}

.window .about-title{margin:3% auto; display:table; width:80%; font-size:1.3rem;}
.window .about-info{margin:0 auto 3%; display:table; width:80%;}
.window .about-info .about-img{width:30%; float:left;}
.window .about-info .about-img img{width:100%;}
.window .about-info .about-main{ float:right; width:69%; line-height:30px; color:#444; font-size:16px;}

.window .comment-content h2{width:80%; display:table; margin:2% auto; font-weight:300; font-size:16px;}
.window .comment-content ul{width:80%; display:table; margin:0 auto;}
.window .comment-content ul li{width:40%; float:left; margin-bottom:2%;}
.window .comment-content ul li label{width:80px; text-align:center; line-height:35px; display:table; float:left;}
.window .comment-content ul li input{padding:10px; width:45%; border:1px solid #ccc; background:#FFF; border-radius:3px;}
.window .comment-content ul li span{color:#F00;}
.window .comment-content ul li:nth-child(4){width:100%;}
.window .comment-content ul li:nth-child(4) textarea{width:58%; padding:10px; height:100px; border-radius:3px; border:1px solid #ccc;}
.window .comment-content ul li button{margin-left:80px; border:1px solid #f60; padding:10px 30px; border-radius:3px; background:#ff6637 ; color:#fff; }
.window .comment-content ul li button:hover{ cursor:pointer;}
.window .content_slide .zibanner{height:250px}