@charset "utf-8";
/* CSS Document */
#header .catebox{background: #fff; list-style: none; margin: 0; padding: 0;}
#header .catebox li{padding: 11px 20px 12px; border-bottom: 1px solid #f0f3f8;  font-weight: bold;}
#header .catebox li a{ color: #707070;}
#header .catebox li a:hover{color: #0096e0; text-decoration: none;}
#header .catetit{background: #444444; color: #fff; font-size: 24px; font-weight: bold; padding: 17px 10px 17px 25px;}
.list-ban .col-sm-3,.list-ban .col-sm-9{padding-left: 5px; padding-right: 5px;}
@media (min-width: 992px) {
    #header .banner{float: right;} 
}

#hot{text-align: center;  padding: 4.6% 0; background: #f0f3f8;}
#hot .title,#faq .title{font-size: 36px;margin-bottom: 20px;color: #262626; font-weight: bold; position: relative; margin-bottom: 50px;}
#hot .title::after,#faq .title::after{width: 58px; height: 4px; background: #0096e0; position: absolute; left: 50%; margin-left: -29px; content: ""; bottom: -25px;}
#hot .hotrow{margin-left: -10px; margin-right: -10px;}
#hot .hotrow .col-md-3{padding-left: 10px; padding-right: 10px;}
#hot .box{ padding: 20px 20px 10px; margin-top: 35px; text-align: left; background: #fff; border-bottom: 1px solid #dbdee3; text-align: center;}
#hot .box-tit{color: #0096e0;  font-size:16px; padding: 10px 0;  font-weight: bold; font-family: Verdana; text-decoration: none; display: block;}
#hot a:hover.box-tit{color: #232121; }
#hot p{color: #949393; line-height: 22px; }
#hot a{color: #009242;}
#hot ul{list-style: square; margin: 0 0 0 20px; padding: 0; text-align: left; color: #009242; font-size: 20px;}
#hot ul li a{font-size: 14px;}
#hot .more{width: 173px; height: 51px; border: 3px solid #fff; border-radius: 26px; text-decoration: none; display: block; text-align: center; line-height: 45px; color: #fff; font-weight: bold; text-transform: uppercase;}
#hot a:hover.more{background: #fff; color: #00984f;}
#hot a.product{display: block; text-align: center; z-index: 1;}
#about{background:#0096e0 url(../images/about-bg.jpg) no-repeat 50%; background-size: cover; padding: 4.2% 0; text-align: center; color: #fff;}
#about .title{font-size: 36px;margin-bottom: 20px;color: #fff; font-weight: bold; position: relative; margin-bottom:30px;}
#about .title::after{width: 58px; height: 4px; background: #fff; position: absolute; left: 50%; margin-left: -29px; content: ""; bottom: -25px;}
#about .title2{white-space:nowrap;font-size: 40px; font-family: "Times New Roman"; position: absolute; left: 50%; top: -27px; background:#fff; color: #0096e0; padding: 12px 25px; transform: translateX(-50%);}
#about .desc{border: 2px solid #fff; font-size: 18px; padding:9.5% 5.5% 5.5%; line-height: 30px;position: relative; margin-top: 15.6%; }
#about .desc .more{display: block; color: #fff; font-size: 22px; margin:20px auto 0; padding: 8px; text-decoration: none; }
#faq{padding: 4.6% 0 6.6%;}
#faq .title{text-align: center;}
#faq .nav-tabs{border-bottom: 5px solid #0096e0; padding: 0;}
#faq .nav-tabs li a{background: #7fcaef; border: none; color: #fff; font-size: 24px; padding: 7px 35px; outline: none;}
#faq .nav-tabs li.active a{background: #0096e0; }
#faq .faqbg{background: #f0f3f8; padding: 15px; border-radius: 30px; margin-top: 6.1%;}
#faq .faqcont{background: #fff; border-radius: 30px; padding:30px 25px;}
#faq ul.paneul{list-style: none; margin:0; padding: 0;}
#faq ul.paneul li{border-bottom: 1px solid #e5e5e5; padding: 20px 0;}
#faq ul.paneul li a{color: #000; font-size: 18px;}
#faq ul.paneul li i{color: #0096e0; padding-right: 5px;font-size: 18px;}
#faq ul.paneul p{line-height: 20px; margin-top: 5px;}


#news{ background: #f0f3f8;}
#news .newsbox{padding-top:3.3%; padding-bottom: 6.6%;}
#news  p{margin-top: 8px; line-height: 18px; color: #3f3f3f; font-size: 12px;}
#news .title{font-size: 16px;text-decoration: none;font-weight:bold;}
#news .typename{font-size: 24px; color: #232121; font-family: Verdana; font-weight: bold; margin-bottom:50px; position: relative;}
#news .typename::after{width: 58px; height: 4px; background: #0096e0; position: absolute; left:0; content: ""; bottom: -25px;}
#news .more{color: #039549; font-weight: bold; text-transform: uppercase; display: inline-block; margin-top: 20px;}
#news .newslist{margin-left: -8px; margin-right: -8px; padding: 8px 0;}
#news .newslist .col-sm-4,#news .newslist .col-sm-8{padding-left: 8px; padding-right: 8px;}
#news .mailbody{background: #fff; padding:0 30px 30px; margin-top: -50px;}
#news label{font-weight: normal;}
#news input.form-control{height: 45px;}
#news .mailtop{border-bottom: 4px solid #0096e0; margin-left: -30px; margin-right: -30px;  font-size: 30px; color: #fff; margin-bottom: 30px;}
#news .mailtop .mailtit{display: inline-block; background: #38ade7; padding: 12px 35px; border-radius: 4px 4px 0 0;}
#news .mailbtn{background: #0096e0; width: 202px; height: 48px; text-align: center; border: none; font-size: 24px; color: #fff;}


.swiper-container {width: 100%;}  
.swiper-container .swiper-slide{position: relative;  background-size: cover; background-repeat: no-repeat;background-position: center center; height: 404px;}
    .sell{width: 100%;position: absolute;   left: 0; bottom: 0; color: #fff;background: rgba(0,0,0,.5); padding: 7px 0;}
    .sell h2{font-size:24px; margin: 0 0 0 25px; font-weight: bold;  text-transform: uppercase;}
    .sell p{font-size: 18px; font-weight: normal; margin-bottom: 0; margin-left: 25px;}
    .sell .free{width: 262px; height: 60px; display: inline-block; background-color: #0fa652; background: linear-gradient(to right,#46db87,#0aa24e); border-radius: 30px; line-height: 60px; color: #fff; margin: 60px 15px; text-transform: uppercase; font-weight: bold; text-decoration: none;}
    .sell .more{width: 262px; height: 60px; display: inline-block;border-radius: 30px; border: 3px solid #fff; border-radius: 30px; line-height: 54px; font-weight: bold; color: #fff; text-transform: uppercase;margin: 100px 15px;}
    .sell a:hover.more{text-decoration: none; background: #fff; color: #00984f;}
@media (max-width: 991px){
    .catetit{margin-top: 2px;}
     .swiper-container .swiper-slide{height:330px;}
     #header .catebox li{ width: 50%; float: left; }
}
@media (min-width: 992px) and  (max-width: 1199px){
.swiper-container .swiper-slide{height: 322px;}
#header .catebox li{padding-top: 6px; padding-bottom: 6px;}
#header .catetit{padding-top: 15px; padding-bottom: 15px;}
.sell p{font-size: 16px;}
}
@media (max-width:767px){

.swiper-container .swiper-slide{height: 212px;}
.sell p{font-size: 14px; line-height: 20px;}
.nav{margin-bottom: 15px;}
.nav .logo img{margin-top: 28px;}
#hot,#about,#faq{ padding: 30px 0; }
#news .newslist .col-sm-4{margin-bottom:10px;}
#faq .nav-tabs li a{font-size: 14px; padding: 5px 11px; margin-top:2px;}
}