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

.product{ margin:0 0 100px 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:#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{ width:30px; height:5px; overflow:hidden; display:inline-block; background:#f1f1f1; margin:0 4px; cursor:pointer; transition:300ms;}
.product .btns .cur{ background:#0054ab;}
.product .btns .next{ background:#c4c4c4;}
.product_cn .list{ width:984px;}


.main{ height:386px; background:#0054ab; 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;}
	.banner .fbox .vimg{ width: 60%; display: block; margin: 0px auto;}
}

@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%; 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 50px 0;}
	.main .li2 .btns{ text-align:center;}
}

@media screen and (max-width:740px) {
	.product .list{ height:300px; overflow:hidden; position:relative; margin:0 20px 40px 20px;}
	.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%;}
	.banerBtns{ bottom: 15px;}
}