@charset "utf-8";

input[name="color"]::-webkit-input-placeholder { /* WebKit browsers */ 
color: #fff;

}

//firefox火狐浏览器
input[name="color"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #fff;

} 
input[name="color"]::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #fff;

}

//IE浏览器
input[name="color"]:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #fff;

}

input[name="color2"]::-webkit-input-placeholder { /* WebKit browsers */ 
color: #000;

}

//firefox火狐浏览器
input[name="color2"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #000;

} 
input[name="color2"]::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #000;

}

//IE浏览器
input[name="color2"]:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #000;

}

body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}label{cursor:default}body,button,input,select,textarea{font:12px/1.5 Tahoma,arial,'Hiragino Sans GB','microsoft yahei',\5b8b\4f53}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.hide{display:none}.show{display:block}.mt10{margin-top:10px}.noBg{background:none!important}.noBorder{border:0!important}.yahei{font-family:'microsoft yahei'}.red{color:red}
/* 项目主体部分设置 */
body{background:#fff;color:#555; font-family: "microsoft yahei";overflow-x:hidden;max-width:1920px; margin: 0 auto;}
a{text-decoration:none;/*transition:color 0.2s linear 0s*/ color: #333; }
/*body { border-top: 2px solid #db4122; }*/
.wrapper a:hover{color: #db4122;}
.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden;  }
img{ vertical-align:top}
.g-in { width:90%; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1;}
.g-in1 { width:1200px; margin:0 auto; }
.toparea { height: 30px; line-height: 30px; border-bottom: 1px solid rgba(255,255,255,0.2); }
.topareal { float: left; }
.topareal p { font-size: 12px; color: #fff; }
.toparear { float: right; }
.toparear a { display: inline-block; font-size: 12px; height: 12px; line-height: 12px; box-sizing: border-box; color: #fff; padding: 0 6px 0 3px; border-right: 1px solid #fff; }
.toparear a:last-child{ border-right: none; }
.toparear a:nth-child(1){ background:url(m1.png) left center no-repeat; padding-left:20px; background-size:12px}
.w-a {width: 100%;  left: 0; top: 0; z-index: 99; position: absolute; z-index: 100; }
.w-a-z { margin-top: 15px; }
.nav {width: 90%;text-align: center; float: left; }
.nav ul { text-align: center;float: none; }
.nav ul li { display: inline-block; float: none; font-size: 14px; position: relative; padding: 0 15px; }
.nav ul li>a { color: #fff; padding: 15px 10px;display: inline-block; }
.nav ul li:hover>a,.nav ul li.current>a { border-bottom:2px solid rgba(195,0,0); }
.nav ul li:hover a, .nav ul li.current a { color: #a7a7a7; }
.w-a-c { float:right; cursor: pointer; position: relative; padding: 15px 15px 40px; }
.w-a-d {display: none; position: absolute; left:-300px; top:50%; margin-top:-30px; width: 300px; height: 80px; }
.w-a-d .inp { float: left; width: 220px; outline: none; height: 40px; background: #fff; border: none; font-size: 14px; box-sizing: border-box; padding-left: 12px; }
.w-a-d .sub { cursor: pointer; width: 80px; float: left; outline: none; height: 40px; font-size: 14px; color: #fff; background: #646464; border: none; }
.w-a-c:hover .w-a-d { display: block; }
@media (max-width: 1500px){
	.nav {width:85%; }
}
@media (max-width: 1400px){
	.nav ul li { padding: 0 10px; }
}
@media (max-width: 1300px){
	.nav ul li { padding: 0 5px; }
}


#banner { position: relative; }
.banner {position:relative; left:50%; width:1920px; margin-left:-960px;text-align:center;}
.banner .hd { position:absolute; left:0; bottom:30px; width:100%; height:15px; z-index:4; }
.banner .hd ul { width:1200px; height:15px; margin:0 auto; text-align:center;}
.banner .hd ul li { background: #fff; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:0 5px; border-radius:6px; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top;}
.banner .hd ul .on {background-color:#e10000; width: 60px; }
.banner .prev { left: 250px; background: url(prev.png) no-repeat center; display: block; width: 47px; height: 90px; position: absolute; top: 50%; margin-top: -45px; }
.banner .next { right: 250px; background: url(next.png) no-repeat center; display: block; width: 47px; height: 90px; position: absolute; top: 50%; margin-top: -45px; }
.banner .prev,.banner .next { opacity: 0;transition: all 0.5s; }
.banner:hover .prev,.banner:hover .next { opacity: 1; }


/*footer部分*/
.footer { background: #333333; margin-top: -10px; }
.w-g-a { float: left; }
.w-g-b { float: right; margin-right: 40px; }
.w-g-b dl { float: left; width: 80px; margin-left: 60px; padding-top: 25px; text-align: center; }
.w-g-b dl dt { font-size: 14px; color: #fff; width: 80px; padding-bottom: 5px; border-bottom: 1px solid #fff; }
.w-g-b dl dt a{ color:#fff}
.w-g-b dd a { display: block; width: 80px; margin-top: 10px; text-align: center; font-size: 14px; color: #fff; }
.w-h { width: 100%; box-sizing: border-box; padding: 0 40px; }
.w-h-a { border-bottom: 1px solid #fff; }
.w-h-a p { font-size: 12px; color: #fff; line-height: 25px; }
.w-h-b { padding: 5px 0 15px 0; }
.w-h-b p { float: left; font-size: 12px; color: #fff; }
.w-h-b p a { color: #fff; }
.w-h-b .china { display: block; float: right; font-size: 12px; color: #fff; line-height: 14px; }
.w-h-b .china img { vertical-align: top; display: inline-block; margin-right: 3px; }



/*内页头部样式*/
.h-a { width: 100%; height: 40px; line-height: 40px; background: #444444; }
.h-a-a { float: left; }
.h-a-a  p { font-size: 12px; color: #fff; }
.h-a-b  { float: right; }
.h-a-b a { display: inline-block; font-size: 12px; height: 12px; line-height: 12px; box-sizing: border-box; color: #fff; padding: 0 6px 0 3px; border-right: 1px solid #fff; }
.h-a-b a:last-child{ border-right: none; }

.header { position: relative; z-index: 10;  }
.nav1 { width: 100%; height: 44px; background: #333333; }
.nav1 ul { padding-left: 50px; }
.nav1 li { width: 128px; font-size: 14px; padding: 12px 0 11px; text-align: center; float: left; position: relative; }
.nav1 li a { color: #fff; }
.nav1 li:hover a,.nav1 li.current a  { color: #7e7e7e; }
.navsub {  display: none; width: 100%; height: 112px; background: #f6f6f6; position: absolute; top: 44px; left:0; }
.w-a-a { position: relative; }
.navsub3 {width: 1920px;left:50%;margin-left:-960px;  z-index: 9999999; top:53px; }
.navsub dl dd { padding-top: 15px; float: left; width: 150px; text-align: center; margin-right: 20px; }
.navsub dl dd img { height: 70px; width: auto; }
.navsub dl dd .tit {margin-top: 0; display: inline-block; font-size: 12px; width: 150px; height: 20px!important; line-height: 20px!important; text-align: center; color: #000; }

@media (max-width: 1300px){
	.nav1 li { width: 120px; } 
}
@media (max-width: 1200px){
	.nav1 li { width: 110px; } 
}

.s-a { margin:0px auto 20px; padding: 0 40px; width: 100%; }
.s-a ul li {height: 20px; line-height: 20px; font-size: 14px;color:#fff; float: left; margin-right:15px; }
.s-a ul li a { color:#fff; display: inline-block; margin-right:20px; }