body{font-family:"微软雅黑","Microsoft YaHei",sans-serif;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
.container{ width: 1200px; padding: 0;}
.navbar{min-height: 100px; height: 100px; margin-bottom: 0px; padding: 0 25px}
.navbar-brand{ height: auto; padding: 10px 15px }
.navbar-default{ background-color: #fff;border:none; }
.navbar-nav{ margin-top: 25px }
.navbar-default .navbar-nav>li>a{color: #000; font-size: 16px; margin-right: 30px;}
.navbar-default .navbar-nav li:last-child a{margin-right: 45px;}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover{background-color: transparent;  color: #ff5400}

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


.tel-400{border-right:5px #ff5400 solid; padding-right: 10px; margin-top: 20px; padding-left: 50px; background-image: url('../images/tel-bg.png'); background-position: left center; background-repeat: no-repeat;}
.tel-400 .tel-text{ text-align: right; font-size: 14px;color: #3c3c3c }
.tel-400 .tel-number{ font-size: 24px; color: #000; margin-top:-5px;}

.banner{ height: 520px; display: block; position: relative; }
.banner .swiper-container{ height: 100%; position: relative;}
.banner .swiper-wrapper{ height: 100%;}
.banner .swiper-slide{background-size: cover; background-position: center; background-repeat: no-repeat; height: 100%; }
.banner .container{ position: absolute; z-index: 2;margin: auto; left: 0; right: 38px; bottom: 75px;text-align: right;
font-size: 0;}
.banner .container a{ cursor: pointer; background-color: #16130e; width: 40px; height: 40px; display: inline-block; text-align: center; line-height: 40px}
.banner .container a.prev{margin-right:1px}

.product{ background-color: #fff; padding-top: 25px; position: relative; z-index: 2 }
.product .white{ width: 50%; position: absolute; top: -60px; left: 0;  background-color: #fff; height: 325px; display: block; z-index: -1}
.product .yellow{ width: 50%; position: absolute; top: 0px;  right: 0;  background-color: #ffa720; height: 325px; display: block; z-index: -1}
.product .wrap{width: 1280px;margin: 0 auto;background: #fff;margin-top: -70px;}
.product .container{ position: relative;  z-index: 2; background-color: #fff; margin-top: -85px; padding-top: 30px;}
.product .category{ width: 225px; float: left; position: relative; height: 550px; }
.product .category .nav-pills>li>a{border-radius: 0px; font-size: 20px; text-align: center; padding: 25px 0px; color: #000}
.product .category .nav-stacked>li+li{ margin-top: 0px; }
.product .category .nav-pills>li.active>a, 
.product .category .nav-pills>li.active>a:focus, 
.product .category .nav-pills>li.active>a:hover,
.product .category .nav>li>a:focus, 
.product .category .nav>li>a:hover{
    background: #f5411f;
    color: #fff;
}

.product .category .dot{ position: absolute; bottom: 60px; left: 0px; right: 0px; text-align: center; }
.product .category .dot a{ display: inline-block;  width: 10px; height: 10px; background-color: #838383; border-radius: 50%}
.product .category .dot a.active{background-color: #f5411f;}
.product .goods-list{ display: flex; padding-left: 40px; justify-content: space-between; flex-wrap: wrap;}
.product .goods-list .goods{width: 475px; padding: 30px;-webkit-transition-property: background-color;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;}
.product .goods-list .goods .thumbnail{ border:none; background-color: transparent; padding:0px; margin: 0}
.product .goods-list .goods .thumbnail .caption{padding:0;}
.product .goods-list .goods .thumbnail .caption h3{ text-align: center; font-size: 16px; font-weight: bold; }
.product .goods-list .goods .thumbnail .caption p{ margin-bottom: 0px; font-size: 16px; text-align: justify; color: #959595 }

.product .goods-list .goods.active{background-color: #f5411f}
.product .goods-list .goods.active .caption{ color: #fff;}
.product .goods-list .goods.active .caption p{ color: #fff;}

.product .goods-list .goods:hover{background-color: #f5411f}
.product .goods-list .goods:hover .caption{color: #fff}
.product .goods-list .goods:hover .caption p{color: #fff}

.case{ margin-top: 80px; }
.case .block-title{ margin-left: 40px; padding-left: 25px; font-size: 23px; background-image: url('../images/block-title-bg.png');  background-repeat: no-repeat; background-position: left center; }
.case .container{ position: relative; }

.case .page-number{position: absolute; right: 0; bottom: 90px; z-index: 2}
.case .page-number .current{ font-size:  80px; font-weight: bold; }
.case .page-number .total{ font-size:  16px;}

.case .page-arrow{position: absolute; right: 0; bottom: 45px; font-size: 0; z-index: 10}
.case .page-arrow a{ background-color: #16130e; width: 60px; height: 35px; display: inline-block; text-align: center; line-height: 35px; cursor: pointer;}
.case .page-arrow a.next{background: #ffa720}

.case .page-line{position: absolute; right: 440px; bottom: 45px; z-index: 10;}
.case .page-line .item{ width: 10px; background: #b4b4b4; height: 5px; margin-bottom: 10px; display: block; cursor: pointer; }
.case .page-line .item:last-child{ margin-bottom: 0px; }
.case .page-line .current{ width: 30px; background: #ffa720; height: 5px; }

.case .more{ position: absolute; right: 0; top: 0px; text-align: right; color: #000; z-index: 10 }
.case .more .title a{ font-size: 22px; color: #000 }
.case .more .ftitle{ font-size: 17px; }
.case .info{ padding: 35px 0 45px 0px; }
.case .info .titlepic{ width: 685px; height:455px; float: left; }
.case .info .detail{width: 240px; margin-left: 45px; float: left;}
.case .info .detail .title a{ font-size: 24px; color: #333; font-weight: bold; }
.case .info .detail .smalltext{text-align: justify; margin-top: 50px;}
.case .info .detail .smalltext a{font-size: 16px; color: #8b8b8b; text-align: justify;}



.linian-content .wrap{ width: 1410px; margin: 0 auto;background: #fff;margin-top: -70px;}
.linian-content .wrap .container{  }
.linian-content .wrap .container .block-1{ padding: 110px 50px; }

.linian-content .wrap .container .block-1 .company{ width: 620px; text-align: center; margin-top: 30px; }
.linian-content .wrap .container .block-1 .company-slogan{ font-size: 36px; color: #5d5d5d }
.linian-content .wrap .container .block-1 .desc{ font-size: 18px; color: #434343; margin-top: 20px; }
.linian-content .wrap .container .block-1 .slogan-img{ margin-top: 30px; }

.linian-content .wrap .container .block-2{padding: 0 50px; }
.linian-content .wrap .container .block-2 .text{ margin-top: 60px; text-align: center;width: 480px; }
.linian-content .wrap .container .block-2 .title{ font-size: 36px; color: #0a0a0a; }
.linian-content .wrap .container .block-2 .title img{ vertical-align: middle; margin-right: 30px; margin-top: -5px }
.linian-content .wrap .container .block-2 .desc{ width: 440px; text-align: justify; line-height: 35px; font-size: 16px; color: #0a0a0a; margin: 0 auto; margin-top: 40px;}

.linian-content .wrap .container .block-3{ margin-top: 110px; text-align: center; }
.linian-content .wrap .container .block-4{ margin-top: 75px; margin-bottom: 40px;}
.linian-content .wrap .container .block-4 .title{ text-align: center; font-size: 30px; color: #323233; margin-bottom: 35px;}

.data-list .media{padding: 30px 30px 30px 70px; border:1px #f0f0f0 solid; margin-bottom: 15px;    
-moz-box-shadow: 0px 2px 10px rgba(236,236,236,.8);
-webkit-box-shadow: 0px 2px 10px rgb(236 236 236 / 80%);
box-shadow: 0px 2px 10px rgb(236 236 236 / 80%);}
.data-list .media .media-object{  width: 95px; height: 95px; margin-right: 30px; }
.data-list .media .media-heading{ font-size: 24px; color: #4a4a4a }
.data-list .media .media-body p{font-size:16px; color:#7e7e7e; margin-top: 15px;}

.page-banner{ height: 375px; display: block; position: relative;background-size: cover; background-position: center; background-repeat: no-repeat; z-index: -1}
.page-banner .container{ }
.page-banner .container .text{text-align: right; font-size: 71px; color: #fff; font-style: italic;text-shadow: 3px 4px 5px rgba(0,0,0,.5); margin-top: 100px;}


.content .wrap{ width: 1410px; margin: 0 auto;background: #fff;margin-top: -70px;}
.content .wrap .container{ padding-top: 90px; }
.content .wrap .container .category{ width: 270px; position: relative; -moz-box-shadow:0px -2px 30px rgba(0,0,0,.2); -webkit-box-shadow:0px -2px 30px rgba(0,0,0,.2); box-shadow:0px -2px 30px rgba(0,0,0,.2);display: inline-block;float: left;}
.content .wrap .container .category .header{text-align: center; padding: 40px 0; font-size: 22px; color: #323233;background-image: url('../images/content-category-top-bg.png');background-position:  bottom  center;background-repeat: no-repeat;}
.content .wrap .container .category .nav-stacked{ padding-top: 20px; }
.content .wrap .container .category .nav-pills>li>a{border-radius: 0px; font-size: 16px; text-align: center; padding: 25px 0px; color: #000}
.content .wrap .container .category .nav-stacked>li+li{ margin-top: 0px; }
.content .wrap .container .category .nav-pills>li.active>a, 
.content .wrap .container .category .nav-pills>li.active>a:focus, 
.content .wrap .container .category .nav-pills>li.active>a:hover,
.content .wrap .container .category .nav>li>a:focus, 
.content .wrap .container .category .nav>li>a:hover{background: transparent;color: #ff5400;}


.content .wrap .container .detail{ width: 870px; margin-left: 60px; display: inline-block; float: left; }
.content .wrap .container .detail .title{ line-height: 38px; font-size: 22px; color: #000;background-image: url('../images/page-title-line.png'); background-repeat: no-repeat; background-position:  left top 8px; padding-left: 20px; margin-bottom: 50px;}
.content .wrap .container .detail .title .share{  float: right; }
.content .wrap .container .detail .title .share a{ margin-left: 5px }
.content .wrap .container .detail p{ margin-bottom: 0px; }
.content .wrap .container .images-list{margin-top: 40px;}
.content .wrap .container .images-list .item{ width: 270px; margin-right: 30px; -moz-box-shadow:0px -2px 30px rgba(0,0,0,.2); -webkit-box-shadow:0px -2px 30px rgba(0,0,0,.2); box-shadow:0px -2px 30px rgba(0,0,0,.2); float: left; margin-bottom: 30px;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;}
.content .wrap .container .images-list .item:nth-child(3n){margin-right: 0px;}
.content .wrap .container .images-list .item:hover{-webkit-transform: scale(1.04);transform: scale(1.04);}
.content .wrap .container .images-list .item .thumbnail{padding: 15px; border:none; overflow: hidden; border-radius: 0; text-align: center; margin-bottom: 0px;}
.content .wrap .container .images-list .item .thumbnail img{ width: 244px; height: 183px; }
.content .wrap .container .images-list .item .thumbnail .caption{ padding: 0px; }

.content .wrap .container .images-list .item .thumbnail .caption h3{ color: #515151; font-size: 16px; padding: 10px 0;}


.case-content .wrap{ width: 1410px; margin: 0 auto;background: #fff;margin-top: -70px;}
.case-content .wrap .container{ }
.case-content .wrap .container .breadcrumb{background-color: transparent; text-align: center; margin-top: 45px; margin-bottom: 0px;}
.case-content .wrap .container .breadcrumb>li>a{ font-size: 14px; color: #727272; text-decoration: none; }
.case-content .wrap .container .breadcrumb>li+li:before{ content: "·\00a0" }
.case-content .wrap .container .title{ font-size: 24px; color: #000; text-align: center; padding: 40px 0;  margin-bottom: 30px;}
.case-content .wrap .container .newstext {  padding:0 65px; margin-bottom: 20px;}
.case-content .wrap .container .newstext p{ margin-bottom: 0px; font-size: 16px; color: #959595 }



.case-content .wrap .container .category-name{ font-size: 36px; color: #000; text-align: center; padding: 55px 0; }
.case-content .wrap .container .nav-justified{margin-bottom: 75px; padding: 0 15px;}
.case-content .wrap .container .nav-justified>li>a{border: 1px #ccc solid; border-radius: 0px; margin: 0 5px; font-size: 16px; color: #888888}
.case-content .wrap .container .nav-justified>li>a:focus, 
.case-content .wrap .container .nav-justified>li>a:hover{
    background-color: #e83a19;
    border: 1px #e83a19 solid;
    color: #fff;
}
.case-content .wrap .container .nav-justified>li.active>a, 
.case-content .wrap .container .nav-justified>li.active>a:focus, 
.case-content .wrap .container .nav-justified>li.active>a:hover{
    background-color: #e83a19;
    border: 1px #e83a19 solid;
    color: #fff;
}
.case-content .wrap .container .data-list{ }
.case-content .wrap .container .data-list .item{ width: 370px; padding: 0px; float: left; margin-right:45px;  position: relative;}
.case-content .wrap .container .data-list .item:nth-child(3n){margin-right: 0px;}


.case-content .wrap .container .data-list .item img{transition:all 0.5s;}
.case-content .wrap .container .data-list .item:hover img{transform: scale(1.05);}
.case-content .wrap .container .data-list .thumbnail{padding: 0px; border: none;}
.case-content .wrap .container .data-list .thumbnail .titlepic{ position: relative; width: 370px; height: 400px; text-align: center; background-color: #fff; border-radius: 5px; -moz-box-shadow:0px -2px 30px rgba(0,0,0,.2); 
    -webkit-box-shadow:0px -2px 30px rgba(0,0,0,.2); 
    box-shadow:0px -2px 30px rgba(0,0,0,.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
}
.case-content .wrap .container .data-list .thumbnail .titlepic:after {
    content: '';
    cursor: pointer;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));
    background-image: -webkit-linear-gradient(
0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));
    transform: skewx(-25deg);
}
.case-content .wrap .container .data-list .item:hover .thumbnail .titlepic:after {
    left: 100%;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}
.case-content .wrap .container .data-list .thumbnail .caption {padding: 0px;}
.case-content .wrap .container .data-list .thumbnail .caption h3{ text-align: center; font-size: 18px; color: #0a0a0a }
.case-content .wrap .container .data-list .thumbnail .caption p{ font-size: 16px; color: #959595; text-align: justify; }
.case-content .wrap .container .data-list .thumbnail .caption .btn-primary{ width: 95px;  display: block; margin: 20px auto; background-color: #ffa720; border-color:#ffa720;}


.contact{ padding: 45px 0; }
.contact .container{ text-align: center; }
.contact .container h3{ font-size: 24px; color: #000 }
.contact .container .desc{ font-size: 18px; color: #000; letter-spacing: 10px; }
.contact .container .contact-kefu-ico img{ margin-top: 20px; }
.contact .container .btn-primary{ width: 370px; background-color: #e83a19; border-color: #e83a19; margin-top: 20px; }
.contact .container .btn-primary div{ color: #fff }
.contact .container .btn-primary .first{font-size: 19px;}
.contact .container .btn-primary .second{font-size: 33px; margin-top: -5px; font-style: italic}



.contact-form{}
.contact-form .wrap{width: 1410px;margin: 0 auto;background: #fff;margin-top: -70px}
.contact-form .page-title{ text-align: center; font-size: 36px; margin-top: 50px; }
.contact-form .title{ text-align: left; margin-bottom: 30px; font-size: 20px; color: #000; vertical-align: middle; font-weight: bold; }
.contact-form .map{text-align: center;}
.contact-form .form{ padding: 60px 60px; background-color: #fff; }
.contact-form .form .info { padding-bottom: 60px; border-bottom: 1px #ccc solid; margin-bottom: 80px;}
.contact-form .form .info .address { width: 580px; }
.contact-form .form .info .address .item{background-position: left center; background-repeat: no-repeat; padding-left: 35px; font-size: 16px; color: #959595; float: left; margin-bottom: 20px;}
.contact-form .form .info .address .item.address-ico{background-image:url('../images/address-ico.png'); margin-right: 70px;}
.contact-form .form .info .address .item.phone-ico{background-image:url('../images/phone-ico.png');}
.contact-form .form .info .address .item.email-ico{background-image:url('../images/email-ico.png');}

.contact-form .form .info .qrcode{ padding:15px; border: 1px #ccc solid; width: 420px; height: 115px; float: right; margin-top: -55px;}
.contact-form .form .info .qrcode .text{ width: 320px; text-align: center; margin-top: 10px; }
.contact-form .form .info .qrcode .text .f{ margin-bottom: 0px; color: #7a7a7a; font-size: 18px; }
.contact-form .form .info .qrcode .text .s{ margin-bottom: 0px; color: #7a7a7a; font-size: 16px; margin-top: 15px;}

.contact-form .form .info .qrcode img{ float: right; }
.contact-form .form .form-inline{ display: flex; justify-content: space-between; margin-bottom: 30px;}
.contact-form .form .form-inline input{ width: 280px; height: 55px; border: 1px #989898 solid;}

.contact-form .form .form-inline input:focus{outline: 0;}
.contact-form .form .form-inline input::-webkit-input-placeholder { color: #989898; font-size:16px;} 

.contact-form .form textarea{border: 1px #989898 solid;height: 210px; padding: 20px;}
.contact-form .form textarea:focus{outline: 0;}
.contact-form .form textarea::-webkit-input-placeholder { color: #989898; font-size:16px;} 

.contact-form .form button{ margin: 0 auto; display: block; width: 265px; height: 55px; margin-top: 30px; background-color: #ffa720; font-size: 20px; color: #fff; border: none; font-weight: bold;}
.contact-form .form button:hover{ background-color: #ff9125; color: #fff; opacity: .8 }



.footer{background-color: #1f1f24; padding: 115px 0;}
.footer .company{ }
.footer .company .smalltext{ width:270px;color: #878787; font-size: 12px; margin-top: 18px;}
.footer .company .icp{color: #878787; font-size: 12px; margin-top: 15px;}

.footer .address .name{ color: #fff; font-size: 18px; }
.footer .address .slogan{ color: #878787; font-size: 14px; }
.footer .address .info{ margin-top: 60px; }
.footer .address .info .text-label{ font-size: 12px; color: #878787 }
.footer .address .info .text-value{ font-size: 12px; color: #878787 }
.footer .address .copyright{color: #878787; font-size: 12px; margin-top: 48px;}

.footer .subscribe{}
.footer .subscribe .qrcode{ text-align: center; float: right; }
.footer .subscribe .qrcode img{margin-top: 0px}
.footer .subscribe .qrcode .text{ margin-top: 20px; color: #878787; font-size: 12px; }

.fixedform{ height: 135px; background:rgba(0,0,0,.7); position: fixed; bottom: 0px; width: 100%; left: 0px; right: 0px; z-index: 999 }
.fixedform .container{ width: 1320px; }
.fixedform .close-btn{ position: absolute; right: 30px; top: 20px; }
.fixedform .container{ display: flex; }
.fixedform .kefu-ico{ width: 138px; height: 190px; margin-top: -45px;}
.fixedform .kefu-ico img{ width: 138px; height: 190px;}
.fixedform .kefu-tel{ margin-top: 40px; margin-left:65px; border-right: 1px #c49440 dashed; padding-right: 65px; height: 65px; overflow: hidden;}
.fixedform .kefu-tel p{ font-size: 20px; color: #fff; margin-bottom: 0px; font-weight: bold;}
.fixedform .kefu-tel .tel-number{ font-size: 27px; }
.fixedform .form{ padding-top: 30px; padding-left: 65px; }
.fixedform .form .tips{ font-size: 12px; color: #fff; text-align: center; margin-bottom: 10px; }
.fixedform .form .form-group{ margin-right: 5px; }
.fixedform .form input{background:#e5e5e5; border: none; width: 270px; height: 45px; border-radius: 5px; background-position: left 10px center; background-repeat: no-repeat; background-size: 15px; padding-left: 40px; line-height: 33px;}
.fixedform .form input::-webkit-input-placeholder{color: #666;font-size: 18px;}

.fixedform .form input.username{background-image: url('images/username-ico.png')}
.fixedform .form input.mobile{background-image: url('images/mobile-ico.png')}
.fixedform .form .submit-btn{ width:190px; height: 45px; background-color: #ff7200; color: #fff; font-size: 24px; font-weight: bold; display: inline-block; text-align: center;border-radius: 5px;border:none}