/* ==========================================================================
   鍏叡鏍峰紡
 ============================================================================ */
 body{overflow-x: hidden;}
.wp{margin: 0 15px;}


.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 99;background: rgba(0,0,0,.9);padding: 6px 5%;}
.header .hd-logo{display: block;height: 36px;line-height: 36px;}
.header .hd-logo img{vertical-align: middle;height: 16px;}
.header .search-btn{display: block;width: 24px;height: 24px;background: url(../images/search.png) no-repeat center center;background-size: contain;margin: 6px 0;}
.header .lang{margin: 6px 10px;height: 24px;}
.header .lang a{float: left;width: 24px;height: 24px;border-radius: 100%;text-align: center;line-height: 24px;color: #fff;margin: 0 3px;}
.header .lang a.on{background: #d0000e;}
.header .menu-btn{display: block;width: 24px;height: 24px;background: url(../images/menu.png) no-repeat center center;background-size: contain;margin: 6px 0 0 10px;}
.header .hd-nav{display: none;}

.footer{background: #222222;padding: 36px 4% 24px;}
.footer .ft-icon{margin: 16px 0;}
.footer .ft-icon a{display: inline-block;vertical-align: top;height: 30px;margin-right: 18px;}
.footer .ft-icon a img{width: auto;height: 100%;}
.footer .fr-links a{line-height: 16px;display: inline-block;vertical-align: top;color: #fff;}
.footer .fr-links span{display: inline-block;vertical-align: top;width: 1px;height: 16px;background: #fff;margin: 0 10px;}
.footer .copyright{margin-top: 16px;color: #fff;}
.footer .fr-nav{margin-top: 22px;}
.footer .fr-nav dl{margin-bottom: 16px;}
.footer .fr-nav dt{font-size: 18px;margin-bottom: 6px;color: #fff;}
.footer .fr-nav dd{display: inline-block;vertical-align: top;padding: 5px 0;}
.footer .fr-nav dd a{color: #a7a7a7;margin-right: 12px;}
.footer .ft-contact{color: #fff;}
.footer .ft-contact h2{font-size: 24px;margin: 6px 0 16px;font-weight: bold;}
.footer .ft-contact p{color: #a7a7a7;}

.side-menu{position: fixed;width: 70%;height: 100%;top: 0;right: 0;z-index: 99;background: #444;padding: 60px 0 20px;overflow-y: auto;-webkit-overflow-scrolling: touch;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);-moz-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);transition: .4s;}
.side-menu.side-menu-show{-webkit-transform: translateX(0);-ms-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);transition: .4s;}
.side-menu ul li{border-bottom: 1px solid #575757;}
.side-menu ul li h3{border-left: 2px solid #222;display: flex;justify-content: space-between;}
.side-menu ul li h3 i{display: flex;flex-shrink: 0;width: 50px;height: 50px;padding: 18px;}
.side-menu ul li h3 i::before{display: block;content: '';width: 100%;height: 100%;background: url(../images/arrow3.png) no-repeat center center;background-size: contain;transition: .4s;}
.side-menu ul li h3.on i::before{transition: .4s;transform: rotate(180deg);}
.side-menu ul li h3.on{border-color: #d0000e;}
.side-menu ul li h3 a{display: block;line-height: 50px;padding: 0 20px;color: #b5b5b5;font-size: 15px;width: 100%;}
.side-menu ul li .drop{background: #333;padding: 5px 0;display: none;}
.side-menu ul li .drop a{display: block;line-height: 40px;color: #a7a7a7;padding: 0 30px;font-size: 12px;}
.side-menu .side-menu-close{position: absolute;top: 10px;right: 10px;width: 30px;height: 30px;background: url(../images/close.png) no-repeat center center;background-size: 20px 20px;}

@media screen and (min-width: 768px) {
    .wp{width: 720px;margin: 0 auto;}
    .header{padding: 12px 5%;}
}

@media screen and (min-width: 992px) {
    .wp{width: 920px;margin: 0 auto;}
    .header{padding: 12px 5%;}

    .footer .ft-box{float: left;width: 232px;}
    .footer .fr-nav{float: left;margin: 0 0 0 36px;}
    .footer .fr-nav dl{float: left;margin-right: 20px;}
    .footer .fr-nav dd{display: block;}
    .footer .ft-contact{float: right;width: 240px;}
}

@media screen and (min-width: 1200px) {
    .wp{width: 1120px;}
    .header{padding: 0 5%;}
    .header .menu-btn{display: none;}
    .header .hd-nav{display: block;height: 72px;}
    .header .hd-nav li{float: left;margin: 0 24px;position: relative;}
    .header .hd-nav h3 a{display: block;line-height: 72px;color: #fff;position: relative;}
    .header .hd-nav h3 a::after{display: block;content: '';width: 0;height: 1px;background: #d0000e;position: absolute;left: 0;bottom: 12px;transition: .4s;}
    .header .hd-nav li:hover h3 a::after{width: 100%;transition: .4s;}
    .header .hd-nav .drop{position: absolute;width: 4000px;top: 100%;left: 50%;margin-left: -2000px;text-align: center;display: none;background: rgba(0,0,0,.75);}
    .header .hd-nav .drop a{display: inline-block;vertical-align: top;line-height: 48px;color: #fff;padding: 0 15px;}
    .header .hd-nav .drop a:hover{background: #d0000e;transition: .4s;}
    .header .hd-logo{height: 72px;line-height: 72px;}
    .header .hd-logo img{height: 24px;}
    .header .search-btn{width: 32px;height: 32px;margin: 20px 0;}
    .header .lang{margin: 24px 40px 0 20px;}

    .footer{padding: 48px 0 24px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
    .footer .fr-nav{margin: 0;width: auto;}
    .footer .fr-nav dl{float: left;margin-right: 40px;}
    .footer .ft-contact{width: auto;}
}

@media screen and (min-width: 1600px) {
    .wp{width: 1280px;}
    .header .menu-btn{display: none;}
    .header .hd-nav{display: block;height: 88px;}
    .header .hd-nav li{float: left;margin: 0 30px;position: relative;}
    .header .hd-nav h3 a{line-height: 88px;font-size: 16px;}
    .header .hd-nav h3 a::after{bottom: 20px;}
    .header .hd-nav .drop a{line-height: 54px;padding: 0 18px;margin: 0 8px;font-size: 16px;}
    .header .hd-nav .drop a:hover{background: #d0000e;transition: .4s;}
    .header .hd-logo{height: 88px;line-height: 88px;}
    .header .search-btn{margin: 28px 0;}
    .header .lang{margin: 32px 60px 0 44px;}

    .footer{padding: 60px 0 24px;}
    .footer .fr-nav dl{float: left;margin-right: 72px;}
}

/* ==========================================================================
   棣栭〉鏍峰紡
 ============================================================================ */
.banner1{position: relative;}
.banner1 .img{height: 300px;overflow: hidden;justify-content: center;align-items: center;}
.banner1 .img img{width: auto;height: 100%;}
.banner1 .text{position: absolute;left: 15px;bottom: 10%;background: rgba(0,0,0,.6);color: #fff;padding: 15px 24px;}
.banner1 .text h5{font-size: 12px;line-height: 1.2;}
.banner1 .text h1{font-size: 24px;font-family: "瀹嬩綋";}
.banner1 .text h2{font-size: 20px;}
.banner1 .text h3{font-size: 16px;font-family: "瀹嬩綋";}
.banner1 .text h4{line-height: 1.2;}

.main-sec{padding: 40px 0;}
.main-sec h2{font-size: 20px;font-family: "瀹嬩綋";font-weight: bold;}
.main-sec h2 span{color: #cb7d49;}
.main-sec h4{font-size: 16px;line-height: 1.2;color: #666;margin: 8px 0 16px;}
.main-sec p{line-height: 22px;color: #999;}
.main-sec .font-16{font-size: 16px;color: #cb7d49;}

.main-sec1 .item-box{margin-bottom: 18px;}
.main-sec1 .img img{width: 100%;}

.main-sec2{background: url(../images/index-bg1.jpg) no-repeat center center;background-size: cover;}
.main-sec2 .img{margin-top: 20px;}
.main-sec2 .img img{width: 100%;}

.main-sec3{background: url(../images/index-bg2.jpg) no-repeat right bottom;background-size: 150% auto;}
.main-sec3 .text{padding-bottom: 53%;}

.main-sec4 .img img{width: 100%;}
.main-sec4 .sec-box .img{margin-top: 18px;}
.main-sec4 ul{padding-top: 10px;}
.main-sec4 ul li{margin-top: 16px;}
.main-sec4 ul li a{display: block;}
.main-sec4 ul li .text{padding: 18px 15px;background: #cb7d49;}
.main-sec4 ul li .text h3{font-size: 20px;color: #e9e9e9;}
.main-sec4 ul li .text h4{color: #e9e9e9;}
.main-sec4 ul li .text p{color: #e9e9e9;}

.main-sec5{padding-top: 10px;}
.main-sec5 .img img{width: 100%;}
.main-sec5 .sec-left .img{margin: 18px 0;}
.main-sec5 .sec-right .img{display: flex;justify-content: center;align-items: center;height: 220px;overflow: hidden;}

.main-sec6 .img{margin-top: 18px;}
.main-sec6 .img img{width: 100%;}

.main-sec7 .img{margin-top: 18px;}
.main-sec7 .img img{width: 100%;}

.read-more{position: relative;}
.read-more .img{display: flex;justify-content: center;overflow: hidden;}
.read-more .img img{width: 180%;}
.read-more .more-btn{display: block;width: 120px;line-height: 28px;border: 1px solid #fff;border-radius: 15px;text-align: center;color: #fff;position: absolute;top: 60%;left: 4%;}

@media screen and (min-width: 768px) {
    .banner1{position: relative;}
    .banner1 .img{display: block;height: auto;}
    .banner1 .img img{width: 100%;height: auto;}
    .banner1 .text{left: 19.5%;bottom: 12%;padding: 30px 28px;}
    .banner1 .text h1{font-size: 30px;}
    .banner1 .text h2{font-size: 28px;}
    .banner1 .text h3{font-size: 20px;}

    .main-sec{padding: 48px 0;}
    .main-sec h2{font-size: 24px;}
    .main-sec h4{margin: 10px 0 18px;}

    .main-sec1 .sec-left{float: left;width: 382px;}
    .main-sec1 .sec-right{float: right;width: 326px;}
    .main-sec1 .item-box{margin-bottom: 12px;}

    .main-sec2 .text{float: left;width: 50%;}
    .main-sec2 .img{margin-top: 30px;float: right;width: 46%;}

    .main-sec3{background-size: 100% auto;}
    .main-sec3 .text{padding-bottom: 20px;}

    .main-sec4 .sec-box .img{float: left;width: 400px;margin-bottom: 0;}
    .main-sec4 .sec-box .text{float: right;width: 300px;padding-top: 38px;}
    .main-sec4 ul{padding-top: 12px;margin: 0 -6px;}
    .main-sec4 ul li{margin-top: 0;float: left;width: 244px;padding: 0 6px;}
    .main-sec4 ul li a{display: block;}
    .main-sec4 ul li .text{min-height: 240px}

    .main-sec5{padding-top: 10px;}
    .main-sec5 .sec-left{float: left;width: 326px;}
    .main-sec5 .sec-left .img{margin: 18px 0 0;}
    .main-sec5 .sec-right{float: right;width: 382px;}
    .main-sec5 .sec-right .img{display: block;height: auto;}

    .main-sec6 .wp{position: relative;}
    .main-sec6 .text{float: right;width: 44%;}
    .main-sec6 .img{margin-top: 0;position: absolute;width: 50%;left: 0;top: 50px;}

    .main-sec7 .sec-top .text{float: left;width: 320px;}
    .main-sec7 .sec-top .img{float: right;width: 380px;}
    .main-sec7 .sec-bottom{width: 700px;}
    .main-sec7 .sec-bottom .img1{float: left;}
    .main-sec7 .sec-bottom .img2{float: right;}
    .main-sec7 .sec-bottom .img img{height: 224px;width: auto;}

    .read-more .more-btn{width: 160px;line-height: 34px;border-radius: 18px;top: 56%;left: 10%;}
}

@media screen and (min-width: 992px) {

    .main-sec{padding: 64px 0;}
    .main-sec h2{font-size: 28px;}
    .main-sec h4{margin: 12px 0 22px;}

    .main-sec1 .sec-left{float: left;width: 490px;}
    .main-sec1 .sec-right{float: right;width: 416px;}
    .main-sec1 .sec-right .text{float: right;height: 338px;}
    .main-sec1 .item-box{margin-bottom: 14px;}

    .main-sec2 .text{float: left;width: 44%;}
    .main-sec2 .img{margin-top: 0;float: right;width: 52%;}

    .main-sec4 .sec-box .img{width: 540px;margin: 0;}
    .main-sec4 .sec-box .text{width:auto;padding-top: 38px;margin-right: 20px;}
    .main-sec4 ul{padding-top: 14px;margin: 0 -7px;}
    .main-sec4 ul li{float: left;width: 33.33%;padding: 0 7px;}
    .main-sec4 ul li .text{min-height: 220px}

    .main-sec5{padding-top: 10px;}
    .main-sec5 .sec-left{float: left;width: 416px;}
    .main-sec5 .sec-left .img{margin: 0;}
    .main-sec5 .sec-left .text{height: 363px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .main-sec5 .sec-right{float: right;width: 490px;}

    .main-sec6 .wp{position: relative;}
    .main-sec6 .text{float: right;width: 410px;}
    .main-sec6 .img{top: 0;}

    .main-sec7 .sec-top .text{float: left;width: 400px;}
    .main-sec7 .sec-top .img{float: right;width: 520px;}
    .main-sec7 .sec-bottom{width: 930px;}
    .main-sec7 .sec-bottom .img img{height: 300px;}

    .read-more .img{display: block;}
    .read-more .img img{width: 100%;}
    .read-more .more-btn{left: 20%;}
}

@media screen and (min-width: 1200px) {
    .banner1 .text h1{font-size: 30px;margin-top: 14px;}

    .main-sec{padding: 72px 0;}

    .main-sec1 .sec-left{float: left;width: 596px;}
    .main-sec1 .sec-right{float: right;width: 506px;}
    .main-sec1 .sec-right .text{float: right;height: 410px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .main-sec1 .item-box{margin-bottom: 18px;}

    .main-sec2{padding: 0;}
    .main-sec2 .text{float: left;width: 440px;height: 428px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .main-sec2 .img{width: 640px;}

    .main-sec3{margin-top: 50px;}
    .main-sec3 .text{padding-bottom: 0;}

    .main-sec4 .sec-box .img{width: 710px;}
    .main-sec4 .sec-box .text{padding-top: 0;height: 434px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .main-sec4 ul{padding-top: 16px;margin: 0 -8px;}
    .main-sec4 ul li{padding: 0 8px;}
    .main-sec4 ul li .text{min-height: 200px;padding: 18px 24px;}

    .main-sec5{padding-top: 10px;}
    .main-sec5 .sec-left{float: left;width: 506px;}
    .main-sec5 .sec-left .img{margin: 0;}
    .main-sec5 .sec-left .text{height: 442px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .main-sec5 .sec-right{float: right;width: 596px;}

    .main-sec6{margin-top: 100px;}
    .main-sec6 .wp{position: relative;}
    .main-sec6 .text{float: right;width: 400px;}
    .main-sec6 .img{top: -128px;width: 640px;}

    .main-sec7 .sec-top .text{float: left;width: 350px;height: 532px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .main-sec7 .sec-top .img{float: right;width: 770px;}
    .main-sec7 .sec-top .img img{width: 972px;}
    .main-sec7 .sec-bottom{width: 930px;margin-top: 8px;}
    .main-sec7 .sec-bottom .img img{height: 300px;}

    .read-more .img{display: block;}
    .read-more .img img{width: 100%;}
    .read-more .more-btn{left: 25%;width: 200px;line-height: 42px;border-radius: 22px;}
    .read-more .more-btn:hover{background: #d00217;color: #fff;border-color: #d00217;transition: .4s;}
}

@media screen and (min-width: 1600px) {
    .banner1 .text{padding: 40px 44px;}
    .banner1 .text h1{font-size: 36px;}
    .banner1 .text h2{font-size: 32px;}
    .banner1 .text h3{font-size: 24px;}

    .main-sec{padding: 80px 0;}

    .main-sec1 .sec-left{float: left;width: 682px;}
    .main-sec1 .sec-right{float: right;width: 578px;}
    .main-sec1 .sec-right .text{padding-right: 100px;height: 470px;}
    .main-sec1 .item-box{margin-bottom: 20px;}

    .main-sec2{padding: 0;}
    .main-sec2 .text{height: 524px;}
    .main-sec2 .img{width: 782px;}

    .main-sec4 .sec-box .img{width: 812px;}
    .main-sec4 .sec-box .text{height: 496px;padding-right: 40px;}

    .main-sec5 .sec-left{float: left;width: 578px;}
    .main-sec5 .sec-left .text{height: 506px;padding-left: 60px;}
    .main-sec5 .sec-right{float: right;width: 682px;}

    .main-sec6 .img{top: -140px;width: 762px;}

    .main-sec7 .sec-top .text{float: left;width: 350px;height: 532px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .main-sec7 .sec-top .img{float: right;width: 880px;}
    .main-sec7 .sec-top .img img{width: 1112px;}

}