/* CSS Document */
/*-------common-----------*/
/*
*/
* {padding:0; margin:0; list-style-type: none;}
body {font-family: "Microsoft YaHei", "LiHei Pro Medium";color: #333333; background-color: #fff;font-size:13px;}
/*
img {display:block;border: 0;margin:0 auto;vertical-align: middle;}
*/
a {color: #666; text-decoration: none; cursor: pointer;}
a:hover, input:focus {outline: 0;}
a:hover img {text-decoration: none;}
a img {border:0px !important;}
input, select {vertical-align: middle; transition: all 0.2s; font-size: 12px;}
input[type="button"], input[type="submit"] {cursor: pointer;}
input[type="text"],input[type="password"],button,select,textarea{border-radius:none;-webkit-border-radius:none;-webkit-appearance:none;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0); border:none;background:rgba(255,255,255,0);font-family: "Microsoft YaHei", "LiHei Pro Medium";}
textarea {resize: none; transition: all 0.2s;}
a, a:visited, a:hover{text-decoration: none; cursor: pointer;}
a:link, a:hover, input:focus {outline: 0;}
a:hover img {text-decoration: none;}
::-webkit-input-placeholder {color:#bababa;font-family:microsoft yahei;}
:-moz-placeholder {color:#bababa;font-family:microsoft yahei;}
::-moz-placeholder {color:#bababa;font-family:microsoft yahei;}
:-ms-input-placeholder {color:#bababa;font-family:microsoft yahei;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
ol, ul, li {list-style: none;}
input:-webkit-autofill { background-color: #fff;background-image: none;-webkit-box-shadow: 0 0 0px 1000px white inset; }
/*
*/

table {width: 100%; text-align: center;border-collapse: collapse;border-spacing: 0}
.fl, .leftbox {display:block; float: left;}
.fr, .rightbox {display:block; float: right;}

.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}

.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f22 {font-size: 22px;}
.f25 {font-size: 25px ;}
.f40 {font-size: 40px ;}



/*------star header------*/
#header{width:100%;/*height:100px;*/position:relative;background:#fff;border-bottom:1px solid #eeeeee;}
#header .head-nav{width:1200px;margin:0 auto;height:88px;position:relative;*z-index: -1;}
#header .logo-icon{display:block;background:url(../images/logo.png) no-repeat center;width:380px;height:52px;margin-top:17px; cursor: pointer}
.nav-dv{position:relative;/*width:570px;*/}
.nav-item{position:relative;float:left;width:115px;padding-top:35px;text-align:center;z-index:99}
.nav-item a{display:block;color:#333;}
.nav-item a:hover{color:#fdad01}
#header .ahv{color:#fdad01}
.move-bg{display:none;position:absolute;left:0;top:0;width:115px;height:3px;background:#fdad01;z-index:0}

.head-nav .product-dv{width:365px;position:absolute;left:16px;top:89px;z-index:99999;}
.product-dv .product-ul{width:105px;background:#000000;}
.product-dv .product-ul li{width:105px;text-align:center;height:40px;line-height:40px;border-bottom:1px solid #404040;}
.product-dv .product-ul li a{border-left:2px solid transparent;font-size:14px;color:#808080;transition:border 0.2s linear;}
.product-dv .product-ul li .ahv{border-left:2px solid #ffff00;color:#ffffff !important;}
.product-dv .product-ul li:hover a{border-left-color:#ffff00;color:#ffffff !important;}

/*------star footer------*/
#footer {width:100%;height:176px;background-color:#fff;font-size: 14px;}
.font-white {color:#fff;}
#footer .footer-box{width:1100px;padding:25px 0;height:135px;background-color:#fff; margin:0 auto;border-top:1px dotted #e5e5e5;}
#footer .left-code{width:426px;height:150px;position:relative;}
#footer .left-code .code-dv{width:115px;height:135px;float:left;margin-right:26px;}
#footer .code-dv img{width:100%;}
#footer .code-dv p{color:#fff;font-size:15px;text-align:center;margin-top:10px;}
#footer .remarks{overflow:hidden;position:relative;text-align:center;margin-top:45px;}
#footer .remarks .about-a{padding:25px 0;color:#646464;font-size:12px;}
#footer .remarks .about-a:hover{ text-decoration:underline;}
#footer .remarks span{color:#646464;font-size:12px;padding-bottom:10px;margin-left:21px;}











@-webkit-keyframes fadeInUp {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
100% {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}@keyframes fadeInUp {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0,100%,0);
	-ms-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
100% {
	opacity:1;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
}.fadeInUp {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp
}