/* 鍏敤 */
.chanp_main{ position:relative; width:100%; left:0; top:0px; z-index:4;}
.chanp_main .part{box-sizing: border-box; padding-top: 150px;}

.often_txt{font-size: 30px; line-height: 1; text-align: center; font-weight: lighter; padding-bottom: 60px;}
.often_txt a{margin: 0 30px; color: #b7b7b7; cursor: pointer; position: relative; display: inline-block; transition: 0.5s;}
.often_txt a::after{content: ""; position: absolute; right: -35px; top: 0; width: 1px; height: 55px; background: #dbdbdb;}
.often_txt a::before{content: ""; position: absolute; left: 0; bottom: -20px; width: 100%; height: 3px; background: #b7b7b7; transition: 0.5s;}
.often_txt a:last-child::after{display: none;} 
.often_txt a.selected::before{background: #e40073; }
.often_txt a.selected{color: #333;}
.often_txtb{color: #fff;}
.often_txtb a{color: #aaa;}
.often_txtb a::before{background: #aaa;}
.often_txtb a.selected{color: #fff;}
.often_txtb a.selected::before{background: #fff; }

.often_tet{font-size: 14px; line-height: 2.1; }
.often_tetb{color: #fff;}
.often_tet2em{text-indent: 2em;}

.often_more{text-align: center;}
.often_more a{ font-size:14px; padding: 0 44px; display:inline-block; height:42px; line-height:42px; color:#e40073; border:2px solid #e40073; transition: 0.5s; }
.often_more a:hover{background: #e40073; color: #fff;}

.chanp_main .warp{overflow: inherit;}

/* 浜у搧-鑳屾櫙 */
.chanp_back1{ position:absolute; left:0; top:0px; width:100%; height:1046px; z-index:1; background-repeat:no-repeat; background-position:center; background-attachment:fixed;  background-size:cover;}

.chanp_back2{ position:absolute; left:0; top:193px; width:100%; height:100%; z-index:2;}
.chanp_back2 li{background-repeat:no-repeat; background-position:center top; height: 1000px;}
.chanp_back2 .li1{background-image:url(../images/chanpin/back_01.png); height:853px;}
.chanp_back2 .li2{background-image:url(../images/chanpin/back_02.jpg);}
.chanp_back2 .li3{background-image:url(../images/chanpin/back_03.jpg);}
.chanp_back2 .li4{background-image:url(../images/chanpin/back_04.jpg);}
.chanp_back2 .li5{background-image:url(../images/chanpin/back_05.jpg);}
.chanp_back2 .li6{background-image:url(../images/chanpin/back_06.jpg);}
.chanp_back2 .li7{background-image:url(../images/chanpin/back_07.jpg);}
.chanp_back2 .li8{background-image:url(../images/chanpin/back_08.jpg);}
.chanp_back2 .li9{background-image:url(../images/chanpin/back_09.jpg);}
.chanp_back2 .li10{background-image:url(../images/chanpin/back_10.jpg); height: 429px;}

.chanp_txt{ color:#fff; font-size:60px; text-align:center; font-weight:100; padding-top:270px; height: 640px; box-sizing: border-box;}

.chanp_part1{height: 1220px;}
.chanp_part1 .list{text-align: center; padding: 100px 0 50px 0;}
.chanp_part1 .list li{ width: 13.7%; box-sizing: border-box; border-left: 1px solid #ebebeb; display: inline-block; clear: both; overflow: hidden;}
.chanp_part1 .list li:last-child{ border-right: 1px solid #ebebeb;}
.chanp_part1 .list li a{ height: 190px; display: block; margin: 0 20px;}
.chanp_part1 .list dl{margin: 0;}
.chanp_part1 .list dt{width:120px; height:120px; display: inline-block; background-repeat:no-repeat; background-size: cover;}
.chanp_part1 .list dd{margin: 0; padding-top: 20px; font-size: 14px; transition: 0.5s;}
.chanp_part1 .list a:hover dt{background-position:0 -120px;}
.chanp_part1 .list a:hover dd{color: #e40073;}

.chanp_part2{height: 925px;}

.chanp_part3{ height: 1290px; position: relative;}
.chanp_part3 .back{position: absolute; left: -353px; top: 320px; width: 604px; height: 521px; background-repeat: no-repeat;}
.chanp_part3 .often_txt{padding-bottom: 150px;}
.chanp_part3 .often_tet{padding-left: 350px;}

.chanp_part4{height: 840px;}

.chanp_part5{height: 860px;}
.chanp_part5 .often_tet{max-width: 850px; margin: 0 auto;}

.chanp_part6{height: 810px;}

.chanp_part7{height: 1140px; }
.chanp_part7 .often_h2{font-size: 38px; line-height: 1; padding-bottom: 90px; text-align: center; font-weight: lighter;}
.chanp_part7 .img{text-align: center; padding: 50px 0 70px 0;}
.chanp_part7 .img img{max-width: 100%;}
.chanp_part7 .often_tet{text-align: center;}

.chanp_part8{height: 1384px;}
.chanp_part8 .often_tet{height: 310px; max-width: 850px; margin: 0 auto; }
.chanp_part8 .but{position: relative; width: 360px; margin: 0 auto;}
.chanp_part8 .but li{position: absolute; left: 0; top: 0;}
.chanp_part8 .but li a{display: block; text-align: center; font-size: 14px; color: #333; clear: both; overflow: hidden; transition: 0.5s;}
.chanp_part8 .but .li1{ position: absolute; left: 0; top: 0; width: 300px;}
.chanp_part8 .but .li1 a{ height: 215px;}
.chanp_part8 .but .li1 i{background: url(../images/chanpin/ico_01.png) center top no-repeat; padding-top: 90px; margin-top: 100px; display: block;}
.chanp_part8 .but .li2{top: 215px; width: 200px; right: 0; left: auto;}
.chanp_part8 .but .li2 a{ height: 150px;} 
.chanp_part8 .but .li2 i{background: url(../images/chanpin/ico_02.png) center top no-repeat; padding-top: 80px; margin-top: 50px; display: block;}
.chanp_part8 .but .li3{top: 380px; width: 300px;}
.chanp_part8 .but .li3 a{height: 260px;}
.chanp_part8 .but .li3 i{background: url(../images/chanpin/ico_03.png) center top no-repeat; padding-top: 90px; display: block;}
.chanp_part8 .but .li3 b{ padding: 0 44px; display:inline-block; height:42px; line-height:42px; color:#fff; border:2px solid #fff; transition: 0.5s;}
.chanp_part8 .but li a:hover{color: #e40073;}
.chanp_part8 .but .li3 a:hover b{background: #e40073; border-color: #e40073;}


/* 鍝嶅簲寮?*/
@media screen and (max-width:1600px){

    .often_txt{font-size: 32px; padding-bottom: 50px;}
    
    .chanp_back1{height: 780px;}
    .chanp_back2{top: 60px;}
    .chanp_back2 li{background-size: 1600px; height: 837px;}
    .chanp_back2 .li1{height: 700px;}   
    .chanp_back2 .li8{margin-top: 80px;} 
    .chanp_back2 .li10{height: 359px;}

    .chanp_txt{font-size: 48px; padding-top: 160px; height: 400px;}
    .chanp_part1{height: 1000px;}
    .chanp_part1 .list{padding: 70px 0 50px 0;}
    .chanp_part1 .list dt{width: 90px; height: 90px;}
    .chanp_part1 .list li a{height: 160px;}
    .chanp_part1 .list a:hover dt{background-position:0 -90px;}

    .chanp_part2{height: 780px;}
    
    .chanp_part3{height: 1110px;}
    .chanp_part3 .often_txt{padding-bottom: 100px;} 
    .chanp_part3 .often_tet{padding-left: 250px;}
    .chanp_part3 .back{width: 500px; height: 432px; top: 270px; background-size: cover;}
    
    .chanp_part4{height: 690px;}

    .chanp_part5{height: 700px;}

    .chanp_part6{height: 640px;}

    .chanp_part7{height: 1010px;}
    .chanp_part7 .often_h2{padding-bottom: 50px;}
    .chanp_part7 .img{width: 500px; margin: 0 auto; padding: 30px 0;}
    .chanp_part7 .often_txt {font-size: 24px;}
    
    .chanp_part8{height: 1236px;}
    .chanp_part8 .often_tet{height: 330px;}
    .chanp_part8 .but{ width: 300px; }    
    .chanp_part8 .but .li1{width: 250px;}
    .chanp_part8 .but .li1 a{height: 175px;}
    .chanp_part8 .but .li1 i{margin-top: 70px; padding-top: 80px;}
    .chanp_part8 .but .li2{top: 175px; width: 170px;}
    .chanp_part8 .but .li2 i{margin-top: 30px;}
    .chanp_part8 .but .li3{width: 250px; top: 320px;}
    .chanp_part8 .but .li3 a{height: 190px;}
    .chanp_part8 .but .li3 b{height: 30px; line-height: 30px; padding: 0 20px;}

}

@media screen and (max-width:1200px){
    .chanp_part3 .back{left: -245px; width: 430px; height: 372px;}

}


@media screen and (max-width:1002px){
    .often_txt{font-size: 26px; padding-bottom: 40px;}
    .often_txt a{margin: 0 25px;}
    .often_txt a::before{bottom: -15px;}
    .often_txt a::after{height: 45px; right: -30px;}

    .chanp_main .part{padding-top: 20px;}   

    .chanp_back1{top: 48px; background-attachment: inherit;}
    .chanp_back2{top: 82px;}
    .chanp_back2 li{background-size: 1400px; height: 733px;}
    .chanp_back2 .li1{height: 538px;}
    .chanp_back2 .li8{margin-top: 120px;}
    .chanp_back2 .li10{height: 314px;}

    .chanp_txt{font-size: 30px; height: 480px;}

    .chanp_part1{height: 780px;}
    .chanp_part1 .list{padding: 40px 0 30px 0;}
    .chanp_part1 .list dt{width: 70px; height: 70px;}
    .chanp_part1 .list li a{margin: 0 10px;}
    .chanp_part1 .list a:hover dt{background-position:0 -70px;}

    .chanp_part2{height: 690px;}

    .chanp_part3{height: 980px;}
    .chanp_part3 .often_txt{padding-bottom: 40px;}
    .chanp_part3 .often_tet{padding-left: 160px;}
    .chanp_part3 .back{width: 230px; height: 199px; left: -100px; top: 90px;}

    .chanp_part4{height: 600px;}

    .chanp_part5{height: 600px;}

    .chanp_part6{height: 600px;}

    .chanp_part7{height: 880px;}
    .chanp_part7 .often_h2{font-size: 34px; padding-bottom: 40px;}
    .chanp_part7 .img{width: 350px;}

    .chanp_part8{height: 946px;}
    .chanp_part8 .often_tet{height: 350px;}
    .chanp_part8 .but{width: 260px;}

    .chanp_part8 .but .li1{width: 220px;}
    .chanp_part8 .but .li1 a{height: 160px;}
    .chanp_part8 .but .li1 i{margin-top: 60px; padding-top: 70px;}
    .chanp_part8 .but .li2{width: 150px; top: 160px;}
    .chanp_part8 .but .li2 a{height: 130px;}
    .chanp_part8 .but .li2 i{background-size: 50px; padding-top: 60px;}
    .chanp_part8 .but .li3{top: 300px; width: 220px;}
    .chanp_part8 .but .li3 a{height: 160px;}
    .chanp_part8 .but .li3 i{background-size: 50px; padding-top: 60px;}

}



@media screen and (max-width:758px){
    .chanp_back1{height: 360px;}
    .chanp_back2{top: 6px;}
    .chanp_back2 li{background-size: 1000px; height: 523px; }
    .chanp_back2 .li1{height: 448px;}
    .chanp_back2 .li2{margin-top: 280px;}
    .chanp_back2 .li8{margin-top: 130px; padding-bottom: 50px;  background-color: #edf0f5;}
    .chanp_back2 .li10{height: 351px; background-color: #0047a1;}

    .chanp_back2 .li5{background: none; height: auto; background-color: #000;}
    .chanp_back2 .li5 i{display: block; height: 261px; background-repeat: no-repeat; background-position: center top; background-size: 1000px;}
    .chanp_back2 .li5 .i1{background-image: url(../images/chanpin/back_05a.jpg);}
    .chanp_back2 .li5 .i2{background-image: url(../images/chanpin/back_05b.jpg);  margin-top: 140px;}

    .chanp_back2 .li6{background: none; height: auto; background-color: #29282d;}
    .chanp_back2 .li6 i{display: block; background-repeat: no-repeat; background-position: center top; background-size: 1000px;}
    .chanp_back2 .li6 .i1{ height: 157px; background-image: url(../images/chanpin/back_06a.jpg);}
    .chanp_back2 .li6 .i2{ height: 366px; background-image: url(../images/chanpin/back_06b.jpg);  margin-top: 140px;}


    .often_txt{font-size: 16px; padding-bottom: 20px;}
    .often_txt a{margin: 0 15px 10px 15px;}
    .often_txt a::before{bottom: -10px;}
    .often_txt a::after{height: 30px; right: -16px;}
    .often_tet{font-size: 12px; line-height: 1.6;}

    .often_more a{padding: 0 15px; height: 30px; line-height: 30px; font-size: 12px; border-width: 1px;}

    .chanp_txt{font-size: 18px; padding-top: 70px; height: 220px;}

    .chanp_part1{height: 890px;}
    .chanp_part1 .list{padding: 30px 0;}
    .chanp_part1 .list ul{margin-top: -20px; clear: both; overflow: hidden;}
    .chanp_part1 .list li{width: 33.3%; float: left; margin-top: 20px; clear: none;}
    .chanp_part1 .list dt{width: 60px; height: 60px;}
    .chanp_part1 .list dd{font-size: 12px; padding-top: 10px;}
    .chanp_part1 .list li a{height: 110px;}
    .chanp_part1 .list a:hover dt{background-position:0 -60px;}
    
    .chanp_part1 .list li:nth-of-type(3),
    .chanp_part1 .list li:nth-of-type(6){border-right: 1px solid #ebebeb; } 
    .chanp_part1 .list li:nth-of-type(7){margin-left: 33.3%;}

    .chanp_part2{height: 550px;}

    .chanp_part3{height: 670px;}
    .chanp_part3 .often_txt{padding-bottom: 20px;}
    .chanp_part3 .back{display: none;}
    .chanp_part3 .often_tet{padding: 0;}

    .chanp_part4{height: 600px;}
    
    .chanp_part5{height: 540px;}

    .chanp_part6{height: 430px;}

    .chanp_part7{height: 790px;}
    .chanp_part7 .often_h2{font-size: 22px; padding-bottom: 20px;}
    .chanp_part7 .img{width: 300px; padding: 20px 0;}
    .chanp_part7 .often_txt a{width: 140px;}

    .chanp_part8{height: 690px;}
    .chanp_part8 .often_tet{height: 210px;}
    .chanp_part8 .but{width: 190px; height: 300px; }
    .chanp_part8 .but li a{ font-size: 12px;}
    .chanp_part8 .but .li1{width: 160px;}
    .chanp_part8 .but .li1 a{height: 110px;}
    .chanp_part8 .but .li1 i{background-size: 35px; padding-top: 45px; margin-top: 40px;}

    .chanp_part8 .but .li2{width: 110px; top: 110px;}
    .chanp_part8 .but .li2 a{height: 100px;}
    .chanp_part8 .but .li2 i{background-size: 30px; padding-top: 35px; margin-top: 25px;}

    .chanp_part8 .but .li3{width: 160px; top: 210px;}
    .chanp_part8 .but .li3 a{height: 110px;}
    .chanp_part8 .but .li3 i{background-size: 35px; padding-top: 45px; margin-top: 0px;}
    .chanp_part8 .but .li3 b{padding: 0; height: auto; line-height: normal; border: 0;}

    .gy_foot{height: 290px;}

}