@charset "utf-8";

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*/}
.wrapper a:hover{color: #e56f27;}
.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.g-in { width:1200px; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1;}
.toparea { width: 100%;}
.top1 { float:left; height: 120px; }
.top1 a { width: 420px;height: 120px; display: inline-block;}
.topr { float: right; height: 120px; box-sizing: border-box; padding-left:58px; background: url(a2.png) no-repeat 3px center; }
.topr p { font-size: 14px;color:#333333; padding-top:32px; }
.topr span { display: block; font-size: 30px;color:#c01a1a; font-weight: bold; font-family: "Arial"; line-height: 35px; }
.toprs {margin-left:220px; padding-top:30px; float: left; line-height: 30px; font-size: 20px; color:#c01a1a;  }
.toprs span { display: inline-block; padding-left:100px; }

.topm { float: right; margin-right:20px; display:none }
.nav { width: 100%; height: 80px; background: rgba(0,0,0,0.7); position: absolute; left:0;top:0; z-index: 1000; }
.nav ul li { float:left; width: 171px; text-align: center; position:relative }
.nav ul li a {height: 80px; box-sizing: border-box; padding-top:20px; display: inline-block; font-size:14px; width: 100%; color:#fff; }
.nav ul li a span { display: block; text-align: center;font-size: 12px;color:#ffffff; text-transform: capitalize; }
.nav ul li:hover>a,.nav ul li.current>a { background: #c01a1a; color:#fff; }
.nav ul li:hover,.nav ul li.current { background: url(navbg.png) no-repeat center; }

.nav ul li .xl{ width:100%; line-height:35px; background:rgba(192,26,26,0.7); text-align:center; font-size:14px; position:absolute; left:0;top:80px; display:none}
.nav ul li .xl dd:hover{ background:rgba(192,26,26,1);}
.nav ul li .xl a{ color:#fff; display:block; line-height:35px; padding:0; height:35px}
.nav ul li:hover .xl{ display:block}

.banner {position:relative; left:50%; width:1960px; margin-left:-980px; text-align:center;}
.banner .hd { position:absolute; left:0; bottom:80px; width:100%; height:15px; z-index:4; }
.banner .hd ul { width:1200px; height:15px; margin:0 auto; text-align:center;}
.banner .bd ul li a { display:block;width: 1960px;overflow: hidden; }
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:0 5px; border-radius:5px; background:#fff; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top;}


.banner .hd ul .on {background-color:#d51b1f; }
.banner a.prev { display: block; width: 74px; height: 74px; position: absolute; left:5%; top:50%; margin-top:-37px;  background: url(prev.png) no-repeat center; z-index: 10000; }
.banner a.next { transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg); z-index: 10000;  display: block; width: 74px; height: 74px; position: absolute; right:5%; top:50%; margin-top:-37px; background: url(prev.png) no-repeat center; }

/*footer部分*/
.footer { }
.i-a { width: 100%; height: 307px; padding-top:45px; background: url(i1.jpg) no-repeat center; box-sizing: border-box;  }
.i-a dl { float: left; width: 171px; text-align: center;  }
.i-a dl dt { font-size: 16px;color:#fff; margin-bottom:30px; }
.i-a dl dd { text-align: left; padding-left:56px; height: 30px; line-height: 30px; font-size: 14px;color:#fff; }
.i-a dd a { color:#fff; }

.g-a { border-top:1px solid #555; width: 100%; background: #2f2f2f; padding-top:48px; }
.g-b { width: 600px; float: left; }
.g-c { margin:25px 0; }
.g-c p { font-size: 14px;color:#fff;  }
.g-b ul { padding-bottom:30px;}
.g-b ul li { float: left; width: 90px; text-align: center; margin-right:25px; }
.g-b ul li p { color:#fff; }
.g-d { float: right;width: 500px; }
.g-d p { margin-bottom:10px; }
.g-d .inp1 { box-sizing: border-box; width: 100%; padding-left:65px; height: 46px; background: url(g1.png) no-repeat 14px center; border:1px solid rgba(255,255,255,0.5);  }
.g-d .inp2 { box-sizing: border-box; width: 100%; padding-left:65px; height: 46px; background: url(g2.png) no-repeat 14px center; border:1px solid rgba(255,255,255,0.5);  }
.g-d .inp3 { box-sizing: border-box; width: 100%; line-height: 46px; padding-left:15px; height: 135px; border:1px solid rgba(255,255,255,0.5);  }
.g-d .inp { height: 46px; width: 100%; background: none; border:none; outline: none; font-size: 16px;color:#fff; }
.g-d .inp4 { height: 130px; line-height: 46px; width: 100%; background: none; border:none; outline: none; font-size: 16px;color:#fff; }

.g-d .subb { float: left;width: 130px;height: 46px; background: #7f0606; font-size: 16px;color:#fff; cursor: pointer;border:none; }
.copyright { width: 100%; height: 60px; line-height: 60px; background: #2f2f2f; border-top:1px solid rgba(255,255,255,0.2); }
.copyright p{float: left; font-size: 12px; color:#fff;}
.copyright span { float: right; font-size: 12px; color:#fff; }
.copyright p a,.copyright span a { color:#fff; }
.gft{ width:56px; position:fixed; z-index:99999; right:30px; top:50%;  margin-top:-140px}
.gft ul li{ width:56px; height:56px; background:#fff; border-bottom:1px solid #efefef; position:relative; cursor:pointer}
.gft ul li.ali{ background:url(x6.png) center center no-repeat #c01a1a}
.gft ul li.bli{ background:url(x7.png) center center no-repeat #c01a1a}
.gft ul li.cli{ background:url(x8.png) center center no-repeat #c01a1a}
.gft ul li.dli{ background:url(x9.png) center center no-repeat #c01a1a}
.gft ul li.eli{ background:url(x10.png) center center no-repeat #c01a1a; border:0}
.gft ul li.ali:hover{ background:url(x6.png) center center no-repeat #c01a1a}
.gft ul li.bli:hover{ background:url(x7.png) center center no-repeat #c01a1a}
.gft ul li.cli:hover{ background:url(x8.png) center center no-repeat #c01a1a}
.gft ul li.dli:hover{ background:url(x9.png) center center no-repeat #c01a1a}
.gft ul li.eli:hover{ background:url(x10.png) center center no-repeat #c01a1a}
.gft ul li .qq{ width:159px; height:56px; background:#c01a1a; color:#fff; box-sizing:border-box; border-right:1px solid #efefef; position:absolute; right:56px; top:0; padding:9px 0 0 30px; display:none}
.gft ul li .qq p{ font-size:12px; line-height:20px; background:url(x6.png) left center no-repeat; background-size:15px; padding-left:25px}
.gft ul li .qq p a{ color:#fff}
.gft ul li:hover .qq{ display:block}
.gft ul li a{ display:block; width:100%; height:100%}

.gft ul li .tel{ width:159px; height:56px; background:#c01a1a; color:#fff; border-right:1px solid #efefef; position:absolute; right:56px; top:0;display:none; text-align:center; font-size:14px; box-sizing:border-box; padding-top:18px}
.gft ul li:hover .tel{ display:block}
.gft ul li .pic{ width:100px; height:100px; background:#c01a1a; color:#fff; border-right:1px solid #efefef; position:absolute; right:56px; top:0;display:none; text-align:center; font-size:14px; line-height:56px;}
.gft ul li .pic img{ width:100%}
.gft ul li:hover .pic{ display:block}