* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{background-color: white;font-family: "SourceHanSansCN-Light","Lantinghei SC","Open Sans","Hiragino Sans GB","Microsoft YaHei","STHeiti-Light","WenQuanYi Micro Hei","Arial","SimSun","sans-serif";}
ul li{list-style: none}
p {margin: 0}
a {color: #333}
a:hover,a:focus,a:active {outline: none;color: #ff5049}
input,button{outline:none;}
@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/iconfont.woff2') format('woff2'),
        url('../fonts/iconfont.woff') format('woff'),
        url('../fonts/iconfont.ttf') format('truetype'),
        url('../fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-sousuo:before {
    content: "\e600";
}

.undis{display: none;}


.line-top {
    width:47px;
    margin:-20px auto 0;
    height: 14px;
    background: url('../images/pline.png') no-repeat;
}
.hr50{clear:both; height:50px; overflow:hidden; display:block;}
.banner{width: 100%;overflow: hidden;text-align: center;}

.banner img{width: 100%;margin: 0 auto;display: block;}


.body-static .u-navbar{background-color: white;}
.body-static .line-top{background:none}
.click span.icon-bar1 {
    -webkit-transform: rotate(45deg) translateX(1px);
    -moz-transform: rotate(45deg) translateX(1px);
    -ms-transform: rotate(45deg) translateX(1px);
    -o-transform: rotate(45deg) translateX(1px);
    transform: rotate(45deg) translateX(1px)
}

 .click span.icon-bar2 {
    -webkit-transform: rotate(-45deg) translateX(1px) translateY(-1px);
    -moz-transform: rotate(-45deg) translateX(1px) translateY(-1px);
    -ms-transform: rotate(-45deg) translateX(1px) translateY(-1px);
    -o-transform: rotate(-45deg) translateX(1px) translateY(-1px);
    transform: rotate(-45deg) translateX(1px) translateY(-1px)
}

button.click .icon-bar+.icon-bar {
    margin-top: 0
}

button.click .icon-bar:nth-child(3) {
    opacity: 0
}






.footer{width: 100%;background:url('../images/ftr.jpg') no-repeat center top;margin-top: 40px;overflow: hidden;}
.footer p{text-align: center;font-size: 16px;color: white;line-height: 1.6;padding: 15px 0;}



.listhd{overflow: hidden;padding: 45px 0 30px;border-bottom: 1px solid #f3f3f3;}
.listhd p{font-size: 18px;line-height: 1.6;margin-bottom: 5px;}
.listhd span{color: #c34210;}


.listag{overflow: hidden;margin-top: 80px;border-bottom: 2px solid #ffc154;}
.listag .col-md-6{padding: 0;}
.search{overflow: hidden;}
.search-box{width:100%;padding-left:30px;padding-top: 50px;}
.search-content{ border: 1px solid #e4e4e4; padding:1px; border-radius: 5px;}
.search-content .search-group{display: flex;width: 100%;}
.search-content .search-control{flex:10 1 auto;padding: 10px 5px;font-size: 16px;border: 0;}
.search-content .btn-search{flex:1 1 auto;border: 0;background-color: #e83a16;}
.search-content .btn-search span{font-size: 32px;color: white;}



.ag{width: 100%;overflow: hidden;margin: 0;padding: 0;}
.ag li{width: 33.33333%;float: left;height: 150px;background-color: #f3f3f3;display: flex;align-items: center;justify-items: center;text-align: center;flex-direction: column;position: relative;font-size: 18px;cursor: pointer;}
.ag li::before{height: 100%;width: 1px;position: absolute;right: 0;top: 0;content: '';background-color: white;}
.ag li span{width: 104px;height: 104px;display: block;}
.iconag1{background: url('../images/sk2.png') no-repeat;}
.iconag2{background: url('../images/sk3.png') no-repeat;}
.iconag3{background: url('../images/sk4.png') no-repeat;}


.ag li.active .iconag1{background: url('../images/sk2s.png') no-repeat;}
.ag li.active .iconag2{background: url('../images/sk3s.png') no-repeat;}
.ag li.active .iconag3{background: url('../images/sk4s.png') no-repeat;}

.ag li.active{background-color: #ffc154;color: white;}

.list{margin-top: 20px;}
.zplist{margin: 0 -15px;}
.zplist .col-md-3{margin-top: 30px;}
.zplist .thumbnail{display: block;position: relative;background-color: #f3f3f3;}
.zplist .number{width: 58px;height: 24px;background: url('../images/nubg.png') no-repeat;display: block;position: absolute;left: 0;top: 0;line-height: 24px;color: white;padding-right: 5px;text-align: center;}
.zplist .zpimg{width: 100%;overflow: hidden;margin: 0;padding: 0;}
.zplist .zpimg img{width: 100%;display: block;height: 290px;}
.zplist .caption{position: relative;height:140px}
.zplist .caption h3{text-align: center;height: 50px;overflow: hidden;font-size: 18px;font-weight: 100;margin: 0;}

.num{width: 50%;position: absolute;bottom: 25px;right: 10px;font-size: 16px;color: #999;}
.num span{width: 100%;display: block;text-align: left;font-size: 22px;color: #cc2b1b;}
.btn-zlist{ width: 35%; left: 5px; bottom: 35px; border: 1px solid #cc2b1b; border-radius: 50rem; color: #cc2b1b; display: block; text-align: center; height: 35px; line-height: 35px; font-size: 16px; position: absolute; }


@media (min-width:1200px) {
    .u-navbar{background: url('../images/navbg.jpg');margin: 0;height:109px;position: inherit;}
    .u-navbar .container{height: 74px;line-height: 74px;margin-top: 18px;}
    .navbar-nav{text-align: center;width: 100%;}
    .navbar-nav > li{display: inline-block;float: none;width: 153px;height: 74px;}
    .navbar-nav > li > a{padding-top: 0!important;padding-bottom: 0!important;height: 74px;line-height: 74px;font-size: 22px;color: white!important;}

    .navbar-nav .click{background: url('../images/nabg.png');}
    .banner_b{display: none;}

}


@media (min-width: 960px) and (max-width: 1199px){
    .u-navbar{background: url('../images/navbg.jpg');margin: 0;height:109px;position: inherit;}
    .u-navbar .container{height: 74px;line-height: 74px;margin-top: 18px;}
    .navbar-nav{text-align: center;width: 100%;}
    .navbar-nav > li{display: inline-block;float: none;width: 153px;height: 74px;}
    .navbar-nav > li > a{padding-top: 0!important;padding-bottom: 0!important;height: 74px;line-height: 74px;font-size: 22px;color: white!important;}

    .navbar-nav .click{background: url('../images/nabg.png');}
    .banner_b{display: none;}
}   



@media (min-width: 768px) and (max-width: 959px){

    .navbar-collapse{padding: 0;}
    .u-navbar{background: linear-gradient(to bottom,#f4bd68,#d66110);margin: 0;height: auto;}
    .u-navbar .container{height: auto;margin: 0 auto;}
    .navbar-nav{text-align: center;width: 100%;}
    .navbar-nav > li{float: left;width: 25%;}
    .navbar-nav > li > a{padding: 0!important;line-height: 35px;font-size: 16px;color: white!important;}
    .navbar-nav > li.click > a{color: #c44210!important;font-weight: bold;}
    .u-navbar .container .row{margin: 0;}
    .line-top {
        width:50%;
        margin-top:-2px;
        height: 2px;
        background: #c44210;
    }
    
    .banner_b{display: block;}
    .banner_b img{width: 100%;}
    .banner{display: none;}
    .navbar-toggle{border-color: none;}
    .navbar-toggle .icon-bar{background-color: #ff5049;}

    .navbar-header{float: right!important;}
    .navbar-toggle{display: block;}
    .navbar-collapse.collapse{display: none!important;background-color: white;}
    .title-comm img,.px-title img{width: 100%;}
    



   
    
}



@media (max-width: 959px){
    .navbar-collapse{padding: 0;}
    .u-navbar{background: linear-gradient(to bottom,#f4bd68,#d66110);margin: 0;height: auto;}
    .u-navbar .container{height: auto;margin: 0 auto;}
    .navbar-nav{text-align: center;width: 100%;}
    .navbar-nav > li{float: left;width: 25%;}
    .navbar-nav > li > a{padding: 0!important;line-height: 35px;font-size: 16px;color: white!important;}
    .navbar-nav > li.click > a{color: #c44210!important;font-weight: bold;}
    .u-navbar .container .row{margin: 0;}
    .line-top {
        width:50%;
        margin-top:-2px;
        height: 2px;
        background: #c44210;
    }
    
    .banner_b{display: block;}
    .banner_b img{width: 100%;}
    .banner{display: none;}
    .navbar-toggle{border-color: none;}
    .navbar-toggle .icon-bar{background-color: #ff5049;}
 
    .container{padding-left:5px;padding-right: 5px;}
    .footer{margin-top:20px;}
    .footer p{text-align: left;font-size: 12px;padding: 15px;}
    
}