/*css reset*/
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px,\5b8b\4f53;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
form{display:inline;}
ul,ol{list-style:none;}
a{ cursor:pointer;}
em{ font-style:normal; color:#999;}
body{ background:url(bodybg.jpg) repeat; line-height:24px; color:#111; font-family:"Microsoft Yahei"; font-size:12px;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;color:#049B32;}
img{vertical-align:top;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
input,button,select,textarea{outline:none;}
textarea{resize:none;}
html>/**/body .clearfix{overflow:hidden;}
.clearfix{zoom:1;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*public*/
.box1002{ width:1002px; margin:0 auto;}
.box715{ width:705px;}
.box250{ width:240px;}
.box455{ width:445px;}
.box277{ width:277px;}
.box199{ width:199px;}
.box773{ width:773px;}
.top{ height:136px; overflow:hidden;}
.l{ float:left;}
.r{ float:right;}
.grey{ color:#999;}
.mt10{ margin-top:10px;} .mr{ margin-right:10px;} .mb10{ margin-bottom:10px;} .ml10{ margin-left:10px;} .p_y10{ padding:10px 0;}
.p10{ padding:10px;}
.p20 {
    padding: 20px;
    word-break: break-all;
}
.center{ text-align:center;}
.red{color:#049B32;}
.img img{ border:1px #ccc solid;}
.img:hover img{ border:1px #049B32 solid;}
.bold{ font-weight:bold;}
.border{ border:1px #ccc solid; background:#fff;}

.header{ background:#049B32; height:7px; font-size:0;}
.box{ background:url(topbg.jpg) top no-repeat;}
.top{ height:33px; width:1002px;}
.top a{display:block; float:right; display:inline;padding-left:25px; margin-right:15px; margin-top:3px;}
.top .chinese{ background:url(china.jpg) left no-repeat;}
.top .english{ background:url(english.jpg) left no-repeat; margin-right:30px;}
.menu{ height:39px; line-height:39px; padding:15px 0 14px 305px;}
.menu li{ float:left; border-right:1px #ddd solid; width:98px; text-align:center; font-size:14px; font-weight:bold;}
.menu li.none{ border-right:none;}
.title{ background:url(dot.jpg) left no-repeat; padding-left:12px;}
.title .r a{font-weight:normal; color:#049B32;}
.imgList{ padding:10px 0; width:100%; overflow:hidden;}
.imgList li{ float:left; margin-right:18px; display:inline;}
.indexAbout{ line-height:22px;}
.indexAbout p{ text-indent:2em;}
.indexFeed label{ display:block; padding:3px 0;}
.indexFeed .l{ width:55px; text-align:right; padding-right:5px;}
.indexFeed .text{ background:#EEF0F2; border:1px #ccc solid; width:210px; height:23px; line-height:23px;}
.indexFeed .textarea{background:#EEF0F2; border:1px #ccc solid; width:210px;}
.indexFeed .but{ background:url(indexfeed.jpg) no-repeat; width:68px; height:25px; line-height:25px; text-align:center; color:#fff; border:none; cursor:pointer; margin-right:6px;}
.leftTop{ background:url(lefttop.jpg) no-repeat; height:21px;border-radius: 20px 20px 0 0;}

.rightTitle{ background:url(rightline.jpg) bottom no-repeat; line-height:50px; color:#049B32; font-size:24px;}
.introduce,.products,.honnor,.feedback{ padding:20px 0;}
.products th{ padding:5px;}
.products td{ padding:10px;}
.products td{ background:#fff;}
.products td{ font-family:Arial, Helvetica, sans-serif;}
.products th{ background:#F0F0F0;}
.productsImg dt{ margin-right:15px;}
.productsImg dd{ padding-bottom:5px;}
.honnor li{ float:left; text-align:center; margin:0 15px 15px 0;}
.honnor li img{ width:170px; height:128px; padding:3px; background:#fff;}
.feedback td{ padding:5px;}
.feedback .text{ background:#EEF0F2;border:1px #ccc solid;width:300px;height:23px;line-height:23px;}
.feedback textarea{ width:290px; padding:5px; border:1px #ccc solid;background:#EEF0F2;}
.feedback .but{background:url(indexfeed.jpg) no-repeat; width:68px; height:25px; line-height:25px; text-align:center; color:#fff; border:none; cursor:pointer; margin-right:6px;}
.displayTitle{ height:35px; line-height:35px; text-align:center; font-weight:bold; background:#F0F0F0; border-bottom:1px #ccc solid; color:#049B32;}
.display{}
.display dt{ float:left; margin-right:15px;}
.display dd img{max-width: 731px;}
/*focus */
#focus {width:1002px; height:324px; overflow:hidden; position:relative;}
#focus ul {height:324px; position:absolute;}
#focus ul li {float:left; width:1002px; height:324px; overflow:hidden; position:relative; background:none;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1002px; height:20px; left:0; bottom:0;}
#focus .btn {position:absolute;height:10px; padding:5px 10px; right:0; bottom:15px; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}
/*footer */
.footer{ background:url(footerbg.jpg) repeat-x; height:33px; line-height:33px; color:#888;}
.footer a{ color:#999;}

.leftCenter{ background:url(leftcenter.jpg) repeat-y; padding-bottom:30px;}
.leftBottom {
    background: url(leftbottom.jpg) no-repeat;
    height: auto;
    border-radius: 0 0px 20px 20px;
    padding-bottom: 50px;
}
.leftList{}
.leftList li{ border-bottom:1px #7fd85878 solid; padding:5px 10px 5px 20px;}
.leftList li a{ color:#fff; font-weight:bold; display:block; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}

#levelmenu h5{ cursor:pointer;border-bottom:1px #7fd85878 solid; padding:5px 10px 5px 20px;}
#levelmenu h5{ color:#fff8a5; font-weight:bold;}
#levelmenu h5 a{color:#fff8a5;}
#levelmenu div.unit ul{}
#levelmenu div.current ul{display:block;}
#levelmenu div.current ul li a{text-decoration:none;}
#levelmenu div.current ul li a:hover{text-decoration:underline;}
#levelmenu .leftMenu{ position:relative;}
.submenu{ display:none; position:absolute; right:-200px; top:0; background:#c52720; width:200px;}
.submenu dd{cursor:pointer;border-bottom:1px #C95550 solid; padding:5px 10px 5px 20px;}
#levelmenu .hover{ position:relative}
#levelmenu .hover .submenu{ display:block}

.search{}
.search label{ float:left;}
.search .text{ width:116px; height:27px; border:none; background:none; line-height:27px; margin-left:25px;}
.search .button{ width:50px; height:27px; background:none; border:none; display:block; cursor:pointer;}

.leftContact {
    color: #fff;
    padding: 25px 10px 0px 10px;
    word-break: break-word;
}


.focusBox { position: relative; width:1000px; height:323px; overflow: hidden; }
.focusBox .pic img { width:1000px; height:323px; display: block; }
.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:15px; right:15px; z-index:3}
.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:10px; height:10px; border-radius: 50%; cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
.focusBox .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1;   }

.piclist li{float: left; margin: 0 2px 20px;}
.piclist li .pic{width: 250px; height: 192px; border: 1px solid #ccc; text-align: center; vertical-align: middle; display: table-cell;}
.piclist li .pic i{display: inline-block; height: 100%; vertical-align: middle;}
.piclist li .pic img{max-width: 250px; max-height: 192px; vertical-align: middle;}
.piclist li .tit{width: 250px; text-align: center; margin-top: 5px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}




@media(max-width:764px){
    .banner{width:100%;}

.focusBox { position: relative; width:100%; height:323px; overflow: hidden; }
.focusBox .pic img { width:100%; height:323px; display: block; }
.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:15px; right:15px; z-index:3}
.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:10px; height:10px; border-radius: 50%; cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
.focusBox .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1;   }
}