.clearfix:after{
    content:"";
    display:block;
    visibility:hidden;
    clear:both;
}
.fl{float: left;}
.fr{float: right;}
.w{width: 94%;margin:0 auto;}
.flexCenter{    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexStart{    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexBetween{    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexAround{    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexEnd{    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flexColumn{    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
a{display: block;}
img{width: 100%;height: auto;}
.swiper-slide img{width: 100%;}

.zhezhao{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, .5);display: none;z-index:99;}
.head{position: relative;z-index:99;}
.head .nav_btn{width: 30px;position: absolute;top:20px;right:3%;z-index:9;}
.head2{background:#fff;position: fixed;width: 100%;top:0;left:0;height: 70px;}
.head2 .logo{width: 40%;left:3%;top:50%;transform:translateY(-50%);position: absolute;}
.head .nav_btn2{width: 30px;position: absolute;top:50%;transform:translateY(-50%); right:3%;z-index:9;}


.nav_box{
    padding-top: 80px;
    z-index: 99999;
    position: fixed;
    right: 0;
    top: 0;
    left: auto;
    width: 50vw;
    height: 100vh;
    background: #2a2a2a;
    overflow-y: auto;
    transform: translateX(50vw);
    -webkit-transform: translateX(50vw);
    -moz-transform: translateX(50vw);
    -o-transform: translateX(50vw);
    -ms-transform: translateX(50vw);
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    overflow: hidden;
}
.nav_box.active{
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);}
.nav_box a{display: block;font-size: 14px;color: #fff;padding: 0 20px;border-bottom: 1px dashed #444242;height: 50px;line-height: 50px;}
.nav_box .close{width: 20px;position: absolute;right: 15px;top: 15px;}
.nav_box .gengduo{background: url(../images/gengduo.png) no-repeat 94% center;}
.nav_box li .erlist{
    padding-top: 80px;
    z-index: 9999;
    position: fixed;
    right: 0;
    top: 0;
    left: auto;
    width: 50vw;
    height: 100vh;
    background: #2a2a2a;
    overflow-y: auto;
    transform: translateX(260px);
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -o-transform: translateX(260px);
    -ms-transform: translateX(260px);
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    overflow: hidden;
    display: block;
}
.nav_box li .erlist.active{
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);}

.inc_nav{height: 50px;background:#eeeeee;padding:0 3%;}
.inc_nav h3{font-size: 18px;color: #333;font-weight: bold;}
.inc_nav h3 span{color: #a00001;}
.inc_nav div{font-size: 14px;color: #aaa;}
.inc_nav div img{margin-right: 10px;width: 15px;}


.item_one_con{background:#505050;padding:25px 0;}
.item_one h2{font-size:25px;color:#ffebc5;font-weight:bold;text-align:center;}
.item_one ul{margin-top:25px;}
.item_one ul li{width: calc(94% / 3);height: 60px;box-sizing:border-box;border:1px solid #d5d5d5;margin-right:3%;margin-bottom:10px;position: relative;}
.item_one ul li:nth-child(3n){margin-right:0;}
.item_one ul li img{position: absolute;top: 0;left:0;right: 0;bottom:0;margin:auto;max-width:80%;}

.item_two{padding:25px 0;}
.item_two>h2{font-size:25px;color:#333;font-weight:bold;text-align:center;}
.item_two>h2 span{color:#a00001;}
.item_two>p{font-size:16px;color:#333;text-align:center;margin-top:5px;}

.item_two ul{margin-top:25px;}
.item_two ul li{box-shadow:0 0 50px #f4f4f4;margin-bottom:15px;}
.item_two ul li .img{width: 46%;}
.item_two ul li .mesg{width: 50%;}
.item_two ul li .mesg h3{font-size:16px;color:#333;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.item_two ul li .mesg .jianjie{margin:8px 0; font-size:14px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.item_two ul li .xia{margin:0 auto;border-top:1px solid #dddddd;}
.item_two ul li .xia p{font-size:14px;color:#ccc;}
.item_two ul li .xia div{width: 80px;height: 30px;background:#a00001;font-size:14px;color:#fff;text-align:center;line-height:30px;}
.item_two>a{width: 120px;height: 40px;background:#a00001;font-size:16px;color:#fff;text-align:center;line-height:40px;border-radius:40px;display: block;margin:25px auto 0;}

.item_three_con{background:#505050;padding:25px 0;}
.item_three>h2{font-size:25px;color:#ffebc5;font-weight:bold;text-align:center;}
.item_three>p{font-size:16px;color:#fff;text-align:center;margin-top:5px;}
.item_three ul{margin-top:25px;}
.item_three ul li .img{width: 65px;height: 65px;border:2px solid #fff;box-sizing:border-box;position: relative;border-radius:50%;}
.item_three ul li .img img{position: absolute;top:0;left:0;right: 0;bottom:0;margin:auto;width: 30px;}
.item_three ul li:hover .img{background:#a00001;border-color:#a00001;}
.item_three ul li .num{font-size:18px;color:#949494;text-align:center;margin: 5px 0;}
.item_three ul li p{font-size:14px;color:#fff;text-align:center;}
.item_three ul>img{margin-top:-50px;width: 10px;}
.item_three ul>img:last-child{display: none;}
.item_three ul>img:nth-child(8){display: none;}
.item_three ul li:nth-child(-n+7){margin-bottom:25px;}
/*.item_three ul>img:nth-child(-n+7){margin-top:-75px;}*/
.item_three>a{width: 120px;height: 40px;background:#a00001;font-size:16px;color:#fff;text-align:center;line-height:40px;border-radius:40px;display: block;margin:25px auto 0;}

.item_four_con{background:#ffe5b6;padding:25px 0;}
.item_four>h2{font-size:25px;color:#333;font-weight:bold;text-align:center;}
.item_four>h2 span{color:#a00001;}
.item_four>p{font-size:16px;color:#333;text-align:center;margin-top:5px;}
.item_four ul{margin-top:25px;}
.item_four ul li{width: 48.5%;margin-right:3%;margin-bottom:20px}
.item_four ul li:nth-child(2n){margin-right:0;}
.item_four ul li .mesg{background:#fff;padding:10px 5px;}
.item_four ul li .mesg h3{font-size:18px;color:#333;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;margin-bottom:10px;}
.item_four ul li .mesg .mes div p:nth-child(1){font-size:13px;color:#333;text-align:center;}
.item_four ul li .mesg .mes div p:nth-child(2){font-size:12px;color:#888;text-align:center;margin-top:3px;}
.item_four ul li .mesg .more{width: 100px;height: 25px;background:#a00001;font-size:13px;color:#fff;border-radius:25px;text-align:center;line-height:25px;margin:10px auto 0;}

.item_five_con{background:#ffe5b6;padding:25px 0;}
.item_five>h2{font-size:25px;color:#333;font-weight:bold;text-align:center;}
.item_five>h2 span{color:#a00001;}
.item_five>p{font-size:16px;color:#333;text-align:center;margin-top:5px;}
.item_five ul{margin-top:25px;}
.item_five ul li{width: 48.5%;margin-bottom:20px;margin-right:3%;}
.item_five ul li:nth-child(2n){margin-right:0;}
.item_five ul li .mesg{background:#fff;padding:10px;}
.item_five ul li .mesg h3{font-size:18px;color:#333;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;margin-bottom:10px;}
.item_five ul li .mesg .more{width: 100px;height: 25px;background:#a00001;font-size:13px;color:#fff;border-radius:25px;text-align:center;line-height:25px;margin:0 auto;}

.item_six_con{background:#eee;padding:25px 3%;}
.item_six_con>h2{font-size:25px;color:#333;font-weight:bold;text-align:center;}
.item_six_con>h2 span{color:#a00001;}
.item_six_con>p{font-size:16px;color:#333;text-align:center;margin-top:5px;}
.item_six_con ul{margin-top:25px;}
.item_six_con ul li{width: 48.5%;margin-right:3%;margin-bottom:20px;}
.item_six_con ul li:nth-child(2n){margin-right:0;}
.item_six_con ul li .mesg{background:#fff;padding:10px;}
.item_six_con ul li .mesg h3{font-size:18px;color:#333;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;margin-bottom:10px;}
.item_six_con ul li .mesg .more{width: 100px;height: 25px;background:#a00001;font-size:13px;color:#fff;border-radius:25px;text-align:center;line-height:25px;margin:0 auto;}

.about_con{padding:20px 3%;font-size:16px;color:#888888;line-height:2;}

.news_list{padding:25px 0;}
.news_list ul li{box-shadow:0 0 50px #f4f4f4;margin-bottom:15px;}
.news_list ul li .img{width: 46%;}
.news_list ul li .mesg{width: 50%;}
.news_list ul li .mesg h3{font-size:16px;color:#333;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_list ul li .mesg .jianjie{margin:8px 0; font-size:14px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_list ul li .xia{margin:0 auto;border-top:1px solid #dddddd;}
.news_list ul li .xia p{font-size:14px;color:#ccc;}
.news_list ul li .xia div{width: 80px;height: 30px;background:#a00001;font-size:14px;color:#fff;text-align:center;line-height:30px;}

.show_con{padding:25px 0;}
.show_con .show>h3{font-size:18px;text-align:center; color:#333;font-weight:bold;}
.show_con .show>p{font-size:14px;margin-top:10px; text-align:right;color:#ccc;}
.show_con .show .con{padding:10px 0;font-size:16px;color:#888888;line-height:2;}
.show_con .show .con img{margin-bottom:20px;}

.box{
    width: 97%;
    margin-top:10px;
    height: 50px;
    margin-left:3%;
    border-bottom:1px solid #dddddd;
    }
.box .swiper-container{
    width: auto!important;
    height: 100%;
    text-align: center;
    line-height: 50px;
    color: #333;
    font-size: 16px;
}
.box .swiper-slide{
    width: auto!important;
    margin-right: 20px!important;
    border-bottom:3px solid transparent;
    height:47px;
}
.box .swiper-slide.on{color:#a00001;border-bottom:3px solid #a00001;}

.yiji{margin-top:20px;}
.yiji a{width: 48.5%;height: 45px;background:#eeeeee;font-size:17px;color:#333;text-align:center;line-height:45px;position: relative;}
.yiji a.on{background:#a00001;color:#fff;}
.yiji a img{position: absolute;width: 20px;bottom:-12px;left:50%;margin-left:-10px;display: none;}
.yiji a.on img{display:block;}












.index_bot{padding:25px 0;}
.index_bot .logo{display: block;margin:0 auto;width: 150px;}
.index_bot .con{font-size:16px;color:#333;line-height:2;margin-top:15px;}
.index_bot .code{width: 180px;display: block;margin:15px auto;}
.index_bot>p{font-size:18px;color:#333;text-align:center;}



.page{margin-top: 30px;}
.page .pagination{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.page .pagination li{margin: 0 3px; width: 30px;height: 30px;border-radius: 3px; border: 1px solid #eeeeee;box-sizing: border-box;font-size: 14px;color: #333333;text-align: center;line-height: 28px;}
.page .pagination li span{display: block;}
.page .pagination li a{display: block;}
.page .pagination li.active{background: #2baaf9;border-color: #2baaf9;color: #fff;}



.prev_next{box-sizing: border-box;}
.prev_next a{margin-bottom:10px; font-size: 14px;color: #333333;width: 100%;border:1px solid #eee; color: #888;line-height: 40px;height: 40px;padding:0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}


.footer ul{position: fixed;bottom: 0;width: 100%;left: 0;z-index: 90;}
.footer ul li{width: 20%;} 
.footer ul{height: 60px;background: #333;}
.footer ul li .img{height: 35px;position: relative;}
.footer ul li .img img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 28%;}
.footer ul li p{font-size: 14px;color: #9a9a9a;text-align: center;}
.footer ul li.on p{color:#fff;}