@charset "utf-8";
html,
body 
{ line-height:180%; font-size:14px; font-family: "Microsoft Yahei"; background:white;}
ul,ol {padding:0px;}
li {list-style:none;}

a {transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color:#333;text-decoration:none;}
a:hover {text-decoration:none;}

/* 划过图片放大 */
.img-auto { display:block; overflow:hidden; }
.img-auto img { width:auto; height:auto; margin:0px auto; transition: 600ms; }
.img-auto img:hover { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }


.cmseasyedit {display:inline-block;}
.removelangadmin,
.removelang,
.removelangtemplate {display:none;}


/* 通用 */

.blank5,.blank10,.blank20,.blank30,.blank50,.blank60 {clear:both;height:5px;overflow:hidden;}
.blank10 {height:10px;}
.blank20 {height:20px;}
.blank30 {height:30px;}
.blank50 {height:50px;}
.blank60 {height:60px;}






.section1{padding: 40px 0;background: url(../images/base/s1-bg.jpg) center center no-repeat;background-size:cover;}

.title10{text-align: center;margin-bottom: 30px;}
.title10 h4{font-size: 28px;color: #fff;margin-bottom: 5px;}
.title10 h4 a{color: #fff;}
.title10  p{color: #999;}



 
 
.swiper1-button-prev,
.swiper1-button-next{
font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; 
display: block;height: 40px;width: 40px;
position: absolute;top: 50%;margin-top: -50px;cursor: pointer;overflow: hidden;z-index: 11;display: inline-block;
line-height: 40px;text-align: center;color: #fff;}

.swiper1-button-prev{left: 0;background: rgba(0,0,0,.3)}
.swiper1-button-next{right: 0;background:  rgba(0,0,0,.3)}
.swiper1-button-prev:hover{background: rgba(0,0,0,.7)}
.swiper1-button-next:hover{background:  rgba(0,0,0,.7)}
 
 
.swiper1-pagination {text-align: center;}
.swiper1-pagination span{display: inline-block;width:10px;height:10px;margin:5px 7px;background:#fff;border-radius: 50%;opacity: 1;}
.swiper1-pagination span.swiper-pagination-bullet-active{background:#E2120B;opacity: 1;}





.s1-item{margin:10px 0}
.s1-img{display:block;overflow:hidden}
.s1-img img{width:100%;height:auto;margin:0 auto;transition:.6s}
.s1-item:hover .s1-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.s1-img a{display:block;position:relative;text-decoration:none;overflow:hidden}
.s1-img a:before{content:"";display:block;position:absolute;left:10px;right:10px;top:10px;bottom:10px;border-top:1px solid #E2120B;border-bottom:1px solid #E2120B;transform:scale(0,1);z-index:2;transition:all .3s ease-in-out 0s}
.s1-item:hover .s1-img a:before{transform:scale(1,1)}
.s1-img a::after{content:"";display:block;position:absolute;left:10px;right:10px;top:10px;bottom:10px;border-left:1px solid #E2120B;border-right:1px solid #E2120B;transform:scale(1,0);z-index:2;transition:all .3s ease-in-out 0s}
.s1-item:hover .s1-img a::after{transform:scale(1,1)}
.s1-text{text-align:center;padding-top:10px;padding-bottom:10px}
.section1 .s1-text h4{color:#fff}
.section1 .s1-text h4 a{color:#fff}
.s1-item:hover .s1-text{background:#E2120B}
.s1-item:hover .s1-text h4{color:#fff}
.s1-item:hover .s1-text h4 a{color:#fff}





.section2{padding: 60px 0;background: #252525;}
.s2{}
.s2:after{content:"";display: table;clear: both;}
.s2-img{float: left;width: 330px;height: 200px;}
.s2-img img{width: 100%;height: 100%;object-fit: cover;}
.s2-text{height: 200px;overflow: hidden;overflow: hidden;padding: 15px 5%;background: #161616;}
.s2-text p{color: #fff;line-height: 24px;height: 120px;overflow: hidden;margin-bottom: 15px;}
 

@media screen and (min-width: 0) and (max-width: 767px){
.s2-img{float: none;margin: 0 auto 20px;max-width:100%;}
}


.section3{padding: 40px 0;background: url(../images/base/s3-bg.jpg) center center no-repeat;}

.s3-l{margin: 20px 0;}
.s3-l-img{display:block;overflow:hidden;}
.s3-l-img img{width:100%;height:auto;margin:0px auto;transition:600ms;}
.s3-l-img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform:scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.s3-l-text{padding-top: 15px;}
.s3-l-text h4{font-size: 16px;color: #fff;margin-bottom: 5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s3-l-text h4 a{color: #fff;}
.s3-l-text h4 a:hover{color: #CD0F0A;}

.s3-l-text span{color: #8f8f8f;display: block;font-size: 14px;}
.s3-l-text p{margin: 15px 0 20px;color: #666;line-height: 22px;height: 44px;overflow: hidden;}
.s3-l-text a.more{display: inline-block;padding: 5px 40px;background:#e3120b;color: #fff;font-size: 20px;}


.s3-r{margin: 20px 0;border-top:1px solid #242424;}
.s3-list{border-bottom:1px solid #242424;padding: 22px 0;}
.s3-list h4{font-size: 16px;color: #fff;margin-bottom: 15px;}
.s3-list h4 a{color: #fff;}
.s3-list p{color: #999;line-height: 22px;height: 66px;overflow: hidden;}

.s3-list h4 a:hover{color: #CD0F0A;}



.foot{padding: 40px 0;background: #1B1B1B;}
.foot-list{margin: 20px 0;}
.foot-list ul{padding: 0;margin: 0;}
.foot-list h4{color: #fff;margin-bottom: 30px;}
.foot-list ul li{color: #666;line-height: 24px;}
.foot-form{}
.foot-form ul{padding: 0;margin: 0;}
.foot-form ul li{margin-bottom: 15px;}
.foot-form ul .form-control{background: transparent;border:none;border-bottom:1px solid #666;border-radius: 0;color: #fff;}
.foot-form .btn{background: #e3120b;border:none;width: 100%;color: #fff;line-height: 25px;}
.foot-form .btn:hover{background: #CB0F0A;}
.foot-form .form-control:focus{border-color: #666;box-shadow: inset 0 0 0 rgba(0,0,0,.0), 0 0 0 rgba(102,175,233,0);}
.foot-form #catid{width: 100%;background: transparent;border:none;border-bottom:1px solid #666;border-radius: 0;color: #fff;}


.copyright{border-top:1px solid #666;padding: 10px 0;text-align: center;color: #999;background: #1B1B1B;}
.copyright a{color: #999;}




.title20{text-align: center;padding: 30px 0;}
.title20 h4{font-size: 28px;color: #e3120b;margin-bottom: 35px;}
.title20 h4 a{color: #e3120b;}
.title20 ul{padding: 0;margin: 0;}
.title20 ul li{display: inline-block;margin: 0 10px;}
.title20 ul li a{display: inline-block;padding: 7px 15px;color: #333;}
.title20 ul li a:hover{background: #e3120b;color: #fff;}


.mianbao{line-height: 30px;margin:15px;}
.mianbao span{padding-left: 17px;background: url(../images/base/mianbao.png) left center no-repeat;color: #333;}
.mianbao a{margin: 0 5px;color: #333;}



.news{margin-left: 15px;margin-right: 15px;}
.news-item{padding: 20px 0;border-bottom:1px dashed #ccc;}
.news-item h4{color: #333;margin-bottom: 5px;}
.news-item h4 a{color: #333;}
.news-item h4 a:hover{color: #e3120b;}
.news-item span{display: block;color: #888;margin-bottom: 20px;}
.news-item p{line-height: 24px;max-height:48px;overflow: hidden;color: #666;}





.navbar-default{
background: #000;

    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
color: #f00;
}


.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #f00;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #f00;
}

.pc-show,.wap-show {
    display:none;
}

@media (min-width: 786px) {
    .pc-show {
        display: block;
    }
}

@media (max-width: 786px) {
    .wap-show {
        display: block;
    }
}


.cbanner{background-size:cover;}
@media screen and (max-width:486px) {
    .cbanner {margin-top:0px;}
}
.cbanner .container {height:100%;}
.cbanner-bg{height:100%;background: rgba(0,0,0,.08);}
.cbanner-title {position: relative; display:block; height:100%;}
.fat-menu2-title h4.column-title,
.cbanner-title h4.column-title,
.cbanner-title h4.special-title,
.cbanner-title h4.type-title{position: absolute; top: 40%; transform: translateY(-40%);color: #fff;font-size: 42px; }
.cbanner-title h4.column-title,
.cbanner-title h4.column-title a,
.cbanner-title h4.special-title a,
.cbanner-title h4.type-title a{color: #fff;}
.cbanner-title h4.column-title:after,
.cbanner-title h4.special-title:after,
.cbanner-title h4.type-title:after{content:"";display: block;height: 3px;width: 2em;background: #fff;margin-top: 15px;}


@media (min-width:769px) {
    .cbanner-bg{min-height:auto;}
    .cbanner-title{margin-bottom: 40px;}
    .cbanner-title h4.column-title,
    .cbanner-title h4.special-title,
    .cbanner-title h4.type-title{font-size: 40px;}
}

@media (min-width:992px) {
    .cbanner-bg{min-height:auto;}
    .cbanner-title h4.column-title,
    .cbanner-title h4.special-title,
    .cbanner-title h4.type-title{font-size: 30px;}
}

@media (max-width:768px) {
    .cbanner-bg{min-height:auto;}
    .cbanner-title{margin-bottom: 30px;}
    .cbanner-title h4.column-title,
    .cbanner-title h4.special-title,
    .cbanner-title h4.type-title{font-size: 20px;}
}