.u-arrow{ position: absolute; left: 50%; bottom: 20px; background:  url(../images/botA.png) no-repeat; width: 21px; height: 28px; margin-left: -10px; 
	 -webkit-animation: start 1.5s infinite ease-in-out;
	   -moz-animation: start 1.5s infinite ease-in-out;
	        animation: start 1.5s infinite ease-in-out;}
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,-8px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,10px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,-8px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,10px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,-8px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,10px);}
}
.abc{display:none;}

.banner{ margin:0 auto; padding:0; width:100%; height:auto;margin-top:150px;}

.product{ margin:20px 0 0 0; overflow:hidden;}
.product .t{ text-align:center; height:100px; line-height:100px; font-size:22px; color:#323232; font-family:"宋体"; letter-spacing:8px;}
.product .list{ width:1230px; margin:0 auto 0;}
.product ul{ overflow:hidden;}
.product li{ width:220px; text-align:center; float:left; margin:0 13px;}
.product li .img{ width:100%; margin:0 0 15px 0; overflow:hidden;}
.product li .img img{ width:100%; height:100%; transition:300ms;}
.product li .i{ opacity:0; filter:alpha(opacity=0); float:right; margin:8px 40px 0 0; transition:300ms;}
.product li a{ color:#363636; font-size:14px; font-family:"宋体";}
.product li .title{ height:20px; position:relative;}
.product li .title span{ position:absolute; left:50%; top:0; transition:300ms;}
.product li:hover .title span{ margin:0 !important; left:0;}
.product li:hover a{ color:#DB3552;}
.product li:hover .i{ opacity:1; filter:alpha(opacity=100); margin:8px 8px 0 0;}
.product li:hover .img img{ -webkit-transform:scale(1.1); transform:scale(1.1);}
.product .btns{ text-align:center; display:none;}
.product .btns span{ width:30px; height:5px; overflow:hidden; display:inline-block; background:#f1f1f1; margin:0 4px; cursor:pointer; transition:300ms;}
.product .btns .cur{ background:#DB3552;}
.product .btns .next{ background:#c4c4c4;}
.product_cn .list{ width:984px;}






.cla{ clear:both;}






#tab{ position: absolute; margin:0 auto; padding:0; height:auto; width:1000px;}

#tab .tabList ul{
    text-align:center;
    width:1000px;
    margin:0 auto;
}
 
#tab .tabList ul li{
    list-style:none;
    width:1px;
    display:inline;
    margin:0 25px;
    white-space:nowrap;
    word-break:keep;
    height:40px;
    line-height:40px;
    font-size:14px;
	color:#fff;
	cursor:pointer;
    font-family:"微软雅黑","宋体";}      



#tab .tabCon{
	position:absolute;
	left:-1px;
	top:62px;
	border:0;
	border-top:none;
	width:1000px;
	height:auto;
}
#tab .tabCon div{
	padding:10px;
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
}
#tab .tabCon ul{
	margin:0 auto; padding:0; width:100%; height:auto;
	
}
#tab .tabCon ul li{
	margin:0; padding:0; width:21%; height:auto; margin-left:2%; margin-right:2%; float:left;
	
}
#tab .tabCon ul li ul li.acc1{
	margin:0; padding:0; width:100%; height:auto;
	
}
#tab .tabCon ul li ul li.acc2{
	margin:0; padding:0; width:100%; height:30px; border-bottom:1px solid #fff;color:#fff; font-size:12px; font-family:"微软雅黑","宋体"; line-height:30px;
	
}

#tab .tabCon ul li ul li.acc2 a{
	color:#fff; font-size:12px; font-family:"微软雅黑","宋体"; line-height:30px;
	
}
#tab .tabCon ul li ul li.acc2 a:hover{
	color:#ff6000;
	
}


#tab .tabList li.cur{
	border-bottom:3px solid #fff;
	color:#fff; font-size:14px; font-family:"微软雅黑","宋体"; line-height:40px; text-align:left; font-weight:normal;
}
#tab .tabCon div.cur{
	opacity:1;
	filter:alpha(opacity=100);
}

.indexprowenzi1{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:40px;color:#da3553; font-size:24px; font-family:"微软雅黑","宋体"; line-height:40px; text-align:center; }
.indexprowenzi2{ margin:0 auto; padding:0; width:100px; height:3px; background:#e4e4e4;}
.indexprowenzi3{ margin:0 auto; padding:0; width:96%; max-width:1200px; height:auto; margin-top:10px;color:#939393; font-size:12px; font-family:"微软雅黑","宋体"; line-height:30px; text-align:center; }
.indexprowenzi3 a{ color:#939393; font-size:12px; font-family:"微软雅黑","宋体"; line-height:30px; text-align:center; }
.indexprowenzi3 a:hover{ color:#000;}

.indexprotu{ margin:0 auto; padding:0; width:96%; max-width:1160px; height:auto;margin-top:40px;}
.indexprotu1{ margin:0; padding:0; width:25%; height:auto;float:left;}
.indexprotu1 img{width:100%;}


.indexprocontent{ margin:0 auto; padding:0; width:100%; height:auto; min-height:150px; background:#f1f1f1; margin-top:50px;}
.indexprocontent1{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:40px;color:#da3553; font-size:24px; font-family:"微软雅黑","宋体"; line-height:40px; text-align:center; }
.indexprocontent2{ margin:0 auto; padding:0; width:100px; height:3px; background:#e4e4e4;}
.indexprocontent3{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:10px;color:#939393; font-size:12px; font-family:Arial; line-height:30px; text-align:center; }


.indexprocon{ margin:0 auto; padding:0; width:100%; height:auto; background:#e7e7e7;}
.indexprocon1{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:30px;color:#939393; font-size:12px; font-family:Arial; line-height:30px; text-align:center; }
.indexprocon2{ margin:0 auto; padding:0; width:100%; height:40px; }


.indexabout{ margin:0 auto; padding:0; width:96%; max-width:1020px; height:auto; min-height:480px;}
.web{margin:0 auto; padding:0; width:100%; max-width:1020px;min-height:410px;margin:0px auto;}
.con{margin:0 auto; padding:0; width:100%; min-height:435px;background:#fff;margin:17px auto;padding-top:25px;}
.con ul li{width:30%;height:405px;float:left;margin-left:2%;margin-bottom:15px;position:relative;overflow:hidden;cursor:pointer;}
.txt{width:100%;height:45px;background:rgba(32,42,104,0.6);/*透明背景色，不透明其文字内容*/position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";}
.txt h3{font-size:20px;font-weight:100;height:45px;text-align:center;line-height:45px;}
.txt p{font-size:12px;text-align:left; width:90%; margin:0 auto;}


.link{ margin:0 auto; padding:0; width:92%; max-width:1100px; height:auto;  border:1px solid #DEDEDE; padding:2%;color:#888; font-size:12px; font-family:"微软雅黑","宋体"; line-height:30px; text-align:left;}


.kong{ margin:0 auto; padding:0; width:100%; height:40px;}

.main{ height:386px; background:#DB3552; font-family:"宋体";}
.main ul{ width:1000px; height:100%; margin:0 auto;}
.main li{ width:252px; height:100%; float:left; margin:-32px 122px 0 0;}
.main .t1{ position:relative; height:52px; font-size:18px; letter-spacing:3px; color:#fff; text-align:center; padding:90px 0 0 0;}

.main li .t1 .i1{ transition:400ms; position:absolute; left:50%; top:-5px; margin:0 0 0 -41px;}
.main li .t1 .i2{ transition:400ms; -webkit-transform:scale(1.2); transform:scale(1.2); opacity:0; filter:alpha(opacity=0); position:absolute; left:50%; top:-5px; margin:0 0 0 -41px;}
.main .li1 .img{ width:100%; overflow:hidden; background:#000; margin:0 0 30px 0;}
.main .li1 .img img{ width:100%; height:100%; transition:300ms;}
.main .li1:hover .img img{ -webkit-transform:scale(1.1); transform:scale(1.1); opacity:0.7; filter:alpha(opacity=70);}
.main .li1 .t{ transition:200ms; height:50px; overflow:hidden; color:#fff; line-height:24px;}
.main .li1:hover .t{ color:#1ad6ff;}
.main li:hover .t1 .i1{ -webkit-transform:scale(1); transform:scale(1); opacity:0; filter:alpha(opacity=0);}
.main li:hover .t1 .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}

.main .li2 .t{ overflow:hidden; margin:-3px 0 53px 0;}
.main .li2 .l{ width:116px; height:163px; float:left; background:url(../images/img7.jpg) no-repeat left;}
.main .li2 .r{ width:128px; height:163px; margin:-3px 0 0 0; float:right; line-height:24px; color:#fff; overflow:hidden;}
.main .li2 .more{ padding:0 52px 0 0; color:#fff; background:url(../images/i5.png) no-repeat right;}
.main .li2:hover .r{ text-decoration:underline;}
.main .li2:hover .more{ text-decoration:underline;}
.main .slide{ height:187px; background:#000; margin:0 0 20px 0; overflow:hidden; position:relative;}
.main .slide .list{ width:9999px; height:100%; position:absolute; left:0; top:0;}
.main .slide .list .img{ width:252px; float:left; overflow:hidden;}
.main .slide .list .img img{ width:100%; transition:300ms;}
.main .slide .list .img:hover img{ opacity:0.7; filter:alpha(opacity=70); -webkit-transform:scale(1.1); transform:scale(1.1);}
.main .li2 .btns{ text-align:center;}
.main .li2 .btns span{ width:8px; height:8px; margin:0 4px; cursor:pointer; display:inline-block; background:url(../images/btn7.png) no-repeat 0 0;}
.main .li2 .btns span:hover,.main .li2 .btns .cur{ background-position:-8px 0;}

.main .li3{ margin:-32px 0 0 0; float:right;}

.main .li3 .img{ width:100%; overflow:hidden; background:#000; margin:0 0 22px 0;}
.main .li3 .img img{ width:100%; height:100%; transition:300ms;}
.main .li3 .img:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1); opacity:0.7; filter:alpha(opacity=70);}
.main .li3 .news a{ color:#fff; padding:0 0 0 15px; background:url(../images/i6.jpg) no-repeat left center;}
.main .li3 .news p{ height:32px; line-height:32px; overflow:hidden;}
.main .li3 .news a:hover{ color:#1ad6ff;}


@media screen and (max-width:1440px) {
	/*.banner .btnLeft{ left:20px; margin:-30px 0 0 0;}
	.banner .btnRight{ right:20px; margin:-30px 0 0 0;}
	.banner .text{ left:100px;}*/
}

@media screen and (max-width:1280px) {
	.product .list{ width:auto; margin:0 0 0 20px;}
	.product li{ width:18%; margin:0 2% 0 0;}
	.product_cn .list{ width:984px; margin:0 auto;}
	.product_cn li{ width:220px; margin:0 13px;}
}

@media screen and (max-width:1050px) {
	
	.banner{ margin:60px 0 0 0;}
	.banner .bannerTxt{ width:90%; left: 5%; margin:0px;}
	.banner .fbox .text{ font-size:26px; letter-spacing:4px;}
	.main ul{ width:auto; margin:0 20px;}
	.product_cn .list{ width:auto; margin:0 0 0 1%;}
	.product_cn li{ width:24%; margin:0 1% 0 0;}
}

@media screen and (max-width:1020px) {
	.banner .fbox .text{ font-size:20px; line-height:46px; letter-spacing:2px;}
	
.indexprotu{ margin:0 auto; padding:0; width:96%; max-width:1160px; height:auto;margin-top:40px;}
.indexprotu1{ margin:0; padding:0; width:33%; height:auto;float:left;}
	
	
	
}

@media screen and (max-width:860px) {
	.main{ height:auto; overflow:hidden;}
	.main ul{ height:auto; padding:0 0 30px 0; overflow:hidden;}
	.main li{ width:100%; margin:0 !important; padding:30px 0 0 0; height:auto; overflow:hidden;}
	.main .t1{ margin:0;}
	.main .li2 .t{ margin:0;}
	.main .li2 .l{ width:100%;}
	.main .li2 .r{ width:100%; height:auto; margin:30px 0 40px 0;}
	.product{ margin:0 0 0 0;}
	.main .li2 .btns{ text-align:center;}
.productindex2{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:20px; max-width:1000px; text-align:center; min-height:550px; }
		#tab{ position: relative; margin:0 auto; padding:0; height:auto; width:100%;}

#tab .tabList ul{
    text-align:center;
    width:100%;
    margin:0 auto;
}
#tab .tabList ul li{
    list-style:none;
    width:1px;
    display:inline;
    margin:0 5px;
    white-space:nowrap;
    word-break:keep;
    height:40px;
    line-height:40px;
    font-size:12px;
	color:#fff;
	cursor:pointer;
    font-family:"微软雅黑","宋体";}      


	#tab .tabCon{
	position:absolute;
	left:-1px;
	top:62px;
	border:0;
	border-top:none;
	width:100%;
	height:auto;

}
#tab .tabList li.cur{
	font-size:12px;}
	
	
	#tab .tabCon ul li{
	margin:0; padding:0; width:46%; height:auto; margin-left:2%; margin-right:2%; float:left;
	
}

.indexprotu{ margin:0 auto; padding:0; width:96%; max-width:1160px; height:auto;margin-top:40px;}
.indexprotu1{ margin:0; padding:0; width:33%; height:auto;float:left;}


}


@media screen and (max-width:740px) {
	.product .list{ height:300px; overflow:hidden; position:relative; margin:0 20px 40px 20px;}
	.product ul{  position:absolute; left:0; top:0}
	.product li{ width:250px; height:100%; margin:0 20px 0 0;}
	.product .btns{ display:block;}
.productindex2{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:20px; max-width:1000px; text-align:center; min-height:550px; }
	
		#tab{ position: relative; margin:0 auto; padding:0; height:auto; width:100%;}

#tab .tabList ul{
    text-align:center;
    width:100%;
    margin:0 auto;
}
#tab .tabList ul li{
    list-style:none;
    width:1px;
    display:inline;
    margin:0 5px;
    white-space:nowrap;
    word-break:keep;
    height:40px;
    line-height:40px;
    font-size:12px;
	color:#fff;
	cursor:pointer;
    font-family:"微软雅黑","宋体";}      


	#tab .tabCon{
	position:absolute;
	left:-1px;
	top:62px;
	border:0;
	border-top:none;
	width:100%;
	height:auto;

}
#tab .tabList li.cur{
	font-size:12px;}
	#tab .tabCon ul li{
	margin:0; padding:0; width:46%; height:auto; margin-left:2%; margin-right:2%; float:left;
	
}

.aboutindex31{ margin:0 auto; padding:0;   width:90%; float:center;height:auto;}

.aboutindex32{ margin:0 auto; padding:0;  width:90%; float:center;height:auto;}

.newindex41{ margin:0; padding:0; width:297px;margin-top:10px;  height:auto; float:center; background:#fff;}

.indexprotu{ margin:0 auto; padding:0; width:96%; max-width:1160px; height:auto;margin-top:40px;}
.indexprotu1{ margin:0; padding:0; width:33%; height:auto;float:left;}

}

@media screen and (max-width:540px) {
	.banner .bannerTxt{ top: 35%;}
	.banner .fbox .vimg{ width: 80%;}
	.banerBtns{ bottom: 15px;}
	
.productindex2{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:20px; max-width:1000px; text-align:center; min-height:550px; }
	
		#tab{ position: relative; margin:0 auto; padding:0; height:auto; width:100%;}

#tab .tabList ul{
    text-align:center;
    width:100%;
    margin:0 auto;
}
#tab .tabList ul li{
    list-style:none;
    width:1px;
    display:inline;
    margin:0 5px;
    white-space:nowrap;
    word-break:keep;
    height:40px;
    line-height:40px;
    font-size:12px;
	color:#fff;
	cursor:pointer;
    font-family:"微软雅黑","宋体";}      


	#tab .tabCon{
	position:absolute;
	left:-1px;
	top:62px;
	border:0;
	border-top:none;
	width:100%;
	height:auto;

}
#tab .tabList li.cur{
	font-size:12px;}
	#tab .tabCon ul li{
	margin:0; padding:0; width:46%; height:auto; margin-left:2%; margin-right:2%; float:left;
	
}

.aboutindex31{ margin:0 auto; padding:0;  width:90%; float:center;height:auto;}

.aboutindex32{  margin:0 auto; padding:0; width:90%; float:center;height:auto;}
.newindex41{ margin:0; padding:0; width:96%; margin-top:10px;margin-left:2%; margin-right:2%;   height:auto; float:center; background:#fff;}

.serviceindex31{ margin:0 auto; padding:0; width:96%; height:auto; margin-left:2%; margin-right:2%; float:left; }
.newindex3{ margin:0 auto; padding:0; width:100%;  height:auto;}

.indexprotu{ margin:0 auto; padding:0; width:96%; max-width:1160px; height:auto;margin-top:40px;}
.indexprotu1{ margin:0; padding:0; width:50%; height:auto;float:left;}

}