@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,ol,ul,li{margin:0; padding: 0;}
ol,ul,li{list-style:none;}
a{color:#333;}
a:hover{text-decoration:none;}

.navbar{background:#fff; border:none;}
.navbar-brand{margin-top:12px;}
.nav a span{margin-left:6px;}
.nav a{line-height: 44px !important; color:#444 !important; font-size:14px !important;}
.nav a:hover{color:#fff !important; background:#faac10 !important;}
.active a{line-height: 44px !important; color:#fff !important; background:#faac10 !important;}
.active1{background:#faac10;}
.active1 a{line-height:44px !important;color:#fff !important;}
.active1 a:hover{line-height:44px !important; background: #faac10 !important;}
.en a:hover{background: none !important; color:#faac10 !important;}
.dropdown{position: relative; display: inline-block;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown-content{display: none; position: absolute;}
.dropdown-content1 {display: none; position: absolute; background:#fff; width:155px; padding:0; margin: 0; border-bottom: #ccc 1px solid;}
.dropdown-content1 li{list-style: none; height:44px !important;}
.dropdown-content1 li a{font-size:14px; line-height:44px !important; display: block; text-align:left; color:#333 !important; padding-left:18px;}
.dropdown-content1 li a:hover{text-decoration: none; color:#fff; background:#faac10 !important;}
.dropdown:hover .dropdown-content1 {display: block;}
.carousel{margin-top:0;}

.w-service-fixed{position:fixed; bottom:50%; right: 0; margin-bottom:-160px; z-index:2000; font-size:14px;}
.bg_s_default{ background:#faac10;}
.color_s_default{color:#363636;}
.w-service-fixed .service-item{width:60px; height:60px; line-height:60px; margin-bottom:2px; position:relative; text-align:center;}
.w-service-fixed .service-item .service-popc{ position:absolute; right:60px; top:0; width:0; overflow:hidden; text-align:left; color:#fff; background:#faac10;}
.w-service-fixed .service-item .service-popc a{ color:#fff; text-decoration:none; display:block;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;}
.w-service-fixed .service-item:hover .service-popc{ width:180px;transition: width 0.2s;-moz-transition: width 0.2s;-webkit-transition: width 0.2s; -o-transition: width 0.2s; }
.w-service-fixed .service-item .service-popc a:hover{ opacity:0.75; *filter:alpha(opacity=75); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);;}
.w-service-fixed .service-item .service-popc .service-popc-in{padding:18px 1px 17px;; line-height:1.5;}
.w-service-fixed .service-item-qrCode .service-popc{ top:auto; bottom:0;}
.w-service-fixed .service-item-qrCode .qrCodeImg img{ max-width:100%;}
.w-service-fixed .icon_service{ display:inline-block; *display:inline; *zoom:1; width:35px; height:35px; background:url(../img/icon_service.png) no-repeat; vertical-align:middle;}
.w-service-fixed .icon_service_qq{ background-position:0 0;} 
.w-service-fixed .icon_service_tel{ background-position:0 -35px;}
.w-service-fixed .icon_service_msn{ background-position:0 -70px;}
.w-service-fixed .icon_service_qrCode{ background-position:0 -105px;}
.w-service-fixed .icon_service_whatsApp{ background-position:0 -140px;}
.w-service-fixed .icon_service_skype{ background-position:0 -175px;}
.w-service-fixed .icon_service_wangWang{ background-position:0 -210px;}
.w-service-fixed .icon_service_email{background-position:0 -245px;}
.w-service-fixed .service-item-top{ cursor:pointer; display:none;}
.w-service-fixed .service-item-top .fa-caret-up{ position:absolute; top:-10px; left:18px; font-size:16px; }
.w-service-fixed .service-item-top .top{ color:#fff; font-size:15px;}
.w-service-fixed .ic_s{ display:inline-block; *display:inline; *zoom:1; width:8px; height:25px; background:url(../images/ic_s.png) no-repeat; vertical-align:middle; margin-right:5px;}
.w-service-fixed .ic_s_qq{ background-position:0 0;} 
.w-service-fixed .ic_s_tel{ background-position:0 -25px;} 
.w-service-fixed .ic_s_msn{ background-position:0 -50px;} 
.w-service-fixed .ic_s_whatsApp{ background-position:0 -100px;}
.w-service-fixed .ic_s_skype{ background-position:0 -125px;}
.w-service-fixed .ic_s_wangWang{ background-position:0 -150px;}
.w-service-fixed .ic_s_email{ background-position:0 -175px;}
.w-img{margin-left:15px;}
.w-s{font-size:20px; margin-top:18px;}

.img-box{overflow:hidden;}
.img-click{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.img-click:hover{-webkit-transform:scale(1);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.img-color{display: block;}
.img-color:hover{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;}




/* 以上 */
.index-product{width: 100%;background: #f5f5f5;padding: 50px 0;}
.index-product h1{text-align: center; font-size:28px; margin-top:50px;}
.index-product h1 span{margin-right:10px; font-size:20px; color:#faac10;}
.index-product h2{text-align: center; font-size:16px;line-height:40px;}
.img-1{width:50%; float: left;margin-top:40px;padding: 10px 10px 10px 20px;}
.img-2{width:50%; float: left;margin-top:40px;padding: 10px 20px 10px 10px;}
.img-3{width:100%; float: right;padding: 0 10px;}
.img-3-1{width:25%; float: left;padding: 10px 10px;}
.img-3-2{width:25%; float: right;padding: 10px 10px;}
.img-3-3{width:25%; float: left;padding: 10px 10px;}
.img-3-4{width:25%; float: right;padding: 10px 10px;}

.i-p-list{margin-top:40px;border-bottom: 1px solid #ccc;}
.i-p-list p{text-align: center; font-size: 15px;}
.i-p-list p a{ font-size:15px;  padding:15px 20px;display: inline-block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.i-p-list p a:hover{background: #faac10; color: #fff; }

.main{width:100%;}
.main .view{width:100%; overflow:hidden; position:relative; float:left;}
.main .hover{width:100%; height:auto; background:rgba(0, 0, 0, 0.452); position:absolute; bottom:0; left:0; text-align:center; color:#fff; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; overflow:hidden; height:0; z-index:4000;}
.main .hover h3{color:#fff; border-bottom:1px solid rgba(255, 255, 255, 0.685); margin-top:30px; padding-bottom:10px;display: inline-block;}
.main .hover p{line-height:40px;}
.main .view:hover .hover{height:120px;transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);}

.index-about{width: 100%; background:url(../img/bg.png) repeat center top; margin-top: 10px;}
.index-about h1{font-size:28px;}
.index-about h1 span{margin-right:10px; font-size:20px;}
.index-about h2{font-size:16px;line-height:40px;}
.index-about p{line-height: 28px; border-top:#444 1px solid; padding-top:10px; margin-top:5px; text-indent: 2em; overflow: hidden;}
.more{margin:30px auto;}
.more a{padding: 10px 40px; background:#111; color:#fff;}
.more a:hover{background:#fff; color: #333;}
.more1{margin:50px auto 0;}
.more1 a{padding: 12px 35px; border:#111 1px solid;}
.more1 a:hover{background:#faac10; border: #faac10 1px solid; color:#fff;}
.more2{margin:15px auto;}
.more2 a{padding: 8px 15px; background:#faac10; color:#fff; font-size:12px;}
.more2 a:hover{background:#111;}
.p-1{margin-top:50px; margin-bottom: 50px;}
.p-2{margin-top:20px;}

.index-news{padding: 0 20px;}
.index-news h1{text-align: center; font-size:28px; margin-top:50px;}
.index-news h1 span{margin-right:10px; font-size:20px; color:#faac10;}
.index-news h2{text-align: center; font-size:16px;line-height:40px;}
.img-nr{border:#ccc 1px solid;padding:14px;}
.img-nr span{font-size: 14px;color: #ccc;display: flex;flex-flow: row wrap;align-items: center;margin-bottom: 10px;}
.img-nr span i{font-size: 12px;padding-right: 5px;}
.img-nr h3{font-size:16px; height:19px; overflow: hidden;}
.img-nr h3 span{margin-right: 5px;}
.img-nr h3 a{color:#333;}
.img-nr h3 a:hover{color: #faac10;}
.img-nr h4{line-height:24px; font-size: 13px; margin-top:8px; color:#888; height:90px; overflow: hidden;}

.foot{width:100%; margin-top:50px; background:#27231d;}
.foot h1{margin:0; margin-top: 5px;}
.foot h1 a{font-size: 14px; background: #ffb217d2; color: #fff; padding:8px 47px; display: inline-block;}
.foot h1 a:hover{background: #fff; color:#faac10; text-decoration: none; background:rgb(255, 255, 255);}
.foot h1 a span{margin-right: 10px;}
.foot h2{margin: 0; color:#fff; font-size: 14px; margin-top:20px;}
.foot h3{margin: 0; color:#fff; font-size:28px; font-weight: lighter; font-family: 'Times New Roman', Times, serif; margin-top:5px;}
.foot h4{margin: 0; color:#fff; font-size: 14px;}
.f-ewm img{margin-top:15px;width: 100px;}
.foot h5{margin: 0; color:#fff; font-size:15px; margin-bottom:5px;}
.foot h5 a{color:#fff; font-weight: bold;}
.foot h5 a:hover{color:#faac10;}
.foot ul{display: inline-block; margin-top: 5px;}
.foot ul li{list-style: none; line-height:28px;}
.foot ul li a{color:#fff;}
.foot ul li a:hover{color:#faac10;}
.f-box{margin-top:40px; margin-bottom:30px;}
.fot{width:100%; background:#db971a;}
.fot a{color:#fff;}
.fot a:hover{color:#000;}
.fot p{margin:0; text-align:center; line-height:60px; color:#fff;}
.fot p span{margin-left:50px;}
.fot p span a{color:#fff;}
.fot p span a:hover{color:#000;}

/* 内页 */
.inner-main{margin-top:50px;}
.inner-main h1{text-align: center; font-size:28px;}
.inner-main h1 span{margin-right:10px; font-size:24px; color:#ffb217d2;}
.inner-main h2{text-align: center; font-size:30px; margin-top:15px; color:#d5d5d5;}
.line{border-top: #d5d5d5 3px dotted; margin: 20px auto;}
.inner-content{line-height:26px; font-size: 15px; color: #444;}
.inner-content img{max-width: 100% !important; display: block !important; margin-top: 5px;}
.i-c{text-indent: 2em;}
.submit{padding:10px 25px; border:#faac10 1px solid; background: #faac10; border-radius: 6px; color:#fff;}
.submit:hover{border:#111 1px solid; background: #fff; color:#333;}

.bn-product{width:100%; height:360px; background: url(../img/bn-product.jpg) repeat center top; margin-top:0;}
.inner-product{margin-top:50px;}
.inner-product h1{text-align: center; font-size:28px;}
.inner-product h1 span{margin-right:10px; font-size:24px; color:#ffb217d2;}
.inner-product h2{font-size:18px;}
.inner-product h2 i{font-size:12px; margin-left:8px; margin-right:8px;}
.inner-product h2 a{font-weight: bold; color:#444;}
.inner-product h2 a:hover{color: #faac10;}
.lefter{margin-top:15px;}
.lefter ul{width: 100%;}
.lefter ul li{width: 100%; height:44px; background: #f0f0f0; margin-bottom: 1px;}
.lefter ul li a{display: block; font-size: 15px; line-height:44px; padding-left:15px;}
.lefter ul li a:hover{background: #faac10; color:#fff;}
.l-active{background: #faac10; color:#fff;}
.lefter ul li a span{font-size:10px; margin-right:5px;}
.pro{margin-top:15px;}
.pro1{margin-bottom:25px;}
.p-bg{background:#fff; border-top:#ccc 1px solid; border-left:#ccc 1px solid; border-right:#ccc 1px solid;}
.pro h3{border-bottom:#ccc 1px solid; border-left:#ccc 1px solid; border-right:#ccc 1px solid; text-align: center; height:35px;}
.pro h3 a{font-size:14px; line-height:35px; color:#333; display: block; width:92.5%; overflow: hidden; padding-left: 10px;}
.pro h3 a:hover{color: #faac10;}
.pagination{margin-top:20px !important;}
.inner-page{text-align: center; margin-top:60px;}
.inner-page a{padding: 12px 30px; border:#111 1px solid; background:#fff; border-radius: 5px; margin-left: 10px; margin-right: 10px;}
.inner-page a:hover{border:#faac10 1px solid; background:#faac10; color:#fff;}
.pro2{margin-top:20px;}
.pro2 h4{font-size: 20px;}
.pro2 h5{font-size:14px; background: #444; color:#fff; height:28px; line-height:28px; padding-left: 15px; margin:10px auto;}

.inner-news{margin-top:50px;}
.inner-news h1{text-align: center; font-size:28px;}
.inner-news h1 span{margin-right:10px; font-size:24px; color:#ffb217d2;}
.inner-news h3{font-size: 12px !important; text-align: center; color:#777; margin: 15px auto;}
.inner-newss h1{font-size:20px; margin-top: 10px;}
.inner-newss h1 span{font-size:20px; margin-right: 6px;}
.inner-newss h2{font-size: 14px; line-height: 24px; margin-top:10px; color:#888;}
.inner-newss a{color:#333;}
.inner-newss a:hover{color: #faac10;}
.map{margin-top:30px;}

.page,.page1{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 10px 10px;
    margin-top: 20px;
    width: 100%;
}
.page span,.page1 span{
    width: 50%;
    color: #000;
    font-size: 14px;
}
.page span:last-of-type,.page1 span:last-of-type{
    text-align: right;
}
.page span>a{
    font-size: 14px;
    color: #000;
    border: solid 1px #ccc;
    padding: 2px 5px;
    border-radius: 5px;
}
.page span>a>select,.page span>a>select:focus{
    border: none;
    background: #f8f8f8;
}
.page-nums{
    display: none;
}
.page1 span>a{
    color: #000;
}
.page-num{
    border: solid 1px #ccc;
    padding: 2px 10px;
    margin: 0 3px;
    border-radius: 5px;
}