body,  div,  p { margin: 0; padding: 0;}
ul { list-style: none;margin: 0; padding: 0;}
a:hover{cursor: pointer;}
.left{float: left;}
.right{float: right;}
body { width: 100%;  *cursor: default;font-size: 0;
font: "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;overflow-x:hidden;}
img{border:0px;max-width: 100%}
a{text-decoration: none;outline: none}
div{outline: none}
ul,li{list-style-type: none}
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;}
.clearfix:before,.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  zoom: 1;
}
.opacity{opacity: 0}
.main{margin:0 auto;max-width: 94%;}
.section{overflow: hidden;}
.section1_banner_pc{width: 100%;height: 100%;position: relative;}
.section1_banner,.section1_banner .swiper-container,.section1_banner .swiper-slide {width: 100%;height: 100%;}
.section2{background: url('../images/bg2.jpg') no-repeat center top;background-size: cover;}
.section3{background: url('../images/bg3.jpg') no-repeat center bottom;background-size: cover;}
.section4{background: url('../images/bg4.jpg') no-repeat center bottom;background-size: cover;}
.section5{background: url('../images/bg5.jpg') no-repeat center bottom;background-size: cover;}
.section6{background: url('../images/bg6.jpg') no-repeat center bottom;background-size: cover;}
.section7{width: 100%;background: #2f2f2f;padding:25px 0 35px}

header{width: 100%;background: rgba(0,0,0,0.5);height: 80px;position:fixed;top:0;left:0;z-index: 100;overflow: hidden;}
.logo{padding-left:3%;margin-top: 8px;}
.logo img{height:64px;display: block;}
.nav_list li{float: left;padding:30px 30px 0;font-size: 15px;}
.nav_list a{color: #fff}
.nav_list li:hover a{color: #ffdd43}
.nav_list li a{
  display: block;
  position: relative;
  transition: all 150ms linear 0s;
}

.nav_list li a:after{
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: 1px solid rgba(255, 255, 255, 0);
  bottom: 2px;
  content: " ";
  display: block;
  margin: 7px auto 0;
  position: relative;
  -webkit-transition: all 280ms ease-in-out;
  transition: all 280ms ease-in-out;
  width: 0;
}
.nav_list li a:hover:after{
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-color: #ffdd43;
  -webkit-transition: width 350ms ease-in-out;
  transition: width 350ms ease-in-out;
  width: 100%;
}
.nav_list{overflow: hidden;width: 992px;position: relative;margin-right: 30px;height: 80px;}
.nav_list ul{position: absolute;right:0px;top:0;transition: all 1.5s;}
.header_btn{padding-top: 25px;position: relative;width: 92px}
.header_right{margin-right:65px}
.menu{-webkit-transition: all ease-out .2s;}
.menu_rotate{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.search-wrapper::before{content:url(../images/bor.png);position: absolute;left:0;top:5px;}
.search-wrapper.active::before{display: none;}
.search{position:absolute;top:18px;right: 0;}
.search_span{color: #fff;font-size: 15px;height: 40px;line-height: 40px;position: absolute;right:-35px;top:0;display: block;}
.search-wrapper .input-holder {
    width: 45px;
    overflow: hidden;
    border-radius:6px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder {
    border-radius: 50px;
    width:350px;
    background:#fff;
    -webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}

.search-wrapper .input-holder .search-input {
    width:100%;
   
    padding:0px 70px 0 20px;
    opacity: 0;
    position: absolute;
    top:0px;
    left:0px;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:none;
    outline:none;
    font-family:"Open Sans", Arial, Verdana;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color:#333;
    -webkit-transform: translate(0, 60px);
    -moz-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);

    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    transform: translate(0, 10px);
}

.search-wrapper .input-holder .search-icon {
    width:30px;
    height:40px;
    margin-right:10px;
    border:none;
    background:transparent;
    padding:0px;
    outline:none;
    position: relative;
    z-index: 2;
    float:right;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder .search-icon {
    width: 30px;
    height:40px;
    border-radius: 30px;
}
.search-wrapper .input-holder .search-icon span {
    width:15px;
    height:15px;
    display: inline-block;
    vertical-align: middle;
    position:relative;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    -moz-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);

}
.search-wrapper.active .input-holder .search-icon span {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
    position: absolute;
    content:'';
}
.search-wrapper .input-holder .search-icon span::before {
    width: 2px;
    height: 8px;
    left: 11px;
    top: 20px;
    border-radius: 2px;
    background: #fff;
}
.search-wrapper .input-holder .search-icon span::after {
    width:19px;
    height:19px;
    left: 0px;
    top: -3px;
    border-radius: 22px;
    border: 2px solid #fff;
}


.search-wrapper.active .input-holder .search-icon span::before{background:#b03421;}
.search-wrapper.active .input-holder .search-icon span::after{
  border: 2px solid #b03421;
}
.search-wrapper .close {
    position: absolute;
    opacity: 0;
    z-index: 1;
    top:5px;
    right:10px;
    width:25px;
    height:25px;
    cursor: pointer;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.search-wrapper.active .close {
    opacity: 1;
    right:-30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.search-wrapper .close::before, .search-wrapper .close::after {
    position:absolute;
    content:'';
    background: #FFF;
    border-radius: 2px;
}
.search-wrapper .close::before {
    width: 2px;
    height: 25px;
    left: 17px;
    top: 3px;
}
.search-wrapper .close::after {
    width: 25px;
    height: 2px;
    left: 6px;
    top: 15px;
}
.search-wrapper .result-container {
    width: 100%;
    position: absolute;
    top:80px;
    left:0px;
    text-align: center;
    font-family: "Open Sans", Arial, Verdana;
    font-size: 14px;
    display:none;
    color:#B7B7B7;
}

.section1_banner .swiper-pagination{color: #fff;font-size: 20px;bottom: 55px;width: 90px;left:60px;}
.swiper-pagination-current,.s1{font-size: 39px;}

.mouse{position: absolute;bottom: 55px;left:50%;text-align: center;width: 100px;margin-left: -50px;color: #fff;z-index: 100;font-size: 13px;}
.mouse span{display: block;text-transform: uppercase;margin-top: 5px;}
.mouse p{margin-top:10px}
.mouse i{display: block;width: 20px;height: 50px;background: url('../images/mouse.png') no-repeat center top;margin:0 auto;
  animation: movea 4s linear infinite;
  -webkit-animation: movea 4s linear infinite;
}
@-webkit-keyframes movea {
    0% {
     -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }

    30% {
    -webkit-transform: translate3d(0px, -8px, 0);
       transform: translate3d(0px, -8px, 0);
    }

    60% {
     -webkit-transform: translate3d(0, 8px, 0);
        transform: translate3d(0, 8px, 0);
    }

    100% {
     -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
  }

  @keyframes movea {
    0% {
     -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }

    30% {
    -webkit-transform: translate3d(0px, -8px, 0);
       transform: translate3d(0px, -8px, 0);
    }

    60% {
     -webkit-transform: translate3d(0px, 8px, 0);
        transform: translate3d(0px, 8px, 0);
    }

    100% {
     -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
  }
.video{position: absolute;bottom:60px;right:7%;z-index: 100;max-width: 414px;height:283px;}
.video iframe{width:414px;height: 283px;}

.section_nr{width: 100%;height: calc(100% - 80px);position: absolute;bottom: 0;left:0;}

.sec2_title .sec2_title_lanmu{color:#ffffff;font-size: 47px;font-weight: bold;line-height: 55px;}
.sec2_title .sec2_title_lanmu b{font-size: 47px;color: #ffd300}
.sec2_title p{font-size: 21px;color: #fff}
.sec2_title span{display: block;font-size: 17px;color: #fff;margin-top: 5px}
.sec2_title{width: 266px;height: 161px;padding:25px 0 0 30px;position: absolute;top:40%;left:3%;margin-top: -80px}
.sec2_title_bg1{position: absolute;top:0;left:0;width: 92px;height: 44px;background: url('../images/bor1.png') no-repeat;}
.sec2_title_bg2{position: absolute;bottom:0;right:0;width: 81px;height: 43px;background: url('../images/bor2.png') no-repeat;}

.sec2_list{width: 805px;position: absolute;top:50%;right:12%;transform:translateY(-50%);}
.sec2_list li{width: 33.3%;float: left;}
.sec2_info{width: 100%;height:0;padding-top:93%;position: relative;background: rgba(255,255,255,0.3);}
.sec2_pic{position:relative;width:100%;height:0;padding-top:93%;}
.sec2_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.sec2_list li .sec2_info p{font-size: 13px;color: #57554d;text-transform: uppercase;text-align:center;padding-top: 31px;position: absolute;top:50%;transform:translateY(-50%);width: 100%}
.sec2_list li:nth-child(1) p{background: url('../images/c1.png') no-repeat center top;}
.sec2_list li:nth-child(2) p{background: url('../images/c2.png') no-repeat center top;}
.sec2_list li:nth-child(3) p{background: url('../images/c3.png') no-repeat center top;}


.sec3_title{text-align: center;margin-top: 30px}
.sec3_title_lanmu{font-size: 45px;color: #c11c01;font-weight: bold;line-height:47px;padding-top:7px}
.sec3_title p{color: #101010;font-size: 23px;text-transform: uppercase;}
.sec3_title span{display: block;font-size: 16px;color: #373737;margin-top: 5px}
.sec3_list .swiper-container{width: 94%;margin:0 auto;}
.sec3_list .swiper-slide{width:20%;float: left;padding-right:2%;}
.sec3_list .swiper-slide .sec3_tit{color: #3a3a3a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 26px;font-weight:bold;line-height: 28px;margin-bottom:10px;}
.sec3_con{font-size: 14px;color: #171111;line-height: 2;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.sec3_info{border-left: 1px solid #8f8d8a;padding-left: 10px;}




.sec3_list{margin-top: 100px}
.sec3_title_top{width: 266px;margin:0 auto;position: relative;}
.line_svg {position: absolute;top:0;left:0;}
.firstop{
  animation:firstop 2s linear infinite;
  stroke:#c11c01;
  stroke-width:6;
  -moz-animation:firstop 2s linear;
  -webkit-animation:firstop 2s linear;
}

@-moz-keyframes firstop
        {
            0%   {stroke-dasharray: 0%, 500%;stroke-dashoffset: 0%;}
            100%  {stroke-dasharray: 500%, 0%;stroke-dashoffset: 0%;}
        }
        @-webkit-keyframes firstop
        {
            0%   {stroke-dasharray: 0%, 500%;stroke-dashoffset: 0%;}
            100%  {stroke-dasharray: 500%, 250%;stroke-dashoffset: 0%;}
        }
@keyframes firstop
        {
            0%   {stroke-dasharray: 0%, 500%;stroke-dashoffset: 0%;}
            100%  {stroke-dasharray: 500%, 0%;stroke-dashoffset: 0%;}
        }
        @-webkit-keyframes firstop
        {
            0%   {stroke-dasharray: 0%, 500%;stroke-dashoffset: 0%;}
            100%  {stroke-dasharray: 500%, 250%;stroke-dashoffset: 0%;}
        }
.sec3_list{position: relative;}
.sec3_list .swiper-container{padding-bottom:70px}
.sec3_list .swiper-pagination-bullet-active{background:#c11c01 }
.line{width: 100%;height: 1px;background: #787575;position:absolute;top:50px;left:0;
 
}
.Pxian{opacity: 1;
 animation:Pxian 2.2s backwards 0.5s; animation-timing-function:linear;
     -webkit-animation:Pxian 2.2s backwards 0.5s;-webkit-animation-timing-function:linear;
     -mos-animation:Pxian 2.2s backwards 0.5s;-mos-animation-timing-function:linear;
     -ms-animation:Pxian 2.2s backwards 0.5s;-ms-animation-timing-function:linear;
     -o-animation:Pxian 2.2s backwards 0.5s; -o-animation-timing-function:linear; }
@keyframes Pxian{
  0%{width:0%;}
  100%{width:100%;}
}

@-webkit-keyframes Pxian{
  0%{width:0%;}
  100%{width:100%;}
}



.sec5_list{margin:70px auto 50px;}
.sec5_list li{width:23%;float: left;margin:0 1%;background: rgba(255,255,255,0.9);padding: 20px 12px}
.sec5_pic{position:relative;width:100%;height:0;padding-top:56%;}
.sec5_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.sec5_tit{transition: all 0.4s linear;-webkit-transition: all 0.4s linear;color: #232020;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 20px;margin-bottom: 10px}
.sec5_jian{transition: all 0.4s linear;-webkit-transition: all 0.4s linear;font-size: 14px;color: #5f5b5a;line-height: 2;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.date{font-size: 15px;color: #111111;padding:40px 5px 30px;transition: all 0.4s linear;-webkit-transition: all 0.4s linear;}
.sec5_tit::before{ margin-right: 10px;content:'|';}
.sec5_info{padding: 0 5px}
.sec5_more{font-size: 14px;color: #fff;display: block;width: 78px;height: 22px;border:1px solid #fff;border-radius:6px;line-height: 20px;text-align: center;margin:0 auto;}


.sec6_list{position: relative;width: 92%;margin: 0 5% 0 3%}
.sec6_list .se6_li1{width:30%;height: 100%;position: absolute;top:0;left:0;}
.sec6_list .se6_li1 a{display: block;width:100%;height:calc(100% - 8px);position: relative;}
.sec6_list .se6_li1 .sec6_pic{position:relative;width:100%;height: 100%;}
.sec6_pic img{position:absolute;top:0;left:0;width:100%;height:100%;display: block;}
.sec6_list li{position: relative;float: left;}
.sec6_list  .sec6_tit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:16px;position: absolute;bottom: 0;left:0;width: 100%;height: 45px;line-height: 45px;color: #fff;text-align: center;background: rgba(0,0,0,0.5);}
.sec6_list{margin-top: 40px}

.sec6_list ul{width:70%;float: right;}
.sec6_list .se6_li2{width:33.3%;}
.sec6_list .se6_li2 a{display: block;margin-left: 8px;margin-bottom: 8px;position: relative;}
.sec6_list .se6_li2 .sec6_pic{position:relative;width:100%;height:0;padding-top:70%;}
.sec6_list .se6_li2 .sec6_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}

.bot_left{padding-top: 10px;width:615px;float: left;}
.bot_left1{float: left;color: #bebebe;background: url('../images/hottel.png') no-repeat center left;padding-left: 72px;margin-left: 5%;margin-right: 29px}
.bot_left1 p{font-size: 28px;font-family: Impact;line-height: 35px;}
.bot_left1 span{font-size: 14px;}

.bot_left2{float: left;font-size: 14px;color: #b9b9b9;text-transform: uppercase;padding-left:50px;background: url('../images/bl.png') no-repeat center left;}
.bot_left2 p:nth-child(1){background: url('../images/email.png') no-repeat center left;padding-left: 29px;margin-bottom: 15px}
.bot_left2 p:nth-child(2){background: url('../images/addr.png') no-repeat center left;padding-left: 29px}
.bot_right{float: right;margin-right: 70px;width: 555px}
.bot_right_bot{color: #d8d8d8;font-size: 14px;}

 .bsBox{overflow: hidden!important;padding: 0!important;height: 256px!important;width: 232px!important;}
 .bot_right_top{text-align: right;margin-bottom: 15px}
 .bot_right_top.bshare-custom a {
     width: 49px;
     height: 49px;
     padding: 0;
     border-radius:100%;
     background-position-x: center;
     background-position-y: center;
     margin-left:23px;
 }
 .bot_right_top.bshare-custom a.bshare-sinaminiblog {
     background:url("../images/xl.png") no-repeat center;
 }
 .bot_right_top.bshare-custom a.bshare-weixin {
     background:url("../images/wx.png") no-repeat center;
 }
.side li a{display: block;position: absolute;top:0;left:0;bottom: 0;right: 0}
.side{position:fixed;right: 0;bottom: 5%;width: 48px;height:207px;z-index: 100000;}
.side li{height: 50px;position: relative;padding-left: 48px;position: relative;cursor: pointer;}
.side li:nth-child(1){background:#31353d url('../images/s1.png') no-repeat center left 14px;cursor: pointer;}
.side li:nth-child(3){background:#31353d url('../images/s3.png') no-repeat center left 14px;}
.side li:nth-child(4){background:#31353d url('../images/s4.png') no-repeat center left 14px;cursor: pointer;}
.side li:nth-child(1):hover{background:#c11c01 url('../images/s1.png') no-repeat center left 14px;}
.side li:nth-child(3):hover{background:#c11c01 url('../images/s3.png') no-repeat center left 14px;}
.side li:nth-child(4):hover{background:#c11c01 url('../images/s4.png') no-repeat center left 14px;}
.side ul li .sidebox img{width: 25px;height: 25px;margin: 12px;float: left;}
.side ul li .sidebox {
    position: absolute;
    width: 48px;
    height:50px;
    line-height: 50px;
    font-size: 15px;color: #fff;
    top: 0;
    right: 0;
    transition: all 0.5s;
    background: #31353d;
    overflow: hidden;
}
.side li .ewm {
    opacity: 0;
    left: -120px;
    position: absolute;
    width: 120px;
    background: #fff;
    text-align: center;
    height: 120px;
}
.side li .ewm img{width: 120px;}



.section{width: 100%}

.section4 ul{height: 100%;background: rgba(6,51,113,0.5);}
.section4 ul li{height: 100%;border-right:1px solid;border-color: rgba(255,255,255,0.3);}
.sec4_info{position: absolute;width:70%;left:50%;transform:translate(-50%,-50%);top: 50%}
.sec4_info p{text-align: center;color: #f0f4f7;font-size: 32px;font-weight: bold;background: url('../images/x.png') no-repeat center bottom;padding-bottom: 10px;margin-bottom: 10px}
.sec4_info a{
  display: block;transition-delay: 0.5s;
  width: 160px;height: 40px;line-height: 40px;text-align: center;font-size: 15px;color: #3c3c3c;background: #fff;margin:55px auto 0;transition:all 1s;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);opacity: 0;
}
.sec4_jian{font-size: 15px;color: #f0f4f7;line-height: 2;}



.sec4_tit{width:80%;position: absolute;bottom:5%;left:10%;text-align: center;font-size: 30px;color: #fff;font-weight: bold;opacity: 1;transition:all 0.3s;}
.section4 ul li.active  .sec4_tit{opacity: 0}

.section4 ul li .sec4_info p{opacity: 0;transition:all 1s;-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
.section4 ul li .sec4_info span{opacity: 0;}
.section4 ul li .sec4_info .sec4_jian{opacity: 0;transition:all 1s;-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}


.section4 ul li.active .sec4_info p{opacity: 1; -webkit-transform: none;transform: none;}
.section4 ul li.active .sec4_info .sec4_jian{opacity: 1;-webkit-transform: none;transform: none; }
.section4 ul li.active .sec4_info a{opacity: 1;-webkit-transform: none;transform: none;}




.icon{width: 100px;height: 100px;margin:0 auto 20px;background: url('../images/y1.png') no-repeat center;position: relative;}
.icon img{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);display: block;z-index: 1}
.sec3_list .swiper-slide .icon_bg{width: 0;height: 0;border: 0;border-radius:50%;background: url('../images/y2.png') no-repeat center;position: absolute;top:50%;left: 50%;opacity: 0;transition: 0.5s;transform:translate(-50%,-50%);}
.sec3_list .swiper-slide:hover .icon_bg{width:100px;height: 100px;opacity: 1;transition: 0.5s;}
.sec3_list .swiper-slide a{display: block;}
.sec3_list .swiper-slide:hover .sec3_tit{color: #c71c01}

.sec5_list{overflow: hidden;}

.sec4_info a{
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  background: -webkit-linear-gradient(180deg, white, white, rgba(34,34,34,0), rgba(34,34,34,0));
  background-position: 99% 50%;
  background-size: 300% 300%;
  border: 1px solid white;
}
.sec4_info a:hover{
  color:#fff;
  background-position: 1% 50%;
}

.sec5_more{
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  background: -webkit-linear-gradient(180deg, white, white, rgba(34,34,34,0), rgba(34,34,34,0));
  background-position: 1% 50%;
  background-size: 300% 300%;
  border: 1px solid white;
}

.sec5_more:hover{
  color:#333;
  background-position: 99% 50%;
}
.sec5_list li{transition: all 0.5s;position: relative;}
.sec5_list li .sec5_pic{position: relative;z-index: 1;}
.sec5_info{position: relative;z-index: 1;}
.date{position: relative;z-index: 1;}
.sec5_bg{position: absolute;left: 0;bottom: 0%;width: 100%;height: 0;background: #bd4734;transition: all 0.4s linear;-webkit-transition: all 0.4s linear;}
.sec5_list li:hover .sec5_bg{height: 100%;}
.sec5_list li:hover .sec5_tit{color: #fff}
.sec5_list li:hover .sec5_jian{color: #fff}
.sec5_list li:hover .date{color: #fff}

.sec6_list .se6_li2 .sec6_pic{overflow: hidden;}
.sec6_list .se6_li2 .sec6_pic img{
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  transition:all 1s;
}
.sec6_list .se6_li2 :hover .sec6_pic img{
  -webkit-transform: scale(1);
  transform: scale(1);
}

.sec6_list .se6_li1 .sec6_pic{overflow: hidden;}
.sec6_list .se6_li1 .sec6_pic img{
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  transition:all 1s;
}
.sec6_list .se6_li1 :hover .sec6_pic img{
  -webkit-transform: scale(1);
  transform: scale(1);
}


.sec5_list li .sec5_pic{position: relative;overflow: hidden;display: block;}
.sec5_list li .sec5_pic img{transition:all 0.8s;-webkit-transition:all 0.8s;}
.sec5_list li:hover .sec5_pic img{transform:scale(1.1);}

.sec2_list li .sec2_pic{position: relative;overflow: hidden;display: block;}
.sec2_list li .sec2_pic img{transition:all 0.8s;-webkit-transition:all 0.8s;}
.sec2_list li:hover .sec2_pic img{transform:scale(1.1);}

#fp-nav ul li:last-child{display: none;}
/*第4屏*/
.sec4_nr{position: relative;width: 100%;height: 100%;position: relative;overflow: hidden;}
.bannerList{position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0}
.bannerList li{text-align: center;overflow: hidden; width: 18%;box-sizing: border-box;height: 100%;position: relative;display: inline-block;
vertical-align: middle;transition: all .4s ease-in-out 0s;
-webkit-transition: all .4s ease-in-out 0s;
-moz-transition: all .4s ease-in-out 0s;
-ms-transition: all .4s ease-in-out 0s;
-o-transition: all .4s ease-in-out 0s;}
.bannerList li:last-child{border-right: none;}
.bannerList li.active{width:28%;}


.bannerList li.active{
  background:rgba(0,0,0, 0.3);   
    background:-moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0, 0.5));  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0, 0.5)));  
    background:-o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0, 0.5)); }


.bannerImg{width: 100%;height: 100%;}
.section4_img{position:absolute;top:0;left:0;transition: 0.5s ease-in-out;width: 100%;height: 100%;opacity: 0;}
.section4_img.active{opacity: 1;}



@media (max-width:1600px){
  .nav_list li {float: left;padding: 30px 23px 0;}
}
@media screen and (max-width:1600px) and (max-height:745px){
  .sec3_list {margin-top:60px;}
  .date {padding:10px 5px;}
  .sec5_list {margin:40px auto 35px;}
  .sec3_title_lanmu{font-size: 35px;}
  .main{max-width: 90%}
  .sec5_tit{margin-top:10px;margin-bottom:5px;font-size: 16px;}
  .sec6_list{width:80%;margin:2.5% 13% 0 7%;}
  
}

@media (max-width:1550px){
  .nav_list li {float: left;padding: 30px 15px 0;}
  .nav_list{margin-right:20px;width:755px}
  .sec4_info p{font-size: 30px;}
  .sec3_list .sec3_list .sec3_tit{font-size: 23px;}
  .section4 ul li .sec4_info p,.sec4_tit{font-size: 25px;}
  .sec4_info a{width: 130px;height: 35px;line-height: 33px;}
  .sec6_list .sec6_tit{height: 40px;line-height: 40px;}
  .sec2_list{width: 750px}
  .sec5_list li{padding: 15px 12px;}
  .sec3_list .swiper-slide .sec3_tit{font-size: 22px;}
}

@media screen and (max-width:1400px) and (max-height:890px){
   .sec6_nr{position: absolute;top:45%;width: 100%;transform:translateY(-50%);}
   .date{padding:30px 5px 20px;}
}

@media screen and (max-height:607px){
  header{height: 70px;}
  .logo img{height: 55px;}
  .logo{margin-top:7px;}
  .search{top:16px;}
  .search-wrapper::before{top:6px;}
  .nav_list{height: 70px;}
  .nav_list li{padding-top: 23px}
  .header_btn{padding-top: 21px}
  .header_btn img{height: 20px;vertical-align: top;margin-top: 5px}
  .header_btn{width: 83px}

  .search{top:15px;}
  .sec2_list {width:48%;}
  .section_nr{height: calc(100% - 70px);}
  .sec3_title{transform:scale(0.75);margin-top: 10px}
  .sec5_list{margin: 10px auto 35px;}
  .sec3_list {margin-top: 30px;}
  .sec6_list {margin: 1% 13% 0 7%;}

  .header_btn img{height: 20px;vertical-align: top;margin-top: 5px}
  .header_btn{width: 83px}

  .section4 ul li.active .sec4_info .sec4_jian{
    display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:7;-webkit-box-orient: vertical;
  }


}

@media screen and (max-width:1270px){
  header{height: 70px;}
  .nav_list{height: 70px;}
  .header_btn{padding-top: 21px}
  .search{top:16px;}
  .nav_list li { padding: 24px 7px 0;}
  .search-wrapper::before{top:6px;}
  .logo img{height: 50px;}
  .logo{margin-left:15px;padding-left: 0;margin-top: 10px}
  .header_right{margin-right:50px}
  .nav_list {margin-right: 10px;width: 625px;}
  .header_btn img{height: 20px;vertical-align: top;margin-top: 5px}
  .header_btn{width: 83px}
  .sec4_info{width: 80%}
  .sec2_list {width: 48%;}
  .bot_left2{display: none;}
  .bot_left{width: 300px}
  .section7 {padding:15px 0 20px;}
  .bot_right_top{margin-bottom: 10px}
  .bot_right_top.bshare-custom a{width: 35px;height: 35px;background-size: cover!important;display: inline-block;}
  .video{width:35%;height:0;padding-top:24%;}
  .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
  .section4 ul li .sec4_info p, .sec4_tit {
      font-size: 22px;
  }

  .date {padding:15px 5px 10px;}

}

html{height: 100%;}
body.open {height: 100%;
  overflow: hidden;
}
body.open #sidebar {
   width: 70%
}
#sidebar {
    width: 0%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    position: absolute;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
  
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    z-index: 10;
}
#sidebar ul li {
    display: block;
    min-height: 49px;
    border-bottom: 1px solid #333;
    font-size: 14px;
    width: 100%;
}
.agent-mobile #sidebar ul li {
    border-color: rgba(255, 255, 255, .05);
}
#sidebar ul li a {
    display: block;
    color: #fff;
    padding: 0 25px;
    height: 49px;
    line-height: 49px;
    /*text-align: center;*/
}

.nr {
    position: relative;
    z-index: 10;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
body.open .nr {
    transform: translate3d(70%,0,0)!important;
    -webkit-transform: translate3d(70%,0,0)!important;
   
}
#close{position: absolute;right: 10px;top:10px;}
#close img{height:15px;}

li.navitem{
    position: relative;
    top: 100px;
    opacity: 0;
    transition: .3s;
    transitino-delay: 1s;
}

body.open li.navitem{
    top: 0px;
    opacity: 1;
    transition: 1s;
}
body.open li.navitem:nth-child(2)  {
    transition-delay: 0.2s;
}

body.open li.navitem:nth-child(3)  {
    transition-delay: 0.4s;
}

body.open li.navitem:nth-child(4)  {
    transition-delay: 0.6s;
}

body.open li.navitem:nth-child(5)  {
    transition-delay: 0.8s;
}

body.open li.navitem:nth-child(6)  {
    transition-delay: 1s;
}

body.open li.navitem:nth-child(7)  {
    transition-delay: 1.2s;
}
body.open li.navitem:nth-child(8)  {
    transition-delay: 1.4s;
}
body.open li.navitem:nth-child(9)  {
    transition-delay: 1.6s;
}
body.open li.navitem:nth-child(10)  {
    transition-delay: 1.8s;
}

body.open li.navitem:nth-child(11)  {
    transition-delay: 2s;
}
body.open li.navitem:nth-child(12)  {
    transition-delay: 2.2s;
}
body.open li.navitem:nth-child(13)  {
    transition-delay: 2.4s;
}
body.open li.navitem:nth-child(14)  {
    transition-delay: 2.6s;
}

.head_3g,.bot2{display: none;}
@media screen and (max-width:1020px){
  .side{display: none;}
  header{display: none;}
  .main{max-width: 94%}
  .head_3g{position:fixed;top:0;left:0;background: rgba(0,0,0,0.5);z-index: 100;width: 100%;height: 50px;display: block;}
  .nav img{height: 19px;margin-right: 10px;vertical-align: middle;margin-top:2px}
  .sear img{height: 23px;vertical-align: middle;}
  .sear{background: url('../images/bor.png') no-repeat center left;padding-left: 10px;}
  .logo_3g img{height:40px;margin-top: 5px}
  .head_right{margin-top: 13px}

  .ss{width:0;height:35px;position:absolute;left:0;top:50px;overflow:hidden;z-index:7;}
  .ss_bd{width:80%;height:35px;border:none;background:#fff;float:left;color:#333333;padding:0 0 0 12%;font-family:"微软雅黑";border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:14px;}
  .ss_btn{width:20%;float:left;line-height:35px;background:#c11c01;border:none;color:#fff;font-family:"微软雅黑";border-radius:3px;
  -moz-border-radius:3px;-webkit-border-radius:3px;font-size:15px;}

  body.open #sidebar{width: 30%}
  body.open .nr { transform: translate3d(30%,0,0)!important;  -webkit-transform: translate3d(30%,0,0)!important;}
  
  .video{right: 3%}
  .section1_banner .swiper-pagination{left:3%;}
  .sec2_title{position:static;margin: 0 auto;width: 250px;}
  .sec2_tit{position: relative;padding:8px 20px 13px}
  .sec2_title .sec2_title_lanmu,.sec2_title .sec2_title_lanmu b{font-size: 30px;}
  .sec2_title .sec2_title_lanmu{line-height: 40px;}
  .sec2_list{width:75%;position:static;margin:4% auto 0;-webkit-transform: none;transform: none;}
  .section_3g_nr{position: absolute;top:47%;transform:translateY(-50%);width: 100%}
  .section_nr{height: calc(100% - 50px);}

  .sec2_info{background:rgba(255,255,255,0.5);}

  .sec5_list li:last-child{display: none;}
  .sec5_list li {width: 32.3%;margin: 0 0.5%;}
  .sec6_list li:last-child{display: none;}
  .sec6_list li:nth-last-child(2){display: none;}
  .sec6_list .se6_li2{width: 50%}
  .sec6_list ul{width:65%}
  .sec6_list .se6_li1{width:35%}

  .bot1{display: none;}
  .section7{padding: 15px 10px;}
  .bot2{display: block;color: #fff;font-size: 13px;text-align: center;}
  .sec3_title_lanmu{font-size: 30px;}
  .sec3_title p{font-size:18px;}

}
.sec3_title_3g,.sec4_list_3g,.section1_banner_3g,.sec3_list_3g,.sec6_list_3g,.sec4_bg{display: none;}
.foot{display: none;}
@media screen and (max-width:640px){
  .bot2{display: none;}
  .foot{display: block;}
  .section7{padding: 0}
  .foot{width: 100%;background:#2d3038;height:70px;width: 100%;display: block;z-index: 100;}
  .foot a{display: block;float: left;text-align: center;color: #fff;width: 25%;padding-top:42px;font-size: 14px;}
  .foot a:nth-child(1){background: url('../images/foot1.png') no-repeat center top 10px;background-size: auto 32px;}
  .foot a:nth-child(2){background: url('../images/foot2.png') no-repeat center top 10px;background-size: auto 32px;}
  .foot a:nth-child(3){background: url('../images/foot3.png') no-repeat center top 10px;background-size: auto 32px;}
  .foot a:nth-child(4){background: url('../images/foot4.png') no-repeat center top 10px;background-size: auto 32px;}
  body.open #sidebar{width: 60%}
  body.open .nr {
      transform: translate3d(60%,0,0)!important;
      -webkit-transform: translate3d(60%,0,0)!important;
     
  }
  .mouse i{width:15px;height: 38px;background: url('../images/mouse.png') no-repeat center top;background-size: cover}

  .video {width: 85%;height: 0;padding-top:56%;bottom: 165px;right:7.5%;}

  .sec2_list{width: 85%}
  .sec2_list li .sec2_info p{font-size: 0;background-size: 80%!important;padding-top:21px}
  .sec2_info {background: rgba(255,255,255,0.7);}
  .section_3g_nr{top:40%;}
  .sec3_title{display: none;}
  .sec3_title_3g{display: block;}
  .sec3_title_3g .sec3_title_top{width: 150px;text-align: center;}
  .sec3_title_lanmu{font-size:22px;line-height: 28px;}
  .sec3_title_3g p {font-size: 14px;text-transform: uppercase;}
  .sec3_title_3g span{font-size: 13px;text-align: center;display: block;}
  .sec3_title_3g{margin-top: 30px}
  .sec3_list .swiper-slide .sec3_tit{font-size:18px;margin-bottom: 5px}
  .sec3_con{font-size: 13px;line-height: 1.7;}

  .icon {
      width:65px;
      height:65px;
      margin: 0 auto 7px;
      background: url('../images/y1.png') no-repeat center;
      position: relative;background-size: cover;
  }
  .icon img{width:30px;}
  .sec3_list .swiper-slide:hover .icon_bg{width: 65px;height: 65px;background-size: cover}
  .line{top:35px;}
  .sec3_list{margin-top:30px}
  .bannerList{display: none;}
  /*.sec4_list_3g{display: block;position: absolute;width:100%;height:calc(100% - 50px);left: 0;bottom: 0;}
  .sec4_list_3g_li{color: #fff;height:20%;width: 100%;background: rgba(6,51,113,0.5);border-top: 1px solid;
border-color: rgba(255,255,255,0.3);padding: 0 3%}
  .sec4_list_3g a{color: #fff}
  .sec4_list_3g_li:nth-child(1){border:0px;}
  .sec4_tit_3g{padding-top: 10px;font-size:18px;font-weight: bold;text-align: center;}
  .sec4_jian_3g{color: #fff;font-size: 13px;line-height: 1.7;font-weight: normal;margin-top: 5px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
  */
  .section1_banner_pc{display: none;}
  .section1_banner_3g{display: block;}
  .mouse,.section1_banner .swiper-pagination{bottom:5%}
  .line{display: none;}
  
  .sec3_list_pc{display: none;}
  .sec3_list_3g{display: block;}
  .sec3_list_3g .swiper-slide{margin-bottom: 10px}

  .section2{background: url('../images/b2.jpg') no-repeat center top;background-size: cover;}
  .section3{background: url('../images/b3.jpg') no-repeat center bottom;background-size: cover;}
  .section4{background: url('../images/bg4.jpg') no-repeat center bottom;background-size: cover;}
  .section5{background: url('../images/b5.jpg') no-repeat center bottom;background-size: cover;}
  .section6{background: url('../images/b6.jpg') no-repeat center bottom;background-size: cover;}

  .sec3_list_3g .swiper-pagination-bullet{width:25px;border-radius: 0;height:3px;opacity:1;background:#a1a1a1}
  .sec3_list_3g .swiper-pagination-bullet-active{background:#c11c01}
  .sec3_list_3g .swiper-container{padding-bottom: 50px}
  
  .sec4_bg{background: rgba(6,51,113,0.5);position: absolute;top:0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;display: block;}
  .sec4_list_3g{display: block;position: absolute;width:100%;height:calc(100% - 50px);left: 0;bottom: 0;}
  .sec4_list_3g_top a{display: block;width: 32.3%;height: 35px;line-height: 35px;border:1px solid #9fc8fb;font-size: 14px;color: #fff;float: left;margin:0 0.5% 5px;text-align: center;}
  .sec4_list_3g_bot .sec4_3g_bot_li{display: none;}
  .sec4_list_3g_top{margin-top:10%}

  .sec4_list_3g_bot .sec4_3g_info p{font-size: 22px;text-align: center;color: #fff;font-weight: bold;}
  .sec4_list_3g_top a.sec4_list_3g_a_on{color: #fffb91;border:1px solid #fffb91;}
  .sec4_list_3g_bot{margin-top:15%;}
  .sec4_3g_info{width: 80%;margin:0 auto;text-align: center;}
  .sec4_3g_info span{display: block;width:50px;height:1px;background: #adc4e0;margin:5px auto 10px}
  .sec4_jian{font-size: 14px;line-height: 2;margin-bottom: 30px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:6;-webkit-box-orient: vertical;}
  .sec4_3g_info a{display: block;width:100px;height:30px;line-height: 30px;background: #fff;margin:0 auto;color: #3c3c3c;font-size:14px;}

  .sec5_list li:last-child{display: block;}
  .sec5_list li {width: 48%;margin: 0 1% 7px;padding:7px 7px 12px;}
  .date {padding: 0;font-size: 13px;color: #2e2828;display: none;}
  .sec5_info{padding:0px;}
  .sec5_tit::before {margin-right:3px;content: '|';}
  .sec5_jian{font-size: 13px;line-height: 1.7;}
  .sec5_tit {margin-top:5px;margin-bottom:2px;font-size: 15px;}
  .sec5_list {
      margin:25px auto 25px;
  }
  #fp-nav{display: none;}
  .sec6_list{display: none;}
  .sec6_list_3g{display: block;margin-top:25px}
  .sec6_list_3g li{width: 48.5%;margin-bottom:10px;position: relative;}
  .sec6_list_3g li .sec6_pic{position:relative;width:100%;height:0;padding-top:70%;}
  .sec6_list_3g li:nth-child(2n+1){float: left;}
  .sec6_list_3g li:nth-child(2n){float: right;}
  .sec6_nr{position: static;-webkit-transform: none;transform: none;}

  .sec6_list_3g  .sec6_tit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;position: absolute;bottom: 0;left:0;width: 100%;height:30px;line-height:30px;color: #fff;text-align: center;background: rgba(0,0,0,0.5);}
  
  .sec2_list{position: static;-webkit-transform: none;transform: none;width: 94%;margin: 6% auto}
  .sec2_title .sec2_title_lanmu, .sec2_title .sec2_title_lanmu b{font-size:25px;}
  .sec2_title p{font-size:15px;}
  .sec2_title span{font-size: 14px;}
  .sec2_tit {
      padding: 4px 16px 9px;
  }
  .sec2_title{height: auto;}

  .sec2_title_bg1{position: absolute;top:0;left:0;width: 92px;height: 44px;background: url('../images/bor1.png') no-repeat;background-size:60px;}
  .sec2_title_bg2{position: absolute;bottom:23px;right:38px;width: 81px;height: 43px;background: url('../images/bor2.png') no-repeat;background-size:50px;}


}


.sec2_list{overflow: hidden;}