@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box}
body{ font-size:14px; font-weight:1.5; font-family:"SourceHanSansCN-Regular-2", sans-serif !important;color:#666;overflow-x: hidden;}
a,img,input{ text-decoration:none; font-size:14px; border:0}
body,h1,h2,h3,h4,h5,h6,form,ol,li ,dl,ul,input,tr,td{margin: 0px;padding: 0px;list-style-type: none; color:#333; font-weight:normal}
ul li{ list-style:none;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ color:#333 } a:focus{ -moz-outline-style: none; /* FF */} 
a:hover{ color:#2081E8}
input,button,select,textarea{outline:none}
textarea{resize:none}
.sscx1 p input,.sscx2-1-1 p input{-webkit-appearance:none;}
img{ max-width:100%}
@font-face {
    font-family: 'SourceHanSansCN-Regular-2';
    src: url('../fonts/SourceHanSansCN-Regular-2.eot');
    src: url('../fonts/SourceHanSansCN-Regular-2.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceHanSansCN-Regular-2.woff') format('woff'),
         url('../fonts/SourceHanSansCN-Regular-2.ttf') format('truetype'),
         url('../fonts/SourceHanSansCN-Regular-2.svg#webfont34M5alKg') format('svg');}
.cent,.foot,.head2{ max-width:1600px; margin:auto; overflow:hidden}
.tdw{ position:relative;}
.header{ position:absolute; top:0; left:0; width:100%; z-index:9999;}
.head1{ border-bottom:#fff 1px solid}
.head1{ max-width:1600px; margin:auto}
.foot{ max-width:1600px}
.banner{ position:relative}
.banner p img{ width:100%}
.head1 .logo{ width:295px; margin:25px 0}
.head1 .navz{width:68%;}
.zg{width:100%;float:left;}
.zg{ float:left; width:90%}
.zg1{float:right;width: 10%;position:relative;margin-top:27px;}
.zg1 p{ text-align:right; position:relative} 
.zg1 p img{ float:right; cursor:pointer;}
.zg1 p span{ position:absolute; right:0; top:67px; width:160px; padding-bottom:5px; display:block; overflow:hidden; border-bottom:#fff 1px solid; display:none}
.zg1 p span input{ background:none; height:30px; line-height:30px}
.zg1 p span input:nth-child(1){ float:left; width:80%; color:#fff}
.zg1 p span input:nth-child(2){ float:right; width:20%; background:url(../images/sy-8.png) no-repeat center right}
.logo img{ width:100%}
.nav1 ul{ overflow:hidden; text-align:right}
.nav1 ul li{ float:left; width:16.666%; text-align:center}
.nav1 ul li a{ font-size:16px; color:#fff; display:block; padding:31.5px 0; position:relative}
.nav1 ul li a img{ vertical-align:middle; margin-left:10px}
.nav1 ul li a:hover,.nav1 ul .dq a{ background:url(../images/sy-7.png) no-repeat center bottom}
.nav2,.sjx{ display:none}
.nng1{ width:400px}
.nng1 p{ width:58%; float:left; border-right:#8894C0 1px solid; padding-right:10%}
.nng1 p img{ width:100%;}
.nng1 ul{ width:31%; float:right}
.nng1 ul li{ margin:10% 0}
.nng1 ul li a{ font-size:16px; color:#C4C8DC;}
.nng1 ul li a:hover{ color:#fff}
header{ display:none}
.sjx{ display:none !important}
.qh a{ color:#fff}
.he_ZoomInImg,.slides li,.zp1 dl dt,.zx2 .zx1-1 h4,.zx1 .left h1{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}
.he_ZoomInImg .he_ZoomInImg_img,.slides li img,.zp1 dl dt img,.zx2 .zx1-1 h4 img,.zx1 .left h1 img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg:hover .he_ZoomInImg_img,.slides li img:hover,.zp1 dl a:hover dt img,.zx2 .zx1-1 h4:hover img,.zx1 .left h1:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.head2 p{ text-align:right; font-size:16px; color:#fff; margin-top:2%}
.head2 p img{ vertical-align:middle; margin-right:15px}
.banner1{ position:relative}
.bann-nr{ position:absolute; top:41%; left:0; width:100%;}
.bann-nr h1{ font-size:40px; font-weight:bold; color:#fff; text-align:center; line-height:60px; letter-spacing:2px}
.bann-nr h2 a{ display:block; width:160px; line-height:44px; border:#fff 1px solid; border-radius:20px; color:#fff; text-align:center; margin:auto; font-size:16px;}
.bann-nr h2{ margin-top:3%}
@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
.hover,.pp1-z p img {
  display: inline-block;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hover:hover, .hover:focus, .hover:active,.pp1-z p img:hover,.nx3 .right p img{
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.section11 .fp-tableCell{ display:block !important;}
.section11,.section11 .fp-tableCell{ height:auto !important}
.section11 .footer{ margin-top:6%;}
.foot h1 img{ display:block; margin:auto}
.foot ul{ text-align:center; padding:4% 0; border-bottom:#fff 1px solid; overflow:hidden; }
.foot ul li{ display:block; width:10.5%; margin:0 1%; float:left; color:#fff; font-size:16px;}
.foot ul li a{ color:#fff; font-size:16px; text-align:center; display:block}
.foot ul li img{ display:block; width:91%;margin: 0 auto 8%;} 
.foot ul li a:hover,.foot p a:hover{ color:#dad749}
.foot p,.foot p a{ color:#fff; font-size:14px;}
.foot p{ margin:4% 0; text-align:center;clear: both;}
.flexslider{position:relative;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li a{ display:block;}
.flex-control-nav{position:absolute;bottom:23px;z-index:2;width:100%;text-align:left;}
.flex-control-nav li{display:inline-block;width:15px;height:5px;margin:0;*display:inline;zoom:1; text-align:center}
.flex-control-nav a{display:inline-block;width:5px;height:5px;line-height:50px;overflow:hidden;background:#fff; border-radius:50%; cursor:pointer;}
.flex-control-nav .flex-active{ width:15px; border-radius:5px}
.slides li img{ width:100%}
.flex-direction-nav{position:absolute;z-index:3;width:100%;bottom:35px;}
.flex-direction-nav li a{display:block;width:35px;height:35px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:20%;background:url(../images/sy-23.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{left:25%;background:url(../images/sy-24.png) center center no-repeat; width:100px}
.sy2 h1{ font-size:60px; text-align:center; color:#fff; letter-spacing:2px}
.sy2 p a{ display:block; font-size:16px; width:140px; line-height:40px; color:#fff; border:#fff 1px solid; border-radius:40px; text-align:center; margin:3% auto 0}
.sy2 p a:hover{ background:#fff; color:#333}
.sy1{ overflow:hidden; margin-left:-3%; margin-top:86px; padding-top:5px}
.sy1 dl{ float:left; width:22%; margin-left:3%; background:#fff; background-color: rgba(255,255,255,0.8); filter: Alpha(opacity=80); padding:60px 25px; height:428px; overflow:hidden; letter-spacing: 1px;} 
.sy1 dl dt img{ display:block; margin:auto}
.sy1 dl dt .b2{ display:none}
.sy1 dl .a1{ font-size:20px; font-weight:bold; text-align:center; border-bottom:#ccc 1px solid; padding-bottom:25px; margin-bottom:25px; margin-top:35px}
.sy1 dl .a1 a{ font-size:20px;}
.sy1 dl .a2{ font-size:14px; line-height:26px; color:#333} 
.sy1 dl:nth-child(even){ margin-top:80px}
.sy1 dl:hover dt .b2{ display:block}
.sy1 dl:hover dt .b1{ display:none}
.sy1 dl:hover .a1{ border-bottom:#1186F7 1px solid; color:#1186F7}
.sy1 dl:hover{ background-color: rgba(255,255,255,1); filter: Alpha(opacity=100); background:url(../images/sy-10.jpg) no-repeat right bottom #fff}
.sy-bt{ font-size:40px; font-weight:bold; font-style:italic; color:#fff; background:url(../images/sy-21.png) no-repeat bottom 5px right; background-size:86%; margin-bottom:5%}
.sy3-z{ width:45%; padding-left:5%}
.sy3-y{ width:50%}
.sy3-z h1{ margin-bottom:6%; line-height:40px}
.sy3-z h1 a{ font-size:24px; font-weight:bold; color:#fff;}
.sy3-z h1 a:hover{ color:#dad749}
.sy3-z p{ font-size:18px; line-height:35px; color:#EAEAEA}
.sy3-z h2{ margin-top:7%}
.sy3-z h2 a{ width:140px; line-height:35px; background:#fff; text-align:center; border-radius:5px; font-size:14px}
.sy3-z h2 a:hover{ background:#dad749; color:#fff}
.sy4{ max-width:55%}
.sy4 h1{ font-size:40px; font-weight:bold; color:#fff}
.sy4 p{ font-size:16px; color:#fff; line-height:30px; margin:5% 0 6%}
.sy4 h2{ /*border:#fff 1px solid; border-radius:5px; line-height:50px; overflow:hidden;*/ width:80%}
.sy4 h2 span,.sy4 h2 a{ display:block;}
.sy4 h2 span{ width:75%; color:#fff; padding:0 5%; float:left; font-size:20px;}
.sy4 h2 a{ float:right; width:25%; border-radius:5px; background:#fff; color:#0D5FE9; text-align:center; font-size:16px}
.sy5-z{ width:72%}
.sy5-y{ width:20%}
.sy5-y ul{ border-bottom:#fff 1px dotted; }
.sy5-y ul li{ border-top:#fff 1px dotted; padding:11% 0}
.sy5-y ul li .c1{ font-size:18px; color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display:block}
.sy5-y ul li span{ display:block; font-size:14px; color:#fff; margin-top:5%}
.sy5-y ul li .c2{ float:right; color:#fff; font-size:14px}
.sy5-y ul li .c1:hover,.sy5-y ul li .c2:hover{ color:#dad749}
.sy5 .sy3-y{ width:65%}
.sy5 .sy3-z{ width:30%}
.sy5 .sy3-z h3{ background:#fff; padding:5px 10px; display:inline-block; font-size:15px; margin-bottom:6%}
.sy5 .sy3-z p{ font-size:15px; color:#fff; line-height:28px;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;}
.sy5 .sy3-z h2 a{ width:inherit; color:#fff; background:none; text-align:left; font-size:16px}
.sy5 .flex-direction-nav li a.flex-next{ left:inherit; right:0}
.sy5 .flex-direction-nav li a.flex-prev{ left:inherit; right:110px}
.sy5 .flex-control-nav{ padding-left:70%}
.sy5 .sy3-z h2 a:hover{ color:#dad749}
/* Hover */
@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
.hover {
  display: inline-block;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hover:hover, .hover:focus, .hover:active {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;


  animation-direction: alternate;
}
.footer-bj{ background:#000; overflow:hidden; padding-top:4%}
.ny-bt{ border-bottom:#F1F1F1 1px solid}
.ny-bt h1{ background:url(../images/zg1.png) no-repeat center left; padding-left:70px; overflow:hidden}
.ny-bt h1 a{ display:block; border-right:#F1F1F1 1px solid; font-size:16px; float:left; width:16.6666%; text-align:center; line-height:68px}
.ny-bt h1 a:hover,.ny-bt h1 .dq1{ background:url(../images/zg2.png) repeat-x center bottom; color:#333}
.ny-bt h1 a:last-child{ border:0}
.ny-bt0{ position:absolute; right:0; bottom:4%; width:100%}
.dw{ position:relative}
.ny-bt0 h1{ text-align:right}
.ny-bt0 h1,.ny-bt0 h1 a{ color:#fff; font-size:14px}
.ny-bt0 h1 img{ vertical-align:middle; margin:0 5px}
.ny-bt1{ margin:6% 0; text-align:center; font-size:28px; background:url(../images/hd-1.png) no-repeat center bottom; padding-bottom:20px} 
.zp1{ overflow:hidden; margin-left:-3%; margin-top:-4%}
.zp1 dl{ float:left; width:29.333%; margin-left:4%; margin-top:4%}
.zp1 dl dt,.zp1 dl dt img{ width:100%; border-radius:10px}
.zp1 dl dt img{ height:393px}
.zp1 dl dd{ text-align:center; font-size:16px; margin-top:7%}
.fy{ margin:6% 0; text-align:center}
.fy a{ border:#1886FF 1px solid; padding:10px 13px; border-radius:50%; margin:0 7px; display:inline-block}
.fy .d2{ display:none}
.fy a:last-child{ border-radius:20px; padding:8px 30px;}
.fy a:hover{ background:#1886FF;}
.fy a:hover .d1{ display:none} 
.fy a:hover .d2{ display:inline-block} 
.zpx1 .left{ width:37%}
.zpx1 .right{ width:56%; padding-top:3%}
.zpx1 .left p img{ width:100%}
.zpx1 .right h1{ border-bottom:#F1F1F1 1px solid; font-size:24px; padding-bottom:4%}
.zpx1 .right p{ font-size:16px; margin-top:3%}
.zpx1 .right p img{ vertical-align:middle; margin-right:10px}
.ny-bt2{ background:none; border-bottom:#D0D0D0 1px solid}
.zpx2{ margin-bottom:6%}
.lx1 .left{ width:41%;}
.lx1 .right{ width:57%;}
#map{ width:100% !important}
.ny-bt3{ text-align:center; margin:6% 0}
.ny-bt3 a{ width:150px; text-align:center; line-height:50px; border:#DCDCDC 1px solid; border-radius:30px; display:inline-block; font-size:16px; margin:0 5px}
.ny-bt3 a:hover,.ny-bt3 .dq2{ border:#1385F5 1px solid; background:#1385F5; color:#fff}
.lx1 .right p img{ width:100%}
.lx-bt{ font-size:26px; letter-spacing:3px}
.lx-bt strong{ display:block; font-size:30px; letter-spacing:0; margin-bottom:2%}
.lx1 .left h2{ font-size:22px; margin:8% 0}
.lx1 .left p{ font-size:16px; margin-top:4%;overflow: hidden; line-height:26px}
.lx1 .left p img{ vertical-align:middle; margin-right:10px;}
.lx2{ background:url(../images/lx-8.jpg) no-repeat center; margin-top:6%; padding:6% 0 4%; background-attachment:fixed}
.lx2 .left{ width:39%}
.lx2 .right{ width:59%}
.lx2 .left p img{ width:100%}
.lx2 .right p{ font-size:14px; float:left; width:45%; margin-left:10%; margin-bottom:7%; color:#fff}
.lx2 .right p input,.lx2 .right p textarea,.yy1 .right p select{ display:block; border:0; border-bottom:#9397A0 1px solid; height:45px; line-height:45px; margin-top:4%; width:100%; font-size:14px; color:#fff; background:none;}
.lx2 .right p:nth-child(5){ width:100%}
.lx2 .right p textarea{ height:95px; line-height:26px;}
.lx2 .right p img{ vertical-align:super; margin-left:5px}
.lx2 .right h1{ clear:both;}
.lx2 .right h1 input{ height:50px; line-height:50px; width:160px; background:#1385F5; color:#fff; text-align:center; border-radius:30px; font-size:16px}
.lx2 .right p:nth-child(1),.lx2 .right p:nth-child(3),.lx2 .right p:nth-child(5){ margin-left:0}
.lx2 .lx-bt{ color:#fff}
.lx2 .left p{ font-size:16px; color:#fff; margin-top:8%}
.lx2 .left p strong{ display:block; margin-top:5px}
.yy1{ background:none; padding:0; margin-bottom:6%}
.yy1 .right{ width:110%; margin-left:-10%}
.yy1 .right p{ color:#333; font-size:18px; width:40%; margin-bottom:5%}
.yy1 .right p input,.yy1 .right p select{ color:#333; border:0; background:#F7F7F7; border-radius:10px; height:70px; line-height:70px; padding:0 4%; font-size:16px}
.yy1 .right p strong{ font-weight:normal; font-size:16px}
.yy1 .right p img{ width:8px}
.yy1 .right p:nth-child(5){ width:40%}
.yy1 .right p:nth-child(1),.yy1 .right p:nth-child(3),.yy1 .right p:nth-child(5),.yy1 .right h1{ margin-left:10%}
.yy1 .right p span{ display:block; padding-left:4%}
.yy1 .right h1{ text-align:center}
.yy1 .right h1 input{ margin:0 2%; width:100px; border-radius:5px;}
.yy1 .right h1 input:nth-child(2),.yy1 .right h1 input:nth-child(3){ background:none; border:#1385F5 1px solid; color:#333}
.yy2{ position:fixed; right:2%; bottom:33%; z-index:9}
.yy2 ul li{ position:relative; margin:15px 0}
.yy2 ul li span{ position:absolute; top:0; right:70px; display:none}
.yy2 ul li span,.yy2 ul li span img{ width:120px; height:120px}
.yy2 ul li:hover span{ display:block}
.zx1{ margin:6% 0}
.zx1 .left,.zx1 .right{ width:48%}
.zx1 .left h1 img{ width:100%}
.zx1 .left h2 a{ font-size:18px; display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zx1 .left h2{ margin-top:5%}
.zx1 .left p{ font-size:16px; color:#999; overflow:hidden; margin-top:2%}
.zx1 .left p a{ font-size:16px; color:#333; float:right}
.zx1 .left p a:hover{ color:#2081E8}
.zx1 .left p a img{ vertical-align:middle; margin-left:10px}
.zx1 .right .zx1-1{ border-left:#F1F1F1 1px solid; border-bottom:#F1F1F1 1px solid; padding:7%}
.zx1 .right .zx1-1:hover{ border-left:#313131 1px solid}
.zx1 .right .zx1-1:last-child{ border-bottom:0}
.zx1-1 h1{ font-size:14px; color:#999}
.zx1-1 h2{ margin:30px 0}
.zx1-1 h2 a{ font-size:18px; display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zx1-1 p{ font-size:14px; color:#999; line-height:26px;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:48px;}
.zx1-1 h3{ margin-top:30px;}
.zx1-1 h3 a{ font-size:16px;}
.zx1-1 h3 a img{ vertical-align:middle; margin-left:10px}
.zx2{ overflow:hidden; margin-left:-2%; margin-top:-2%}
.zx2 .zx1-1{ float:left; width:31.333%; margin-left:2%; margin-top:2%; background:#F3F4F8; border-radius:20px; padding-bottom:3%}
.zx2 .zx1-1 h4 img{ width:100%; height:312px}
.zx2 .zx1-1 h2{ margin-bottom:30px}
.zx2 .zx1-1 h4,.zx2 .zx1-1 h4 img{ border-radius:20px 20px 0 0}
.zx2 .zx1-1 h1,.zx2 .zx1-1 h2,.zx2 .zx1-1 p,.zx2 .zx1-1 h3{ margin-left:20px; margin-right:20px}
.zx2 .zx1-1 h4{ margin-bottom:8%}
.zx2 .zx1-1 p{ color:#666}
.xq1{ margin:6% 0}
.xq1 h1{ font-size:28px; letter-spacing:2px; text-align:center;}
.xq1 h2{ text-align:center; font-size:16px; color:#999; margin:2% 0 4%; border-bottom:#EDEDED 1px solid; padding-bottom:2%}
.xq1 h3{ overflow:hidden; margin-top:5%; line-height:28px; border-top:#EDEDED 1px solid; padding-top:1.5%}
.xq1 h3 a{ font-size:16px; color:#666; width:50%; display:inline-block} 
.xq1 h3 .right{ text-align:right}
.xq1 h3 a:hover{ color:#2081E8}
.js-bt{ text-align:center; font-size:30px; margin:6% 0}
.js-bt span{ display:block; color:#999; font-size:18px}
.js1{ margin-bottom:6%}
.js1 .left{ width:60%}
.js1 .right{ width:35%}
.js1 .left p,.js2 p{ font-size:16px; text-indent:2em; line-height:30px; margin-bottom:4%}
.js1 .right ul{ overflow:hidden; border-left:#E7E7E7 1px solid; border-top:#E7E7E7 1px solid}
.js1 .right ul li{ float:left; width:50%; border-right:#E7E7E7 1px solid; border-bottom:#E7E7E7 1px solid; font-size:22px; padding:10% 5%; text-align:center; height:116px; color:#727171; font-weight:bold}
.js2 h1 img{ width:100%}
.js2 h1{ margin-bottom:5%}
.js2 p{ margin-bottom:0}
.js3{ margin-bottom:6%}
.js3 .left{ width:60%; border-right:#E7E7E7 1px solid; padding-right:5%}
.js3 .right{ width:35%}
.js3-1{ border:#4994E5 2px solid; padding:3% 3% 1%; margin-top:5%}
.js3 .left p{ font-size:16px; margin:2% 0; line-height:26px}
.js3-1:first-child{ margin-top:0}
.js3-1 h1 img{ width:100%}
.js3-1 h2{ font-size:18px;}
.js3-1 img{ max-width:inherit;}
.js3-2{ padding:7% 0}
.js3-2 dl{ border-bottom:#C7C7C7 1px solid; overflow:hidden; margin-bottom:3%; padding-bottom:3%}
.js3-2 dl dt{ float:left; width:20%}
.js3-2 dl dd{ float:right; width:76%; font-size:24px; padding-top:5px}
.js3-2:nth-child(3) dl dd{ padding-top:18px}
.js3-2 dl dd span{ display:block; font-size:16px; margin-top:2%}
.js3-2 h1{ font-size:16px;line-height: 26px;}
.js3-2 p{ font-size:16px; color:#999; margin-top:1%}
.js3 .right h2 img{ display:block; width:100%; margin-bottom:5%}
.js3 .right h2{ font-size:16px; width:120px; text-align:center}
#mydiv{ height:1000px}
.sy0 .header{ background:#000; background-color: rgba(0,0,0,0.4); filter: Alpha(opacity=40);}
.sy0 .header .head1{ border:0}
#demo3.flexslider{position:relative;overflow:hidden;}
#demo3 .slides{position:relative;z-index:1;}
#demo3 .slides li a{ display:block;}
#demo3 .flex-control-nav{ display:none}
#demo3 .slides li img{ width:100%; border-radius:10px}
#demo3 .slides li{ border-radius:10px}
#demo3 .flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%; margin-top:-20px}
#demo3 .flex-direction-nav li a{display:block;width:40px;height:40px;overflow:hidden;cursor:pointer;position:absolute;}
#demo3 .flex-direction-nav li a.flex-prev{left:3%;background:url(../images/hdxq-4.png) center center no-repeat;}
#demo3 .flex-direction-nav li a.flex-next{ left:inherit; right:3%;background:url(../images/hdxq-5.png) center center no-repeat;}
.logo img:nth-child(2){ display:none}
.sy0 .logo img:nth-child(1){ display:none}
.sy0 .logo img:nth-child(2){ display:block}
.fp-viewing-hero .sy0 .logo img:nth-child(1){ display:block}
.fp-viewing-hero .sy0 .logo img:nth-child(2){ display:none}
.section11 .footer{ background:#000; padding-top:4%; overflow:hidden}
@media (max-width: 1600px){
.cent,.foot,.head2{ max-width:1200px}
.head1,.foot{ max-width:1200px; margin:auto}
.sy1 dl .a2{ line-height:24px}
.zx1-1 h2{ margin:20px 0}
.zx1-1 h3{ margin-top:20px;}
.zx1-1 p{ line-height:24px}
.js1 .left p,.js2 p{ line-height:28px;}
.js3-2{ padding:5% 0}
.sy5 .sy3-z h3,.sy3-z h1{ margin-bottom:4%}
.sy5 .sy3-z p{ line-height:26px}
.sy3-z h2{ margin-top:5%}
.sy5-y ul li{ padding:9% 0}
.zx2 .zx1-1 h4 img{ height:234px}
.zp1 dl dt img{ height:295px}
#mydiv{ height:600px}
.sy3-z h1{ line-height:35px}
.sy3-z h1 a{ font-size:18px}
.foot ul{ padding:4% 0}
.foot ul li img{ width:90%}
.lx1 .left .zb img{float: left;margin-bottom: 20px;}
	}
@media (max-width: 1400px){
.sy-bt-s{ margin-bottom:3%; margin-top:86px}
}
.lx1 .right img{max-width:inherit;}
.sy3-z p img{ display: none !important;}
.zp1 dl dt{ display: none;}
.zp1 dl dt:nth-child(1){ display: block !important;}
.hero{
	height: 100%;
  position: relative;
  overflow: hidden;display: -ms-flexbox;
  display: flex;
  text-align: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  transform: translateY(0);
  transition: transform 1s ease,z-index 1s 1s;
  z-index: 3;}
.hero-video{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;min-width: 100%;
  min-height: 100%;}
.hero.parallax.animate {
  transform: translateY(-50vh);
  z-index: 0;
  transition: transform 1.3s cubic-bezier(.5,0,.6,1),z-index 0s linear 0s;
}
#index_main{ z-index:99}
.hero{position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.section4 .fp-tableCell,.section6 .fp-tableCell{ position:relative}
#mydiv{ position:absolute; left:0; top:0; width:100%; height:100px; z-index:-1; background:#111; height:100%}
#mydiv canvas{ position:absolute !important}
#particles-js {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	background:#111;
z-index: -1;
}
.section11 .footer{ margin-top:0}
.section6 .sy5{ margin-bottom:5%}
.header{ z-index:999999}
.lx22 .right p input::-webkit-input-placeholder,.lx22 .right p textarea::-webkit-input-placeholder{ /* WebKit browsers */ color: #fff}

.lx22 .right p input:-moz-placeholder,.lx22 .right p textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color: #fff}
.lx22 .right p input::-moz-placeholder,.lx22 .right p textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color: #fff}
.lx22 .right p input:-ms-input-placeholder,.lx22 .right p textarea:-ms-input-placeholder{ /* Internet Explorer 10+ */ color: #fff}