.box{

	width:1220px;

	margin:0 auto;

	position:relative;

}

input{-webkit-appearance: none;}

.header{

	background:#fff;

	position: fixed;

	z-index:9999999999999;

	top:0;

	width:100%;

	height:1.2375rem

}

.header .logo img.wap_nav_s{

	display:none

}

.header .nav li a{

	font-size:18px;

	display:block;

	width:2.25rem;

	text-align:center;

}

.header ,.header li{

	line-height:1.2375rem;

	

}

.close {

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 30px;

    border-radius: 50%;

    color: #999;

    border: 2px solid #fff;

    position: absolute;

    top: 0;

    right: -3px;

    cursor: pointer;

}

.header .nav{

	height:1.2375rem;

	overflow:hidden

}

.word .center{

	margin-top:75px

}

.header li{

	position:relative;

}

.header li i{

	position:absolute;

	left:0;

	color:#d0d0d0

}

.header li img,.header li.cur+li i,.header li:hover+li i{

	display:none

}

.header .logo img{

	display:block;

	margin-top:0.25rem

}



.header li.cur img,.header li:hover img{

	display:block;

	margin:0 auto;

	padding-top:10px

}

.header li.cur,.header li:hover{

	background:#091c5a;

	text-align:center;

	line-height:0.51875rem;

}

.header li:hover,.h_tow .dl dl dd{

  -webkit-transition: all 1000ms ease;

transition: all 1000ms ease;

}



.header li:nth-child(1) i,.header li.cur i,.header li:hover i{

	display:none

}

.header li.cur a,.header li:hover a{

	color:#fff

}



.swipe {

		position:relative;

	z-index:0;

  overflow: hidden;

  visibility: hidden;

  position: relative;

  margin: -5px auto;

  margin-top:-0.265rem

}

.swipe-wrap {

  overflow: hidden;

  z-index:0;

  position: relative;

}

.swipe-wrap div {

  float:left;

  width:100%;

  position: relative;

}

#pager em{display: none;

    width: 0.5rem;

    height: 2px;

    border-radius: 10px;

    background: #96acc9;

	margin:0 2px;

}

#pager em.on{background-color: #fff;}

#pager{

	text-align:center;

	position:relative;

	z-index:999999999;

	bottom:0.325rem

}

.prev_prev img {

    position: absolute;

    top: 50%;

    left: 1%;

    transform: translate(0, -50%);

}

.ppd_add img {

    width: 20px;

    cursor: pointer;

}

.next_next img {

    position: absolute;

    top: 50%;

    right: 1%;

    transform: translate(0, -50%);

}

.h_form{

	box-shadow:0 -10px 18px rgba(116, 116, 116, .4);

	padding: 0 0.5rem;

	background-color: #fff;

	z-index: 10;

	border-radius: 20px;

	position:relative;

	top:-0.75rem;	overflow: hidden;

}

.pub_pub  h1{

	text-align:center;

	font-size:0.45rem;

	padding:0.6rem 0 0 0;

	font-weight:bold;

	color:#ffb500

}

.pub_pub  h1 img{

	margin-right: 0.18rem;

width: 0.5rem;

position: relative;

top: -2px;

}

.pub_pub.h_form h2{

	text-align:left;

	margin-top:0

}

.pub_pub h2{

	color:#999999;

	font-size:0.3125rem;

	text-align:center;

	margin-top:0.3rem

}

.h_form.pub_pub h1{

	margin-bottom:0.6rem

}

.h_form .form_l {

	width:60%;

	

}

.h_form .form_l h2{

	width:48%;

	font-size:0.25rem;

	color:#666666

}

.h_form .form_l h2 input,.h_form .form_l h2 select{

	width:100%;

	margin:20px 0 30px 0;

	height:0.625rem;

	background:#f5f6fa;

	 -moz-border-radius: 6px;

  -webkit-border-radius: 6px;

  border-radius: 6px;

  border:0;

  border-top:2px #dadbdf solid;

  padding-left:10px;  color: #999999;

  font-weight:lighter;

  font-size:0.25rem; 

}

.h_form .form_r {

	width:33%

}

.h_form .form_l h2 select{

          appearance:none;

          -moz-appearance:none;

          -webkit-appearance:none;

          background:#f5f6fa url(../img/down.png) no-repeat scroll 94% center ;

          padding-right: 14px;font-size:0.25rem;  color: #999999;

}

.h_form form{

	position:relative

}

.h_form .form_r{

	position:absolute;

    top: 50%;

    right: 0%;

    transform: translate(-0%, -50%);

}

.subscript{

    color: #fff;

    height: 50px;

    width: 450px;

    position: absolute;

    right: -163px;

    top: 22px;

    text-align: center;

    line-height: 48px;

    font-family: "黑体";

    font-size: 20px;

    background-color: #ffb400;

    -moz-transform:rotate(35deg);

    -webkit-transform:rotate(35deg);

    -o-transform:rotate(35deg);

    -ms-transform:rotate(35deg);

    transform:rotate(35deg); 

}

.button{

	width:60%;

	display:block;

	margin:0.35rem 0 0.625rem 0;

	background:#ffb500;

	color:#fff;

	text-align:center;

	padding:0.25rem 0;

	border:0;

	-moz-border-radius: 6px;

  -webkit-border-radius: 6px;

  border-radius: 6px;

  font-size:0.35rem;

  cursor:pointer;

  -webkit-transition: all 500ms ease;

transition: all 500ms ease;

}





.h_tow .dl dl{

	width:31.333%;

	position:relative

}

.h_tow .dl dt img{

	width:100%

}

.h_tow .dl{

	padding-top:1.45rem;

	display:flex;

	 justify-content:space-between ;

}

.h_tow .dl dd{

	position:absolute;

	bottom:0;

	width:100%;

	text-align:center;

	color:#fff;

	font-size:0.4rem;

	font-weight:bold;

	background-color:#000000;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */

  background-color:rgba(0,0,0,0.76); /* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂，但解析为透明 */

}

.h_tow .dl dd em{

	

	display:block;

	margin:0.25rem auto

}

.h_tow .dl dd span{

	font-size:18px;

	font-weight:lighter;

	padding:0 15%;

	margin: 0 auto;

	padding-bottom:0.25rem;

	margin-bottom: -50px;

    opacity: 0;

	display:block;

	-webkit-transition: all 500ms ease;

    transition: all 500ms ease;

}

.h_tow .dl dl:hover dd span{

	margin-bottom: 0px;

    opacity: 1;

}

.totop img{

	width:32px

}

.h_tow .dl dd i img{

	width:1.6rem;

	height:1.6rem;

	margin-top:-0.8rem;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}

.h_tow .dl dl:hover dd i img{

	-webkit-transform: rotateY(180deg);

	transform: rotateY(180deg);

}

.h_tow p{

	color:#999999;

	font-size:0.3125rem;

	font-weight:lighter;

	padding:1rem 0 0.65rem 0;

	line-height:0.5rem

}

.h_there {

	padding-bottom:45px

}

.h_there h2{

	margin-bottom:1.2rem

}

.h_there dl{

	position:relative;

	overflow:hidden

	

}

.h_there dt{

	overflow:hidden

}

.h_there dt img{

	width:100%

}

.h_there dl{

	margin-bottom:0.25rem;

	width:19%

}

.h_there dd{

	width: 100%;	

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	text-align: center;	

	background-color: rgba(0, 6, 21, .8);

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

	top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

	padding-top:1.15rem

}

.h_there dd h3{

	text-align:center;

	color:#fff;

	font-size:0.3rem;

	margin-top:0.25rem;

		-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}

.h_there dd h3 span{

	display:block;

	font-size:0.22rem;

	padding:0.14rem 0 1rem 0

}

.h_there dd i img{

	width: 1rem;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}

.h_there dl:hover dd h3{

	margin-top:0.35rem

	

}

.h_there dl:hover dd i img{

		-webkit-transform: rotateY(180deg);

	transform: rotateY(180deg);

}

.h_tow {

	background:url(../img/bg_1.jpg) no-repeat

}

.h_four {

	background:url(../img/bg_2.jpg) no-repeat

}

.h_five {

	background:url(../img/bg_3.jpg) no-repeat

}

.h_ten  {

	background:url(../img/bg_1.png) no-repeat;

}

#product .h_five,#advantages .h_there  {

	background:url(../img/bg_10.jpg) no-repeat

}

#product  .h_nine{

	background:url(../img/bg_12.jpg) no-repeat;

	padding-bottom:2rem

}

.h_six {

	background:url(../img/bg_4.jpg) no-repeat

}

.ab_tow  {

	background:url(../img/bg_6.jpg) no-repeat;

	padding-bottom:1rem

}

.ab_there  {

	background:url(../img/bg_7.jpg) no-repeat;

	padding-bottom:1rem

}

.ab_four  {

	background:url(../img/bg_8.jpg) no-repeat;

	padding-bottom:2rem

}

#about .h_six {

	background:url(../img/bg_9.jpg) no-repeat

}

#about .h_six .six_l p{

	color:#333

}

.h_four .dl{

	width:70%;

	padding:1rem 0 0 0

}

.h_four .dl dl{

	width:38%;

	display:flex;

	color:#fff;

	font-size:0.34375rem;

	text-align:center;

	border:1px solid rgba(0,0,0,0.0025);

	margin-right:1rem;

	margin-bottom:0.55rem;

	padding:0.45rem 1rem;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}

.h_four .dl dd{

	margin-left:0.4375rem

}

.h_four .dl dd i{

	display:block;

	font-family:Arial, Helvetica, sans-serif;

	font-size:0.5625rem;

	margin-top:0.45rem

}

.h_four .dl dd i b{

	font-weight:lighter

}

.h_four .dl dl:hover{

	border:1px #fff solid;

}

.h_five table{

	width: 100%;

	color: #c8c8c8;

	font-size: 18px;

	margin: 0.5rem auto 0 auto;

	border-spacing: 0;

	border-left: 1px solid #fff;

}

.h_five table th{

	height: 60px;

	line-height: 60px;

	background-color: #ffb400;

	color: #fff;

	font-size: 18px;

	font-weight: normal;

	text-align: center;

	border-right: 1px solid #fff;

	border-bottom: 1px solid #fff;

}

.h_five table td{

	height:60px;

	line-height: 60px;

	text-align: center;

	color: #333;

	background:#f5f6fa;

	border-right: 1px solid #fff;

	border-bottom: 1px solid #fff;

}

.h_five table tr:nth-child(even) td{

	background:#eaebef

}

.h_five h5{

	font-style:italic;

	color:#999999;

	text-align:right;

	padding:0.35rem 0 1rem 0

}

.h_six .six_l{

	padding-top:4rem

}

.h_six .six_r{

	margin-top:1rem;

	padding-right:1rem

}

.h_six .six_l h6{

	color:#ffb500;

	font-size:1rem;

	font-weight:bold

}

.h_six .six_l p{

	font-size:0.35rem;

	color:#fff;

	margin-top:0.25rem

}

#yunche{

	width: 100%;

	height: 820px;

	background:url(../img/bg_5.jpg) center center no-repeat;

	background-size: cover; 

	position: relative;

}

.solgan{

	width: 900px;

	height: 85px;

	display: block;

	position: absolute;

	top: 40%;

	left: 50%;

	margin-left: -450px;

	font-size: 1.5625rem;

	color: #243755;

	text-align: center;

	font-weight: bold;

	font-size:0.85rem

}

#yunche button{

	width: 340px;

	height: 92px;

	-moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  border-radius: 10px;

	position: absolute;

	top: 60%;

	left: 50%;

	margin-left: -170px;

	background-color: #ffb400;

	font-size: 35px;

	border: none;

	cursor: pointer;

	-webkit-transition: all 500ms ease; 

	transition: all 500ms ease;

	color:#fff

}

#yunche button:hover{

	opacity: .8;

	box-shadow: 0 0 10px rgba(0, 0, 0, 1.0);



}

.footer{

	background:#2f2e34;

	padding:1.3rem 0 0.81rem 0

}

.footer .f_logo{

	padding-top:36px

}

.footer .f_logo img{

	width:75%

}

.footer .core{

	width:40%;

	color:#fff;

}

.footer .core .img{

	margin-right:30px

}

.footer .core img{

	width:180px;

	margin-right:20px

}

.footer .core h2{

	font-size:18px;

	margin-bottom:10px

}

.footer .core p{

	font-size:15px;

	width:80%;

	line-height:26px

}

.footer .nume{

	width:35%;

	color:#fff;

}

.footer .nume a{

	color:#fff;

	font-size:16px;

	margin-bottom:25px;

	display:inline-block

}

.footer .nume i{

	margin:0 10px

}

/*.footer .nume i:nth-child(8),.footer .nume i:nth-child(16),.footer .nume i:nth-child(24){

	display:none

}*/

.m_nav{

	 position:absolute;

    top: 40%;

    right: 0%;

    transform: translate(-0%, -50%);

	display:none

}

#about .ab_one {

	margin:0.65rem 0

}

#about .ab_one .txt .tit h2 img{

	width:45px;

	top:-6px

}

.ab_one .img,.ab_one .txt{

	width:50%;

}

.ab_one .txt{

	padding:0.5rem 1rem;

	padding-bottom:0

}

.ab_one .txt .tit h2,.pub_about .txt .tit h2{

	font-size:0.45rem;

	font-weight:bold;

	color:#ffb500

}

.pub_about .txt .tit{

	text-align:center;

	padding-top:1rem

}

.ab_one .txt .tit h2 img,.pub_about .txt .tit h2 img{

	position:relative;

	top:-11px;

	margin-right:15px

}

.pub_about .txt .tit h2 img{

	width:0.5rem;

	top:-4px;

}

.ab_one .txt .tit em,.pub_about .txt .tit em{

	font-size:20px;

	color:#999;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:lighter;

	display:block;

	margin:20px 0;

	text-transform: uppercase; 

}

.ab_one .txt p{

	text-indent:2em;

	font-size:20px;

	color:#333;

	line-height:38px;

	margin-top:30px

}

.ab_one .img img{

	height:100%

}

.about-btn button{

	display: block;

	margin:30px 0;

	padding: 0;

	border: 1px solid #ffb400;

	border-radius: 10px;

	width: 250px;

	height: 56px;

	line-height: 56px;

	font-size: 22px;

	color: #fff;

	background-color: #ffb400;

	cursor: pointer;

	-webkit-transition: all 1000ms ease;

	transition: all 1000ms ease;

}

.about-btn button:hover{

	opacity: .8;

	box-shadow: 0 0 10px rgba(0, 0, 0, 1.0);



}

input.button:hover{

	opacity: .8;

	box-shadow: 0 0 10px rgba(0, 0, 0, 1.0);



}

.ab_one .txt ul {

    display: table;

    width: 100%;

}

.ab_one .txt ul li {

    display: table-cell;

    font-size: 18px;

    text-align: center;

    color: #000;

}

.ab_one .txt ul li img {

    display: block;

    margin: 20px auto;

	width:60px

}

.ab_tow p,.ab_there p{

	font-size:20px;

	color:#333;

	line-height:36px;

	font-weight:lighter;

	margin-top:45px

}

.ab_tow .dl dl{

	width:23%;

	background:#fff;

	border:1px #bfbfbf solid;

	text-align:center;

	margin-top:110px

}

.ab_tow .dl dl dt{

	background:url(../img/dbx_1.png) no-repeat;

	width:114px;

	height:131px;

	background-size:114px 131px;

	margin:0 auto;

	font-size:25px;

	font-family:Arial, Helvetica, sans-serif;

	line-height:131px;

	color:#fff;

	position:relative;

	top:-42px

}

.ab_tow .dl dl:nth-child(even) dt{

	background:url(../img/dbx_2.png) no-repeat;

	width:114px;

	height:131px;

	background-size:114px 131px;

}

.ab_tow .dl dd h4{

	font-size:22px;

	color:#333;

}

.ab_tow .dl dd  img{

	margin:0.65rem 0 ;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

	width:1.79rem

}

.ab_tow .dl dl:hover dd img,#product .h_nine .clo_3 dl:hover dt img{

	-webkit-transform: rotateY(180deg);

	transform: rotateY(180deg);

}

#product .h_five .list dt img,#product .h_nine .clo_3 dt img{

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



#product .h_five .list dl:hover dt img{

	-webkit-transform: rotateY(180deg);

	transform: rotateY(180deg);

}

.order-num  h2 {

    font-size: 22px;

}

.order-num{

	margin-top:85px

}

.order-num h2 span {

    font-size: 48px;

    font-weight: bold;

}

.order-num{

	text-align:center;

	justify-content:  center

}

.order-num img{

	width:74px;

	height:78px

}



@-webkit-keyframes animate-width {

  0% {

    width: 0;

  }

  100% {

    visibility: visible;

  }

}

@-moz-keyframes animate-width {

  0% {

    width: 0;

  }

  100% {

    visibility: visible;

  }

}

@keyframes animate-width {

  0% {

    width: 0;

  }

  100% {

    visibility: visible;

  }

}

@-webkit-keyframes animate-height {

  0% {

    height: 0;

  }

  100% {

    visibility: visible;

  }

}

@-moz-keyframes animate-height {

  0% {

    height: 0;

  }

  100% {

    visibility: visible;

  }

}

@keyframes animate-height {

  0% {

    height: 0;

  }

  100% {

    visibility: visible;

  }

}

body {

  background-color: #3b4150;

  font-family: arial, sans-serif;

  color: #cdcdcd;

}



#bar-chart {

  position: relative;

  margin: 30px auto 0;

}

#bar-chart * {

  box-sizing: border-box;

}

#bar-chart .graph {

  height: 400px;

  position: relative;

}

#bar-chart .bars {

  height: 385px;

  position: absolute;

  width: 100%;

  z-index: 10;

}

#bar-chart .bar-group {

  display: block;

  height: 100%;

  position: relative;

  width:50%;

  margin:0 auto

 }



#bar-chart .bar-group .bar {

 

  border-radius: 3px 3px 0 0;

  bottom: 0;

  cursor: pointer;

  position: absolute;

  text-align: center;

  width: 12%;

}

#bar-chart .bar-group .bar-1 ,#bar-chart .bar-group .bar-4 {

  animation:mymove1 3s forwards;

  -webkit-animation:mymove1 3s forwards; /*Safari and Chrome*/

}

#bar-chart .bar-group .bar-2,#bar-chart .bar-group .bar-5 {

  animation:mymove2 3s forwards;

  -webkit-animation:mymove2 3s forwards; /*Safari and Chrome*/

}

#bar-chart .bar-group .bar-3{

  animation:mymove3 3s forwards;

  -webkit-animation:mymove3 3s forwards; /*Safari and Chrome*/

}

@keyframes mymove1

{

from {height:0px;}

to {height:54%;}

}



@-webkit-keyframes mymove1 /*Safari and Chrome*/

{

from {height:0px;}

to {height:54%;}

}



@keyframes mymove2

{

from {height:0px;}

to {height:75%;}

}



@-webkit-keyframes mymove2 /*Safari and Chrome*/

{

from {height:0px;}

to {height:75%;}

}



@keyframes mymove3

{

from {height:0px;}

to {height:90%;}

}



@-webkit-keyframes mymove3 /*Safari and Chrome*/

{

from {height:0px;}

to {height:90%;}

}





#bar-chart .bar-group .bar:nth-child(2) {

  left: 22%;

}

#bar-chart .bar-group .bar:nth-child(3) {

  left: 44%;

}

#bar-chart .bar-group .bar:nth-child(4) {

  left: 66%;

}

#bar-chart .bar-group .bar:nth-child(5) {

  left: 88%;

}

#bar-chart .bar-group .bar span {

  display: none;

}



#bar-chart ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

#bar-chart .x-axis {

  bottom: 0;

  position: absolute;

  text-align: center;

  width: 100%;

}

#bar-chart .x-axis li {

  float: left;

  margin-right: 10.5%;

  font-size: 11px;

  width: 11.5%;

}

#bar-chart .x-axis li:last-child {

  margin-right: 0;

}

#bar-chart .y-axis {

  position: absolute;

  text-align: right;

  width: 100%;

}

#bar-chart .y-axis li {

  border-top: 1px solid #4e5464;

  display: block;

  height: 63.25px;

  width: 100%;

}

#bar-chart .y-axis li span {

  display: block;

  font-size: 11px;

  margin: -10px 0 0 -60px;

  padding: 0 10px;

  width: 40px;

}

#bar-chart .stat-1,#bar-chart .stat-5 {

	background:#fbe1a2

}

#bar-chart .stat-2,#bar-chart .stat-4 {

  background:#f7d2a9

}

#bar-chart .stat-3 {

  background:#ffb500

}

.ab_four p{

	width:50%;

	text-indent:2em;

	margin-left:50%;

font-size: 22px;

color: #333;

line-height: 48px;

margin-top:1.345rem;



}

.ab_four .about-btn{

	margin-left:50%;

	margin-bottom:130px

}

.line_px .lines{

	background:#e6e6e6;

	height:1px;

}

.line_px .lines i {

    display: block;

    position: relative;

    width: 16px;

	height:16px;

    margin: 0 auto;

	border:1px #e6e6e6 solid;

	-moz-border-radius: 100px;

  -webkit-border-radius: 100px;

  border-radius: 100px;

  margin-top: -8px;

background: #fff

}

	

.line_px .lines i::before {

    content: '';

  

    background: rgba(255,255,255,.1);

    border-radius: 50%;

    position: absolute;

    top: -6px;

    left: -6px;

    z-index: 1;

    -webkit-animation: scale 1s linear infinite;

    animation: scale 1s linear infinite;

}

.line_px .lines i::after {

    content: '';

   

    border-radius: 50%;

    background: #fff;

    position: absolute;

    top: -2px;

    left: -2px;

    z-index: 2;

}

.line_px .lines i span {

    display: block;

    width: 6px;

    height: 6px;

    background: #e6e6e6;

    border-radius: 50%;

    position: relative;

    z-index: 3;

	top:4px;

	left:4px;

}

.line_px .name div{

	margin:0 auto;

	width:25%;

	text-align:center;

	font-size:24px

}

.line_px .name div em{

	font-size:36px;

	font-family:Arial, Helvetica, sans-serif

}

.line_px .name div i{

	display:block;

	text-align:center;

	font-size:24px;

	position:relative;

	top:70px;

	color:#fff;

}

.line_px .name div i b{

	background:#ffb401;

	-moz-border-radius:8px;

  -webkit-border-radius: 8px;

  border-radius: 8px;

  font-weight:normal;

  display:inline-block;

  width:110px;

  height:40px;

  text-align:center;

  line-height:36px;

  border:3px #ffdb85 solid;

}

#product .h_five .list{

	padding:2rem 0;

	padding-bottom:1rem

}

#product .h_five .list dl{

	width:25%;

	display:flex;

	margin-bottom:1.45rem

}

#product .h_five .list dt{

	width:30%

}

#product .h_five .list dd{

	width:70%

}

#product .h_five .list dd{

	font-size:20px;

}

#product .h_five .list dd p{

	font-size:16px;

	margin-top:20px;

	width:190px;

	color:#858585;

	line-height:24px

}	



#product .h_five .list dd h4{

	font-weight:bold

}

#product .h_five .list dt{

	padding-top:0.45rem

}

#product .h_nine p{

	font-size:0.3125rem;

	color:#fff;

	line-height:0.55rem;

	font-weight:lighter;

	margin-top:60px

}

#product .h_nine p{

	padding-bottom:90px

}

#product .h_nine .clo_3 dl{

	border:8px #fff solid;

	width:320px;

	height:320px;

	text-align:center;

	-moz-border-radius: 200px;

  -webkit-border-radius: 200px;

  border-radius: 200px;

}

#product .h_nine .clo_3 dt img{

	width:70px

}

#product .h_nine .clo_3 dt{

	margin-top:1rem;

	margin-bottom:0.55rem

}

#product .h_nine .clo_3 dd{

	color:#fff;



	font-size:20px;

}

#product .h_nine .clo_3 dd i{

	color:#ffb500;

	font-size:45px;

}

		

.h_ten p{

	text-align:center;

	color:#999;

	line-height:40px;

	font-size:0.3125rem;

	margin-top:60px;

	font-weight: lighter

}

.h_ten .dl{

	margin:50px auto 80px auto

}

.h_ten .dl dl{

	position:relative;

	cursor:pointer

}

.h_ten .dl dd{

	position:absolute;

	-webkit-transition: all 500ms ease;

    transition: all 500ms ease;

	width:100%;

	bottom:0;

	text-align:center;

	padding-bottom:30px;

	background-color:#000000;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */

  background-color:rgba(0,0,0,0.55); /* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂，但解析为透明 */	

}

.h_ten .dl dl:hover dd p{

	-webkit-transition: all 500ms ease;

    transition: all 500ms ease;

}

.h_ten .dl dl:hover dd p{

	margin-bottom: 0px;

    opacity: 1;

}

.h_ten .dl dd h3{

	position:relative;

	top:-40px

}

.h_ten .dl dd h2{

	color:#fff;

	font-size:25px;

	font-weight:bold;

	margin-top:-30px;

	margin-bottom:25px;

}

.h_ten .dl dd p{

	color:#fff;

	font-size:18px;

	width:50%;

	margin:0 auto;

	line-height:30px;

	margin-bottom: -90px;

    opacity: 0;

}

.h_ten .dl dl.cur dd p{

	display:block;

	padding-bottom:30px

}

#news .list{

	display:flex;

	justify-content:space-between ;

	margin-bottom:85px

}

#news .list .img{

	width:35%;

	-moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  border-radius: 8px;

}

#news .list .img img{

	width:100%;

	-moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  border-radius: 8px;

}

#news .list:hover .txt .tit h2{

	color:#ffb500

}



#news .list .txt{

	width:63%

}

#news .list .txt .tit{

	display:flex;

	justify-content:space-between ;

	margin-bottom:15px;

}

#news .list .txt .tit h2,#news .list .txt .tit h3{

	font-size:24px;

}

#news .list .txt .tit h3 i{

	font-size:18px;

	margin-left:8px

}

#news .list .txt .tit h3{

	font-family:Arial, Helvetica, sans-serif;

	font-weight:lighter

}

#news .list .txt p{

	font-size:15px;

	color:#848484;

	text-indent:2em;

	margin-top:6px

}

.totop{

	position: fixed;

right: 3%;

bottom: 2%;

cursor: pointer;

z-index: 0;

}

.h_ten .dl dd h3 img{

	width:80px;

	-webkit-transition: all 500ms ease;

    transition: all 500ms ease;

}

.h_ten .dl dl:hover dd h3 img{

	-webkit-transform: rotateY(180deg);

	transform: rotateY(180deg);

}

.banner{

	position:relative;

	z-index:99;

}

.wap_nav {

    background: #fff;

    position: fixed;

    top: 80px;

    z-index: 9999999999999;

    width: 100%;

    display: none;

	left:0

}

.wap_nav li {

    padding: 0.45rem 0;

    border-top: 1px solid #dee7f2;

    text-transform: uppercase;

    color: #666;

    font-weight: bold;

    padding-left: 1rem;

    font-size: 15px;

}

.wap_nav li  a{

	margin-right:1rem

}



.cur_ed{

	position:fixed;

}

#mcover {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.7);

    display: none;

    z-index: 99999998;

}

#mcovers {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.7);

    display: none;

    z-index: 999999989999999899999998;

}

@font-face { font-family: 'YDUI-INLAY'; src: url(data:application/x-font-ttf;base64,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) format('truetype'); }



.g-view { margin: 0 auto; max-width: 750px; min-width: 320px; }

.g-view:before { content: ''; display: block; width: 100%; height: 0.9rem; }

.g-view:after { content: ''; display: block; width: 100%; height: 1.5rem; }

.g-flexview { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; max-width: 750px; min-width: 320px; }

.g-scrollview { width: 100%; height: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: relative; margin-bottom: -1px; }

.g-scrollview:after { content: ''; display: block; width: 100%; height: 0.5rem; }

.ios .g-scrollview { margin-top: 1px; }

.hairline .g-scrollview { margin-top: 0.5px; }

.g-fix-ios-overflow-scrolling-bug { -webkit-overflow-scrolling: auto; }

.mask-black-dialog { background-color: rgba(0, 0, 0, 0.4); position: fixed; z-index: 1500; bottom: 0; right: 0; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.mask-black { background-color: rgba(0, 0, 0, 0.4); position: fixed; z-index: 500; bottom: 0; right: 0; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.mask-white-dialog { background-color: rgba(0, 0, 0, 0); position: fixed; z-index: 1500; bottom: 0; right: 0; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.mask-white { background-color: rgba(0, 0, 0, 0); position: fixed; z-index: 500; bottom: 0; right: 0; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.m-cityselect { position: fixed; bottom: 0; left: 0; width: 100%; height: 75%; z-index: 9999999999999999999999999999; background-color: #fff; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

.m-cityselect.brouce-in { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.cityselect-header { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }

.cityselect-header:after { content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #D9D9D9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }

.cityselect-title { width: 100%; font-size: .3rem; text-align: center; height: 45px; line-height: 45px; position: relative; }

.cityselect-title:after { content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #B2B2B2; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }

.cityselect-nav { width: 100%; padding-left: .2rem; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.cityselect-nav > a { font-size: .26rem; color: #222; display: block; height: 40px; line-height: 46px; padding: 0 .2rem; position: relative; margin-right: .15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 40%; }

.cityselect-nav > a.crt { color: #F23030; }

.cityselect-nav > a.crt:after { content: ''; width: 100%; height: 2px; background-color: #F23030; position: absolute; bottom: 0; left: 0; z-index: 2; }

.cityselect-content { height: 100%; padding-top: 85px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.cityselect-content.cityselect-move-animate { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

.cityselect-content.cityselect-next { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.cityselect-content.cityselect-prev { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.cityselect-content > .cityselect-item { display: block; height: inherit; width: 50%; /* for old android */

-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; overflow-y: auto; -webkit-overflow-scrolling: touch; background-color: #FFF; }

.cityselect-content > .cityselect-item::-webkit-scrollbar {

 width: 0;

}

.cityselect-content > .cityselect-item:nth-child(2n) { background-color: #F5F5F5; }

.cityselect-item-box { width: 100%; height: inherit; display: block; padding: 0 .4rem; }

.cityselect-item-box > a { color: #333; font-size: .26rem; height: 40px; line-height: 40px; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; position: relative; z-index: 1; }

.cityselect-item-box > a:before { content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #D9D9D9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }

.cityselect-item-box > a:active { background: none;/* for firefox */

}

.cityselect-item-box > a span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: block; }

.cityselect-item-box > a.crt { color: #F23030; }

.cityselect-item-box > a.crt:after { display: block; content: '\E600'; font-family: 'YDUI-INLAY'; }



#h_form{

	position:fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

	z-index:9999999999999999999999999;

	display:none

}

.animated {

 -webkit-animation-duration:1s;

 animation-duration:1s;

 -webkit-animation-fill-mode:both;

 animation-fill-mode:both;

}

@keyframes fadeInUp {

 0% {

  opacity:0;

  -webkit-transform:translate3d(0,100%,0);

  transform:translate3d(0,100%,0);

 }

 100% {

  opacity:1;

  -webkit-transform:none;

  transform:none;

 }

}

.fadeInUp {

 -webkit-animation-name:fadeInUp;

 animation-name:fadeInUp;

}

@-webkit-keyframes fadeInUpBig {

 0% {

  opacity:0;

  -webkit-transform:translate3d(0,2000px,0);

  transform:translate3d(0,2000px,0);

 }

 100% {

  opacity:1;

  -webkit-transform:none;

  transform:none;

 }

}