@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>img{margin-top:6px;}
.nav a span{margin-left:6px;}
.nav b{font-size:21px;}
.nav a{line-height:44px !important; color:#333 !important; font-weight: bold; font-size: 15px;}
.nav a:hover{color:rgb(214, 8, 8) !important; background: none !important;}
.active a{color:rgb(214, 8, 8) !important; background: none !important;}
.en a{font-weight:bold;}
.en a:hover{background:none !important; color:#ccc !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:170px; padding:0; margin:0; border-top:rgb(214, 8, 8) 1px solid; border-bottom:rgb(214, 8, 8) 1px solid;}
.dropdown-content1 li{list-style:none; height:40px !important;}
.dropdown-content1 li a{font-size:14px; line-height:40px !important; display:block; font-weight: normal; text-align:left; color:#333 !important; padding-left:10px; padding-right:12px; background:ccc; height:40px; overflow: hidden;}
.dropdown-content1 li a:hover{text-decoration:none;}
.dropdown-content1 li a span{font-size:8px; margin-right: 5px;}
.dropdown:hover .dropdown-content1{display: block;}
.carousel{margin-top:74px;}

.w-service-fixed{position:fixed; bottom:50%; right:0; margin-bottom:-160px; z-index:2000; font-size:14px;}
.bg_s_default{background:rgb(214, 8, 8);}
.color_s_default{color:#333;}
.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:rgb(214, 8, 8);}
.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(../images/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; 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;}
/* 以上 */
.p-1{margin-top:30px;}
.p-2{margin-bottom:30px;}
.p-3{margin-top:50px;}
.p-4{margin-top:20px;}
.p-5{margin-bottom:70px;}

.index-about{margin:50px auto;}
.index-about h1{text-align: center; font-size:28px; font-weight: bold;}
.index-about h1 span{margin-right:8px; font-size:20px;}
.index-content{overflow: hidden; min-height:180px;}
.more{margin-top:40px;}
.more a{padding: 10px 80px; border:#ccc 1px solid; border-radius: 5px; color:#444;}
.more a:hover{border:rgb(214, 8, 8) 1px solid; background:rgb(214, 8, 8); color:#fff;}

.more1{margin-top:60px; text-align: center; padding-bottom: 60px;}
.more1 a{padding: 10px 100px; border:#666 1px solid; background: #fff; border-radius: 5px; color:#444;}
.more1 a:hover{border:rgb(214, 8, 8) 1px solid; background:rgb(214, 8, 8); color:#fff;}

.more2{margin-top:60px; text-align: center; padding-bottom: 60px;}
.more2 a{padding: 10px 100px; border:rgba(255, 255, 255, 0.685) 1px solid; background: rgba(255, 255, 255, 0.685); border-radius: 5px; color:#000;}
.more2 a:hover{border:rgb(214, 8, 8) 1px solid; background:rgb(214, 8, 8); color:#fff;}

.more3{margin-top:50px; text-align: center;}
.more3 a{padding: 10px 100px; border:#ccc 1px solid; border-radius: 5px;}
.more3 a:hover{border:rgb(214, 8, 8) 1px solid; background:rgb(214, 8, 8); color:#fff;}

.index-product{background:url(../images/index-product.jpg) repeat center top; width:100%;}
.index-product h1{text-align: center; font-size:28px; font-weight: bold; padding-top:50px;}
.index-product h1 span{margin-right:8px; font-size:20px;}

.img-border{border-top:#ccc 1px solid; border-left:#ccc 1px solid; border-right:#ccc 1px solid;}
.img-name{border:#ccc 1px solid; background: #fff; height:40px;}
.img-name p{text-align: center; line-height:40px;}
.img-name:hover{border: rgb(214, 8, 8) 1px solid; background:rgb(214, 8, 8); color:#fff;}

.img-name1{border:#ccc 1px solid;}
.img-name1 h2{text-align: center; font-size:15px; height:18px; overflow: hidden; padding-left:20px; padding-right:20px; margin-top: 10px;}
.img-name1 h2 a{color:rgb(214, 8, 8); font-weight: bold;font-size:15px;}
.img-name1 h2 a:hover{color:#111;}
.img-name1 h3{font-size:14px; line-height:22px; color:#888; padding-left:20px; padding-right:20px; text-align: justify; margin-top: 8px; height:65px; overflow: hidden; margin-bottom: 10px;}

.index-sl{background:url(../images/index-sl.jpg) repeat center top;}
.index-sl h1{text-align: center; font-size:28px; font-weight: bold; padding-top:50px; color:#fff;}
.index-sl h1 span{margin-right:8px; font-size:20px;}
.index-sl-bg{background: rgba(255, 255, 255, 0.74); border-radius:5px; padding-top:50px; padding-bottom:50px;}
.index-sl-bg:hover{background: #fff;}
.index-sl h2{text-align: center; color:rgb(214, 8, 8);}
.index-sl h3{text-align: center; font-size:28px; color:#333; font-weight: bold; margin-top:15px;}
.index-sl h4{text-align: center; font-size: 15px; color:#333; margin-top:15px;}

.index-news{margin:50px auto;}
.index-news h1{text-align: center; font-size:28px; font-weight: bold;}
.index-news h1 span{margin-right:8px; font-size:20px;}

.footer{background:url(../images/footer.jpg) repeat center top; margin-top:40px;}
.footer h1{text-align: center; font-size:28px; font-weight: bold; padding-top:50px; color:#fff;}
.footer h1 span{margin-right:8px; font-size:20px;}
.footer h2{color:#fff; line-height:28px; font-size: 14px;}
.footer h2 a{color:#fff;}
.footer h2 a:hover{color:rgb(214, 8, 8);}
.f-ewm{margin-top:15px;}
.submit{background:rgb(214, 8, 8); border:rgb(214, 8, 8) 1px solid; padding:8px 40px; color:#fff; border-radius: 5px;}
.submit:hover{background:rgb(235, 96, 96); border:rgb(235, 96, 96) 1px solid;}
.submit1{background:rgb(173, 173, 173); border:rgb(173, 173, 173) 1px solid; padding:10px; border-radius: 5px; width: 100%; color: #fff;}
.submit1:hover{background:rgb(214, 8, 8); border:rgb(214, 8, 8) 1px solid;}

.fot{margin-top:40px;;}
.fot p{text-align: center; color:#eee; line-height: 24px; padding-top:20px; padding-bottom: 20px;}
.fot p a{color:#eee;}
.fot p a:hover{color:rgb(214, 8, 8);}
/* 内页 */
.bn1{background:url(../images/bn1.jpg) repeat center top; width: 100%; height: 450px;}
.bn2{background:url(../images/bn1.jpg) repeat center top; width: 100%; height: 400px;}
.inner-main{background: #fff; margin-top:-100px;box-shadow: #bbb 0px 0px 20px; border-radius:3px;}
.inner-main h1{text-align: center; font-size:26px; font-weight: bold; padding-top:45px;}
.inner-main h1 span{font-size: 20px; margin-right: 8px;color:rgb(214, 8, 8);}
.line{border-top:#ddd 3px dotted; margin: 20px auto;}

.p-content{line-height:28px; font-size: 15px; text-align: justify;padding-top:20px; min-height:200px;} /* 常用 */
.p-content p{ margin-bottom:20px;} 
.p-content img{max-width: 100% !important; display: block !important; margin-top:20px;} /* 常用 */
.p-em{text-indent:0px;} /* 常用 */
.p-bk{padding-left:25px; padding-right:25px; padding-bottom:45px;}
.p-bk h4{ text-align:center; padding:10px 0px;}
.culture{}
.culture h3{font-size: 24px;}
.culture h4{font-size:14px; margin:10px auto;}

.inner-news{padding:30px 0px;}
.inner-news h1{font-size:24px; font-weight: bold; text-align: center;}
.inner-news h1 span{margin-right:10px; font-size:19px;}
.inner-news h2{font-size:20px;}
.inner-news h2 span{margin-right:8px; font-size:16px;}
.inner-news h3{font-size:14px; margin-top:10px; line-height:26px; color:#999; overflow: hidden;text-indent: 2em; padding-right:30px;}
.inner-news h4{font-size:26px; font-weight: bold; text-align: center;}
.inner-news h5{font-size:12px; text-align: center; color:#777; margin:15px auto;}

.pagination{margin-top:30px !important; padding-bottom:60px !important;}
.inner-page{margin-top:80px; margin-bottom:40px; text-align: center;}
.inner-page a{border:#ddd 2px solid; background: #fff; border-radius: 20px; padding:10px 40px; margin-left:10px; margin-right:10px;}
.inner-page a:hover{border:rgb(214, 8, 8) 2px solid; background: rgb(214, 8, 8); color:#fff;}

.inner-product{margin-top:40px;}
.inner-product h1{font-size:24px; font-weight: bold; text-align: center;}
.inner-product h1 span{margin-right:10px; font-size:19px;color:rgb(214, 8, 8);}
.inner-product h2{font-size:18px; font-weight: bold;}
.inner-product h2 span{font-size:12px; margin-right:5px;}

.lefter{}
.lefter ul{width: 100%;}
.lefter ul li{width: 100%; height:44px; background: #f5f5f5; margin-bottom: 1px;}
.lefter ul li a{display: block; font-size: 15px; line-height:44px; padding-left:10px;}
.lefter ul li a:hover{color:#fff; background:rgb(214, 8, 8);}
.lefter ul li a span{font-size:10px; margin-right:5px;}

.l-active{background:rgb(214, 8, 8) !important;}
.l-active a{color:#fff !important;}

.inner-productshow{margin-top:40px;}
.inner-productshow h3{font-size:24px; font-weight: bold; text-align: center;}
.inner-productshow h3 span{margin-right:10px; font-size:19px;color:rgb(214, 8, 8);}
.inner-productshow h1{font-size:24px; font-weight: bold;}
.inner-productshow h2{font-size:14px; color:#fff; height:30px; line-height:30px; padding-left:15px; margin:10px auto;
    background: -webkit-linear-gradient(left, #979797, #e4e4e4);
    background: -o-linear-gradient(right, #979797, #e4e4e4);
    background: -moz-linear-gradient(right, #979797, #e4e4e4);
    background: linear-gradient(to right, #979797, #e4e4e4);
}
.inner-productshow h2 span{margin-left: 8px;}

.inner-productshow h4{font-size:18px; font-weight: bold; border-bottom: #ccc 1px dotted; padding-bottom: 15px;}
.inner-productshow h4 span{font-size:12px; margin-right:5px;}
.x_fenlei_all{ background-color:#f7f7f7; width:97%; margin:0px auto 2% auto; border:0px solid #ddd; text-align:center; overflow:hidden;}
.x_fenlei{ margin:0px 0px 0px 0px; padding:10px 0px; text-align:center; border-bottom:1px solid #fff;}
.text_center { text-align: center;}
.x_page a,.x_page span {
        display: inline-block;
        font-size: 15px;
        color:#7f8d99;
        width:38px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        margin:30px 4px 10px auto;
        background: #ecf1f5;
        border-radius: 6px;
        -moz-border-radius: 6px
        -webkit-border-radius:  6px;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .x_page a:hover,.x_page span.current {
        background: #0064b2;
        color:#fff;
    }