
/*header*/
#header{width: 100%;height: 90px;background-color: #212121;position: fixed;left: 0;right:0;top:0;margin: 0 auto;z-index: 999;}
#header .header{width: 1200px; margin: 0 auto;}
#header .logo{float: left;margin: 24px 0 0 30px;}
#header .logo img{ height: 39px; }
.nav{float: right;}
.nav li{float: left;}
.nav a{line-height: 90px;margin: 0 20px;color: #AAAAAB;position: relative;transition: all 0.2s ease;overflow: hidden;font-size: 14px!important;}
.nav a:after{content: "";display: block;width: 0;height: 0;border-top: 5px solid transparent;position: absolute;bottom: -9px;left: 0;margin: 0 auto;transition: all 0.4s ease-in;}
.nav a.hover{color: #edcf91;}

.language:hover{ color: #edcf91;}
.language{float: right;width: 80px;height: 90px;line-height: 90px;text-align: center;color: #adaeae;transition: all .3s ease;border-left: 1px solid #383838;
}
.language a{ color: #AAAAAB; }
.language a:hover{color:#edcf91;}

.EN{ font-family: serif; }

.ant-carousel .slick-dots-bottom{ margin-bottom: 20px; }
.ant-carousel .slick-dots{ text-align: right; }
.ant-carousel .slick-dots li{ margin:0 20px 0 0; }
.ant-carousel .slick-dots li button{ width:12px; height: 12px; border-radius: 50%; opacity: .6; }
.ant-carousel .slick-dots li.slick-active button{  width:12px; height: 12px;border-radius: 50%;  opacity: .1;}
.firstSlide .cont{text-align: center;position: absolute;left: 0;right: 0;top: 34%; }
.slideItem  h2{color: #fff;font-size: 48px;line-height: 1;text-shadow: 3px 3px 3px #6f6969; padding:0 2rem;}
.slideItem  h3{color: #edd091;font-size: 30px;font-weight: 400;letter-spacing: -2px;line-height: 1;margin-top: 30px;text-shadow:1px 1px 2px #6f6969;}


.section{overflow: hidden;position: relative;}
.section .anim-to{
    /*animation-delay: 1s;*/
    opacity: 0;
}

.section-2{background: url(../images/bg_1.png) no-repeat  center/cover;}
.section-2 .le{width: 50.1%;height: 100%;position: absolute;left: 0;top:0;}
.section-2 .ri{width: 50%;height: 100%;background: #29282e ; background:rgba(41,40,46,0.95); position: absolute;right: 0;top:0;}
.section-2 .ri .cont{width: 530px;margin-left: 80px;margin-top: 90px;padding-top: 190px;}
.section-2 .ri .cont .tip h2{color: #DBBB95;font-size: 28px;line-height: 1;margin-bottom: 2rem; text-align: center;}
.section-2 .ri .cont .tip h4{color: #ddca9b;font-size: 18px;margin-bottom: 18px;}
.section-2 .ri .cont .tip p{ position: relative; color: #AAAAAB;font-size: 14px; margin: 15px; line-height: 1.5rem;}
.section-2 .ri .cont .tip p.EN{ line-height: 1.1rem; }
.section-2 .ri .iconBlock{ position: absolute; left:-15px; top:0.6rem; display: inline-block; background: #dbbb95; width:5px;height: 5px; }

.section-3{background: url(../images/bg_3.png) no-repeat center/cover;}
.section-3 .auto{padding-top: 210px;}
.section-3 h2{color: #DBBB95;font-size: 36px;line-height: 1;margin-bottom: 40px; text-align: center;}
.section-3 .photoBox{ display: block; width: 95%; margin: 10px auto;}
.section-3 .photoItem{ background:rgba(41,40,46,0.9); margin:0 20px;}
.section-3 .photoInner{ padding:30px; text-align: center; }
.section-3 .slideTit{ border:#AAAAAB solid 1px; font-weight: bold; height: 4.8rem; padding:10px;  margin-bottom: 20px; position: relative;}
.section-3 .slideTit h3{ color: #DBBB95;line-height: 3rem; font-size: 14px; font-weight: bold; }
.section-3 .photoItem0 .slideTit h3{ line-height: 1.8rem; }

.section-3 .slideBorder{ position: absolute; bottom: 0px; left: 40%; }
.section-3 .slideCont{ color: #AAAAAB; line-height: 1.5rem; margin: 10px auto 30px; height: 6rem; text-align: left;}
.section-3 .slideBorder{ width:20%; display: block; margin: 14px auto 0; border: #DBBB95 solid 1px; height: 0px;}

.section-3 .photo_EN.photoItem0 .slideTit h3{ line-height: 1rem  }
.section-3 .photo_EN.photoItem1 .slideTit h3{ line-height: 1.2rem  }
.section-3 .photo_EN.photoItem2 .slideTit h3{ line-height: 2.4rem  }
.section-3 .photo_EN .slideCont{height: 8rem; line-height: 1.2rem;}

.section-4{background: url(../images/bg_4.png) no-repeat center/cover;}
.section-4 .auto .le{width: 970px;padding-top: 220px;height: 1000px;padding-left: 360px;position: absolute;left: -320px;top: 0;}
.section-4 .auto h2{color: #DBBB95;font-size: 28px;line-height: 1;margin-bottom: 20px;}
.section-4 .listBox{ position: relative;  padding-left: 200px;}
.section-4 .listBox img{ position: absolute; top:0px; left: 0px;   }
.section-4 .listBox p{ line-height: 1.4rem; margin: 5px; color: #333; }
.section-4 .listBox p.concat_0{ font-weight: bold; }

.lineThrough{ border-bottom: 2rem; position: relative; }
.lineThrough .txt{display: inline-block; margin:0 10px; vertical-align: middle;}
.lineThrough .line{ display: inline-block; vertical-align: middle; height: 0px;line-height: 0px; border-top:#717171 solid 1px; width: 32px; }
.section-3 .lineThrough .line{ border-color: #989898; }
.section-4 .lineThrough .line{ border-color: #989898; }

/*首页兼容*/
@media (max-height: 840px){
    #oneSlide .li1 h2{font-size: 60px;}
    #oneSlide .li1 h3{font-size: 38px;font-weight: 400;}
    .section-2 .ri .cont{padding-top: 80px;}
    .section-2 .ri .cont .tip h2{font-size: 40px; margin-bottom: 2rem;}
    .section-2 .ri .cont .tip p{ line-height: 1.5rem;}
    .section-2 .ri .cont .tip p.EN{ line-height: 1.2rem; }
    .section-3 .autoWrap .pos1{
        bottom: 80px;
    }
    .section-3 .autoWrap .contBox{
        padding-top: 40px;
        height: 300px;
    }

    .section-4 .auto .ri-cont{padding-top: 130px;}
}
@media (max-height: 760px){
    .section-3 .auto{ padding-top: 140px; }
    .section-2 .ri .cont {margin-top: 30px;}

    .section-2 .ri .cont .tip p{ line-height: 1.2rem;}
    .section-2 .ri .cont .tip p.EN{ line-height: 1.1rem; }

    .section-4 .ri-cont .tip{margin-bottom: 20px;}
}

@media (max-height: 560px){

    .section-2 .ri .cont {margin-top: 20px;}
    .section-2 .ri .cont .tip p{ line-height: 1rem; margin: 10px;}
    .section-2 .ri .cont .tip p.EN{ line-height: 1rem; }
    .section-3 .auto{ padding-top: 110px; }

    .section-4 .ri-cont .tip{margin-bottom: 10px;}
}

@media (max-width: 1400px){
    .section-3 .contBox .ic{
        right: 40px;
    }
    .section-3 .autoWrap .contBox{
        right: 40px;
    }
    .section-4 .auto .ri-cont{
        padding-left: 40px;
    }
    .section-4 .ri-cont .card-logo li{
        width: 171px;
    }
    .section-2 .ri .cont{
        width: 560px;
        margin-left: 40px;
    }
}
