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

a{text-decoration:none;/*transition:color 0.2s linear 0s*/}

body { border-top: 2px solid #e60012; }

.wrapper a:hover{color: #e60012;}

.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden;  }

.g-in { width:1200px!important; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1;}



.w-a {width: 100%;  left: 0; top: 0; z-index: 99; position: absolute; z-index: 100; height: 124px; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,0.2); }

.w-a-a { font-size: 14px; color: #000; }

.w-a-a img { vertical-align: middle; display: inline-block; margin: 0 5px;  }

.w-a-c { width: 220px; padding-top:43px; }

.w-a-c li:nth-child(2) { width: 150px; overflow:hidden; margin-left: 10px; }

.w-a-c span {font-weight: bold; line-height: 18px; display: block; font-size: 18px; display: inline-block; color: #e60012; font-family: "Arial"; vertical-align: middle; }

.w-a-c i {  display: block; font-size:12px; color: #e7e6e7; }

#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 { display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:0 5px; border-radius:3px; box-sizing: border-box; border: 1px solid #fff; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top;}

.banner .hd ul .on {background-color:#e60012; width: 45px; border: 1px solid#e60012; border-radius: 5px; }



.banner .prev,.banner .next { display: none; width: 50px; height: 100px; position: absolute; top: 50%; margin-top: -50px; font-size: 20px; color: #959595; z-index: 10 }

.banner .prev {  background: url(../images/prev1.png) no-repeat;  left: 360px; } 

.banner .next { background: url(../images/next1.png) no-repeat;  right: 360px; }











.nav {width: 704px; height: 124px; overflow: hidden; margin-left: 30px;  }

.nav ul li { width: 88px; height: 124px; line-height: 124px; text-align: center; font-size: 18px; position: relative; }

.nav ul li a { color: #fff;display: block;}

.nav ul li:hover, .nav ul li.current { background: #e60012; font-weight: bold; }

.nav ul li:hover:after, .nav ul li.current:after { content:''; position: absolute; left: 0; bottom: -5px; z-index:100; width: 88px; height: 1px;background: #e60012; }

.nav ul li:hover a, .nav ul li.current a { color: #fff; }



/*footer部分*/

.footer { margin-top: 60px; height: 398px; overflow: hidden; width: 100%; background: url(../images/footbg.png) no-repeat top center; }

.w-m { width: 100%; padding: 60px 0 0 0; }

.w-m dl { width: 120px;  }

.w-m dl dt { font-size: 16px; color: #fff; font-weight: normal; padding-bottom: 12px; margin-bottom: 15px; background: url(../images/dtbg.png) no-repeat left bottom; }

.w-m dl dd a { font-size: 12px; color: #7a839e; display: inline-block; margin-bottom: 10px; opacity: 1; }

.w-m-d p { font-size: 12px; color:#fff; }

.w-m-d h2 { font-size: 24px; color: #fff; font-weight: normal; margin-bottom: 8px; }

.w-m-d a {box-sizing: border-box; padding-left: 145px; font-size: 12px; color: #fff; position: relative; display: block; width: 220px; height: 43px; line-height: 43px; background: url(../images/qq.png) no-repeat 10px center #e60012; }

.w-m-d a:after { content:''; width: 38px; height: 3px; background: #e60012; position: absolute; left: 0; bottom: -21px; }

.w-m-d a:hover { color: #fff; }

.w-m-z { padding-bottom: 5px; border-bottom: 1px solid #455d77; }

.w-m-y { margin-top: 40px; }

.w-m-e { width: 600px;  }

.w-m-e p a { font-size: 12px; color: #fff; display: inline-block; margin: 0 5px; }

.w-m-e p,.w-m-f p, .w-m-f p a { font-size: 12px; color: #fff; }