body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,
dl,dt,dd,ul,ol,li,
pre,
fieldset,lengend,button,input,textarea, 
th,td{margin:0;padding:0;}
body,button,input,textarea{border:none; }
h1{font-size: 18px; }
h2{font-size: 16px;}
h3{font-size: 14px;}
h4,h5,h6{font-size: 100%;}
address,cite,dfn,em,var{font-style: normal;}
code,kbd,pre,samp,tt{ font-family: "Courier New", Courier, monospace; } 
small{font-size: 12px;}
img,input{vertical-align: middle; border:none;}
ul,ol,li{list-style: none;}
a{text-decoration:none;outline:none}a:hover{text-decoration: underline;}
table{border-collapse: collapse;border-spacing: 0;}

html,body{-webkit-text-size-adjust:none;}
*{padding:0;margin:0;}
.clear{height:1px;clear:both;margin-bottom:-1px;overflow:hidden;visibility:hidden;display:block;}
.left{ float:left;display: inline-block;}.right{float:right;display: inline-block;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;overflow:hidden;}
.clearfix{*zoom:1;}
.fM{font-family:'Microsoft Yahei';}
.hide{display: none;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-left{text-align: left;}
i,em{font-style: normal;}
a{color:#000;cursor:pointer;}
a:hover{text-decoration:none;}
.img-responsive{display: block;max-width: 100%;width: 100%;}
.icon{display: inline-block;background-repeat: no-repeat;}
input,button,select{font-family:'Microsoft Yahei';outline: none; }
button,input[type=button]{cursor: pointer;}
.wrap{margin:0 auto;width: 1228px;}

.head{position:relative;color: #e60012;z-index: 300;background: url(../image/headbg.png) repeat-x bottom; height: 54px;line-height: 54px;}
.logo{text-align: center;width: 120px;}
.logo img{height: 30px;}
.menu{line-height: normal;float: right;}
.menu li{float:left;text-align: center;padding-top:9px;height:45px;}
.menu li a.item{position: relative; display:block;text-align:center;font-size: 16px;transition: all 400ms;padding:11px 5px;margin: 0 22px;border-top: 1px solid transparent;}
.active a.item{background: url(../image/menuon.png) no-repeat center  bottom !important;transition: none !important;}

.menu li a.item:after{position: absolute;display: block; content: '';height: 1px; background: #e60012;opacity: 0; transition: 344ms ease-out; bottom: 0; width: 0; left: 50%;}



.tuser{width: 58px;height: 100%;height: 54px;margin-left:70px;position: relative;}
.tuser .t_u{display: block;width: 100%;height: 100%;background-image: url(../image/t_user.png);background-position: center 24px;background-size: 15px 19px;background-repeat: no-repeat;cursor: pointer;}
.t_log{position: absolute;background: #fff;top:54px;width: 148px;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);right: 0;line-height: normal;opacity: 0;visibility: hidden;z-index: -1;transition:all 400ms;border-top: 3px solid transparent;overflow: hidden;}
.tuser:hover{background: url(../image/i_hbg1.png);}
.tuser:hover .t_log{opacity: 1;visibility: visible;z-index: 20;}

.log_a{width: 124px;margin: 0 auto;padding-top: 20px;}
.log_a button{width:100%;background: #C00;border-radius: 2px;height: 33px;line-height: 33px;color: #fff;font-size: 14px;}
.log_a p{color: #969696;font-size: 12px;padding:5px 0;}
.log_a p a{color: #C00;}
.log_b a{margin-top:2px; display: block;font-size: 14px;padding: 0 12px;color: #2B2B2B;line-height: 33px;}
.log_b a:hover{background: rgba(154,168,198,0.13);}
.exit_btn{background: #FF6060;color: #fff;font-size: 14px;text-align: center;width: 124px;height: 32px;line-height: 32px;cursor: pointer;display: block;margin: 0 auto;margin-top: 10px;}
.sub_menu{position: absolute;background: #fff;box-shadow: 0 1px 10px 0 rgba(0,0,0,0.16);left: 0;top:54px;right: 0;text-align: center;}

.sub_pro{margin-top: 46px;opacity: 1 !important;}
.sub_pro .three{ width:800px; line-height:36px; margin:0 auto 15px;padding-left: 200px;overflow: hidden;}
.sub_pro .three a{float:left; text-align: left;margin:0 20px 0 0;}
.suba,.sub_pro .more{text-align: center;display: inline-block;margin:0 20px;font-size: 14px;color: #666666;line-height: 20px;}
.sub_pro .subb{text-align:right; width:80px;display: inline-block;margin:0;font-size: 14px; font-weight:bold;color: #666666;line-height: 20px;}
.suba:hover,.sub_pro .more:hover{color: #F00;}
.sub_pro .more i{vertical-align: middle;background: url(../image/more.png) no-repeat;width: 14px;height: 14px;display: inline-block;margin-left: 5px;position: relative;top:-1px;}
.subslide .bd{margin-bottom:20px;}
.subslide .hd a{font-size: 14px;color: #666;padding: 2px 0px;border-bottom: 1px solid transparent;margin: 0 15px;display: inline-block;}
.subslide .hd i{border-left:1px solid #e2e2e2;display: inline-block; height: 17px; font-size: 0;color: #e2e2e2;vertical-align: middle;margin: 0 5px;}

.subslide .hd a:hover,.subslide .hd a.on{border-bottom: 1px solid #2B2B2B;}
.subslide .hd{height: 25px;line-height: 25px;}
.more_img{background: url(../image/tv_g2.png) center center no-repeat;width: 189px;height: 113px;}

.index_top .head{height: 64px;line-height: 64px;}
.index_top .menu{float: right;margin-left: 0;}
.index_top .menu li{padding-top: 13px;height: 51px;}
.index_top .menu li .item{color:#aaa;padding:8px 5px;}

.index_top .tuser{height: 64px;}
.index_top .t_log{top:64px;}
.index_top .sub_menu{top: 64px;}
.kf_a{height: 54px;width: 58px;background: url(../image/icon_cart.png) no-repeat center 21px;margin-left:1px;}
.kf_a:hover{background-color: rgba(255,255,255,0.20);}
.wap_a{height: 54px;width: 58px;background: url(../image/icon_phone.png) no-repeat center 18px;}
.wap_a:hover{background-color: rgba(255,255,255,0.20);}
.sub_menu{
	height: 0;display: block;overflow: hidden;	
}
.sub-show{
	-webkit-animation:sub-show .3s;
	animation: sub-show .3s;
	display: block;
	padding-bottom: 20px;
	height: auto;
}
.sub_pro a{filter: alpha(opacity=0);opacity: 0;*zoom: 1}
.subslide .bd .s_active a,.sub-show .bd a{
	-webkit-animation:sub-enter .8s forwards;
	animation: sub-enter .8s forwards
}
.sub-show .bd a:nth-child(1){
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}

.sub-show .bd a:nth-child(2){
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}
.sub-show .bd a:nth-child(3){
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}
.sub-show .bd a:nth-child(4){
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}
.sub-show .bd a:nth-child(5){
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}
@-webkit-keyframes sub-show {
	from {
		height: 0
	}
	to {
		height: 269px
	}
}

@keyframes sub-show {
	from {
		height: 0
	}
	to {
		height: 269px
	}
}
@-webkit-keyframes sub-enter {
	from {
		-webkit-transform: translate(70px);
		transform: translate(70px);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@keyframes sub-enter {
	from {
		-webkit-transform: translate(70px);
		transform: translate(70px);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1;
		filter: alpha(opacity=100)
	}
}





.footer{background: #f2f2f2;padding-top:20px;}
.fnav li{float: left;width: 320px;}
.fnav li h3{font-size: 14px;color: #484848;line-height: 30px;height: 30px;margin-bottom: 10px;font-weight: 600;}
.fnav li p span {display: block;line-height: 30px;}
.fnav li p a{color: #666;}
.fnav li p a:hover{color: #F00;}
.fnav li.last{width: auto;text-align: right;list-style: 25px;}
.fnav li.last .tel{font-size: 18px;color: #000;padding: 8px 0 20px 0;}
.fnav li .online{border: 1px solid #A9A9A9;border-radius: 2px;width: 140px;line-height: 32px;text-align: center;display: inline-block;height: 32px;transition: all 400ms;}
.fnav li .online:hover{border-color: #F00;}
.i_online{background-image: url(../image/online.png);width: 16px;height: 16px;vertical-align: middle;margin-right: 5px;position: relative;top:-1px;}
.copyright{font-size: 12px; color: #999999; border-top: 1px solid #dedede; margin: 0 auto;margin-top:15px;padding: 25px 0; }


.transYT { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT2 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT2 { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }

.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.active .transYT,.cycle-slide-active .transYT,.active.transYT{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.active .transYT2,.cycle-slide-active .transYT2{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.active .transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.active .transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }