/*
.banner{ height:500px; overflow:hidden; position:relative; margin:97px 0 0 0; transition:margin 300ms;}
.banner ul{ width:99999px; height:100%; position:absolute; left:0; top:0;}
.banner li{ width:1000px; height:100%; float:left; overflow:hidden; position:relative;}
.banner li .img{ width:100%; height:100%; position:absolute; left:0; top:0}
.banner .box{ width:1000px; margin:0 auto; height:100%; position:relative;}
.banner .text{ display:none; width:360px; margin:-60px 0 0 0; padding:40px 0 0 0; background:url(../images/line1.jpg) no-repeat 0 0; letter-spacing:6px; color:#fff; line-height:50px; font-size:30px; font-family:"宋体"; position:absolute; left:0; top:50%;}
.banner .btnLeft{ opacity:0.7; filter:alpha(opacity=70); width:42px; height:42px; margin:-30px 0 0 -680px; background:url(../images/btn1.png) no-repeat center; position:absolute; left:50%; top:50%; transition:300ms;}
.banner .btnRight{ opacity:0.7; filter:alpha(opacity=70); width:42px; height:42px; margin:-30px -680px 0 0; background:url(../images/btn2.png) no-repeat center; position:absolute; right:50%; top:50%; transition:300ms;}
.banner .btnLeft:hover,.banner .btnRight:hover{ opacity:1; filter:alpha(opacity=100);}
.banner .btns{ width:100%; text-align:center; position:absolute; left:0; bottom:20px;}
.banner .btns span{ width:11px; height:12px; background:url(../images/bico2.png) no-repeat center; display:inline-block; margin:0 8px; cursor:pointer;}
.banner .btns span:hover,.banner .btns .cur{ background:url(../images/bico1.png) no-repeat center;}
*/

.banner a:link,.banner a:visited{color:#fff;}
.banner a:active,.banner a:hover{color:#fff;}
.banner{position:relative; height:500px; margin:97px 0 0 0; font-family:'Microsoft YaHei','Microsoft JhengHei','SimHei',"Times New Roman", Times, serif; color:#fff; overflow:hidden; }
.banneritem img{display:none; width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:10;}
.bannerTxt{width:1000px; margin:0px auto 0px -500px; position:absolute; left:50%; top:36%; color:#fff; z-index:10;}
	.bannerTxt .fbox{display:none;}
	.bannerTxt .fbox .text{width:100%; margin-top:0px; /* padding:20px 0 0 0; background:url(../images/line1.jpg) no-repeat 0 0; letter-spacing:6px; color:#fff; line-height:50px; font-size:30px;*/ text-align: center;}
	.bannerTxt .fbox3{text-align:center;}
	.bannerTxt .fbox3 .text{background:no-repeat; padding:0px;}
.banerBtns{display:block; width:100%; height:12px; text-align:center; position:absolute; left:0px; bottom:60px; z-index:10;}
	.banerBtns span{display:inline-block; width:12px; height:12px; margin:0px 6px; background:url(../images/bico2.png) no-repeat; cursor:pointer;}
	.banerBtns span.cur{background-image:url(../images/bico1.png);}
.banner a.bannermore{display:inline-block; height:22px; padding:0px 16px; margin-top:10px; font:12px/22px "microsoft yahei"; border:1px solid #fff;}
.banner a.bannermore:hover{background-color:#fff; color:#5d4b3b;}
.fixedBody .banner{margin:60px 0 0 0;}
.u-arrow{width:21px; height:28px; position:absolute; left:50%; bottom:20px; margin-left:-10px;  background:url(../images/botA.png) no-repeat; -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);}
}

.product{margin:0 0 100px 0; overflow:hidden;}
.product .t{height:100px; font:bold 22px/100px "Microsoft YaHei"; color:#323232; text-align:center; letter-spacing:8px;}
.product .list{width:1230px; margin:0 auto 0;}
.product ul{overflow:hidden;}
.product li{width:220px; margin:0 13px; text-align:center; float:left;}
.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{margin:8px 40px 0 0; float:right; opacity:0; filter:alpha(opacity=0); transition:300ms;}
.product li a{color:#363636; font-size:14px; font-family:"Microsoft YaHei";}
.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:#0054ab;}
.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{display:inline-block; width:30px; height:5px; margin:0 4px; background:#f1f1f1; cursor:pointer; transition:300ms; overflow:hidden;}
.product .btns .cur{background:#0054ab;}
.product .btns .next{background:#c4c4c4;}
.product_cn .list{width:984px;}


.main{height:386px; background:#0054ab; font-family:"Microsoft YaHei";}
.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; padding:90px 0 0 0; font-size:18px; letter-spacing:3px; color:#fff; text-align:center;}

.main li .t1 .i1{margin:0 0 0 -41px; position:absolute; left:50%; top:-5px; transition:400ms;}
.main li .t1 .i2{margin:0 0 0 -41px; position:absolute; left:50%; top:-5px; transition:400ms; -webkit-transform:scale(1.2); transform:scale(1.2); opacity:0; filter:alpha(opacity=0);}
.main .li1 .img{width:100%; margin:0 0 30px 0; background:#000; overflow:hidden;}
.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{height:50px; color:#fff; line-height:24px; transition:200ms; overflow:hidden;}
.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; float:right; margin:-3px 0 0 0; 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; margin:0 0 20px 0; background:#000; position:relative; overflow:hidden;}
.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%; margin:0 0 22px 0; background:#000; overflow:hidden;}
.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;}
	.banner .fbox .vimg{width:60%; margin: 0px auto; display:block; z-index:10;}
}

@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;}
}

@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%; height:auto; margin:0 !important; padding:30px 0 0 0; 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 50px 0;}
	.main .li2 .btns{text-align:center;}
}

@media screen and (max-width:740px) {
	.product .list{height:300px; margin:0 20px 40px 20px; position:relative; overflow:hidden;}
	.product ul{width:9999px; height:100%; position:absolute; left:0; top:0}
	.product li{width:250px; height:100%; margin:0 20px 0 0;}
	.product .btns{display:block;}
}

@media screen and (max-width:540px) {
	.banner .bannerTxt{top:35%;}
	.banner .fbox .vimg{width:80%; z-index:10;}
	.banerBtns{bottom:15px;}
}