@charset "utf-8";

body { margin:0px; padding:0px; color:#333; font-size:12px;  background: #FFF; font-family:'微软雅黑';}

hr, p,blockquote, dl, dt, dd, ul, ol, li,form, fieldset, legend, img{ border:none; margin: 0; padding: 0;}

td,dd,th{line-height:20px;font-size:12px;}

h1,h2,h3,h4,h5,h6{margin:0; padding: 0; font-weight:normal}

a:link,a:visited,a:active{color:#333; text-decoration:none; }

a:hover{text-decoration:none;}

div{margin:0px auto; line-height:21px;}

ul,li{list-style:none; padding:0px; margin:0px;}

.none { display:none; }

em { display:block; font-size:10px; font-weight:normal; font-style:normal; margin-top:-4px; }

.more { float:right; font-size:12px; margin-right:5px; font-weight:normal; }

.w1200 { width:1200px;}

.border-none { border-right:none;}

.clear{ clear:both; line-height:0; font-size:0; overflow: hidden;}

.fl{ float:left}

.fr{ float:right}

.h82{ height:82px}

/*======================浮动的外层==================*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

/* required comment for clearfix to work in Opera \*/

* html .clearfix { zoom:1 }

.clearfix { display:block; }

/* end clearfix */
.head{ width:100%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);min-width:1200px}
.topbar{ height:36px; background-color:#f8f7f7; border-bottom:1px solid #e9e8e8; width:100%;min-width:1200px}
.leftbar{ float:left; color:#999;}
.rightbar{ float:right; margin-right:2px}
.leftbar li{ float:left; margin-right:15px; text-indent:20px; border-right:1px solid #dedede; padding:0 15px 0 0; margin-top:12px; height:13px; line-height:13px;position:relative}
.icon-phone{ background:url(images/tel.png) 0 1px no-repeat}
.icon-email{ background:url(images/email.png) 0 2px no-repeat}
.rightbar li{ float:left; padding:0 10px;  border-right:1px solid #dedede; margin-top:12px;height:13px; line-height:13px; position:relative }
.rightbar li a,.rightbar li a:visited{ color:#999;}
.rightbar li a.on2{ display:inline-block;background:url(images/mainNavOn.png) no-repeat right 0px;padding-right: 6px;}
.rightbar li img{ position:relative; top:0px; }
.rightbar li .info{ position:absolute; display:block; z-index:20;top:28px;left:0px;width:150px;height:0px;overflow: hidden;}


.slides li a {
    display: block;
    height: 489px;
}


.logo { width:185px; height:60px; float:left; margin-top:15px; }

.navbar { height:80px; width:1200px;}

.nav { float:left; margin-left:50px;}

.nav li { float:left; font-size:14px; margin-left:70px; margin-top:30px; text-align:center;}

.nav li em { font-size:10px; color:#999; font-variant: small-caps;  font-family: verdana, helvetica, arial, sans-serif;}

.nav li a:hover { color:#64ae2c; text-decoration:none;}

.nav li em:hover{ color:#64ae2c;}





.banner { width:1920px; }

.bannerbox{ width:100%; height:500px; position:relative; overflow:hidden; z-index:5}

.bannercenter{ width:1920px; position:relative; left:50%;}

.banner{ width:1920px; height:500px; overflow:hidden; position:relative; left:-50%}

.banner .box{ width:1920px; height:500px; position:relative; overflow:hidden; z-index:10}

.banner .list{ width:999999px; overflow:hidden;}

.banner .list li{ width:1920px; height:500px; float:left; overflow:hidden; position:relative;}

.banner .btn{ position:absolute; left:50%; bottom:15px; z-index:999}

.banner .btn li{ padding: 9px; width:0; height:0; float:left; margin:0 0px; position:

relative; left:-50%; background:url(images/btnoff.png) no-repeat; cursor:pointer; font-size:0; line-height:0;}

.banner .btn li.selected{ background-image:url(images/btnon.png)}

.banner .wrap{ width:1440px; margin-top:-500px; z-index:20; position:relative;}

.banner .plus,.banner .minus{ position:absolute; top:200px; width:57px; height:57px; cursor:pointer; z-index:10}
.banner .minus{ background:url(images/btnr.png) no-repeat; right:-300px}
.banner .plus{ background:url(images/btnl.png) no-repeat; left:-300px}
.banner:hover .minus{ background-image:url(images/btnron.png);}
.banner:hover .plus{ background-image:url(images/btnlon.png);}





.maintitle { font-size:30px; font-weight:bold; line-height:30px; text-align:center;}

.maintitle span { color:#64ae2c;}

.maintitle .dot { font-size:14px; line-height:20px; color:#999; position:relative; bottom:8px;}

.mainremark { text-align:center; color:#999; margin-top:5px;}

.mainremark b{ color:#000}

.footer{ width:100%; background:#171717; padding-bottom:10px;min-width:1200px}

.footer .f_content{ width:1200px; margin:0 auto}

.footer .f_content .f_top{ text-align:center; padding:50px 0 72px 0}

.footer .f_content .f_top .h1{ margin-bottom:15px}

.footer .f_content .f_top p{ line-height:18px; font-size:12px;color:#848484; }

.footer .f_content .f_top span{ display:block; margin-top:15px}

.footer .f_content .f_center{ width:900px; margin:0 auto}

.footer .f_content dl{ float:left; width:100px; margin:0 40px}

.footer .f_content dl dt{ font-size:12px; color:#d4d4d4; margin-bottom:6px}

.footer .f_content dl dd a{ font-size:12px; color:#848484; line-height:24px}
.footer .f_content dl dd a:hover{ color:#fff}

.footer .share{ text-align:center; margin-top:37px; width:210px}
.footer .share li{ float:left;position:relative}

.footer .share a{ display:inline-block;background:url(images/main_76.png) no-repeat; width:30px; height:30px; overflow:hidden; margin:0 6px; }

.footer .share li .info{position: absolute;bottom:38px;left:20px;width:150px;height:0px;overflow: hidden; display:block}

.footer .share a.a1:hover{ background-position:0 -41px}

.footer .share a.a2{ background-position:-46px 0px}

.footer .share a.a2:hover{ background-position:-46px -41px}

.footer .share a.a3{ background-position:-92px 0px}

.footer .share a.a3:hover{ background-position:-92px -41px}

.footer .share a.a4{ background-position:-141px 0px}

.footer .share a.a4:hover{ background-position:-141px -41px}

.footer .share a.a5{ background-position:-187px 0px}

.footer .share a.a5:hover{ background-position:-187px -41px}

.footer .f_down{ text-align:center; margin-top:17px}

.footer .f_down span{ display:block; color:#848484; }

.footer .f_down span a{color:#848484; font-size:12px}
.footer .f_down span a:hover{ color:#fff}

.footer .f_down p{ line-height:24px; margin-bottom:12px;color:#848484; }



.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}

.page span,.page  a{

padding:8px 12px;

border:1px #CCCCCC solid;

margin-right:4px;

cursor:pointer;

}

.page .current{

border:1px #66ad2e solid;

background:#66ad2e;

font-weight:bold;

color:#FFF;

}

.page  a:hover{

border:1px #66ad2e solid;

text-decoration:none;

}









.viewcontent {border-left: 2px solid #DDDFE1;float: right;line-height: 2em;min-height: 500px;padding: 20px 0 30px 20px;width: 738px;}

.detail{padding:0 26px;}

.detail .h3{ color:#333; text-align:center; font-size:24px; margin-top:16px;}

.write{ text-align:center; color:#999; border-bottom:solid 1px #ebebeb; margin:5px 0 18px; margin-top:15px;}

.write span{ color:#666;}

.detail p,.about p{ text-indent:24px;padding:0 14px;line-height:30px;font-size:14px;}

.dow{border-top:solid 1px #ebebeb;padding-top:15px; margin:30px 0;clear: both; }

.dow b{ color:#66ad2e;}

.dow p{ text-indent:0;font-size:12px;}



.tag { font-weight:bold; float:right; margin:30px 0 }

.tag a { padding:3px 5px; font-weight:normal; }

.tag a:hover { padding:3px 5px; background-color:#66ad2e; color:#FFFFFF; text-decoration:none; }

.kefu{ position: fixed; right: 0px; top: 200px; width: 115px; z-index: 999; background-color:#FFF;}
.kefutop{background: url(images/mgtop.jpg) no-repeat; font-size: 14px; line-height: 40px; color: #fff; text-align: center; font-weight:bold;}
.kefucontent{ background: url(images/bg_qq.png) repeat-y; padding:4px 0 0;}
.kefucontent ul{ overflow: hidden; padding: 0 7px 7px 7px;}
.kefucontent li{ width: 92px; border-bottom: 1px solid #f2f2f2; line-height: 28px; background:url('images/man.gif'); background-position:15px center; background-repeat:no-repeat; padding-left:29px; margin:0 auto}
.kefucontent  a{ color: #333 !important; margin-left:5px;}
.kefucontent li span{ margin-right: 5px; color: #ea0051;}
.kefucontent li img{ margin-right: 5px;}
.kftel{ background:#66ad2e; font-size: 14px; color: #fff; width:115px; height:68px;}
.kftel img{ margin-right: 5px;}
.kftel p{ font-size: 14px; line-height: 1.2; }
.kfbtm{ height: 6px; overflow: hidden;}
.kefucontent dt{ text-align:center}