.video { position: relative; height:100%; }
.video .v{ position: absolute; width:100%; height:100%; top:0; left:0; overflow: hidden; z-index:1; }
.video .v video,.video #example_video_1{ width:130% !important; height:110% !important; position: absolute; top:-5%; left:-15%; }
.ind_1{  background:url(../images/line.png) repeat 0 0; position: relative;  position: absolute; width:100%; height:100%; top:0; left:0; overflow: hidden; z-index:10; }
.ind_1 .con{ position: absolute; width:100%;  height:100%; top:0; left:0;  }
.ind_1 .tit{ position: absolute; width:100%; left:0; top:50%; margin-top:-130px; text-align: center; color:#f2e7c7;  }
.ind_1 .bot{ position: absolute; width:100%; bottom:95px; left:0; text-align: center; }

.ind_1 .tit h2{ font-size:72px; line-height:1.1; padding-bottom: 25px; text-shadow:0 0 10px #f2e7c7; }
.ind_1 .tit h3{ font-size:36px; line-height:1.4; padding-bottom: 15px; }
.ind_1 .tit .p{ font-size:32px; line-height:1.1; }

.w_1660 .ind_1 .tit h2{ font-size:36px; }
.w_1660 .ind_1 .tit h3{ font-size:24px; }
.w_1660 .ind_1 .tit .p{ font-size:16px; }

.ind_1 .bot ul{ display: inline-block; }
.ind_1 .bot li{ width:280px; float: left; text-align: center; position: relative; }
.ind_1 .bot li .a{ display: block; color:#fff;  }
.ind_1 .bot li + li{ margin-left: 30px; }
.ind_1 .bot li + li:before{ content:""; position: absolute; width:106px; height:12px; background:url(../images/ind_1.png) no-repeat center; left:-70px; top:65px; }

.ind_1 .bot li .ico{ position: relative; margin:0 auto; width:86px; height:82px; }
.ind_1 .bot li .ico img{ display: block; width:100%; height:100%; }
.ind_1 .bot li .i{ position: absolute; top:0; left:0;  }
.ind_1 .bot li .h3{ font-size:20px; line-height:1.8; transition:all 0.3s; -webkit-transition:all 0.3s;  }
.ind_1 .bot li .p{ font-family: arial; text-transform: uppercase; transition:all 0.3s; -webkit-transition:all 0.3s;  }
.ie8 .ind_1 .bot li .i{ display: none; }
.ind_1 .bot li .i{ opacity:0; filter:alpha(opacity=0);  visibility: hidden; transition:all 0.3s; -webkit-transition:all 0.3s;  }
.ind_1 .bot li:hover .i{ opacity:1; visibility: visible; filter:alpha(opacity=100);  }
.ind_1 .bot li:hover .h3,.ind_1 .bot li:hover .p{ text-shadow:0px 0px 30px #fff; }

.title_com h3 a{ color:#f2e7c7; }
.title_com h2 a{ color:#f2e7c7; }

.section2{ cursor: pointer; overflow: hidden; color:#f2e7c7;  }
.section2 .title_com h2 {text-align: center;}
.section2 .cont{ padding-top:50px;}
.section2 .cont .li{ float: left; padding-right: 50px; color:#fff; text-align: center; }
.section2 .cont .h3{ font-size:80px; line-height:1; color:#e8cb75; display: inline-block; text-shadow:0px 0px 10px rgba(193,180,37,0.4); }
.section2 .cont .h3 span{ font-size:28px; color:#e8cb75; line-height: 1;  position: relative; padding-left: 10px; top:-16px;  }
.section2 .cont .p{ padding-top:5px; line-height:1.5; }
.section2 .wrap{ z-index:100; }
.section2 .lf,.section2 .lf1{ position: absolute; width:100%; bottom:-50px; left:0; z-index:8; }
.section2 .lf img,.section2 .lf1 img{ display: block; width:100%; position: absolute; bottom:0; left:0; }
.section2 .lf1{ z-index:10; }
.section2 a{ color:#f2e7c7;  }

.section2 .news_list {margin-top: 30px;text-align: center;}
.section2 .news_list li {display: inline-block; vertical-align: middle; margin: 0 10px; border: 1px solid #f2e7c7; border-radius: 200px; padding: 8px 30px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.section2 .news_list li.cur {-webkit-box-shadow: 0px 0px 10px #f2e7c7; box-shadow: 0px 0px 10px #f2e7c7; text-shadow: 0px 0px 10px #f2e7c7; }
.section2 .list{ padding:35px 0 42px; }
.section2 .con {position: relative;height: 384px;}
.section2 .list {position: absolute;left:0;top: 0;z-index: 9;width: 100%; background: center no-repeat; background-size: cover;visibility: hidden;opacity: 0; filter: Alpha(opacity=0); -webkit-transition: opacity 0.5s; transition: opacity 0.5s;}
.section2 .list.act {opacity: 1;filter: Alpha(opacity=100);visibility: visible;}
.section2 .list li{ position: relative; width:100%; line-height:50px;border-bottom: 1px dashed #f2e7c7 }
.section2 .list li .time{ position: absolute; right: 0; top:0; }
.section2 .list li a{ padding:0 90px 0 22px; background:url(../images/second2_1.png) no-repeat center left; font-size: 16px; }
.section2 .list li + li{ margin-top:13px; }
.section2 .list li:hover a{text-shadow: 0px 0px 10px #f2e7c7;}

.section3 .list{ position: absolute; width:100%; height:100%; z-index:1; top:0; left:0; }
.section3 .list .li{ position: absolute; width:100%; height:100%; z-index:1; top:0; left:0; opacity:0.5; background-size:cover; transition:all 0.5s; -webkit-transition:all 0.5s; background-size: cover !important; }
.section3 .list .li.cur { opacity:1; z-index:2; }
.section3 .bg{ position: absolute; width:100%; height:100%; z-index:3; top:0; left:0; background:url(../images/a_4.png) no-repeat center; background-size:cover; }
.section3 .wrap{ position: relative; z-index:10; }
.section3 .top{ padding-bottom: 90px; text-align: center; color:#f2e7c7; }
.section3 .top .tit{ padding-top:33px; }
.section3 .top .tit .child{ display: inline-block; padding:0 22px;font-size: 16px;}
.section3 .top .tit .child img{ height:23px; margin-right: 10px;float: left; }
.section3 .top .tit .child a{ color:#f2e7c7; font-family: arial; text-transform: uppercase; display: block; font-size: 16px;height: 23px;line-height: 24px; }

.section3 .bot li{ float: left; width:320px; }
.section3 .bot li a{ display: block; width:100%; height:100%; }
.section3 .bot li + li{ margin-left: 135px; }
.section3 .bot li .ico{ margin:2em auto 0; width:132px; text-align: center; height:72px; position: relative; }
.section3 .bot li .ico i {color: #fff; font-size: 5em;}


.section3 .bot li .ico img{ display: block; width:100%; height:100%; }
.section3 .bot li .i{ position: absolute;  top:0; left:0;  }
.ie8 .section3 .bot li .i{ display: none; }
.section3 .bot li .i{ opacity:0; visibility: hidden; filter:alpha(opacity=0);   transition:all 0.3s; -webkit-transition:all 0.3s;  }
/*.section3 .bot li:hover .i{ opacity:1; visibility: visible; filter:alpha(opacity=100);  }*/
.section3 .bot li .h3{ font-size:20px; line-height:1.8; transition:all 0.3s; -webkit-transition:all 0.3s;  color:#fff; text-align: center; }
.section3 .bot li:hover .h3{ text-shadow:0px 0px 30px #fff; }

/*
.section3 .bot li{ float: left; width:320px; }
.section3 .bot li a{ display: block; width:100%; height:100%; }
.section3 .bot li + li{ margin-left: 135px; }
.section3 .bot li .ico{ margin:0 auto; width:132px; height:132px; position: relative; }
.section3 .bot li .ico img{ display: block; width:100%; height:100%; }
.section3 .bot li .i{ position: absolute;  top:0; left:0;  }
.ie8 .section3 .bot li .i{ display: none; }
.section3 .bot li .i{ opacity:0; visibility: hidden; filter:alpha(opacity=0);   transition:all 0.3s; -webkit-transition:all 0.3s;  }
.section3 .bot li:hover .i{ opacity:1; visibility: visible; filter:alpha(opacity=100);  }
.section3 .bot li .h3{ font-size:20px; line-height:1.8; transition:all 0.3s; -webkit-transition:all 0.3s;  color:#fff; text-align: center; }
.section3 .bot li:hover .h3{ text-shadow:0px 0px 30px #fff; }
*/

.section4{ text-align: center; }
.section4 .img{ position: absolute; height:100%; z-index:2; top:0; width:100%; }
.section4 .img img{ display: block; margin:0 auto; height:100%; position: relative; width:100%;  }
.section4 .li_1{ position: absolute; left:20%; bottom:10%; }
.section4 .li_2{ position: absolute; right:17%; top:10%; }
.section4 .li{ width:465px; text-align: left; min-height:260px;}
.section4 .li .h4{ padding:25px 0 13px; line-height:1.2; font-size:16px; }
.section4 .li .p{ line-height:1.8; }
.section4 .li .span{ padding:30px 0 10px; font-size:20px; line-height:1.5; }
.section4 .li .span span{ display: inline-block; }
.section4 .li .span span + span{ padding-left: 20px; }
.section4 .li .a_com {margin-top: 20px}

.w_1660 .section4 .li_2{ right:15%; top:5%; }
.w_1660 .section4 .li{ width:400px; }


.section5 .top {text-align: center;margin:0 auto;  position: relative; z-index:3;padding-bottom: 50px;}
.section5 .top img{ display: block; margin:0 auto;}
.section5 .top .p {height: 42px;margin: 25px 0px; background-image: url(../images/service_ico.png);background-repeat: no-repeat;background-position: center;background-size: auto 40px}

.section5 .bot{ position: relative; z-index:2; }
.section5 .serve_list {width: 1200px;margin: auto;background-color: #181818;padding: 30px 20px 10px;}
.section5 .serve_list .serve_item {width: 230px;float: left;margin:0px 5px;}
.section5 .serve_list .serve_item .serve_item_img {width: 100%;}
.section5 .serve_list .serve_item .serve_item_img img {width: 100%;}
.section5 .serve_list .serve_item .serve_item_txt {background-color: #181818;padding: 10px;text-align: center;}
.section5 .serve_list .serve_item .serve_item_txt h4 {color: #fff;font-size: 18px;line-height: 120%;margin-bottom: 10px}
.section5 .serve_list .serve_item .serve_item_txt span {color: #666;font-size:12px;}


.w_1660 .ind_1 .logo{ top:20px; }
.w_1660 .ind_1 .bot{ bottom:40px; }
.w_1660 .ind_1 .tit{ margin-top:-100px; }
.w_1660 .section5 .top{ padding:0; margin-top:-20px; }


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


    .section2 .lf1{ /*width:0;*/ opacity:0; transition:all 1s; -webkit-transition:all 1s; }
    .section2.active .lf1{/* width:100%; */ transition:all 3s; -webkit-transition:all 3s; transition-delay:1.5s; -webkit-transition-delay:1.5s;  opacity:1;  }
    .section2 .i,.section2 .i1{ transition:all 1.5s; -webkit-transition:all 1.5s; }
    .section2.on .i{ -webkit-transform:translate(-200px,-20px) scale(1.08); transform:translate(-200px,-20px) scale(1.08); }
    .section2.on .i1{ -webkit-transform:translate(150px,-20px) scale(1.05); transform:translate(150px,-20px) scale(1.05); }

    .ind_1 .con{ opacity:0; -webkit-transform:scale(0.8); transform:scale(0.8); -webkit-transition:all 1.8s; transition:all 1.8s; }
    .anim .ind_1 .con{-webkit-transition-delay:1s;transition-delay:1s;  opacity:1; -webkit-transform:scale(1); transform:scale(1); }
    .section2 .wrap{ -webkit-transition:all 1s; transition:all 1s;  -webkit-transform:translateX(-50px);  transform:translateX(-50px); opacity: 0; }
    .active.section2 .wrap{ -webkit-transition-delay:1s; transition-delay:1s;  -webkit-transform:translateX(0px);  transform:translateX(0px); opacity: 1; }
    .section3 .top,.section5 .bot{ -webkit-transition:all 1s; transition:all 1s;  -webkit-transform:translateY(-50px);  transform:translateY(-50px); opacity: 0; }
    .section3 .bot,.section5 .top{ -webkit-transition:all 1s; transition:all 1s;  -webkit-transform:translateY(50px);  transform:translateY(50px); opacity: 0; }
    .active.section3 .top,.active1.section3 .top,.active1.section3 .bot,.section5.active .bot,.section5.active .top,
    .active.section3 .bot{ -webkit-transition-delay:1s; transition-delay:1s;  -webkit-transform:translate(0px);  transform:translate(0px); opacity: 1; }

    .section4 .li_1{ -webkit-transition:all 1s; transition:all 1s;  -webkit-transform:translateX(-50px);  transform:translateX(-50px); opacity: 0; }
    .section4 .li_2{ -webkit-transition:all 1s; transition:all 1s;  -webkit-transform:translateX(50px);  transform:translateX(50px); opacity: 0; }
    .active.section4 .li_1,.active.section4 .li_2{ -webkit-transition-delay:1s; transition-delay:1s;  -webkit-transform:translate(0px);  transform:translate(0px); opacity: 1; }

         
}


@media only screen and (max-width:1024px) {


    .ind_1{ position: relative; z-index:1; }
    .section1 .video .v{ position: relative; height:4.2rem;  display: none; }
    .video .v video, .video #example_video_1{ position: static; width: 100% !important; height:100% !important; }
     .video{ height:auto !important; z-index:2; }
    .ind_1 .con,.ind_1 .bot,
    .ind_1 .tit{ position: static; margin:0; width:auto; } 
    .ind_1 .tit{ padding:0 0.2rem 0.6rem; }
    .ind_1 .tit h2{ font-size: 0.44rem; padding-bottom: 0.3rem; }
    .ind_1 .tit h3{ font-size:0.36rem; padding-bottom: 0.2rem; }
    .ind_1 .tit .p{ font-size:0.3rem;  }
    /*.ind_1{ padding:2rem 0 1rem; }*/
    .ind_1 .bot li{ width:50%; float: left; }
    .ind_1 .bot li:nth-child(2n+1){ clear:left; }
    .ind_1 .bot li + li{ margin:0 0 0.2rem; }
    .ind_1 .bot li .ico{ width:1.04rem; height:1.16rem; }
    .ind_1 .bot li .h3{ font-size:0.3rem; }
    .ind_1 .bot ul{ display: block; }
    .ind_1 .bot li + li::before{ display: none; }

    .ind_1{ background:none; }
    .section1:before{ position: absolute; width: 100%; height:100%; content:""; top:0; left:0; background:url(../images/line.png) repeat 0 0; z-index:1; }

    .section1{ z-index:100; }

    /*.section2{ padding:1rem 0 3rem; }*/
    .section2 .news_list li {width: 21%;margin:0rem 0.05rem 0.2rem;padding: 10px 0.05rem;font-size: 0.22rem;box-sizing: border-box;}
    .section2 .list{ padding:0.25rem 0; }
    .section2 .list li{ width:auto; line-height: 40px}
    .section2 .list li a{ padding-right: 1.5rem; font-size: 0.22rem; }
    .section2 .list li + li{ margin:5px 0 0; }
    .section2 .a_com{ text-align: center; }
    .section2 .con {height: calc(225px + 0.5rem);}
    .section2 .cont{ padding:0.35rem 0 0.1rem; }
    .section2 .lf, .section2 .lf1{ bottom:0;  display: none; }
    .section2 .cont .li{ width:50%; padding:0 0 0.2rem; }
    .section2 .cont .h3{ font-size:0.5rem; }
    .section2 .cont .h3 span{ top:0; font-size:0.3rem; }
    .section2 .cont .p{ font-size:0.22rem; }

    /*.section5{ padding:1rem 0 0.6rem; }*/
    .section5 .top {padding: 0rem 0.15rem; }
    .section5 .top .p {margin: 5px 0px 10px;height: 20px;background-image: url(../images/service_ico_m.png);background-repeat: no-repeat;background-position: center;background-size: auto 20px}
    .section5 .serve_list {width: 100%;margin: auto;background-color: transparent;padding: 10px 20px;box-sizing: border-box;}
    .section5 .serve_list .serve_item {width: 49%;float: left;margin:10px 0;}
    .section5 .serve_list .serve_item:nth-child(2n) {float: right;}
    .section5 .serve_list .serve_item a {display: -ms-flexbox;display: flex;}
    .section5 .serve_list .serve_item .serve_item_img {width: 1.2rem;}
    .section5 .serve_list .serve_item .serve_item_txt {flex: 1;padding: 0.15rem 0;}
    
    
    /*.section4 { padding:1rem 0rem; }*/
    .section4 .img{ position: relative; height:auto; }
    /*.section4 .img img{ display: none; }*/
    .section4 .li{ position: static; width:auto; min-height:0; padding:0 0.2rem; }
    .section4 .li_2{ padding-top:0.6rem; } 
    .section4 .li .h4{ padding:0.3rem 0 0.15rem; }
    .section4 .li .span{ padding:0.3rem 0 0.1rem; font-size:0.28rem; }
    .section4 .li .span span{ padding:0 0.1rem !important; }
    .section4 .li .h4{font-size:0.26rem;}



    /*.section3 { padding:1rem 0rem; }*/
    .section3 .top .tit{ padding-top:0.3rem; }
    .section3 .top .tit .child img{ height:0.3rem; }
    .section3 .top{ padding-bottom: 0.5rem; }
    .section3 .bot li{ width:33.3%; margin:0 !important; height:auto; }
    .section3 .bot li .ico{ width:1.5rem; height:1.5rem; }
    .section3 .bot li .h3{ font-size:0.26rem; }

    .tc_s5{ position: fixed; overflow: hidden; }

    .section2 .title_com{ text-align: left; }
    .section3 .top .tit .child{ width:4rem; padding:0 0 0.1rem; text-align: left; }

    .section3 .top .tit .child a{ font-size:0.22rem; }

}
@media only screen and (max-width:768px) {
    
}
@media only screen and (max-width:600px) {
    .section5 .serve_list .serve_item {width: 100%;margin:0.1rem 0rem;}
    .section5 .serve_list .serve_item .serve_item_img {width: 1.5rem;}
    .section5 .serve_list .serve_item .serve_item_txt h4 {color: #f2e7c7;font-size: 0.32rem}
    .section5 .serve_list .serve_item .serve_item_txt span {color: #f2e7c7;font-size: 0.24rem}
}