@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 "Arial","微軟雅黑",sans-serif; }
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{ display:none;}
.banner{ width:100%; overflow:hidden;}
.banner img{ width:100%;}
.con_03{ width:1060px; margin:auto; overflow:hidden; margin-top:30px; padding:30px 70px; text-align: center;}
.con_03 h1{ display: inline-block; background-image:linear-gradient(to right, #00ff96, #31effc); font-size:36px; font-weight:normal; margin-bottom:20px; -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; font-weight: bold;}
.con_03 h2{ display: none;}
.zi{ line-height:30px; margin-bottom:20px; }
.con_03 video{  width:70%;}

.con_02{ width:1200px; margin:auto; overflow:hidden; margin-top:40px; }
.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:1060px; margin:auto; overflow:hidden; margin-top:30px; padding:30px 70px; text-align: center;}
.con_01 h1{ display: inline-block; background-image:linear-gradient(to right, #00ff96, #31effc); font-size:36px; margin-bottom:20px; -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; font-weight: bold;}


.share{ width:100%; overflow:hidden; margin-bottom: 20px; display: none;}
.share dt{ width:50%;overflow:hidden; }
.share dt img{ height:100%;}
.share dd{ width:42%;  float:left; padding:4%; }
.share 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;}
.share dd h3 {font-size:30px;  }
.share dd p{line-height:36px; font-size:18px;}










.con_05{width:100%; overflow:hidden; background:url("../images/bj.jpg") no-repeat; background-size: 100%; background-position: bottom; margin-bottom: 20px;}
.con_05 dl{width:1200px;  margin:20px auto;}
.con_05 dl dt{ width:509px; overflow:hidden; float:left; text-align: center;}
.con_05 dl dt h3{display: inline-block; background-image:linear-gradient(to right, #00ff96, #31effc); font-size:24px; 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{display: block; margin-bottom:10px; }
.con_05 dl dd{ width:42%; overflow:hidden; padding:4%; padding-top:0; float:right; text-align: center;}
.con_05 dl dd h3{display: inline-block; background-image:linear-gradient(to right, #00ff96, #31effc); font-size:24px; 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:93%; padding:2%; border:1px solid #fff; background:#141616; font-size:18px; color: #fff;}
.biaodan li span{ font-size:14px; color:#F00; margin:0;}
.biaodan li textarea{ border-radius:3px; width:93%; padding:2%; border:1px solid #fff; background:#141616; height:100px; font-size:18px;color: #fff;}
.btn{border-radius:3px; width:100%; margin:0; padding:2%; border:none; background:#008787; height:46px; color:#FFF; font-weight:bold;}
.btn:hover{ background:#00b8b8;}

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