@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*/ color: #333;}
.wrapper a:hover{color: #b8412d;}
.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.g-in { width:1277px; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}

.w-a {width: 1920px; height: 100px; left: 50%;margin-left:-960px; background: url(navbg.png) no-repeat center #fff; top: 0; z-index: 99; position: absolute; }
.w-a-a { font-size: 14px; color: #000; }
.w-a-a img { vertical-align: middle; display: inline-block; margin: 0 5px;  }
.w-a-c { text-align: center; }
.w-a-c a { font-size: 14px; width: 60px;display: block; padding-top:43px; color: #0479d8;text-transform: uppercase; }

#banner { position: relative; }
.banner {position:relative; left:50%; width:1920px; margin-left:-960px;text-align:center;}
.banner .hd { position:absolute; left:0; bottom:118px; 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:14px; height:14px; margin:0 4px; border-radius:7px; background:#fff; opacity: 0.6; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top;}
.banner .hd ul .on {opacity: 1; }
.nav {height: 100px;margin-left: 280px;}
.nav ul li {position: relative; text-align: center; font-size: 16px;}
.nav ul li>a { display: block; height: 100px;line-height: 100px;padding: 0 20px; color: #b2b2b2; }
.nav ul li.current>a,.nav ul li:hover>a { border-bottom: 2px solid #0479d8; color: #0479d8; }
.nav ul li .sub { display: none; background: #fff; padding:15px 0; position: absolute; width: 200px;left:50%; margin-left:-100px; top:100px;z-index: 99999; }
.nav ul li .sub dd { height: 30px;line-height: 30px;font-size: 14px;color:#b2b2b2; }
.nav ul li .sub dd a { color:#b2b2b2; display: block; width: 100%; height: 30px;line-height: 30px;text-align: center; }
.nav ul li .sub dd:hover a { background: #1669ac; color:#fff; }










/*footer部分*/
.footer { width: 100%;background: #2d3236; }
.w-g { text-align: center; height: 60px;line-height: 60px;width: 100%;border-bottom:1px solid #515457; }
.w-g ul li { height: 60px;line-height: 60px;display: inline-block;width: 135px;font-size: 14px;color: #fff; }
.w-g ul li a { height: 60px;line-height: 60px;display: inline-block;width: 135px;font-size: 14px;color: #fff; }
.w-g-a { background: #2d3236;padding:36px 0; }
.w-g-b {  }
.w-g-c { float: left;margin-left:130px; }

/* 分享 */
.action-share { height:80px; padding:15px 0; overflow:hidden; text-align: right; }
.bdshare-button-style0-24{line-height:35px;}
.bdshare-button-style0-24 a{position:relative;display:inline-block;width:24px;height:24px;margin-left:5px; margin-right: 10px; background:url(share.png);vertical-align:middle;cursor:pointer;opacity:1;}
.bdshare-button-style0-24 a:hover{opacity:1;}
.bdshare-button-style0-24 a.bds_weixin{width: 29px;height:29px;background: url(n1.png) no-repeat center; -webkit-background-size: 100% auto;
background-size: auto 100%;}
.bdshare-button-style0-24 a.bds_tsina{width: 29px;height:29px;background: url(n3.png) no-repeat center; -webkit-background-size: 100% auto;
background-size: auto 100%;}
.bdshare-button-style0-24 a.bds_qzone{width: 29px;height:29px;background: url(n2.png) no-repeat center; -webkit-background-size: 100% auto;
background-size: auto 100%;}

.w-g-d { float: left;margin-left:100px; }
.w-g-d p,.w-g-d p a { font-size: 14px;color: #f6f6f6;height: 25px;line-height: 25px; }
.copyright { text-align: center; }
.copyright p,.copyright p a { font-size: 12px;color: #fff; }




/*fixed*/
.fix { background: #fff; }
* html{background-image:url(about:blank);background-attachment:fixed;}
.fixed{width:100%;position:fixed;top:0;left:0;z-index:10; /*box-shadow:0 0 3px #e33a3d;*/}
.fixed{_position:absolute;_left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop));}



.tb{ width:150px; height:70px;margin-top: 20px;text-align: right;padding-left: 40px;}
.tb ul li{ float:left; margin-right:5px; margin-bottom:10px; width:25px; height:25px; position:relative}
.tb ul li span{ display:block; width:150px; height:150px; position:absolute; left:50%; margin-left:-75px; top:-150px; z-index:99; display:none; background:#fff}
.tb ul li:hover span{ display:block}
.tb ul li span img{ width:150px}

.w-g-g { float: right; margin-right:100px; }
.w-g-g ul { width: 230px; }
.w-g-g ul li { width: 65px;float: left; margin: 5px 0;  margin-right:10px; }


