* {font-family: Arial, Verdana, "微软雅黑";  font-size: 14px;}
html,body,h1,h2,h3,h4,h5,h6,div,form,ul,li,a,em,input,dd,dt,dl,p,figure,textarea,button{margin: 0;  padding: 0;  border: 0;  list-style: none;  text-decoration: none;  font-weight: normal;}
em {font-style: normal;}
dd,dt,dl,em,span,button {display: block;}
a {color: #000;}
a,img{border:none;display:inline-block;}
html,body{width: 100%;}
input{outline: none;border:1px solid #ccc;}
.center {margin: 0 auto;  width: 1100px;}
.clear{zoom:1;}
.clear::after{display:block; content:""; height:0; clear:both;overflow: hidden;}
.page{width: 100%;overflow:hidden;height: 100%;}



/*header*/
.header{width: 100%;background: url(../image/header-map.png) repeat-y center -30px;background-attachment: fixed;}
.header-logo{overflow: hidden;height:140px;float: left;line-height: 140px;display: table-cell;*font-size:80px;vertical-align: middle}
.header-logo img{vertical-align: middle;max-height: 140px;}
.header-right{float: right;margin-top: 30px;}
.header-language{text-align: right;}
.header-language a{font-size: 16px;}
.header-language a:hover{color: #1672bf;}
.header-search{position: relative;margin-top: 24px;}
.header-search input{width: 200px;padding-left:10px;padding-right:34px;height: 30px;line-height: 30px;color: #999;}
.header-search input:focus{border-color:#1672bf;color: #1672bf}
.header-search-btn{display: block;position: absolute;top:0;right:0;width: 32px;height: 32px;outline: none;cursor: pointer;background: #1672bf;color: #fff;font-size: 16px}

.header-nav-main{width: 100%;height:46px;line-height:46px;background: #000;position:relative;z-index: 999}
.header-nav{width: 100%;height: 46px;line-height:46px;}
.header-nav ul li{float: left;height: 46px;margin-left:1px;}
.header-nav ul li:after{content: "";display: block;position:absolute;bottom: 0;height:0px;background: #1672bf;width:100%;left:0;}
.header-nav ul li:hover:after{height: 2px}
.header-nav .header-list-a{color: #fff;padding: 0 50px;position:relative;
				transition:all .1s ease;
				-webkit-transition:all .1s ease;
				-moz-transition:all .1s ease;
				-ms-transition:all .1s ease;
				-o-transition:all .1s ease;}
.header-nav ul li.on .header-list-a{height: 50px;line-height: 50px;background: #1672bf;margin-top: -4px;overflow: hidden;}
.header-nav .header-list-a:hover{height: 50px;line-height: 50px;background: #1672bf;margin-top: -4px;overflow: hidden;}

.nav-dropdown{position: absolute;top:100%;left:0;background: #fff;z-index: 9999;width:100%;box-shadow: 0 4px 40px #ccc;
				overflow: hidden;height: 0;_width:1100px;_margin-left:-550px;_left:50%;}

.nav-dropdown div{display:block;float:left;width: 110px;height:144px;margin: 0 20px;position: relative;}
.nav-dropdown div a{padding:0!important;color: none!important;display: block;cursor: pointer}
.nav-dropdown div:after{content:"";display: block;height:0px;background: #1672bf;width:100%;position: absolute;bottom: 0;left: 0;
						transition:all .2s ease;
					-webkit-transition:all .2s ease;
					-moz-transition:all .2s ease;
					-ms-transition:all .2s ease;
					-o-transition:all .2s ease;}
.nav-dropdown div:hover:after{height: 2px}
.nav-dropdown div:hover h3{color: #1672bf}
.nav-dropdown div figure{width: 100%;height: 110px;line-height: 110px;}
.nav-dropdown div figure img{width:100%;height:110px;max-width: 100%!important;max-height: 110px!important;vertical-align: middle;}
.nav-dropdown div h3{width: 100%;height: 34px;line-height: 34px;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
					color: #000}

/*index.asp*/
.index-lb{
	height:480px;width:100%;overflow:hidden;position: relative;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.index-lb-center{margin: 0 auto;height:100%;position: relative;}
.index-banner {width:2000px;height:100%;position: absolute;left:-450px;top: 0; overflow: hidden;}
.index-banner-img{height: 100%}
.index-banner-img img{height:480px;}
.index-banner-check{position: absolute;bottom: 10px;left: 50%;z-index: 100}
.index-banner-check li{width: 15px;height: 15px;border-radius: 50%;background:#fff;float: left;margin-left: 10px;cursor: pointer;
					transition:all .4s ease;
					-webkit-transition:all .4s ease;
					-moz-transition:all .4s ease;
					-ms-transition:all .4s ease;
					-o-transition:all .4s ease;}
.index-banner-check li:hover{background:#1672bf;}
.index-banner-check li.on{background:#1672bf;width: 18px;height: 18px;margin-top:-1.5px;position: relative;}
.index-banner-btn a{display: block;width: 38px;height: 77px;background:url(../image/banner-btn.png) no-repeat;position: absolute;top: 50%;margin-top: -39px;
					transition:all .4s ease;
					-webkit-transition:all .4s ease;
					-moz-transition:all .4s ease;
					-ms-transition:all .4s ease;
					-o-transition:all .4s ease;}
.index-banner-btn a:hover{background-color: #1672bf;background-color: rgba(22,114,191,.6);}
.index-lb:hover #btn_prev{margin-left: -588px}
.index-lb:hover #btn_next{margin-right: -588px}
#btn_prev{left:50%;margin-left: -550px;background-position: 0 0}
#btn_next{right:50%;margin-right: -550px;background-position: -38px 0}
@media screen and (max-width: 1200px){
	#btn_prev{margin-left: -550px}
	#btn_next{margin-right: -550px;}
}

.index-news{width:100%;overflow: hidden;position: relative;height: 60px;background: #dedede;line-height: 60px;}
.index-news:after{content:"";display:block;position: absolute;bottom: -1px;width: 100%;height: 1px;box-shadow: -20px 0 15px #000;}
.index-news-list{padding-left: 35px;float: left;}
.index-news-list *{display:block;margin-right: 20px;float: left;}
.index-news-list h2{color: #1672bf;font-size: 26px;}
.index-news-list span{font-size: 13px;background: #717171;border-radius: 6px;height: 20px;line-height: 20px;padding:2px 8px;color: #fff;margin-top: 2px;}
.index-news-roll{margin-top: 20px;width: 750px;height:30px;overflow: hidden;position: relative;}
.index-news-roll article{position: absolute;width: 100%;top: 0;left: 0}
.index-news-roll a{color: #4e4e4e;width: 750px;height:30px;line-height: 30px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.index-news-roll a:hover{text-decoration:underline;color: #1672bf}
.index-news-more{float: right;_margin-top:20px;}
.index-news-more a{padding-left: 30px;border-left:1px solid #999;height: 20px;display: inline-block;line-height: 20px;color: #1672bf;font-size: 14px;}
.index-news-more a:hover{text-decoration:underline;}


.index-about{width: 100%;background:#eee;overflow: hidden;padding-bottom: 30px;}
.whole-index-header{width: 100%;color: #1672bf;font-size: 26px;height:60px;line-height: 60px;_margin-top:20px;}
.whole-index-header i{margin-right: 10px}
.index-about-content{width: 96%;margin-left: 4%;overflow: hidden;height: 266px;}
.index-about-video{width: 318px;height: 226px;float: left;position: relative;}
.index-about-video i{position: relative;z-index: 50;display: block;width: 100%;height: 100%;}
.index-about-video i:after,.index-parts-min ul li:after,.index-product-main article ul li:after,.about-introduction article:after
{content: "";display: block;position: absolute;bottom:30px;left:10%;transform:rotate(6deg);-webkit-transform:rotate(6deg);box-shadow: 0 30px 30px #666;
						height:60%;width:85%;}
.index-about-video i:before,.index-parts-min ul li:before,.index-product-main article ul li:before,.about-introduction article:before
{content: "";display: block;position: absolute;bottom:30px;left:10%;transform:rotate(-6deg);-webkit-transform:rotate(-6deg);box-shadow: 0 30px 30px #666;
						height:60%;width:85%;}
.index-parts-min ul li:after,.index-parts-min ul li:before,.index-product-main article ul li:after,.index-product-main article ul li:before,
.about-introduction article:after,.about-introduction article:before
{z-index: -1}

.index-about-video video{width: 318px;height: 226px;position: absolute;top: 0;left: 0;z-index:100;background: #000;display: block;}
.index-about-text{float: right;width: 714px;height: 226px;}
.index-about-text h2{width: 100%;max-height:120px;padding-top: 0px;padding-bottom:20px;text-indent: 2em;line-height: 24px;}
.whole-more{display: block;padding:4px 0;background: #1672bf;color: #fff;width: 110px;text-align: center;box-shadow: 0 4px 5px #ccc}
.whole-more:hover{background: #3887c9}

.index-parts{width: 100%;padding: 30px 0;} 
.index-parts header{width: 100%;text-align: center;margin-bottom: 20px}
.index-parts header h2{text-align: center;font-size: 26px;margin-bottom: 10px}
.index-parts header a{display: inline-block;}
.index-parts-main{width: 100%;height:240px;position: relative;}
.index-parts-min{width:100%;height:100%;overflow: hidden;margin:0 auto;position: relative;}
.index-parts-min ul{position: absolute;left: 0;top: 0}
.index-parts-min ul li{float: left;width:356px;height:202px;cursor: pointer;margin-right:16px;position: relative;
					transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-mz-transition:all .3s;-o-transition:all .3s;}
.index-parts-min ul li div{width:356px;height:202px;background: #fff;line-height: 202px;text-align: center}
.index-parts-min ul li div img{width:356px;max-height:202px;vertical-align: middle}
.index-parts-min ul li:hover h6{color:#0a66a5;}
.index-parts-min div{height:155px;}
.index-parts-btnl,.index-parts-btnr{display: block;width: 38px;height: 77px;background: url(../image/banner-btn.png) no-repeat;position: absolute;
									text-align: center;position: absolute;top: 50%;margin-top: -38px;z-index: 100;
									transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-mz-transition:all .3s;-o-transition:all .3s;}
.index-parts-btnl:hover,.index-parts-btnr:hover{background-color: #1672bf;background-color:rgba(22,114,191,.6);}
.index-parts-btnl{left:-50px;}
.index-parts-btnr{right:-50px;background-position:-38px;}

.index-product{width: 100%;}
.index-product-nav{width: 100%;height: 40px;line-height: 40px;background: #000;position: relative;}
.index-product-nav-under{display: block;height: 2px;width:90px;background: #1672bf;left: 50px;bottom:3px;position: absolute;overflow: hidden;}
.index-product-nav ul li {float: left;margin: 0 50px;display: inline;}
.index-product-nav ul li a{color: #fff;}
.index-product-nav ul li.on a{color:#1672bf}

.index-product-main{width: 100%;height: 880px;overflow: hidden;}
.index-product-main article{width: 100%;height: 580px;display: none}
.index-product-main article.on{display: block;}
.index-product-main article ul{margin-top: 20px}
.index-product-main article ul li{float: left;width: 340px;height: 250px;border:4px solid #ccc;border-radius: 3px;
									margin:0 9px; margin-bottom:15px;position: relative;display: inline;}
.index-product-main article ul li a{cursor: pointer;width: 100%;height: 100%}
.index-product-main article ul li figure{width: 100%;height: 250px;line-height: 250px;background: #fff;text-align: center;}
.index-product-main article ul li figure img{width: 100%;max-height:250px;vertical-align: middle}
.index-product-main article ul li div{width: 100%;height: 0;overflow: hidden;position: absolute;bottom: 0;left: 0;background: #eee;background: rgba(0,0,0,0.4);}
.index-product-main article ul li div h2{width: 90%;height: 20px;padding-left:10%;line-height: 20px;
										overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #fff;*color: #777}


.index-tram{width: 100%;background: #eee}

.index-tram-main{width: 100%;height: 330px;overflow: hidden;position: relative;}
.index-tram-img{width: 100%;height: 330px;overflow: hidden;}
.index-tram-img li{overflow: hidden;}
.index-tram-img li article{width: 44%;height: 330px;background: #1672bf;padding-left:2%;padding-right:4%;overflow: hidden;float: left;}
.index-tram-img li article *{color: #fff}
.index-tram-img li article h2{margin-top: 20px;font-size: 20px;margin-top:60px;margin-bottom: 30px;}
.index-tram-img li article h3{font-size: 18px;}
.index-tram-img li figure{width: 50%;height: 330px;float: right;overflow: hidden;}
.index-tram-img li figure img{width:555px;height: 330px;}

.index-tram-check{position: absolute;bottom: 40px;left: 30px;}
.index-tram-check ul{display:block;height: 16px;line-height: 16px;float: left;}
.index-tram-check ul li{display: block;float:left;width: 16px;height: 16px;background: #fff;cursor: pointer;margin: 0 5px}
.index-tram-check ul li.on{background: #777;}
.index-tram-btn{width: 14px;height: 14px;border:1px solid #fff;display:block;text-align: center;color: #fff;line-height: 14px;float: left;margin: 0 5px}

.index-quality{width: 100%;padding-top: 20px;}
.index-quality-text{color: #999;line-height:24px;padding-bottom: 20px;}

.index-quality-main{width: 100%;height: 340px;position: relative;overflow:hidden;border:1px solid #eee;}
.index-quality-whole{position: absolute;cursor: pointer; -moz-user-select: none; -webkit-user-select: none;}
.index-quality-whole img{z-index: -1;position: relative;}
.index-quality-1{top: 0;left: 0;width: 39%;height:100%;}
.index-quality-1 img{width: 100%;height:100%;}

.index-quality-2{top: 0;left: 39.5%;width: 27%;height: 55%;}
.index-quality-2 img{width: 100%;height: 100%;}

.index-quality-3{top: 0;left: 67%;width: 31%;height: 55%;}
.index-quality-3 img{width: 100%;height:100%;}

.index-quality-4{top:56.5%;left:39.5%;width: 21%;height: 43%;}
.index-quality-4 img{width: 100%;height: 100%;}

.index-quality-5{top:56.5%;left:61%;width: 24%;height: 43%;}
.index-quality-5 img{width: 100%;height: 100%;}

.index-quality-6{top:56.5%;left:85.5%;width: 13%;height: 43%;background: #1672bf;text-align:center;line-height: 900%;}
.index-quality-6:hover{background: #4780C3}
.index-quality-6 a{font-size: 18px;color: #fff;width: 100%;}

.index-parts{width: 100%;padding: 30px 0;} 
.index-parts header{width: 100%;text-align: center;margin-bottom: 20px}
.index-parts header h2{text-align: center;font-size: 26px;margin-bottom: 10px}
.index-parts header a{display: inline-block;}
.index-parts-main{width: 100%;height:240px;position: relative;}
.index-parts-min{width:100%;height:100%;overflow: hidden;margin:0 auto;position: relative;}
.index-parts-min ul{position: absolute;left: 0;top: 0}
.index-parts-min ul li{float: left;width:356px;height:202px;cursor: pointer;margin-right:16px;position: relative;
					transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-mz-transition:all .3s;-o-transition:all .3s;}
.index-parts-min ul li div{width:356px;height:202px;background: #fff;line-height: 202px;text-align: center}
.index-parts-min ul li div img{width:356px;max-height:202px;vertical-align: middle}
.index-parts-min ul li:hover h6{color:#0a66a5;}
.index-parts-min div{height:155px;}
.index-parts-btnl,.index-parts-btnr{display: block;width: 38px;height: 77px;background: url(../image/banner-btn.png) no-repeat;position: absolute;
									text-align: center;position: absolute;top: 50%;margin-top: -38px;z-index: 100;
									transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-mz-transition:all .3s;-o-transition:all .3s;}
.index-parts-btnl:hover,.index-parts-btnr:hover{background-color: #1672bf;background-color:rgba(22,114,191,.6);}
.index-parts-btnl{left:-50px;}
.index-parts-btnr{right:-50px;background-position:-38px;}


.index-partner{width: 100%;overflow: hidden;}
.index-partner-main{width: 100%;height:202px;position: relative;overflow: hidden;}
.index-partner-main section{position: absolute;height: 202px;top: 0;left: 0}
.index-partner-main section ul{float: left;}
.index-partner-main section ul li{width: 356px;height: 202px;margin-right: 8px;text-align: center;line-height: 88px;
					float: left;display: table-cell;vertical-align: middle;}
.index-partner-main section ul li img{width:356px;max-height:202px;vertical-align: middle;}
.index-partner-main img{width:356px;max-height:202px;}

.index-partner2{width: 100%;overflow: hidden;}
.index-partner2-main{width: 100%;height:205px;position: relative;o}
.index-partner2-main section{position: absolute;height: 90px;top: 0;left: 0}
.index-partner2-main section ul{float: left;}
.index-partner2-main section ul li{width: 174px;height: 88px;border:1px solid #ccc;margin-right: 6px; margin-top: 6px;text-align: center;line-height: 88px;
					float: left;display: table-cell;vertical-align: middle;*font-size: 78px;}
.index-partner2-main section ul li img{max-width: 174px;max-height:88px;vertical-align: middle;z-index: -1;position: relative;}


/*about*/
.whole-banner-min{width: 100%;overflow: hidden;position: relative;height: 350px;}
.whole-banner-min figure img{width: 2000px;position: relative;left: -450px;display: block;}

.whole-header-min{width: 100%;height: 50px;line-height: 50px;background: #dedede;overflow: hidden}
.whole-header-min:after{content: "";display:block;width: 100%;height: 1px;box-shadow:0 -2px 10px #444;}
.whole-header-min span{display: inline-block;}
.whole-header-min span a:hover{color: #1672bf}
.whole-header-min i.fa{font-size: 26px;margin-right: 20px;color: #333}

.whole-width{width: 100%;overflow: hidden;margin-top: 30px;}
.location-list{float: left;width: 136px;overflow: hidden;position: relative;}
.location-list-vertical{position: absolute;left: 10px;top:0;width:4px;height: 100%;background:#ccc; }
.location-list ul li{width: 100%;height: 30px;line-height: 30px;padding-left:28px;position: relative;cursor: pointer;margin:20px 0;}
.location-list ul li i{display: block;width: 8px;height: 8px;background: #d1d1d1;border-radius: 50%;position:absolute;left:4px;top: 50%;margin-top: -8px;z-index: 1;border:4px solid #858585;
						transition:all .4s ease;
							-webkit-transition:all .1s ease;
							-moz-transition:all .1s ease;
							-ms-transition:all .1s ease;
							-o-transition:all .1s ease;}
.location-list ul li.on i{width: 10px;height:10px;left:3px;border-color:#ec343f;}

.location-right{width: 960px;overflow: hidden;float: right;}
.about-introduction{width: 100%;}
.about-introduction section{float: left;width: 520px;height: 460px;padding-top:30px;z-index: 2em;line-height: 24px;}
.about-introduction article{width: 426px;float: right;height: 304px;position: relative;background: #000}
.about-introduction article video{width: 100%;height: 100%;}

.whole-header-title{width: 100%;height: 90px;line-height: 90px;text-align: center;overflow: hidden;}
.whole-header-title *{display: inline-block;}
.whole-header-title i{width: 200px;height: 2px;background: #ccc;margin-bottom:5px;}
.whole-header-title em{width: 200px;height: 2px;background: #ccc;margin-bottom:5px;}
.whole-header-title div{padding: 0 30px;}
.whole-header-title div h2{color: #e7010f;font-size: 26px;margin: 0 5px;font-weight: 600}
.whole-header-title div h3{font-size: 26px;}


.about-culture-main{width: 100%;overflow: hidden;}
.about-culture-main ul{width:100%;}
.about-culture-main ul li{float: left;width: 50%;margin-bottom: 20px;height: 120px;overflow: hidden;}
.about-culture-main ul li h2{display: inline-block;float: left;width:200px;margin-left: 10px;font-size: 18px;line-height: 24px;}
.about-culture-main ul li h3{display: inline-block;float: left;width:370px;margin-left: 10px;line-height: 24px;}
.about-culture-main ul li em{width: 86px;height: 86px;border-radius: 50%;background: #000;display:inline-block;position: relative;float: left;
							transition:all .4s ease;
							-webkit-transition:all .4s ease;
							-moz-transition:all .4s ease;
							-ms-transition:all .4s ease;
							-o-transition:all .4s ease;}
.about-culture-main ul li:hover em{background: #1672bf}
.about-culture-main ul li:hover h2{-webkit-animation:aboutculture 1s ;-moz-animation:aboutculture 1s ;padding-left: 20px;}
.about-culture-main ul li em i{width: 40px;height: 40px;display: block;overflow: hidden;position: absolute;top: 50%;left: 50%;margin-left: -20px;margin-top: -20px;background-image: url(../image/about-culture.png);}
.about-culture-bgimg1 i{background-position: -5px -5px}
.about-culture-bgimg2 i{background-position: -68px -5px}
.about-culture-bgimg3 i{background-position: -10px -60px}
.about-culture-bgimg4 i{background-position: -68px -60px}
@keyframes aboutculture{
	from{
		padding-left: 10px;
	}
	to{
		padding-left: 20px
	}
}
@-webkit-keyframes aboutculture{
	from{
		padding-left: 10px;
	}
	to{
		padding-left: 20px
	}
}
@-moz-keyframes aboutculture{
	from{
		padding-left: 10px;
	}
	to{
		padding-left: 20px
	}
}

.about-team-main{width: 100%;overflow: hidden;}
.about-team-text{width: 100%;margin-bottom: 20px;line-height: 24px;}
.about-team-text h2{font-size: 14px;font-weight: 600}
.about-team-text h3{color: #222}

.about-team-bg{width: 0;height: 100%;background:#1672bf;position: absolute;z-index: -1;
			transition:all .4s ease;
			-webkit-transition:all .4s ease;
			-moz-transition:all .4s ease;
			-ms-transition:all .4s ease;
			-o-transition:all .4s ease;}
.about-team-img:hover .about-team-bg{width: 100%;}
.about-team-img{width: 100%;height: 480px;overflow: hidden;position: relative;}
.about-team-left{float: left;width: 356px;height:480px;}
.about-team-left article{width: 356px;height: 240px;background:#1672bf;text-align: center;line-height: 240px;font-size: 40px;color: #fff}
.about-team-left section{width: 356px;height: 238px;margin-top: 2px;}
.about-team-right{width: 602px;height: 480px;float: right;}
.about-team-right ul li{float: left;max-width: 260px;margin-left: 2px;}

.about-honor{width: 100%;overflow: hidden;}
.about-honor-text{width: 100%;line-height: 24px;margin-bottom: 20px;}
.about-honor-img{width: 100%;}
.about-honor-img img{max-width: 100%;}

/*product*/
.whole-left{width: 220px;overflow: hidden;float: left;}
.product-list{width: 220px;overflow: hidden;}
.whole-left-header{width: 100%;height: 60px;line-height: 60px;background: #1672bf;color: #fff;font-size: 18px;box-shadow: 0 5px 5px #ccc;position: relative;z-index: 1}
.whole-left-header i{display: inline-block;width: 28px;height: 16px;background:url(../image/whole-left-i.png);margin-left: 5px;}
.product-list-main{width: 100%;}
.whole-left ul li{width: 100%;height:44px;background: #eff1f6;position: relative;margin-bottom: 1px;}
.whole-left ul li.on *{color: #e7010f;border-color:#e7010f;}
.whole-left ul li:hover *{color: #e7010f;border-color:#e7010f;}
.whole-left ul li a{width: 100%;height: 100%;}
.whole-left ul li a em{width:14px;height: 14px;text-align: center;line-height: 14px;border:1px solid #666;color: #666;border-radius: 50%;display: inline-block;position: absolute;left: 40px;top: 50%;margin-top: -7px;}
.whole-left ul li a h2{display: inline-block;width:70%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 44px;margin-left:30%;}
.whole-right{width: 860px;float: right;overflow: hidden;}/*主要右宽度*/


.product-single{width: 100%;}
.product-single ul li{float: left;position: relative;width: 266px;height:196px;border:2px solid #e0e0e0;margin: 0 7px ;margin-bottom: 30px;}
.product-single ul li:after{content: "";display: block;width: 80%;height:80%;position:absolute;bottom: 8%;left: 10%;box-shadow: 0 10px 20px #999;z-index: -1;
							transform:rotate(10deg);
							-webkit-transform:rotate(10deg);
							-moz-transform:rotate(10deg);
							-ms-transform:rotate(10deg);
							-o-transform:rotate(10deg);}
.product-single ul li:before{content: "";display: block;width: 80%;height:80%;position:absolute;bottom: 8%;left: 10%;box-shadow: 0 10px 20px #999;z-index: -1;
							transform:rotate(-10deg);
							-webkit-transform:rotate(-10deg);
							-moz-transform:rotate(-10deg);
							-ms-transform:rotate(-10deg);
							-o-transform:rotate(-10deg);}

.product-single ul li figure{width: 266px;height: 196px;line-height: 196px;display: table-cell;*font-size: 40px;background: #fff;text-align: center;}
.product-single ul li figure img{max-width: 266px;max-height:196px;vertical-align: middle;display:inline-block;}
.product-single ul li div{width: 266px;height: 0;position: absolute;bottom: 0;left: 0;background: #eee;background: rgba(0,0,0,.4);filter:alpha(opacity=40);overflow: hidden;
							transition:all .4s ease;
			-webkit-transition:all .4s ease;
			-moz-transition:all .4s ease;
			-ms-transition:all .4s ease;
			-o-transition:all .4s ease;}
.product-single ul li:hover div{height: 55px;}
.product-single ul li div h2{color: #fff;margin-left: 6%;line-height: 24px;width: 94%;overflow: hidden;white-space:nowrap;}

.whole-page{width: 100%;text-align: center;}
.whole-page ul li{display: inline-block;margin: 0 4px;}
.whole-page ul li a{display: inline-block;padding: 2px 10px;color: #fff;background: #c2c2c2;}
.whole-page ul li:hover a{background: #1672bf}
.whole-page ul li.on a{background: #1672bf}
/*parts*/
.parts-single{width: 100%;}
.parts-single ul li{float: left;position: relative;width: 284px;height:160px;margin:0 1px;margin-bottom: 30px;cursor:pointer;}
.parts-single ul li:after{content: "";display: block;width: 80%;height:80%;position:absolute;bottom: 12%;left: 10%;box-shadow: 0 10px 20px #999;z-index: -1;
							transform:rotate(10deg);
							-webkit-transform:rotate(10deg);
							-moz-transform:rotate(10deg);
							-ms-transform:rotate(10deg);
							-o-transform:rotate(10deg);}
.parts-single ul li:before{content: "";display: block;width: 80%;height:80%;position:absolute;bottom: 12%;left: 10%;box-shadow: 0 10px 20px #999;z-index: -1;
							transform:rotate(-10deg);
							-webkit-transform:rotate(-10deg);
							-moz-transform:rotate(-10deg);
							-ms-transform:rotate(-10deg);
							-o-transform:rotate(-10deg);}

.parts-single ul li figure{width: 284px;height: 160px;line-height: 160px;display: table-cell;*font-size: 40px;text-align: center;background: #fff}
.parts-single ul li figure img{max-width: 284px;max-height:160px;vertical-align: middle;display:inline-block;}
.parts-single ul li div{width: 284px;height: 0;position: absolute;bottom: 0;left: 0;background: #eee;background: rgba(0,0,0,.4);filter:alpha(opacity=40);overflow: hidden;
							transition:all .4s ease;
			-webkit-transition:all .4s ease;
			-moz-transition:all .4s ease;
			-ms-transition:all .4s ease;
			-o-transition:all .4s ease;}
.parts-single ul li:hover div{height:25px;}
.parts-single ul li div h2{color: #fff;margin-left: 6%;line-height: 24px;width: 94%;overflow: hidden;white-space:nowrap;}

.quality-design-left{float: left;width:480px;height:612px;background: #ecf0f5;position: relative;}
.quality-design-left ul li{width:50%;height:204px;text-align:center;line-height: 204px;float: left;cursor: pointer;
							transition:all .4s ease;
			-webkit-transition:all .4s ease;
			-moz-transition:all .4s ease;
			-ms-transition:all .4s ease;
			-o-transition:all .4s ease;}
.quality-design-left ul li:hover{background: #1672bf;color: #fff;}
.quality-design-left ul li h2{line-height: 24px;vertical-align: middle;display: inline-block;}
.quality-design-left figure{width: 50%;height: 204px;overflow: hidden;position: absolute;}
.quality-figure1{top:0;left: 0%;}
.quality-figure2{top:204px;left: 50%;}
.quality-figure3{top:408px;left: 0%;}
.quality-design-left figure img{display:block;width:100%;height: 204px;overflow: hidden;}

.quality-design-right{float: right;width: 480px;height: 612px;background: #ecf0f5}
.quality-design-right figure{width: 100%;height: 326px;overflow: hidden;}
.quality-design-right figure img{width: 100%;height: 100%;display: block;}
.quality-design-right article{width: 96%;height: 276px;padding: 5px 2%;}
.quality-design-right article h2{line-height: 24px;}


/*news*/
.news-content{width: 100%;padding-bottom: 30px;}
.news-content ul li{width: 100%;margin-bottom: 10px;}
.news-content ul li:hover h2{color: #1672bf}
.news-content ul li:hover h3{color: #999}
.news-content ul li:hover div span{color: red}
.news-content ul li h2{width: 100%;height: 30px;line-height: 30px;font-weight: 600;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-content ul li h3{width: 100%;height: 3em;line-height: 24px;overflow: hidden;margin-bottom: 10px;}
.news-content ul li div{width: 100%;line-height: 30px;border-top: 1px solid #ccc;border-bottom:1px solid #ccc;}
.news-content ul li div span{display: inline-block;color: #999;}
.news-content ul li div a{float: right;}
.news-content ul li div a:hover{color: #1672bf}
/*news-detailed*/
.news-detailed{width: 100%;}
.news-detailed-header{width: 100%;margin-bottom: 20px;}
.news-detailed-header h1{width: 100%;font-size: 16px;text-align: center;line-height: 26px;padding-bottom: 20px;}
.news-detailed-header h2{width: 100%;text-align: center;line-height: 26px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 5px 0;}
.news-detailed-content{line-height: 24px;color: #090909}

/*contact*/
.contact-map{width: 60%;margin:0 auto;text-align: center;height: 640px;}
.contact-main{margin-left: 30%;line-height: 24px;margin-bottom: 30px;}
/*footer*/
.footer{width: 100%;overflow: hidden;margin-top: 40px;}
.footer-nav{width: 100%;height: 40px;line-height: 40px;background: #1672bf;}
.footer-nav ul li .nav-dropdown{display: none;}
.footer-nav ul li{float: left;margin-left:100px;position: relative;_margin-left:80px;}
.footer-nav ul li a{color: #fff}
.footer-nav ul li:hover a{color: #333}
.footer-nav ul li:after{content: "";display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background: #333}
.footer-nav ul li:hover:after{height: 2px}



.footer-bottom{width: 100%;overflow: hidden;height: 210px;}
.footer-logo{float: left;width: 234px;height: 200px;line-height: 200px;text-align: center;display: table-cell;vertical-align:middle;*font-size: 200px;}
.footer-logo img{width: 170px;height: 98px;vertical-align: middle;}
.footer-contact{width: 520px;padding:0 50px;float:left;border-left: 1px solid #ccc;border-right: 1px solid #ccc;margin-top: 30px;}
.footer-contact h2{width:100%;line-height:30px;color: #2d2d2d}
.footer-erweima{width:210px;float: right;text-align: center;height: 200px;margin-top: 30px;}
.footer-erweima h3{line-height: 30px;font-size: 16px;}
.footer-erweima img{width: 100px;height: 100px}