
.w1000{width: 1000px;height: auto;overflow: hidden;margin: 0 auto}
.top{height: 97px;background-color: #fff;overflow:hidden;}
.logo{display: block;width: 153px;height: 62px;margin-left: 27px;margin-top: 27px;background:url(../image/logo.jpg) 0 0 no-repeat;float: left;}
.nav{width: auto;overflow: hidden;float: right;margin-top: 7px;}
.nav li{width: auto;height: 90px;float: left;line-height: 90px;margin-left: 53px;}
.nav li a{text-decoration: none;color: #8d8d8d}
.nav li a:hover{color: #014e84}

.banner{height:466px;position: relative;overflow: hidden;background-color: #e0e1e2}
.banner .pic{ height:466px;overflow: hidden;}
.banner .pic li{float: left;height:466px;width: 100%; position: absolute;left: 0;z-index:1; background-position: center 0;background-repeat: no-repeat;}
.box1{height: 375px;overflow: hidden;}
.indexbox1{width: 292px;height: 310px;overflow: hidden;margin-top: 38px;}
.fl62{float: left;margin-left: 62PX;}
.index-title{width: 100%;height: 56px;overflow: hidden;border-top: 3px solid #ececec}
.index-title dt{float: left;font-size: 16px;font-weight: bold;line-height: 56px;}
.index-title dd{float: right;width: 12px;overflow: hidden;height: 56px;}
.index-title dd a{display: block;width: 12px;height: 56px;background:url(../image/indextitle.jpg) center center no-repeat;}
.indexbox1 div{width: 292px;height: 254px;overflow: hidden;}
.indexbox1 div a{text-decoration: none;color: #727272;display: block;}
.indexbox1 div img{width: 292px;height: 175px;}
.indexbox1 div span{display: block;width: 100%;overflow: hidden;color: #727272;line-height: 24px;margin-top: 15px;font-size: 12px}

.box2{height: 369px;overflow: hidden;background-color: #005fa2}
.index-title2{width: 100%;height: 59px;margin-top: 25px;}
.index-title2 h1{display: block;height: 33px;text-align: center;line-height: 33px;font-size: 20px;color: #fff}
.index-title2 span{display: block;text-align: center;width: 100%;height: 26px;line-height: 26px;color: #fff;background:url(../image/title2.png) center center no-repeat;font-size: 17px;}
.prodbox{width: 1000px;height: 220px;overflow: hidden;margin-top: 20px;}
.prev{display: block;width: 37px;height: 220px;overflow: hidden;float: left;background: url(../image/prev.jpg) 0 0 no-repeat;}
.brand{width:910px;height: 220px;overflow: hidden;float: left;margin-left: 9px;position: relative;}
.next{display: block;width: 37px;height: 220px;overflow: hidden;float: right;background: url(../image/next.jpg) 0 0 no-repeat;}
.prodlist{width: 2200px;height: 220px;overflow: hidden;position: absolute;left: 0;top: 0}
.prodlist li{width: 220px;height: 220px;overflow: hidden;float: left;margin-right: 11px;}
.prodlist li a{display: block;text-decoration: none;color: #727272}
.prodlist li div{width: 220px;height: 177px;background-color: #fff;text-align: center;}
.prodlist li img{width: 220px;height: 177px;border-radius: 1px;}
.prodlist li span{display: block;width: 220px;height: 34px;border-radius: 1px;margin-top: 8px;background-color: #fff;color: #727272;text-align: center;line-height: 34px}
.box3{height: 370px;overflow: hidden;}
.box3-left{width: 340px;height:370px;float: left;}
.box3-left h1{display:block;width: 100%;height: 32px;margin-top: 72px;overflow: hidden;line-height: 32px;font-size: 22px;font-weight: bold;color: #595959;text-indent: 25px;}
.box3-left span{display: block;width: 100%;height: auto;color: #858585;font-size: 16px;text-indent: 2em;margin-top: 22px;}
.box3-left a{display: block;width: 108px;height: 27px;border: 1px solid #cccccc;text-indent: 13px;font-size: 12px;text-decoration: none;color: #878787;margin-top: 43px;background: url(../image/box3link.png) 0 0 no-repeat;}
.box3-right{
	width:525px;
	height: 320px;
	overflow: hidden;
	position: relative;
	float: right;
	margin-top: 50px;
}
.box3-right li{
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	opacity: 0;
	transition: all 0.3s ease-out;
}
.box3-right img{
	width: 211px;
	height: 277px;
	border:none;
	float: left;
}
.box3-right .p1{
	transform:translate3d(-224px,0,0) scale(0.81);
}
.box3-right .p2{
	transform:translate3d(0px,0,0) scale(0.81);
	transform-origin:0 50%;
	opacity: 0.8;
	z-index: 2;
}
.box3-right .p3{
	transform:translate3d(150px,0,0) scale(1);
	z-index: 3;
	opacity: 1;
}
.box3-right .p4{
	transform:translate3d(300px,0,0) scale(0.75);
	transform-origin:100% 50%;
	opacity: 0.8;
	z-index: 2;
}
.box3-right .p5{
	transform:translate3d(672px,0,0) scale(0.75);
}
.box3-right .p6{
	transform:translate3d(896px,0,0) scale(0.75);
}
.box3-right .p7{
	transform:translate3d(1120px,0,0) scale(0.75);
}
.footer{height: 208px;background-color: #f6f6f6;border-bottom: 14px solid #005fa2;overflow: hidden;}
.footer-left{width: 279px;float: left;overflow: hidden;height: 208px;}
.footer-left img{width: 267px;height: 107px;margin-left: 12px;margin-top: 51px;}
.footer-center{width: 480px;height: 208px;overflow: hidden;float: left;margin-left: 50px;}
.footer-center span{display: block;width: 100%;margin-top: 51px;color: #7c7c7c}
.footer-right{width: 152px;height: 152px;float: right;margin-right: 13px;margin-top: 29px;}

.page{min-height: 400px;overflow: hidden;background: url(../image/pagebg.png) center 0 no-repeat;}
.pageleft{width: 220px;height: auto;overflow: hidden;float: left;padding-bottom: 50px}

.lefttitle{margin-top: 143px;height: 40px;line-height: 40px;text-indent: 49px;color: #fff;font-size: 36px;font-weight: bold;}
.leftbox{width: 220px;height: 23px;overflow: hidden;margin-top: 32px;}
.leftbox span{display: block;height: 23px;border-left: 11px solid #f6f6f6;width: 100px;}
.leftnav{width: 220px;height: auto;overflow: hidden;}
.leftnav li{width: 220px;height: 71px;overflow:hidden;}
.leftnav li a{display: block;width: 209px;height: 71px;line-height: 71px;text-indent: 51px;text-decoration: none;border-left: 11px solid #f6f6f6;background: url(../image/leftnavbg.jpg) 26px 65px no-repeat;color: #c9c9c9;font-size: 16px;}
.leftnav li a:hover{border-left: 11px solid #005fa2;color: #005fa2}
.pageright{width: 777px;float: right;min-height: 870px;overflow: hidden;border:1px solid #d7d7d7;margin-top: 35px;margin-bottom: 40px;box-shadow: 0 3px 3px #ccc}
.righttitle{width: 100%;height: 23px;overflow: hidden;margin-top: 31px;}
.righttitle dt{float: left;margin-left: 34px;border-left: 9px solid #cecece;text-indent: 13px;height: 23px;line-height: 23px;color: #005fa2;font-size: 18px;font-weight: bold;}
.righttitle dd{float: right;width: auto;height: 23px;line-height: 23px;margin-right: 24px;background: url(../image/home.jpg) 0 center no-repeat;text-indent: 23px;font-size: 12px}
.righttitle dd a{text-decoration:none;color: #a2a2a2;}
.about-content{width: 700px;height: auto;overflow: hidden;margin: 75px auto 0 auto;}

.newslist{width: 707px;height: auto;overflow: hidden;margin-top: 37px;margin-left: 47px;}
.newslist li{width: 100%;height: 112px;overflow: hidden;margin-bottom: 37px;}
.newslist li img{width: 176px;height: 112px;overflow: hidden;}
.newslist li a{display: block;width: 489px;height: 112px;overflow:hidden;padding-left: 15px;background: url(../image/newslistbd.jpg) 0 14px no-repeat;float: right;text-decoration: none;color: #7e7e7e}
.newslist li h1{display: block;width: 100%;font-size: 14px;height: 30px;line-height: 30px;}
.newslist li h2{display: block;width: 100%;font-size: 12px;}
.newslist li span{display: block;float: right;font-size: 12px}

.newslist li a:hover{color: #005fa2}
.pageindex{width: 100%;height: 50px;line-height: 50px;text-align: center;overflow: hidden;}

.newspage{width:100%;float:left;min-height:500px;}
.newshow-top{text-align:center;width:100%;height:auto;overflow:hidden;float:left;}
.newshow-top h1{font-size:24px;margin-top:18px;height:auto;display:block;width:100%;line-height:30px;float:left;color:#333333}
.newshow-top span{font-size:12px;color:#888888;line-height:26px;display:block;float:left;width:100%;margin-top:3px;margin-bottom:10px}
.fengexian1{border-bottom:1px solid #ebebeb;float:left;width:100%;}
.newshow-ct{padding-bottom:27px;color:#555555;float:left;margin-left:15px;margin-right:10px;padding-top:15px;overflow:hidden;text-align: center;}
.newshow-bot{width:100%;position:relative;margin-bottom:5px;float:left;overflow:hidden;margin-top:10px;margin-bottom:10px;}
.newshow-bot span{color:#666666;font-size:13px;display:block;width:550px;margin-top:3px;line-height:20px;margin-left: 15px;}
.newshow-bot span a{color:#666666;text-decoration:none;}
.newshow-bot span a:hover{color:#666666;}

.prodlist1{width: 650px;height: auto;overflow: hidden;margin-left: 80px;margin-top: 35px;}
.prodlist1 li{width: 203px;height: 212px;float: left;margin-right: 12px}
.prodlist1 li a{display: block;width: 203px;height: 212px;}
.prodlist1 li div{background-color: #e6e6e6;width: 203px;height: 163px}
.prodlist1 li img{max-width: 203px;max-height:163px;}
.prodlist1 li span{display: block;width: 100%;height: 36px;overflow: hidden;text-align: center;background-color: #2666b2;color: #fff;font-size: 13px;line-height: 36px;}



.piclist{width: 650px;height: auto;overflow: hidden;margin-left: 80px;margin-top: 35px;}
.piclist li{width: 203px;height: 212px;float: left;margin-right: 12px}
.piclist li a{display: block;width: 203px;height: 212px;}
.piclist li div{background-color: #e6e6e6;width: 203px;height: 163px}
.piclist li img{max-width: 203px;max-height:163px;}
.piclist li span{display: block;width: 100%;height: 36px;overflow: hidden;text-align: center;background-color: #2666b2;color: #fff;font-size: 13px;line-height: 36px;}


.product{width:700px;height: auto;overflow:hidden;margin: 22px auto 0 auto}
.prod-text{width: 100%;height: 360px;margin-bottom: 24px;}
.prod-text .left{width:380px;height: 360px;overflow: hidden;float: left;}
.prod-text .left div{width: 360px;height: 300px;padding: 4px;display: table-cell;text-align: center;vertical-align:middle;}
.prod-text .left div img{max-width: 360px;max-height: 300px;width: auto;height: auto;display: inline}
.prod-text .left span{display: block;width: 100%;height: 50px;line-height: 50px;text-align: center;color: #5e5e5e}
.prod-text .right{width: 320px;height: 360px;float: right;color: #5e5e5e}
.prod-text .right a{display:inline-block;width: 88px;height: 30px;background-color: #2666b2;text-decoration: none;color: #fff;text-align: center;line-height: 30px;}
.prod-cont{width: 100%;height: auto;overflow: hidden;}
.prod-cont-title{width: 100%;height: 39px;line-height: 39px;border-bottom: 1px solid #e5e5e5;color: #666666;font-size: 16px;}
.prod-cont-text{width: 100%;height: auto;margin-top: 10px;color: #666666}

