@charset "UTF-8";
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;margin:0; }
img{-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s; -ms-transition: all 0.5s;  transition: all 0.5s;
  border:0;display: inline-block;
}
.tran_scale{ overflow:hidden; display:block;}
.tran_scale:hover img{transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1);}
.bx-wrapper .bx-viewport{background: transparent!important;border:0!important;border-radius: initial!important;box-shadow:none!important;left:0!important;}
.bx-loading{display: none;}
.mCustomScrollBox{padding-right: 20px;}


.trans{-webkit-transition: all .4s;-moz-transition: all .4s; -ms-transition: all .4s;transition: all .4s;}
a{color:#333;-webkit-transition: all .2s;-moz-transition: all .2s; -ms-transition: all .2s;transition: all .2s;}
a.more{position: relative;}
a.more span{position: relative;z-index: 2;}
a.more:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100px;
  background: rgba(255,255,255,0.3);
  transition: all .3s;
}
.no_touch a.more:hover:after{width: 100%;}

img.phone_img{display: none;}
@media only screen and (max-width: 767px){
  img.pc_img{display: none;}
  img.phone_img{display: block;}
}
/*无图——图片的父级要加relative,要设置高度。padding-bottom:30%; #ff809a ——*/
.err_position{background: #ff809a;}
.err_position img{width:auto!important;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.tran_scale:hover a.err_position img{transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;}
   


body{font-size: 14px;
    /*max-width: 1920px;*/
    margin-left: auto;
    margin-right: auto;
    background-size: cover;
    -ms-behavior: url(../img/backgroundsize.min_1.htc);
    behavior: url(../css/backgroundsize.min.htc);
}
html,body{height: 100%;}
body.n_body{margin:0 auto;overflow: visible;overflow-x: hidden;}
body.w1200{overflow: visible;height: auto;}

/*更多按钮*/
div.more{margin-top: 90px;display: inline-block;overflow: hidden;}
div.more a{overflow: hidden;
  display: inline-block;width: 200px;height: 45px;
  line-height: 45px;text-align: center;border:1px solid #fff;
  -webkit-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
  -moz-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
  -o-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
  -ms-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
  transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
}
div.more a span{
  display:block;width:100%;height: 45px;line-height: 45px;
  text-align: center;
  -webkit-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
  -moz-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
  -o-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
  -ms-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
  transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
  position: relative;
}
div.more a span:after{content:attr(data-tit);
    position: absolute;height: 45px;
    top:0px;left:0px;right:0;
    color:transparent;
    -webkit-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    -moz-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    -o-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    -ms-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    -webkit-transform: translate(0,100%);
    -moz-transform: translate(0,100%);
    -o-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    transform: translate(0,100%);
}
div.more a:hover span{color: transparent;
  -webkit-transform: translate(0,-100%);
  -moz-transform: translate(0,-100%);
  -ms-transform: translate(0,-100%);
  -o-transform: translate(0,-100%);
  transform: translate(0,-100%);
}
div.more a:hover{border:1px solid #fff;}
div.more a:hover span:after{background-color: #fff;color:#0072ff;}
@media only screen and (max-width: 1200px){
  div.more{margin-top:30px;}
  div.more a{width: 150px;height: 35px;line-height: 35px;}
  div.more a span{height: 35px;line-height: 35px;}
  div.more a span:after{height: 35px;}
}
/*结束*/

.body{margin:0 auto;position: relative;z-index: 9;}
.header{position: fixed;top: 0px;left: 0px;right: 0px;z-index: 999;border-bottom:3px solid #0072ff;}
.header .header01{position: relative;}
.header .header01 .logo{float: left;margin-top: 40px;}
.header .header01 .header_right{float: right;margin-top: 40px;}
.header .header01 .header_right .nav_top{margin-right: 24px;}
.header .header01 .header_right .nav_top>*{float: right;}
.header .header01 .header_right .nav_top a{color: #ff9c00;border-right: 1px solid #fff;line-height: 1;padding-right: 15px;margin-right: 15px;display: block;}
.header .header01 .header_right .nav_top a:hover{text-decoration: underline;}
.header .header01 .header_right .nav_top a.web_link{color: #ccc;}
.search{position: relative;}
.search .search_btn{cursor: pointer;}
.search input{display:none;position: absolute;border:0;right: -5px;top:-5px;}
.search input[type='text']{width: 180px;height: 25px;line-height: 25px;border-radius: 25px;border:1px solid #ccc;padding:0 30px 0 10px;}
.search input[type='button']{top:0px;right:5px;width: 16px;height: 16px;background: url(../img/search_btnh_1.png) no-repeat;z-index: 2;}
.search:hover input{display: block;}

.header .header01 .nav>ul{float: left;transition:all 0.5s ease-in-out;opacity: 1;}
.header .header01 .nav>ul li{float: left;margin:0 20px;text-align: center;height: 53px;line-height: 53px;
  position: relative;
}
.header .header01 .nav>ul li:first-child{}
.header .header01 .nav>ul li a{color: #fff;display: inline-block;width: 100%;height: 100%;}
.header .header01 .nav>ul li a span{display: inline-block;
  width: 0;margin:0 auto;height: 2px;background: #fff;
  position: absolute;bottom: 0px;left: 50%;
  transform:translateX(-50%);
  transition: all 0.3s ease-out;
}
.header .header01 .nav>ul li:hover span{width: 100%;}
.header .header01 .nav>ul li.hover span{width: 100%;}
.header .nav_btn{display:none;}

/*移动后头部*/
.other_img{display: none;}
.header.other_header .img{display: none;}
.header.other_header .header01 .other_img{display: block;}
.header.other_header{background: #fff;top:-70px;}
.header.other_header .header01 .nav>ul li a{color: #666;}
.header.other_header .header01 .nav>ul li a:hover{color: #0072ff;}

/*.header.other_header {padding-bottom: 5px;}*/
.header.other_header .header01 .logo{margin-top: 18px;}
.header.other_header .header01 .header_right{margin-top: 15px;}
/*移动后头部 结束*/
@media only screen and (max-width: 1024px){
  .header .header01 .nav{display: none;position: fixed;top:72px;left:0px;right:0px;bottom:0px;background: rgba(0,0,0,1);z-index: 99999;}
  .header .header01 .header_right .nav_top{margin-right: 0;}
  /*导航按钮*/
  .header .nav_btn{display:block;float: right;cursor:pointer;height: 28px;width: 28px;position: relative;z-index: 999999;}
  .header .nav_btn span{display: inline-block;width: 27px;height: 3px;background-color: #fff;
    position: absolute;top: 14px;left: 0px;
    transition:background-color 0.3s ease-out 0.1s;
  }
  .header .nav_btn span:after{content:'';display: inline-block;width: 27px;height: 3px;
    background-color: #fff;position: absolute;top: 8px;left:0px;
    transition:transform 0.3s ease-out,top 0.5s ease 0.4s;
    transform: rotate(0deg);
  }
  .header .nav_btn span:before{content:'';display: inline-block;width: 27px;height: 3px;
    background-color: #fff;position: absolute;top: -8px;left:0px;
    transition:transform 0.3s ease-out,top 0.5s ease 0.4s;
    transform: rotate(0deg);
  }

  .header.btn_click .nav_btn span{background-color: transparent;z-index: 9;}
  .header.btn_click .nav_btn span:after{
    transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
    transform: rotate(-45deg);top: 0px;
    background-color: #fff;
  }
  .header.btn_click .nav_btn span:before{
    transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
    transform: rotate(45deg);top: 0px;
    background-color: #fff;
  }

  .header.other_header .nav_btn span{background-color: #474747;}
  .header.btn_click.other_header .nav_btn span{background-color: transparent;}
  .header.other_header .nav_btn span:after{background-color: #474747;}
  .header.other_header .nav_btn span:before{background-color: #474747;}
  .header.btn_click.other_header .nav_btn span{background-color: #fff;}
  .header.btn_click.other_header .nav_btn span{background-color: transparent;}
  .header.btn_click.other_header .nav_btn span:after{background-color: #fff;}
  .header.btn_click.other_header .nav_btn span:before{background-color: #fff;}
  .header.other_header .nav_btn{margin-top: 10px;}
  /*导航按钮结束*/
  /*头部内容*/
  .main{margin-top: 71px;}
  .header{background: #000;}
  .header .header01{padding-bottom:10px;padding-top: 10px;}
  .header .header01 .logo{margin-top: 0px;}
  .header .header01 .header_right{margin-top: 0px;}
  .header .header01 .nav>ul{width: 100%;float: none;}
  .header .header01 .nav>ul li{width: 100%;margin:0;float: none;border-top: 1px solid #181818;}
  .header .header01 .nav>ul li:last-child{border-bottom: 1px solid #181818;}
  .header .header01 .nav>ul li a{display: block;}
  /*头部内容结束*/

}
@media only screen and (max-width: 767px){
  .main{margin-top: 82px;}
  .header .header01 .nav{top: 82px;}
  .header .header01 .header_right .nav_top a{margin-right: 0px;padding-right: 0px;border:0;}
  .search{float: right;margin:13px 20px 0 0;}
  .header .nav_btn{margin-top: 5px;}
  .header .header01 .header_right .nav_top a{display: block;float: none;text-align: right;padding-bottom: 5px;}
  .header .header01 .logo img{margin-top: 10px;width:100%;}
  .header .header01 .logo{width:170px;height:62px;}
  /*2018-04-28添加*/
  .header .header01 .header_right .nav_top{height:12px;}
  .header .header01 .header_right .nav_top a{height:15px;display:inline-block;}
  .header .header01 .header_right .nav_top a.web_link_lwp{margin-bottom:10px!important;}
  .header .header01 .header_right .nav_top a.web_link_lwpTB{margin-bottom:10px!important;}
  .header .header01 .header_right .nav_top a.web_link_lwp q{display:none!important;}
  .header .header01 .header_right .nav_top a.web_link_lwpTB q{display:none!important;}
}
@media only screen and (max-width: 320px){
  .header .header01 .logo{width: 150px;}
  .header .header01 .logo img{width: 100%;}
}


.section{overflow: hidden;}
@media only screen and (max-width: 1200px){
  .section{height: auto!important;}
}

#section0 .shu_ico{z-index: 99;position: absolute;bottom: 30px;left: 50%;
  /*transform:translateX(-50%);animation: bounce 2s infinite;*/
}
#section0 .shu_ico span{position: relative;display: block;width: 26px;height: 70px;}
#section0 .shu_ico span img{position: absolute;}
#section0 .shu_ico span img:first-child{animation: bounceY 2s infinite;}
#section0 .shu_ico span img:first-child+img{transform:rotate(90deg);left: 10px;top: 50px;animation: ico_opa_B 2s infinite;}
#section0 .shu_ico span img:first-child+img+img{transform:rotate(90deg);left: 9px;top: 53px;animation: ico_opa_B 2s infinite 1s;}
@keyframes bounceY {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}

@keyframes ico_opa_B{
  0%,100%{
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.goto{position: absolute;bottom:0px;left:0px;height: 5px;right: 0px;z-index: 99;}
.goto p{height: 5px;width: 0%;background: #157cb9;}

#section0{overflow: hidden;}
.text_banner div.p{position: absolute;top:50%;left: 45%;margin-left: -545px;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.text_banner div.p p{margin-bottom: 15px;position: relative;height:auto!important;padding-bottom:0!important}
.text_banner div.p p img{max-width: 100%;}
.text_banner div.p div.more{margin-top: 40px;}
.text_banner div.p div.more a{color: #fff;}

.text_banner .bx-wrapper li>img{max-width: none!important;}
.text_banner .bx-wrapper .bx-controls-direction a{margin-top: 0;position: fixed;width: 80px;height: 60px;
  background-color: rgba(0,115,255,0.2);
  background-repeat: no-repeat;
  background-position: center;
}
.text_banner .bx-wrapper .bx-controls-direction a:hover{background-color: rgba(0,115,255,1);}
.text_banner .bx-wrapper .bx-prev{background-image:url(../img/l_btn_1.png);}
.text_banner .bx-wrapper .bx-next{background-image:url(../img/r_btn_1.png);}
@media only screen and (max-width: 1200px){
  #section0 .shu_ico{display: none;}
  .text_banner div.p{margin-left: 0;left: 20px;right:20px;top:30%;}
  .text_banner li img{width: 100%;}
}
.phone_vid{display: none;}
@media only screen and (max-width: 1024px){
  .text_banner .bx-wrapper .bx-controls-direction{display: none;}
  .pc_vid{display: none;}
  .phone_vid{display: block;width: 100%!important;height: auto!important;margin:0!important;}

  .text_banner li:nth-of-type(1) div.p{max-width:500px;}
  .text_banner li:nth-of-type(1) div.p p{margin-bottom: 5px;color: #fff;}
  
  .text_banner li:nth-of-type(1) div.p div.more{margin-top: 10px;}
  .text_banner li:nth-of-type(1) div.p div.more a{width: 100px;height: 25px;line-height: 25px;font-size: 12px;}
  .text_banner li:nth-of-type(1) div.p div.more a span{height:25px;line-height: 25px;}
  .text_banner li:nth-of-type(1) div.p div.more a span:after{line-height: 25px;}

  .text_banner li:nth-of-type(1) div.p p:nth-of-type(1){font-size: 30px!important;}
  .text_banner li:nth-of-type(1) div.p p:nth-of-type(2){font-size: 30px!important;}
  .text_banner li:nth-of-type(1) div.p p:nth-of-type(3){font-size: 16px;line-height: 1.4;margin-top: 5px;color: #eee;}
}
@media only screen and (max-width: 1000px){
  .text_banner li>img{width: 100%!important;height: auto!important;margin:0!important;}
  .text_banner div.p{top:40%;}
}

.text_banner li div.p{width:40%;opacity: 1;}
  .text_banner div.p p{color: #fff;height:auto!important;padding-bottom:0!important}
  .text_banner div.p p{margin-bottom: 5px;height:auto!important;padding-bottom:0!important}
  .text_banner div.p img{display:inline-block;}
  
  .text_banner div.p div.more{margin-top: 10px;}
  .text_banner div div.more a{width: 100px;height: 25px;line-height: 25px;font-size: 12px;}
  .text_banner div div.more a span{height:25px;line-height: 25px;}
  .text_banner div div.more a span:after{line-height: 25px;}

  .text_banner li:nth-of-type(1) div.p p:nth-of-type(1){font-size: 16px!important;}
  .text_banner li:nth-of-type(1) div.p p:nth-of-type(2){font-size: 16px!important;}
  .text_banner li:nth-of-type(1) div.p p:nth-of-type(3){font-size: 12px;}

  .text_banner li:nth-of-type(2) div.p p:nth-of-type(1){font-size: 36px;}
  .text_banner li:nth-of-type(2) div.p p:nth-of-type(2){font-size: 20px;}
  .text_banner li:nth-of-type(2) div.p p:nth-of-type(3){font-size: 16px;line-height: 1.4;margin-top: 5px;color: #eee;}

  .text_banner li:nth-of-type(3) div.p p:nth-of-type(1){font-size: 36px;}
  .text_banner li:nth-of-type(3) div.p p:nth-of-type(2){font-size: 16px;}
	

  .text_banner li:nth-of-type(4) div.p p:nth-of-type(1){font-size: 36px;}
  .text_banner li:nth-of-type(4) div.p p:nth-of-type(2){font-size: 16px;}
  .text_banner div.p p img{width: auto;margin-right: 5px;}
  @media only screen and (max-width: 1200px){
	.text_banner li div.p{width:80%;}
  }
@media only screen and (max-width: 767px){
  .text_banner li:nth-of-type(2) div.p p:nth-of-type(1){font-size: 16px;}
  .text_banner li:nth-of-type(2) div.p p:nth-of-type(2){font-size: 16px;}
  .text_banner li:nth-of-type(2) div.p p:nth-of-type(3){font-size: 12px;line-height: 1.4;margin-top: 5px;color: #eee;}

  .text_banner li:nth-of-type(3) div.p p:nth-of-type(1){font-size: 16px;}
  .text_banner li:nth-of-type(3) div.p p:nth-of-type(2){font-size: 12px;}

  .text_banner li:nth-of-type(4) div.p p:nth-of-type(1){font-size: 16px;}
  .text_banner li:nth-of-type(4) div.p p:nth-of-type(2){font-size: 12px;}
}
@media only screen and (max-width:320px){
  .text_banner div.p{top: 50%;}
  .text_banner div.p p{margin-bottom: 0!important;height:auto!important;padding-bottom:0!important}
}

#section1{background:#f8f8f8 url(../img/sele02_bg_1.jpg) no-repeat center bottom;}
.in_news_con{margin-top: 10%;}
.in_news_con dl{float: left;width:400px;margin-right: 30px;}
.in_news_con dl dt{width: 100%;height: 0px;padding-bottom: 75%;overflow: hidden;}
.in_news_con dl dt img{width: 100%;}
.in_news_con dl dt:hover img{transform:scale(1.05);}
.in_news_con dl h3 a{display: block;line-height: 1.5;height: 3em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.in_news_con dl h3 a:hover{color: #0072ff;}
.in_news_con dl div.p{margin-top:20px;}
.in_news_con dl div.p a{color: #7d7d7d;line-height: 1.9;height: 5.7em;overflow: hidden;/*display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;*/}
.in_news_con dl div.more_o{margin-top: 50px;}
.in_news_con dl div.more_o a:hover{text-decoration: underline;color:#0072ff;}
.in_news_con dl:first-child h3{margin-top: 30px;}
.in_news_con ul{}
.in_news_con ul li{margin-bottom: 30px;}
.in_news_con ul li h3 a:hover{color: #0072ff;}
.in_news_con ul div.p{color: #7d7d7d;margin-top: 10px;}
.in_news_con ul div.time{font-size: 12px;margin-top:10px;}
.in_news_con ul div.more{margin-top: 50px;}
.in_news_con ul div.more a{border:1px solid #0072ff;color:#0072ff;}
.in_news_con ul div.more a:hover span:after{background-color: #0072ff;color:#fff;}
@media only screen and (max-width: 1366px){
  .in_news_con{margin-top:8%;}
  .in_news_con dl dt{padding-bottom: 55%;}
  .in_news_con dl:first-child h3{margin-top: 15px;}
}
@media only screen and (max-width: 1300px){
  .in_news_con dl{width: 31.33%;margin-right:2%;}
}
@media only screen and (max-width: 1200px){
  .in_news_con{margin:30px 0 20px;}
  .in_news_con dl,.in_news_con ul{width: 31.33%;margin-right:2%;}
  .in_news_con ul div.more{margin-top: 23px;}
  .in_news_con ul li{margin-bottom: 11px;}
  .in_news_con dl div.more_o{margin-top: 20px;}
  .in_news_con ul div.time{margin-top: 5px;}
}
@media only screen and (max-width: 1000px){
  .in_news_con dl, .in_news_con ul{width: 100%;float: none;margin-bottom:30px;}
  .in_news_con dl dt{width: 200px;float: left;padding-bottom: 0;height: auto;margin-right: -200px;position: relative;z-index: 2;}
  .in_news_con dl dd{float: left;width: 100%;}
  .in_news_con dl dd>*{padding-left: 220px;}
  
  .in_news_con dl h3{margin-top: 15px;}
  .in_news_con dl h3 a{height: auto;}
  .in_news_con dl div.p{margin-top: 10px;}

  .in_news_con dl:nth-of-type(2) dt{margin-left: -200px;margin-right: 0;margin-top: 0px;}
  .in_news_con dl:nth-of-type(2) dd>*{padding-left: 0px;padding-right: 220px;}

  .in_news_con ul{border-top: 1px solid #ccc;padding-top:30px;margin-bottom: 10px;}
}
@media only screen and (max-width: 767px){
  .in_news_con dl dt{width: 100%;margin:0;float:none;height: 0px;padding-bottom: 48%;}
  .in_news_con dl:nth-of-type(2) dt{margin:0;}
  .in_news_con dl dd{float: none;}
  .in_news_con dl dd>*,.in_news_con dl:nth-of-type(2) dd>*{padding:0;}
  .in_news_con dl div.p a{line-height: 1.6;height: auto;}
}


.section02 li{float: left;width: 33.33%;height: 0px; padding-bottom: 23.4%;overflow: hidden;}
.section02 li img{width: 100%;}
.section02 li:hover img{transform:scale(1.05);}
@media only screen and (max-width: 1366px){
  .section02 li{padding-bottom: 24%!important;}
  .section02 li img{transform:translateY(-14%);}
  .section02 li:hover img{transform:scale(1.05) translateY(-14%);}
  #section2{padding-top: 0%}
  #section5{padding-top: 0%}
  #section4{padding-top: 0%}
  .height600 .section02 li{padding-bottom: 21.5%!important;}
}
@media only screen and (max-width: 1280px){
  .section02 li{padding-bottom: 24%!important;}
}
@media only screen and (max-width: 1200px){
  #section2 ul{margin-top: 0!important;}
  .section02 li{padding-bottom: 28%!important;}
  .section02 li img{transform:translateY(0%);}
  .section02 li:hover img{transform:scale(1.05) translateY(0);}
}
@media only screen and (max-width: 767px){
  .section02 li{width: 50%;height: 0px;padding-bottom: 42%!important;}
}


#section3{background: #0072ff url(../img/in_img07_1.jpg) no-repeat center bottom;}
#section3>img{transition:all 5s ease-in-out;width: 100%;}
#section3>img.img_scale{transform:scale(1.1);}
#section3 .left_box{right:40%;width: 50%;position:absolute;top:50%;z-index:1000;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

#section3 .left_box iframe.xcvideo{width:70%;height:450px}
.right_box{width: 610px;color:#fff;z-index: 99;position: absolute;left: 50%;top: 50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.right_box a{color: #fff;}
.right_box>h3{height: 80px;position: relative;font-weight: normal;}
.right_box>h3 span{display: inline-block;position: absolute;bottom: 0px;
  left: 0px;width: 100px;height: 1px;background-color: #fff;
  -webkit-transition:width 0.5s ease-out;
  -moz-transition:width 0.5s ease-out;
  -o-transition:width 0.5s ease-out;
  -ms-transition:width 0.5s ease-out;
  transition:width 0.5s ease-out;
}
.right_box:hover>h3 span{width: 50px;}
.right_box div.p{color: #fff;line-height: 2;margin-top: 40px;}
@media only screen and (max-width: 1200px){
  .right_box{width: 540px;}
}
@media only screen and (max-width: 1000px){
  #section3{padding:30px 0;background-size: cover;}
  #section3>img{display:none;}
  #section3 .left_box{position: initial;width:95%;-webkit-transform: inherit;transform: inherit;margin:0 auto;}
  #section3 .left_box iframe.xcvideo{width:100%;height:250px}
  .right_box{
    margin-left: auto;margin-right:auto;width: 95%;z-index: 5;position: relative;
    left: 0px;-webkit-transform:translateY(0%);transform:translateY(0%);
  }
  .right_box>h3{height: 40px;}
  .right_box div.p{margin-top: 20px;}
}

#section4{background:#020929 url(../img/sele05_bg_1.jpg) no-repeat center bottom;}
#section4>img{transition:all 5s ease-in-out;position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;z-index: 0;width: 100%}
#section4>img.img_scale{transform:scale(1.1);}
#section4>.wrap{margin-top: 3%;position: relative;z-index: 2;}
#section4 .right_box{float:left;left:0;top: 25%;width: 40%;}
#section4 .left_box{float: right;width: 50%;}
#section4 .left_box img{width: 100%;}
#section4 .left_box dl{float: left;position: relative;margin:0 0 20px 0;width: 48%;overflow: hidden;height: 0px;padding-bottom: 61%;}
#section4 .left_box dl dd{position: absolute;bottom: 40px;left: 0px;right: 0px;color: #fff;text-align: center;}
#section4 .left_box dl dd a{color: #fff;}
#section4 .left_box dl dt a:after{opacity:0;content: "";position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0,0,0,0.5);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
#section4 .left_box dl:first-child{width: 100%;padding-bottom: 56%;}
#section4 .left_box dl:first-child+dl{margin-right: 20px;}
#section4 .left_box dl:first-child dd{text-align: right;}
#section4 .left_box dl:first-child dd a{padding-right: 40px;}

#section4 .left_box dl:hover dt img{-webkit-transform:scale(1.05);transform:scale(1.05);}
#section4 .left_box dl:hover dt a:after{opacity:1;}

@media only screen and (max-width: 1600px){
  #section4 .left_box{width: 44%;}
}
@media only screen and (max-width: 1440px){
  #section4 .right_box{top:40%;}
}
@media only screen and (max-width: 1366px){
  #section4>.wrap{margin-top: 4%;}
  #section4 .left_box dl:first-child{padding-bottom: 41%;}
  #section4 .left_box dl{padding-bottom: 45%;}
  
}
@media only screen and (max-width: 1280px){
  #section4 .right_box{left: 20px;}
}
@media only screen and (max-width: 1200px){
  #section4>.wrap{margin-top:30px;margin-bottom: 30px;}
  #section4 .right_box>h3{height: 40px;}
  #section4 .right_box div.p{margin-top: 20px;}
  #section4 .left_box{width: 51%;}
}
@media only screen and (max-width: 1000px){
  #section4 .left_box dl:first-child+dl{margin-right:4%;}
  #section4 .left_box dl dd{bottom: 10px;}
  #section4 .right_box{top:50%;}
  #section4>img{display:none;}
}
@media only screen and (max-width: 767px){
  #section4 .left_box{width: 100%;float: none;}
  #section4 .right_box{position: static;width: 100%;}
  #section4 .left_box dl:first-child{margin-top: 20px;padding-bottom: 50%}
}

#section5{}
.section05 ul,.section05 dl{float: left;width: 33.33%;height: 0px;padding-bottom: 24.4%;overflow: hidden;position: relative;}
.section05 ul li:first-child+li{position: absolute;top:50%;left: 0px;right: 0px;transform:translateY(-50%);text-align: center;}
.section05 ul li:first-child+li a{color: #fff;position: relative;display: block;height: 70px;}
.section05 ul li:first-child+li a:after{content: "";height: 1px;width: 90px;display: block;background: #fff;position: absolute;bottom:0;left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.section05 ul li img{width: 100%;}
.section05 dl dt{width: 100%;}
.section05 dl dt a{display: block;width: 100%;height: 0px;padding-bottom: 76.2%}
.section05 dl dt img{width: 100%;}
.section05 dl dt a:after{opacity:1;content: "";position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0,0,0,0.7);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.section05 dl dd{position: absolute;bottom:0px;padding-bottom:60px;left: 0px;right: 0px;text-align: center;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.section05 dl dd a{color: #aaa;}
.section05 dl:hover dt a:after{opacity: 0;}
.section05 dl:hover dd{
  background:url(../img/bg_text_1.png) repeat-x center 0px;
  padding-bottom:20px;padding-top: 20px;
}
.section05 dl:hover dd a{color: #fff;}

@media only screen and (max-width: 1366px){
  .section05 ul li img{width: 100%;}
  .section05 ul,.section05 dl{padding-bottom: 24%!important;}
  .section05 dl:hover dd{padding-bottom: 50px;padding-top: 0px;}

  .height600 .section05 ul,.height600 .section05 dl{padding-bottom: 20%!important;}
}
@media only screen and (max-width: 1280px){
  .section05 ul,.section05 dl{padding-bottom: 24%!important;}
}
@media only screen and (max-width: 1200px){
  #section5{padding:0!important;}
  .section05 ul li:first-child+li a{height: 50px;}
  .section05 ul, .section05 dl{padding-bottom: 28%!important;}
}
@media only screen and (max-width: 768px){
  .section05 ul, .section05 dl{width:50%;padding-bottom: 38%!important;}
  .section05 dl dd{padding-bottom: 25px;}
  .section05 dl dt a{padding-bottom:84.2%}
}

.footer{background: #000;padding:100px 0;}
.footer a{color: #fff;}
.footer .left{}
.footer .left p{margin-bottom: 10px;color: #aaa;font-size: 12px;}
.footer .left p:first-child+p{color: #fff;}
.footer .left p a{padding:0 10px;font-size: 14px;}
.footer .left p a:first-child{padding-left: 0px;}
.footer .right{float: right;color: #aaa;font-size: 12px;}
.footer .bdshare-button-style0-32 a{float: right;width:28px;height: 28px;}
.footer .bdshare-button-style0-32 .bds_weixin{background: url(../img/weixin_ico_1.png) no-repeat;}
.footer .bdshare-button-style0-32 .bds_tsina{background: url(../img/sina_ico_1.png) no-repeat;}
@media only screen and (max-width: 1440px){
  .footer{padding:50px 0;}
}
@media only screen and (max-width: 767px){
  .footer .left{float: none;}
  .footer .right{float: none;}
  .footer .bdshare-button-style0-32 a{float: left;}
}

#fp-nav ul li{width: 24px;height: 24px;margin: 5px;position: relative;padding:20px 0;}
#fp-nav ul li:before{content: "";display: inline-block;width: 1px;height: 35px;background: #fff;position: absolute;
  top:-20px;left: 50%;margin-left: -1px;
}
#fp-nav ul li:last-child{display: none;}
#fp-nav ul li:nth-of-type(6):after{content: "";display: inline-block;width: 1px;height: 35px;background: #fff;position: absolute;
  bottom:-23px;left: 50%;margin-left: -1px;}
#fp-nav ul li a span{
  width:24px;height:24px;background: url(../img/n_r_1.png) no-repeat;
  left:0px;top:0px;margin:0;
}
#fp-nav ul li .fp-tooltip.right{right: 40px;}

#fp-nav ul li a.active span,
#fp-nav ul li a:hover span,
#fp-nav ul li:hover a span, 
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span{margin:0;width: 24px;height: 24px;
  background: url(../img/n_r_h_1.png) no-repeat center;
  border-radius:0;
}
#fp-nav ul li .fp-tooltip{top:50%;transform:translateY(-50%);}


.other_bg#fp-nav ul li a span{background: url(../img/n_r_c.png) no-repeat;}
.other_bg#fp-nav ul li a.active span,
.other_bg#fp-nav ul li a:hover span,
.other_bg#fp-nav ul li:hover a span, 
.other_bg#fp-nav ul li:hover a.active span{
  background: url(../img/n_r_ch.png) no-repeat;
}
.other_bg#fp-nav ul li:before{background: #ffffff;}
.other_bg#fp-nav ul li:nth-of-type(6):after{background: #ffffff;}
.other_bg#fp-nav ul li .fp-tooltip{color: #ffffff;}

@media only screen and (max-width: 1366px){
  #fp-nav ul li{width: 16px;height: 16px;padding:12px 0;}
  #fp-nav ul li a span{width: 16px;height: 16px;background-size: cover!important;}
  #fp-nav ul li a.active span, #fp-nav ul li a:hover span, #fp-nav ul li:hover a span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{
    width: 16px;height: 16px;background-size: cover!important;
  }
  #fp-nav ul li:before{height: 20px;top:-12px;}
  #fp-nav ul li .fp-tooltip.right{right:25px;}
  #fp-nav ul li:nth-of-type(6):after{height: 20px;bottom:-13px;}
}