﻿body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,input{margin:0;padding:0}
em,i,s{font-style:normal;text-transform:uppercase;}li{list-style:none}a,s,a:hover{text-decoration:none}
img{-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}input,textarea{border:none;outline: none;}
body,button,input,select,textarea{font:12px/1.5 'microsoft yahei',Tahoma,arial,'Hiragino Sans GB',\5b8b\4f53}
input,textarea{resize:none;border:none; outline: 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}
.noBg{background:none!important}.noBd{border:0!important}.noMg { margin: 0!important; }
.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}
/*项目*/
body { background: #fff; color:#666; /*margin-bottom: 400px;*/overflow-x: hidden;}
a { color:#666;text-decoration:none; transition: all 0.5s ease 0s; }
a:hover{ color: #187ec9; }
dt { font-weight: normal; }




/*头部样式*/
.wrapper{ width: 100%; height: auto;position: relative;overflow: hidden; margin: 0 auto; }
.header{ width: 100%; position: relative; }
.g-in{ width:1200px; margin: 0 auto; }


/*.fx{position: fixed !important;top: 0; background: #f4f5f0;}*/
.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }


.topArea { background:rgba(255,255,255,1); position:relative; top:0; width:100%; left:0; z-index:999999; }
.logo { float:left;line-height: 98px; }
.nav { float:right; width:830px; }
.nav ul li { position:relative; float:left;width: 12.5%; text-align:center; font-size:16px; }
.nav ul li>a { display:block; font-size:16px; color:#5f5f5f;line-height: 98px; }
.nav ul li:hover a,.nav .current a { font-weight:bold;  }
.nav .sub { position:absolute; top:98px; width:100%; display:none; background:rgba(0,0,0,0.3); z-index:999;border-top: 2px solid #00a1e9; }
.nav .sub dt { width:100%; text-align:center; padding:5px 0; border-bottom:1px solid #6e7580;line-height: 32px; font-size: 13px;
font-weight: normal;}
.nav .sub dt:last-child{border-bottom: 0;}
.nav .sub dt a { color:#fff; }
.nav .sub dt:hover { background:#00a1e9; }
.nav .sub dt:hover a { color:#fff; }


/*搜索表单*/
.searchFont{background: rgba(0,0,0,0.23); padding: 26px 0;width:1920px; left: 50%; margin-left: -960px; position: absolute; bottom: 0}
.searchFont .font{width: 400px;font-size: 16px;line-height: 28px;color: #fff; background: url(san.png) no-repeat left 9px;padding-left: 20px;}
.searchFont .name input{width: 600px; height: 50px; background: #fff;; padding:0 10px; font-size: 16px; color: #4a4a4a; line-height: 50px; }
.searchFont .logoin input{width: 92px; height: 50px; background: #187ec9; font-size: 16px; color: #fff; line-height: 50px; margin:0 auto;display: block;
cursor: pointer; }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #4a4a4a; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #4a4a4a;opacity:1;
}

input:-ms-input-placeholder{
    color: #4a4a4a;opacity:1;
}

input::-webkit-input-placeholder{
    color: #4a4a4a;opacity:1;
}



/*banner css */
.banner{ width: 1920px; position: relative; margin-left: -960px;left: 50% }
.banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
.banner .slideBox .hd{ position:absolute; bottom:20px;z-index:1; width: 100% ;text-align: center;display: none;}
.banner .slideBox .hd ul{display: inline-block;}
.banner .slideBox .hd ul li{ float:left; margin:0 6px; width:42px; height:5px;text-align:center; background:#fff; cursor:pointer;text-indent: -9999px;}
.banner .slideBox .hd ul li.on{ background:#439754;}
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .slideBox .bd img{ width:1920px; height:auto; display:block;  }
.banner .slideBox .prev,
.banner .slideBox .next{ position:absolute;  top:50%; margin-top:-35px; display:block; width:38px; height:71px; }
.banner .slideBox .next{ background:url(bannerN.png) left center no-repeat;right:14%;}
.banner .slideBox .prev{ background:url(bannerP.png) left center no-repeat;left:14%;}







/*底部样式*/
.footer{padding: 50px 0 30px; background: #404040;}
.footer .img{ width:153px;}
.footer .img p{font-size: 14px; color: #fff;padding-top: 10px; text-align: center;}
.footer .fr01{ width:980px;}
.footer .fr01 ul li{padding:  0 56px;position: relative;font-size: 14px; float: left;}
.footer .fr01 ul li:last-child{padding-right: 0}
.footer .fr01 ul li:first-child{padding-left: 0}
.footer .fr01 ul li:before{display: block;content: "";clear: both;position: absolute;top: 50%;right: 0; width:1px; height:10px;margin-top: -5px;
background: #e8eaed;}
.footer .fr01 ul li a{color: #e8eaed}
.footer .contact{margin: 20px 0 14px;padding: 16px;border: 1px solid #5d5e5e;color: #fff;}
.footer .contact p{float: left;padding-right: 58px;padding-left: 24px;}
.footer .contact .p01{background: url(f01.png)no-repeat left center;}
.footer .contact .p02{background: url(f02.png)no-repeat left center;}
.footer .contact .p03{background: url(f03.png)no-repeat left center;}
.footer .contact .p03 a{color: #fff}
.footer .bqxx,
.footer .bqxx a{font-size: 12px; color: #757575;}
.footer .bqxx a:hover{color: #fff;}

.back-to { position:fixed; bottom:110px; right:50%; margin-right:-666px; display:none; z-index:999; }
.back-to .back-top { display:block; width:60px; height:60px; background:url(top.png) no-repeat; outline:0 none; text-indent:-9999em; overflow:hidden; }
.back-to .back-top:hover { background-position:0 0; }

.banner img,.g-network img { vertical-align:top; }


.sidebar{padding: 15px;background: #eee;color: #222;font-size: 16px;position: fixed;top: 15%;right: 0;border-top-left-radius: 40px;
border-bottom-left-radius: 40px;text-transform: uppercase;transition: 1s;z-index: 15;}
.sidebar ul{position: absolute;width: 96px;right: -150px;background: #eee;top: 54px;} 
.sidebar ul li a{line-height: 32px;height: 32px;color: #000;text-align: center;display: block;}
.sidebar ul li:hover a{ background:#00a1e9;color:#fff; }
.sidebar:hover ul{right: 0}

