@charset "utf-8";
/*初始化  reset*/
body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font:16px/1.5 "微软雅黑",sans-serif; color:#272626;text-align: justify; letter-spacing:1px;}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,i{font-style:normal}
ol,ul{list-style:none}
a{text-decoration:none;color:#333;}
img{border:0; display:block;}
textarea{resize:none;}
a,input,button,select,textarea{outline:none;}
a,button{cursor:pointer;}
/*清除浮动*/
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
*+html .clearfix { min-height: 1%; }
/*---------------------------------------导航-------------------------------------------*/
body{ background: #000; color: #fff;}
.banner_ph{width:100%; overflow:hidden; }
.banner{display:none; }
.banner_ph img{ width:100%;}
 
.con_03{ width:90%; padding: 5%; overflow:hidden; text-align: center;}
.con_03 h2{ display: inline-block; background-image:linear-gradient(to right, #00ff96, #31effc); font-size:20px; font-weight:normal; margin-bottom:20px; -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; font-weight: bold;}
.con_03 h1{ display: none;}
.zi{ line-height:30px; margin-bottom:20px; }
.con_03 video{  width:100%;}
.con_02{ width:90%; padding: 5%; overflow:hidden; margin-top:40px; display: none;}
.share02{ width:100%; overflow:hidden; margin-bottom: 20px; }
.share02 dt{ width:50%;overflow:hidden; }
.share02 dt img{ height:100%;}
.share02 dd{ width:42%;  float:left; padding:4%; }
.share02 dd h2{ display: inline-block; background-image:linear-gradient(to right, #00ff96, #31effc); font-size:48px; font-weight:normal; margin-bottom:20px; -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; font-weight: bold;}
.share02 dd h3 {font-size:30px;  }
.share02 dd p{line-height:36px; font-size:18px;}

.share01{ width:100%; overflow:hidden; margin-bottom: 20px;}
.share01 dt{ width:50%;overflow:hidden; float:left;  }
.share01 dt img{ height:100%;}
.share01 dd{ width:42%; overflow: hidden;padding:4%;}
.share01 dd h2{ display: inline-block; background-image:linear-gradient(to right, #00ff96, #31effc); font-size:48px; font-weight:normal; margin-bottom:20px; -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; font-weight: bold;}
.share01 dd h3 {font-size:30px;  }
.share01 dd p{line-height:36px; font-size:18px;}

.con_01{ width:90%; padding: 5%; overflow:hidden; text-align: center;}
.con_01 h1{ display: inline-block; background-image:linear-gradient(to right, #00ff96, #31effc); font-size:20px; margin-bottom:20px; -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; font-weight: bold;}


.share{ width:90%; padding: 5%; overflow:hidden; margin-bottom: 20px;}
.share dt{ width:100%;overflow:hidden; }
.share dt img{ width:100%;}
.share dd{ width:100%;overflow:hidden;margin-bottom: 20px;   }
.share dd h2{ display: inline-block; background-image:linear-gradient(to right, #00ff96, #31effc); font-size:36px; font-weight:normal; margin-bottom:10px; -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; font-weight: bold;}
.share dd h3 {font-size:24px;  margin-bottom:10px; }
.share dd p{line-height:28px; font-size:16px;}










.con_05{ width:90%; padding: 5%; overflow:hidden;}
.con_05 dl{width:100%;  margin:20px auto;}
.con_05 dl dt{ width:100%; overflow:hidden; text-align: center;}
.con_05 dl dt h3{display: inline-block; background-image:linear-gradient(to right, #00ff96, #31effc); font-size:20px; margin-bottom:20px; -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; font-weight: bold;}
.con_05 dl dt p{text-align: left; color:#CCCCCC}
.con_05 dl dt p img{width:100%; display: block; margin-bottom:10px; }
.con_05 dl dd{ width:100%; overflow:hidden; text-align: center; margin-top: 40px;}
.con_05 dl dd h3{display: inline-block; background-image:linear-gradient(to right, #00ff96, #31effc); font-size:20px; margin-bottom:20px; -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; font-weight: bold;}
.con_05 dl dd p{ line-height:30px; margin-bottom:10px;  color:#757575; font-size:14px;}
.biaodan{ overflow:hidden;}
.biaodan li{ margin-bottom:20px;}
.biaodan li input{ border-radius:3px; width:90.8%; padding:2%; border:1px solid #fff; background:#141616; font-size:18px;}
.biaodan li select{ border-radius:3px; width:94%; padding:2%; border:1px solid #fff; background:#141616; font-size:18px;}
.biaodan li span{ font-size:12px; color:#F00; margin:0;}
.biaodan li textarea{ border-radius:3px; width:90.8%; padding:2%; border:1px solid #fff; background:#141616; height:100px; font-size:18px;}
.btn{border-radius:3px; width:100%; margin:0; padding:2%; border:none; background:#008787; height:46px; color:#FFF; font-weight:bold; text-align: center;}
.btn:hover{ background:#00b8b8;}

.footer{background:#008787; color:#FFF; font-size:16px; text-align:center; width:98%; padding:1%; }