@charset "utf-8";
.wrap{width:1200px; margin:0 auto}

#top{height:90px; width:100%; position:fixed; top:0; left:0; background-color:#FFF; z-index:999999; box-shadow:0 0 10px #ccc}
.logo{float:left; width:186px; height:60px; margin:15px 0}
#nav{float:right; width:895px}
#nav li{float:left; width:115px; text-align:center; line-height:90px; height:87px; border-bottom:3px solid #fff; position:relative}
#nav .navnow{border-bottom:3px solid #199F3A; width:90px}
#nav li:hover{background-color:#199F3A; border-bottom:3px solid #199F3A}
#nav li:hover a{color:#fff}
#nav li a{color:#333; font-size:16px; letter-spacing:1px}
#nav li div{position:absolute; width:135px; padding:0 30px; background-color:#199F3A; left:-40px; height:0; overflow:hidden}
#nav li:hover div{height:auto; transition:0.5s ease; padding:10px 30px; top:100%}
#nav li div p{height:40px; line-height:40px}
#nav li div p:hover a{text-decoration:underline; color:#E0F0E3}
#nav span{float:left; width:40px; position:relative; display:block; margin:24px 0 0 25px; height:40px}
#nav span div{position:absolute; width:110px; height:0; left:-35px; top:65px; overflow:hidden}
#nav span:hover div{height:130px; transition:0.5s ease}
.toolsewm{width:110px}
.toolswx{width:40px}
.toolsqq{width:40px}

/*banner*/
.subBanner{min-width:1000px; position:relative; height:310px; overflow:hidden;margin-top:90px}
.subBanner .bd{position:relative; z-index:0}
.subBanner .bd ul{width:100% !important}
.subBanner .bd li{width:100% !important; height:310px; overflow:hidden; text-align:center}
.subBanner .bd li a{display:block; height:310px}
.subBanner .hd{left:50%; margin-left:-50px; bottom:15px; position:absolute; z-index:1; bottom:15px; overflow:hidden}
.subBanner .hd ul li{width:10px; height:10px; background:#384e60; border-radius:50px; float:left; margin:0 3px; display:inline; cursor:pointer}
.subBanner .hd ul li.on{background:#0156ae}
/*wrap*/
.leftNav{width:210px; float:left; display:inline; margin-top:30px}
.leftNav .title{width:190px; height:60px; background:#199F3A; padding:30px 0 0 20px; color:#fff; font-size:14px; line-height:18px}
.leftNav .title strong{font-size:24px; line-height:26px}
.leftNav ul{width:208px; border:1px solid #eeeeee; border-top:0}
.leftNav ul li{display:block; clear:both; border-bottom:1px dotted #e3e3e2; margin:0 1px 0 1px; background:url(../images/skin/leftNav.jpg) repeat-x left top}
.leftNav ul li a{display:block; line-height:40px; text-align:left; padding:0 0 0 60px; font-size:14px; color:#666; background:url(../images/skin/icon.png) no-repeat 37px center}
.leftNav ul li.cur a, .leftNav ul li a:hover{background:url(../images/skin/icon_h.png) no-repeat 37px center; color:#199F3A}

.leftNav ul li ul{display:none; border:none}
.leftNav ul li.cur ul{display:block}
.leftNav ul li ul li{background:none; margin:0; border-bottom:1px dotted #e3e3e2}
.leftNav ul li ul li a{padding:0 0 0 80px; background:none}
.leftNav ul li.cur li a{background:url(../images/skin/icon.png) no-repeat 58px center; color:#666}
.leftNav ul li.cur li a:hover, .leftNav ul li.cur li.cur a{background:url(../images/skin/icon_h.png) no-repeat 58px center; color:#199F3A}

.rightBox{float:right; width:960px; margin-top:20px; padding:0 0 20px 0}
.rightBox .title{padding-left:15px; height:60px; font-size:20px; color:#333; font-weight:700; line-height:60px; border-bottom:1px solid #e6e6e6;}
.rightBox .title span{font-size:12px; float:right; font-weight:normal; color:#999}
.rightBox .title span a{color:#999}
.rightBox .article{clear:both; line-height:30px; min-height:450px; height:auto !important; height:450px; padding:10px; font-size:14px}
.rightBox .article .info_title{text-align:center; font-size:26px; color:#000; margin:10px 0}
.rightBox .article .info_tit{line-height:24px; margin-bottom:15px; border-bottom:1px dashed #E5E5E5; padding-bottom:20px; font-size:12px; color:#666; text-align:center}
.rightBox .article .info_tit span{margin-right:20px}
.rightBox .article .gduo{height:30px; line-height:30px; font-size:12px; background:#f7f7f7; overflow:hidden; margin:25px 0px; padding:0 10px}
.rightBox .article .cntrBody .imgshow{display:block; margin:auto}
.cntrBody video{ width:450px;}

.rightBox .article .gduo span{float:right; overflow:hidden; height:30px; display:block}
/*news*/
.rightBox .newslist{clear:both; min-height:450px; height:auto !important; padding:15px 10px}
.rightBox .newslist li{height:30px; line-height:30px; background:url(../images/skin/Arrow.png) no-repeat left; text-indent:1em; font-size:14px; border-bottom:1px dashed #eee}
.rightBox .newslist li span{float:right; display:inline; font-size:12px; color:#999}
/*product*/
.rightBox .prolist{clear:both; min-height:450px; height:auto !important; padding:15px 10px}
.rightBox .prolist li{margin:0 2px; float:left; width:230px; text-align:center}
.rightBox .prolist li a{display:block; width:220px; height:150px; overflow:hidden; border:5px solid #f2f2f2}
.rightBox .prolist li a img{display:block; height:150px; margin:auto}
.rightBox .prolist li h5{height:46px; line-height:46px; font-weight:normal; font-size:14px; color:#333}
/*dataPage*/
.dataPage{height:30px; margin:30px 0; float:right}
.dataPage .pages a, .pages .cpb{height:22px; line-height:22px; float:left; display:inline; padding:0 6px; border:1px solid #ddd; background:#fff; font-size:12px; color:#2d353c}
.dataPage .pages a:hover{background:#199F3A; color:#fff !important; border:1px solid #199F3A}
.dataPage .pages .cpb{color:#fff; background:#199F3A; border:1px solid #199F3A}
/*message*/
.rightBox .message{clear:both; min-height:450px; height:auto !important; padding:15px 10px}
.rightBox .message dl{border:1px solid #e6e6e6; padding:5px; font-size:14px; margin-bottom:20px}
.rightBox .message dl dt{padding:7px}
.rightBox .message dl dt span.tt{float:right; padding-right:5px; color:#999}
sup{vertical-align:super; font-size:smaller}
.rightBox .message dl dt span.name{color:#199F3A}
.rightBox .message dl dt span.time{padding-left:10px; color:#999; font-size:12px}
.rightBox .message dl dd.info span.text{display:block; line-height:1.5; padding:0 5px 10px; border-bottom:1px solid #e6e6e6}
.rightBox .message dl dd.reinfo span.tt{display:block; padding:10px 5px 0; color:#199F3A}
.rightBox .message dl dd.reinfo span.text{display:block; line-height:1.5; padding:5px 5px 10px}

.mesform{border:1px solid #e6e6e6; border-top:0; overflow:hidden; text-align:left}
.mesform h3{border-top:1px solid #e6e6e6; margin:0; padding:0 5px 0 15px; font-weight:normal; font-size:14px; background:#e6e6e6; height:35px; line-height:35px}
.mesform .mesitem{border-top:1px solid #e6e6e6; margin:0; position:relative; padding:5px 0}
.mesform .mesitem span{padding:15px; width:100px; text-align:left; line-height:1.2; display:block; float:left; font-size:14px}
.mesform em{color:#F00; font-style:normal; padding-left:5px}
.mesform input{width:350px; height:28px; line-height:28px\9; padding:2px 5px; border:1px solid #dcdfe0; display:block; float:left; margin:5px 0; border-radius:2px}
.mesform textarea{width:550px; line-height:1.5; height:100px; padding:7px 5px; border:1px solid #dcdfe0; color:#333; margin:5px 0; border-radius:2px}
.mesform input:focus, .mesform textarea:focus{border:1px solid #199F3A}
.mesform .mesitem:after{display:block; clear:both; content:""; visibility:hidden; height:0}
.mesform .submit{display:block; background:#199F3A; border:none; height:34px; line-height:26px; width:150px; color:#fff; cursor:pointer; border-radius:2px; font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun'}

.mesPage{height:30px; margin:10px auto 10px auto}
.mesPage .pages a, .pages .cpb{height:22px; line-height:22px; float:left; display:inline; padding:0 6px; border:1px solid #ddd; background:#fff; font-size:12px; color:#2d353c}
.mesPage .pages a:hover{background:#199F3A; color:#fff !important; border:1px solid #199F3A}
.mesPage .pages .cpb{color:#fff; background:#199F3A; border:1px solid #199F3A}