*{margin:0;padding:0;}
a,img{border:0;text-decoration:none;}
p{line-height: 28px;}
body{
  background:#110d27 url(images/bg.jpg) top center;
  background-size: cover;
  font-family:"΢ÈíÑźÚ",Arial;
  font-size:16px;
  color:#fff;
  overflow:-Scroll;
  overflow-x:hidden;

}
/* nav */
#nav{left:5%;list-style:none;position:fixed;width: 134px;top:20px;margin:20px 0 0 0;z-index:888;}

*html #nav{position:absolute;top:expression(documentElement.scrollTop + 0 + "px");} 

#nav li{margin-bottom:2px;}

#nav a{color: #fff;display:block;font-size: 16px;height:24px;line-height:24px;padding:5px 10px;text-decoration:none;}

#nav a:hover{color: #7dccf2;}

#nav .current a{color: #7dccf2;}


#container{margin:0 auto;width:1000px; }

.section{padding:20px;}
.btn{cursor:pointer;}


.section p:last-child{margin-bottom:0;}
#section-1{/* height: 846px; */margin-top: 50px;margin-bottom: 50px;}
#section-12{margin-bottom:200px;}
.title{margin-bottom: 10px;}
.title_2{overflow:hidden;margin: 60px 0 30px 10px;}
.title_2 img{float:left;width:68px; }
.title_2 h3{color:#7ecef4;font-size: 24px; margin-top: 8px;}
.title_3{overflow:hidden;margin:30px 0;}
.title_3 h3{float:left;font-weight: 300;float:left;width: 176px;color:#7ecef7;}
.title_3 img{display:block;float:left;margin-top: 10px;}
.tabnav{ overflow:hidden; margin-top:30px; }
.tabnav .tab1{ width:188px; height:47px; background:#fff;color:#110d27;text-align: center; line-height: 47px; float:left;margin-right: 10px;cursor:pointer;}
.tablist{
    width:960px;
    height: 240px;
    border: 1px solid transparent;
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: linear-gradient(#110d27,#110d27),linear-gradient(#71eeee,#fad0ba);
    margin: 20px 0 50px 0;
}
.tabclass{
    display:none; 
    position:relative;
}
.tabclass ul{/* overflow: auto; */padding: 10px;overflow-y: auto;height: 209px;width: 929px;margin: 5px;}
.tabclass ul::-webkit-scrollbar{  
    width:4px;  
    height:4px;  
}  
.tabclass ul::-webkit-scrollbar-track{  
    background: #1c1c1c;  
    border-radius:2px;  
}  
.tabclass uls::-webkit-scrollbar-thumb{
    background: rgba(231,196,215,0.2);
    border-radius:2px;
}  
.tabclass ul::-webkit-scrollbar-thumb:hover{  
    background: #9f9898;  
}  
.tabclass ul::-webkit-scrollbar-corner{  
    background: #1c0b0b;  
}  

.Pop-ups2 {
    position: relative;
    width: 830px;
    height: 600px;   
}


.tabclass ul li{
    list-style: none;
    width:440px;
    float:left; height: 30px; line-height: 30px;overflow: hidden;
}
.tabclass ul li a{color:#fff;}
.tabclass .more{
    border:1px solid #7ecef4;
    border-radius: 10px;
    padding:5px 10px;
    color:#fff;
    position:absolute;
    top: 186px;
    right: 25px;
    display:block;
}

.newsdeta {padding:20px 20px 20px 20px; color:#3a3a3a;}
.newsdeta .titleh{ text-align:center; height:40px; line-height:40px; font-size:18px;}
.titleh h1{font-size:18px;/* font-weight:bold;*/color:#3a3a3a;}
.newsdeta .columncon { border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; padding-top: 10px; font-size:14px; line-height:25px;text-align:left; }
.newsdeta .columncon p{ margin-top:7px; margin-bottom:7px;color:#3a3a3a;}

.time{overflow:hidden; margin:30px auto;}
.time div{width: 418px;float: left;}
.time img{display:block;margin-bottom:10px;}
.time p{margin-left: 46px;}
.picture{overflow:hidden; margin:30px 0; width:860px;}
.picture div{width:409px; height:251px;position:relative;  overflow:hidden;}
.picture div:first-child{
    float:left;
}
.picture div:last-child{
    float:right;
}
.picture img{

       transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;

-webkit-transition:all 0.5s ease-out;
  
-o-transition:all 0.5s ease-out;
}
.picture div:hover img{

   transform:scale(1.2);
  
}
.picture div p{
    position:absolute;
    width:300px;
    text-align: center;
    top: 47%;
    transform: translateY(-50%);
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.section > p{
    margin-left: 20px;
}
.energy{
    margin-top:30px;
   
}

.award{
    background:url(images/img16.png) no-repeat;
    width:798px;
    height:163px;
    position:relative;
}

.award a{
  position:absolute;
  
}

.award > a:nth-child(1){
  left: 91px;
}
.award > a:nth-child(2){
  left: 336px;

}

.award > a:nth-child(3){

  left: 595px;
}
.award span{
    cursor: pointer;


    position:absolute;
     bottom:10px;
}
.award span:nth-child(4){
    left: 110px;
    color:#facbb7;
}
.award span:nth-child(5){
    left: 362px;
    color:#7ecef4;
}
.award span:last-child{
    right: 100px;
    color:#fee9b4;
}
.award_2{
    background:url(images/img17.png) no-repeat;
    width:798px;
    height:87px;
    position:relative;
}
.award_2 a{
    position:absolute;
    color:#7ecef4;
    bottom: 15px;
}

.award_2 a:first-child{
    left: 113px;
}
.award_2 a:nth-child(2){
    left: 308px;
}
.award_2 a:last-child{
    right: 230px;
}
.content{margin:0 auto;/* width:487px; */}

#btn5 img,#btn6 img,#btn7 img,#btn8 img{
transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-webkit-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
}

#btn5:hover img,#btn6:hover img,#btn7:hover img, #btn8:hover img{

   transform:scale(1.05);
  
}
#btn9{
  margin:30px auto 50px;
}

.content2{margin-top: 30px;}
.content2,.content3{overflow:hidden;}
.content2 div,.content3 div{ width:210px;
height:86px; text-align: center; float:left;margin:15px;position:relative;}
.content2 div{
  background:url(images/img9.png) no-repeat;
}
.content2 div:hover{
  background:url(images/img9hover.png) no-repeat;
}

.content3 div{
  background:url(images/img10.png) no-repeat;
}

.content3 div:hover{
  background:url(images/img10hover.png) no-repeat;
}

.content2 p,.content3 p{
    position: absolute;
    text-align: center;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);

}
.content3,.content4{
    margin: 30px 0 50px 0;
    overflow:hidden;
}
.content4 img{width:307px; float:left; margin:0 5px;display:block;}

.footer_b {
  width: 747px;
  overflow: hidden;
  margin-bottom: 80px;
}
.footer_b_l {
  float:left;
  width: 634px;
  float:left;
}
.footer_b_r {
  float:right;
  width:144px;
  height:147px;
  background:url(../images/ewm.png);
}
.footer_b_l dl {
  font-size:14px;
  color:#fff;
  line-height:26px;
  float:left;
  margin-right:43px;
}



.maskLayer{
    width:100%;
    height:100%;
    position:fixed;
    background:rgba(0,0,0,0.5);
    display:none;
    top:0;
    left:0;
    z-index: 889;
}
.masking {
    position:fixed;
    display:none;
    z-index:999;
      width:830px;
    height:600px;
    left:50%;
    margin-left:-415px;
    top:50%;
    margin-top:-300px;  
}

.Pop-ups{
    position:relative;
    width:830px;
    height:600px;
    overflow-y:auto;
    overflow-x:hidden;
}

.Pop-ups::-webkit-scrollbar{  
    width:4px;  
    height:4px;  
}  
.Pop-ups::-webkit-scrollbar-track{  
    background: #1c1c1c;  
    border-radius:2px;  
}  
.Pop-ups::-webkit-scrollbar-thumb{
    background: rgba(231,196,215,0.2);
    border-radius:2px;
}  
.Pop-ups::-webkit-scrollbar-thumb:hover{  
    background: #747474;  
}  
.brand_box::-webkit-scrollbar-corner{  
    background: #1c0b0b;  
}  

.Pop-ups2 {
    position: relative;
    width: 830px;
    height: 600px;   
}

.msbtn1 .layer{
    background:url(images/bj2.jpg) no-repeat;
    width:823px;
    height:1587px;

}
.close {
    position:relative;
    width: 30px;
    height: 33px;
    display: block;
    left: 799px;
    top: -13px;
    line-height: 30px;
    text-align: center;
    background: rgba(94, 87, 87, 0.5);
    border:1px solid transparent;
    border-radius: 20px;
    font-size:36px;
    cursor:pointer;
    z-index: 999;
}
.layer_content2,.layer_content3{
    width:753px;
    margin:0 auto;
    padding: -6px 0;
}
.layer_content2 > h3,.layer_content3 > h3{
    font-size:24px;
    text-align: center;
    margin-bottom: 30px;
}

.layer_content2 > h3{
     color:#7ecef4;
}
.layer_content3 > h3{
     color:#fad0ba;
}


.guest{
    overflow-y:auto;
    overflow-x:hidden;
    height:430px;
     width:650px;
    margin:0 auto;
    text-align: left;
}
.guest::-webkit-scrollbar{  
    width:4px;  
    height:4px;  
}  
.guest::-webkit-scrollbar-track{  
    background: #1c1c1c;  
    border-radius:2px;  
}  
.guest::-webkit-scrollbar-thumb{
    background: rgba(231,196,215,0.2);
    border-radius:2px;
}  
.guest::-webkit-scrollbar-thumb:hover{  
    background: #747474;  
}  
.guest::-webkit-scrollbar-corner{  
    background: #1c0b0b;  
}  

.layer_content{
    width:753px;
    margin:0 auto;
    padding:40px 0;
}
.layer_content > h3{
    font-size: 32px;
    color:#fad0ba;
    text-align: center;
    margin-bottom: 30px;
}

.content5{margin:20px auto 50px; width:740px;}
.content5 p{text-indent: 2em;text-align: left;}
.content5 h3{
    display:block;
    text-align: left;
    margin:20px 0 10px 0;
}
.content6{
    overflow:hidden;
}
.content6 div:first-child{
    width: 357px;
    float:left;
    margin-top:30px;
}
.content6 div:last-child{
    width: 387px;
    float:right;
}

.content6 h3,.content6 span{
   
    color:#fad0ba;
    display:block;
    margin-bottom:10px;   
}
.content6 h3{
    font-size: 24px;
}
.content6 span{
     font-size: 24px;
}
.content7{
    background:url(images/img20.png) no-repeat;
    width: 664px;
    height:248px;
    margin:30px auto 0;
    position:relative;
}
.content7 .txt{
    top: 26px;
    left: 152px;
    position:absolute;
}
.content7 .txt p{
    line-height:40px;
    font-size: 16px;
}

.msbtn1 .layer{
    background:url(images/bj3.jpg) no-repeat;
    width:823px;
    height:2036px;
}
.msbtn2 .layer{
    background:url(images/bj2.jpg) no-repeat;
    width:823px;
    height:1587px;
}
.content8{width:689px; margin:30px auto;}
.content8 img{text-align: center; padding:10px 0;}

.msbtn3 .layer{
    background:url(images/bj3.jpg) no-repeat;
    width:823px;
    height:1027px;
    text-align: center;
}
.msbtn4 .layer{
    background:url(images/bj4.jpg) no-repeat;
    width:823px;
    height:1102px;
    text-align: center;
}
.msbtn5 .layer{
    background:url(images/bj5.jpg) no-repeat;
    width:823px;
    /* height:3316px; */
    text-align: center;
}
.msbtn5 .layer h3{
    margin-top:36px;
}
.msbtn5 .layer img{padding-top:30px;}
.Case{
    width:500px; margin:0 auto; 
    text-align: left;
}
.Case h4{
    font-size:18px;

}
.Case strong{
    font-size:22px;
    margin:10px 0;
    display:block;
}
.Case p:last-child{
    font-weight: bold;
}
.content8 strong,.content8 span{
    color:#7ecef4;
}
.content14 strong,.content14 span{
    color:#fad0ba;
}
.content15 strong,.content15 span{
    color:#7ecef4;
}

.msbtn6 .layer,.msbtn7 .layer,.msbtn8 .layer{
    background:url(images/bj6.jpg) no-repeat;
    width:823px;
    height:1176px;
    text-align: center;
}
.msbtn6 .layer h3,.msbtn7 .layer h3,.msbtn8 .layer h3 {
    margin-top:70px;
}
.msbtn7 .layer h3 {
    color:#7ecef4;
}
.msbtn8 .layer h3 {
    color:#fee9b4;
}

.msbtn6 .layer img,.msbtn7 .layer img,.msbtn8 .layer img{padding:30px 0;}
.download{ display:block; margin:50px auto; width:200px; text-align:center; height:38px; line-height:38px; border:2px solid #fad0ba; color:#fff;transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-webkit-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;}
.download:hover{ background:rgba(255,204,153,0.3)}

.content9{
    width: 690px;
    margin:0 auto;
	overflow:hidden;
}
.content10,.content11{
    width: 460px;
    margin:0 auto;
	overflow:hidden;
}
.content9 div,.content10 div,.content11 div{
    width: 230px;
    float:left;
    text-align: left;
}
.content11 div:last-child{
  margin-top:30px;
}
.content9 span,.content10 span,.content11 span{
   
    display:block;
    margin-bottom: 10px;
    font-weight: bold;
}
.content9 span{
    color:#fad0ba;
}
.content10 span{
    color:#7ecef4;
}
.content11 span{
    color:#fee9b4;
}
.content9 p,.content10 p,.content11 p{
    font-size: 14px;
}

.msbtn9 .layer{
    background:url(images/bj7.jpg) no-repeat;
    width:823px;
    height:1693px;
    text-align: center;
}
.guestbg{
    background:url(images/bj8.jpg) no-repeat;
    width:823px;
    height:688px;
    text-align: center;
}

.wrap{
    width:960px;
    margin:80px auto;
    text-align: center;
}
.wrap .title{
    margin-top:200px;
}
.content12{
    border:1px solid #7dccf2;
    border-radius: 8px;
    width:200px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    margin: 50px auto 30px;
}
.content13{
    margin:60px 0;
}
.content13 p{
    color:#7dccf2;
    margin:20px 0;
}


/*logo*/
.cooperation {
  width: 908px;
  margin: 30px auto 60px;
  overflow:hidden;
}
.box {
    overflow: hidden; margin-bottom: 10px;
    clear:both;
}
.box div:first-child {
    width: 127px;
    text-align: right;
    margin-top: 5px;
    float: left;
}
.box div:first-child p{
    color: #7ecef4;
    font-size: 18px;
}
.box div:last-child {
    width: 745px; overflow: hidden; float: right;
}

.box a {
    border: 2px solid #7ecef4;
    border-image: none;
    width: 120px;
    height: 56px;
    margin-top: 10px;
    margin-right: 10px;
    float: left;
    display: block;
}
.box img{width: 120px;height: 56px;}
.box2 div:first-child {
    width: 121px; text-align: right; margin-top: 5px; float: left;
}
.box2 div:first-child p {
    color: #7ecef4;
    font-size: 18px;
}
.box2 div:last-child {
    width: 745px; overflow: hidden; float: right;
}
.box2 dl {
    margin: 10px 15px 0px 0px; width:90px; float: left;
}
.box2 dl dt {
    border: 2px solid #7ecef4;
    border-image: none;
    width: 90px;
    height: 90px;
}
.box2 dl dd {
    text-align: center; font-size: 12px; margin-top: 10px;
}

.box3{width: 427px;margin:10px 0;overflow: hidden;float: left;}
.box3_l{float:left;width: 128px;margin-right: 33px;text-align:right;color: #7ecef4;font-size: 18px;}
.box3_r{width: 120px;height: 56px;float:left;border: 2px solid #7ecef4;}
.box3_r img{
    width: 120px;
    height: 56px;
    }