@charset "utf-8";
/* CSS Document */
body, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, hr, form, iframe, th, td { margin: 0; padding: 0; }
* { padding: 0; }
body { color: #333; font-family:  Arial,"微软雅黑", Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 1.6; width: 100%; }
.clear { clear: both; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
a:link, a:visited { color: #1e1e1e; text-decoration: none; }
a:hover { cursor: pointer }
fieldset, img { border: none; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
.fl { float: left; }
.fr { float: right; }
.wrap { margin: 0 auto; width: 1200px; }
.minwidth { min-width: 1200px; }
#container { background: #fff; }
.font16 { font-size: 16px; }
.textc { text-align: center; }
.textl { text-align: left; }
.textr { text-align: right; }
.mb { margin-bottom: 30px; }
.pr { position: relative; }
.pa { position: absolute; }
div { outline: none; }
input { outline: none; }
textarea { outline: none; }
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; border: 0; }
th, td { padding: 0; }
.aui_border, .aui_dialog, .content table { table-layout: auto; }
ul { padding: 0; }
p { margin: 0; }
li { zoom: 1; vertical-align: middle; }
ol { margin: 0px; padding: 0; padding-left: 36px; }
input, select, button, textarea { border: none; padding: 0; font-family:  Arial,"微软雅黑", Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 1.6; }
input:focus, textarea:focus { background: #fff; }
::-moz-placeholder { color: #fff; font-family:  Arial,"微软雅黑", Georgia, "Times New Roman", Times, serif; }
::-webkit-input-placeholder { color: #fff; font-family:  Arial,"微软雅黑", Georgia, "Times New Roman", Times, serif; }
:-ms-input-placeholder { color: #fff; font-family:  Arial,"微软雅黑", Georgia, "Times New Roman", Times, serif; }

/*编辑器操作区域样式*/
.cke_editable .operateArea { background: #FF9; position: relative; z-index:999; }
.cke_editable .operateArea a { cursor: pointer; }

/*头部*/
#header { height: 80px; background: #fff; }
.logo { padding-top: 10px; }
.logo img { width: 144px; }
.headright { text-align: right; }

#header.navFix { box-shadow: 0 0 5px #444; height: 65px; left: 0; position: fixed; top: 0; width: 100%; z-index: 4; }
#header.navFix .toptop { display: none; }
/*#header.navFix .logo { padding: 10px; }*/
#header.navFix .logo img { width: 108px; }
#header.navFix .menu > li { line-height: 65px; }
#header.navFix .menulist { top: 65px; }

/*导航*/
.menu > li { float: left; margin: 0 0 0 70px; text-align: center; line-height: 80px; position: relative; z-index: 4; }
.menu > li > a { display: block; font-size: 16px; color: #464646; }
.menu > li:hover > a { color: #20a307; }
.menu > .first > a { color: #20a307; }
.menu > li a.lang { color: #20a307; }

.menulist { width: 230px; display: none; overflow: hidden; background: rgba(255,255,255,0.7); position: absolute; top: 80px; text-align: center; left: -65px; }
.menulist ul { overflow: hidden; }
.menulist ul li { line-height: 36px; }
.menulist ul li a { font-size: 14px; color: #464646; text-align: center; display: block; }
.menulist ul li a:hover{ background: #20a307; color: #fff; }
.menu .subnav { display: block; }

/*banner*/
#ban { position: relative; }
#ban .banner { height: 450px; overflow: hidden; position: relative; }
#ban .imglist li { position: absolute; background: none no-repeat center center; height: 450px; width: 100%; }
#ban .imglist li a { display: block; width: 100%; height: 100%; }
.pagelist { bottom: 25px; height: 14px; position: absolute; right: 0; text-align: center; width: 100%; z-index: 1; }
.pagelist li { font-size: 0px; margin: 0 7px; cursor: pointer; display: inline-block; height: 12px; width: 12px; border: 1px solid #fff; border-radius: 7px; }
.pagelist li.on { background: #20a307; border-color: #20a307; }

/*首页主体*/
.maintitle { padding: 63px 0 0; }
.maintitle i { display: block; width: 56px; height: 2px; background: #46a7d1; margin: 0 auto; }
.maintitle h3 { color: #222; font-size: 24px; text-align: center; line-height: 24px; margin: 24px auto 32px; }
.maintitle P { color: #222; opacity: 0.6; text-align: center; font-size: 15px; line-height: 2; margin: -25px auto 35px; }

/*main1*/
.main1 { padding: 25px 0 65px; background: #fff; overflow: hidden; }
.main1 ul { overflow: hidden; }
.main1 li { width: 400px; float: left; }
.main1 li div { width: 350px; height: 350px; overflow: hidden; margin: auto; }
.main1 li img { display: block; transition: all 0.5s; }
.main1 li h3 { font-size: 20px; color: #3c3c3c; text-align: center; }
.main1 li span { border: 1px solid #20a307; width: 198px; height: 38px; background: #20a307 url(../images/ico_1.png) no-repeat 165px center; text-align: center; display: block; margin: 15px auto 0; border-radius: 20px; color: #fff; font-size: 20px; line-height: 40px; }
.main1 li a:hover img { transform: scale(1.05); }
.main1 li a span:hover { background-color: #fff; background-image: url(../images/ico_1h.png); color: #20a307; }

/*main2*/
.main2 { padding: 40px 0 65px; background: #f7f7f7; overflow: hidden; }
.main2l { width: 600px; height: 400px; float: left; }
.main2l img { display: block; }
.main2r { width: 600px; height: 400px; float: right; background: #fff; }
.main2r h3 { font-size: 32px; color: #3c3c3c; padding: 30px 38px 15px; }
.main2r ul { padding: 0 38px; overflow: hidden; }
.main2r li { background: url(../images/ico_10.png) no-repeat left 9px; font-size: 17px; color: #3c3c3c; line-height: 23px; padding-left: 20px; margin-bottom: 10px; }

/*底部*/
#footer { background: #fff; padding: 20px 0 15px; overflow: hidden; }
#footer ul { overflow: hidden; display: table; }
#footer li { height: 40px; line-height: 20px; vertical-align: middle; display: table-cell; font-size: 16px; color: #20a307; padding: 0 50px 0 95px; border-right: 1px dashed #20a307; }
#footer li:nth-child(1) { background: url(../images/ico_2.png) no-repeat left center; padding-left: 50px; width: 282px; }
#footer li:nth-child(2) { background: url(../images/ico_3.png) no-repeat 45px center; }
#footer li:nth-child(3) { background: url(../images/ico_4.png) no-repeat 45px center; }
#footer li:nth-child(4) { padding: 0 0 0 30px; border-right: none; }
#footer li:nth-child(4) a { display: inline-block; width: 34px; height: 30px; margin-left: 8px; }
.gg { background: url(../images/ico_5.png) no-repeat center center; }
.fb { background: url(../images/ico_6.png) no-repeat center center; }
.tt { background: url(../images/ico_7.png) no-repeat center center; }
.wb { background: url(../images/ico_8.png) no-repeat center center; }
.wx { background: url(../images/ico_9.png) no-repeat center center; }

.foot { font-size: 14px; height: 36px; line-height: 36px; background: #20a307; }
.foot .fl { color: #fff; }
.foot .fr { color: #fff; opacity: 0.35; }
.foot .fr a { color: #fff; }

/*内页通用*/
#ban1 { background: url(../images/inbanner1.jpg) no-repeat center center; height: 250px; }

.intop { height: 48px; line-height: 48px; border-bottom: 1px solid #e5e5e5; }
.intop .intopmenu { float: left; font-size: 14px; position: relative; }
.intop .intopmenu > a { color: #545454; padding: 0 15px; }
.intop .intopmenu > a:first-child { padding-left: 0px; }
.intop .intopmenu > a:last-child { color: #f7941d; }
.intop .intopmenu .showmenu { background: url(../images/menu.png) no-repeat right center; color: #20a307; }
.intop h3 { float: right; font-size: 18px; color: #20a307; text-transform: uppercase; }
.incontent{ margin: 40px auto 70px; overflow: hidden; }
.inmain { background: #f7f7f7; overflow: hidden; }
.norecoder { display: block; text-align: center; }
.searchkey { display: block; margin-bottom: 10px; }

/* 分页 */
#pageNav { text-align: center; width: 100%; clear: both; height: 35px; margin: 0 auto; }
#pageNav a { color: #3b3b3b; text-decoration: none; border: 1px solid #d2d2d2; font-size: 12px; line-height: 24px; height: 24px; padding: 4px 15px; text-align: center; }
.pageNum, .cPageNum, listnumber { display: inline-block; }
#pageNav .cPageNum { color: #fff; background: #20a307; }
#pageNav .pageNum:hover { color: #fff; background: #20a307; }
#pageNav a.listnumber { border: none; padding: 0; }

/*products*/
.menuleft { float: left; width: 240px; margin: 0 30px 70px 0; }
.menuleft h3 { background: #20a307; font-size: 20px; line-height: 60px; color: #fff; text-align: center; }
.menuleft { border-bottom: 3px solid #20a307; }
.menuleft li { background: #fff; font-size: 15px; line-height: 40px; text-align: center; margin-top: 2px; }
.menuleft li a { display: block; color: #545454; }
.menuleft li:hover { background: #20a307; }
.menuleft li:hover a { display: block; color: #fff; }
.menuleft .sel { background: #20a307; }
.menuleft .sel a { display: block; color: #fff; }

.prosright { float: left; width: 930px; overflow: hidden; }
.proslist { width: 960px; }
.proslist li { float: left; width: 290px; margin: 0 30px 30px 0; }
.proslist li img { width: 290px; height: 217px; }
.proslist li h3 { font-size: 16px; text-align: center; line-height: 2; }

.proimg { width: 400px; float: left; position: relative; }
.proimg .bigImg { width: 398px; height: 298px; border: 1px solid #bababa; }
.proimglist { overflow: hidden; width: 344px; height: 60px; margin-top: 10px; position: relative; padding: 0 28px; }
.proimglist div { width: 344px; overflow: hidden; }
.proimglist ul { width: 352px; }
.proimglist li { float: left; width: 80px; height: 60px; cursor: pointer; margin-right: 8px; }
.proimglist li img { width: 78px; height: 58px; border: 1px solid #bababa; }
.proimglist li.sel img { border: 1px solid #20a307; }
.prev { position: absolute; width: 20px; height: 60px; left: 0; top: 0; display: block; background: #e2e2e2 url(../images/ico_12.png) no-repeat center center; }
.next { position: absolute; width: 20px; height: 60px; right: 0; top: 0; display: block; background: #e2e2e2 url(../images/ico_11.png) no-repeat center center; }
.prev:hover { background: #d1d1d1 url(../images/ico_12.png) no-repeat center center; }
.next:hover { background: #d1d1d1 url(../images/ico_11.png) no-repeat center center; }

.prointro { margin: 0 0 0 30px; width: 500px; float: left; position: relative; height: 370px; overflow: hidden; }
.prointro h3 { font-size: 28px; color: #20a307; line-height: 1; margin-bottom: 20px; font-weight: bold; }
.prointro .con { color: #080808; opacity: 0.8; }
.prointro a { display: block; width: 120px; line-height: 36px; background: #20a307; border-radius: 5px; text-align: center; color: #fff; margin-top: 15px; }

.prodetail { width: 930px; margin-top: 40px; overflow: hidden; float: left; }
.protitle { height: 36px; background: #e2e2e2; }
.protitle h3 { float: left; color: #fff; background: #20a307; line-height: 36px; width: 195px; text-align: center; }
.proinf { border: 1px solid #e2e2e2; border-top: none; padding: 10px 15px; }

/*表格*/
.biaoge1 { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; border: 0; }
.biaoge1 td { border: 1px solid #ccc; padding: 3px 5px; font-size: 14px; line-height: 22px; }
.biaoge1 tr:nth-child(2n) td { background: #fff; }
.biaoge1 tr:nth-child(1) td { font-weight: bold; color: #fff; background: #20a307; }

.biaoge2 { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; border: 0; }
.biaoge2 td { border: 1px solid #ccc; padding: 3px 5px; font-size: 14px; line-height: 22px; }
.biaoge2 tr:nth-child(2n) td { background: #fff; }
.biaoge2 tr td.col2 { background: #20a307; color: #fff; text-align: center; font-weight: bold; }
.biaoge2 tr:nth-child(1) td { font-weight: bold; color: #2c2c2c; text-align: left; background: #fff; }

/*新闻详细页*/
.title { padding-bottom: 10px; color: #333; text-align: center; font-size: 18px; }
.time { margin-bottom: 20px; padding-bottom: 7px; border-bottom: 1px dotted #aaa; text-align: center; }
.time .date { padding-left: 20px; background: url(../images/clock.png) no-repeat left center; }
.time .hits { margin-left: 20px; padding-left: 20px; background: url(../images/eye.png) no-repeat left center; }
.operate { margin-top: 20px; padding-top: 10px; border-top: 1px dotted #aaa; height: 50px; }
.operate span { float: left; color: #868686; }
.operate span a { /*font-style: italic;*/ color: #1489d3; }
.operate div { float: right; width: 150px; text-align: right; }
.return { padding-left: 20px; padding-left: 20px; background: url(../images/return.png) no-repeat left center; }