@charset "utf-8";
body { min-width: 1200px; width: 100%; }
.w1200 { width: 1200px; margin: 0 auto; }
.wp1200 { width: 1200px; margin: 0 auto; position: relative; }
.w1221 { width: 1221px; margin: 0 auto; }
/**/
.top_bg { height: 200px; background: url(../images/b1.jpg) repeat-x; overflow: hidden; }
.h_con { color: #FFFFFF; }
.h_con .top1 { position: absolute; top: 35px; left: -130px; }
.h_con h1 { float: left; padding: 62px 0 0 58px; }
.h_con .tel { float: right; margin-top: 50px; margin-right: 60px; }
.h_con .tel .p1 { font-size: 32px; font-weight: bold; }
.h_con .tel .p2 { font-size: 18px; line-height: 40px; letter-spacing: 2px; }
.h_con .tel .p3 { line-height: 40px; background: #486418; padding-left: 10px; padding-right: 10px; letter-spacing: 2px; }
.h_con .tel .p3 img { vertical-align: middle; }
.h_con .top3 { position: absolute; top: 45px; right: -109px; }
/**/
.h_nav { height: 44px; line-height: 44px; overflow: hidden; background: #486418; }
.menu { width: 936px; }
.menu li { height: 44px; float: left; background: url(../images/nav_bor.gif) no-repeat 0 18px; }
.menu li a { font-size: 16px; color: #fff; width: 156px; text-align: center; display: block; float: left; }
.menu li a:hover, .menu li.cur a { font-weight: bold; background: #a7d339; }
.menu li:first-child { background: none; }
.search { width: 252px; margin-top: 8px; }
.search .ser_inp { width: 214px; height: 28px; border: none; padding: 0 0 0 0px; float: left; color: #666; line-height: 28px; outline: none; text-indent: 1em; -moz-border-radius: 14px 0px 0px 14px; -webkit-border-radius: 14px 0px 0px 14px; border-radius: 14px 0px 0px 14px; }
.search .ser_so { cursor: pointer; float: left; background: url(../images/s_ss.png) no-repeat center center #FFFFFF; border: none; width: 38px; height: 28px; -moz-border-radius: 0px 14px 14px 0px; -webkit-border-radius: 0px 14px 14px 0px; border-radius: 0px 14px 14px 0px; }
 input::-webkit-input-placeholder {
color: #666666;
}
/**/
.fullSlide { min-width: 1200px; position: relative; height: 562px; overflow: hidden; }
.fullSlide .bd { position: relative; z-index: 0; }
.fullSlide .bd ul { width: 100% !important; }
.fullSlide .bd li { width: 100% !important; height: 562px; overflow: hidden; text-align: center; }
.fullSlide .bd li a { display: block; height: 562px; }
.fullSlide .bd li img { width: 1920px; height: 562px; display: block; position: absolute; top: 0; left: 50%; margin-left: -960px; }
.fullSlide .hd { width: 1200px; left: 50%; margin-left: -600px; bottom: 40px; position: absolute; z-index: 1; overflow: hidden; }
.fullSlide .hd ul { margin-left: 562px; }
.fullSlide .hd ul li { float: left; margin: 0 5px; display: inline; cursor: pointer; width: 62px; height: 5px; background: #fff; text-indent: -999px; }
.fullSlide .hd ul .on { background: #486418; }
/**/
.b3 { background: url(../images/b3.jpg) no-repeat center center; }
.b4 { background: url(../images/b4.jpg) no-repeat center center; }
.b5 { background: url(../images/b5.jpg) no-repeat center center; }
.b6 { background: url(../images/b6.jpg) no-repeat center center; }
.b7 { background: url(../images/b7.jpg) no-repeat center center; }
.b8 { background: url(../images/b8.jpg) no-repeat center center; }
.b9 { background: url(../images/b9.jpg) no-repeat center center; }
.b10 { background: url(../images/b10.jpg) no-repeat center center; }
.b11 { background: url(../images/b11.jpg) no-repeat center center; }
/**/
.cp_m { padding-top: 30px; }
.cp_m ul { width: 1225px; }
.cp_m ul li { width: 220px; margin-right: 25px; margin-bottom: 30px; float: left; background: #FFFFFF; }
.cp_m ul li em { width: 188px; height: 188px; display: block; line-height: 0; overflow: hidden; text-align: center; margin: 16px 16px 16px 16px; -webkit-transition: all .3s; transition: all .3s; }
.cp_m ul li em img { vertical-align: middle; max-width: 188px; max-height: 188px; _width: expression((this.offsetWidth > 188) ? "188px" : this.offsetWidth + "px" );
_height: expression((this.offsetHeight > 188) ? "188px" : this.offsetHeight + "px" );
}
.cp_m ul li em i { display: inline-block; height: 100%; width: 0; vertical-align: middle; }
.cp_m ul li span { width: 188px; margin: 0px 16px 0px 16px; display: block; text-align: center; height: 40px; line-height: 25px; color: #666666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cp_m ul li a:hover span { color: #486418; }
.cp_m ul li a:hover em, .cp_m p:hover { box-shadow: 0 10px 15px 0 #bbb; z-index: 2; -webkit-transform: translate(0, -0px); -webkit-transform: translate(0, -0px) }
/**/
.about { padding-top: 38px; }
.col-box1 { width: 789px; line-height: 0px; }
.col-box { line-height: 32px; font-size: 14px; width: 341px; height: 299px; padding: 40px 35px 40px 35px; overflow: hidden; background: #FFFFFF; color: #81A42E; }
.col-box .tit-box { font-size: 30px; line-height: 140%; }
.col-box .word { margin-top: 15px; line-height: 26px; }
.ys_pic { overflow: hidden; margin-top: 20px; margin-bottom: 38px; }
.ys_pic li { width: 386px; float: left; display: inline; margin: 0px 21px 0px 0px; position: relative; overflow: hidden; }
.ys_pic li:last-child { margin-right: 0px; }
.ys_pic .li01 { margin-right: 0px; }
.ys_pic li img { display: block; width: 100%; height: 100%; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
.ys_pic li a:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -transform: scale(1.1, 1.1); }
/**/
.picMarquee-left { width: 100%; overflow: hidden; position: relative; margin-bottom: 30px; }
.picMarquee-left .hd { overflow: hidden; height: 30px; padding: 0 0px; }
.picMarquee-left .hd .prev, .picMarquee-left .hd .next { display: block; width: 5px; height: 9px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("../images/arrow.png") no-repeat; }
.picMarquee-left .hd .next { background-position: 0 -50px; }
.picMarquee-left .hd .prevStop { background-position: -60px 0; }
.picMarquee-left .hd .nextStop { background-position: -60px -50px; }
.picMarquee-left .bd ul { overflow: hidden; zoom: 1; }
.picMarquee-left .bd ul li { margin: 0px 15px 0px 0px; float: left; _display: inline; overflow: hidden; text-align: center; }
.picMarquee-left .bd ul li .pic { text-align: center; }
.picMarquee-left .bd ul li .pic img { width: 287px; height: 287px; display: block; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
.picMarquee-left .bd ul li .pic a:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -transform: scale(1.1, 1.1); }
/**/
.about_00 { padding-bottom: 50px; }
.cp_bt { font-size: 36px; color: #FFFFFF; text-align: center; padding: 50px 0 40px; overflow: hidden; font-weight: normal; }
.about_00 dl { width: 288px; float: left; margin-right: 16px; background: #FFFFFF; -moz-border-radius: 14px 14px 14px 14px; -webkit-border-radius: 14px 14px 14px 14px; border-radius: 14px 14px 14px 14px; }
.about_00 dl dt em { display: block; line-height: 0; text-align: center; padding: 60px 0px; }
.about_00 dl dt em img { -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out; }
.about_00 dl dt:hover img { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); }
.about_00 dl dd { width: 160px; font-size: 18px; color: #81A42E; text-align: center; margin: 0px auto 50px auto; }
.about_00 .nobor02 { margin-right: 0; }
/**/
.zs_00 { padding-bottom: 60px; }
.zs_00 .cp_bt { font-size: 36px; color: #81A42E; text-align: center; padding: 50px 0 40px; overflow: hidden; font-weight: normal; }
.zs_00 dl { width: 288px; height: 375px; float: left; margin-right: 23px; background: #FFFFFF; position: relative; }
.zs_00 dl dt { display: block; text-align: center; position: absolute; top: 11px; left: 11px; }
.zs_00 dl dd { display: block; text-align: center; position: absolute; top: 0px; left: 0px; }
.zs_00 .nobor02 { margin-right: 0; }
/**/
.picScroll-left { width: 550px; overflow: hidden; position: relative; margin: 0px auto; padding-top: 70px; padding-bottom: 70px; }
.picScroll-left .hd { overflow: hidden; height: 30px; background: #f4f4f4; padding: 0 10px; }
.picScroll-left .hd .prev, .picScroll-left .hd .next { display: block; width: 5px; height: 9px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("images/arrow.png") no-repeat; }
.picScroll-left .hd .next { background-position: 0 -50px; }
.picScroll-left .hd .prevStop { background-position: -60px 0; }
.picScroll-left .hd .nextStop { background-position: -60px -50px; }
.picScroll-left .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; zoom: 1; }
.picScroll-left .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on { background-position: 0 0; }
.picScroll-left .bd { padding: 10px; }
.picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.picScroll-left .bd ul li { margin: 0 20px; float: left; _display: inline; overflow: hidden; text-align: center; }
.picScroll-left .bd ul li .pic { text-align: center; width: 100px; height: 100px; overflow: hidden; display: block; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
.picScroll-left .bd ul li .pic img { width: 100px; display: block; }
.picScroll-left .bd ul li .pic a:hover img { border-color: #999; }
.picScroll-left .bd ul li .title { font-size: 18px; color: #FFFFFF; padding-top: 20px; }
.picScroll-left .bd ul li .title p { color: #007ffc; padding-top: 10px; }
/**/
.ry_00 { padding-top: 100px; }
.ry_01 { background: rgba(0,0,0,0.8); }
.ry_00 dl { width: 288px; float: left; margin-right: 16px; }
.ry_00 dl dt em { display: block; line-height: 0; text-align: center; padding: 60px 0px; }
.ry_00 dl dt em img { -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out; }
.ry_00 dl dt:hover img { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); }
.ry_00 dl dd { width: 160px; font-size: 18px; color: #81A42E; text-align: center; margin: 0px auto 50px auto; }
.ry_00 .nobor02 { margin-right: 0; }
/**/
#page8 { padding-top: 20px; padding-bottom:20px; width: 100%; line-height: 25px; text-align: center; color: #333333; background:#F6F6F6; border-top: 1px solid #E1E1E1; overflow: hidden; }
#page9 { width: 100%; height: auto; overflow: hidden; background:#F6F6F6; border-top: 1px solid #E1E1E1; }
#link { margin: 0 auto; padding: 10px 0; height: auto; overflow: hidden; }
#link a { margin-right: 10px; color: #333333; }
#link a:hover { color: #486418; text-decoration: underline; }

/* 产品列表 */
.dl_ys { background: #EEE; height: 30px; position: relative; padding-left: 0; background: #fff; border-color: #E4E4E4; border-width: 1px 0 0; border-style: solid; background-color: #EEE; position: relative; }
.dl_ys a { color: #000; font-weight: 700; padding-left: 20px; line-height: 30px; display: block; }
.dl_ys a:hover { font-weight: 700; padding-left: 20px; line-height: 30px; background: #E9E8E8; }
.dl_ys span { position: absolute; right: 6px; top: 0px; }
.dl_ys span img { vertical-align: middle; }
.xl_ys a { display: block; color: #333; text-decoration: none; margin: 0 0px; line-height: 22px; padding-left: 19px; }
.xl_ys a:hover { display: block; color: #333; text-decoration: none; background: #E9E8E8; margin: 0 0px; line-height: 22px; padding-left: 19px; }

.tjcp_ys { width: 142px; margin: 0px auto; overflow: hidden; }
.tjcp_ys DT { width: 140px; height:140px; overflow:hidden; border:1px solid #DDDDDD; }
.tjcp_ys DT img { display: block; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; vertical-align: middle; max-width: 140px; max-height: 140px; _width: expression((this.offsetWidth > 140) ? "140px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 140) ? "140px" : this.offsetHeight + "px" ); }
.tjcp_ys DT img:hover { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -transform: scale(1.2, 1.2); }
.tjcp_ys DD { width: 142px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 32px; }

.pro_show { border-bottom: 1px solid #F0F0F0; padding-left: 10px; line-height: 25px; }
.pro_show a { font-size: 14px; font-weight: 700; padding-right: 6px; color: #2953a6; }
.pro_show a:hover { font-size: 14px; font-weight: 700; padding-right: 6px; color: #2953a6; text-decoration: underline; }
.pro_show .bg_pro_show { background: url(../images/pro_show.png) no-repeat center; width: 21px; background-position: -54px 0; }

/* sub nav */
.content_box { width: 100%; height: auto; overflow: hidden; padding: 10px 0; }
.w192 { width: 192px; height: auto; overflow: hidden; }
.w990 { width: 990px; height: auto; overflow: hidden; }
.w800 { width: 800px; height: auto; overflow: hidden; }
.kuang { margin-bottom: 10px; border: 1px solid #e9e9e9; background: #fff; height: auto; overflow: hidden; }
.gzd { margin-bottom: 0px; }
.pd10 { padding-bottom:10px; }

.tit { padding: 0 15px; height: 28px; background: url(../images/tit_bg.png) repeat-x; }
.tit h2 { float: left; color: #FFFFFF; line-height:28px; font-weight:normal; }
.tit span { float: right; color: #fff; line-height:28px; }
.tit span a { color: #fff; }
.tit span a:hover { text-decoration: underline; }

.pro { margin: 10px; height: auto; overflow: hidden; }
.pro ul { margin: 0; padding: 0; }
.pro ul li { float: left; display: block; margin: 4px; width: 236px; height: 286px; overflow: hidden; }
.pro ul li a { display: block; padding: 7px; border: 1px solid #eee; width: 220px; height: 270px; overflow: hidden; color: #06c; line-height:20px; }
.pro ul li a:hover { color: #06c; text-decoration: underline; }
.pro ul li h6 { margin-bottom: 10px; width: 220px; height: 220px; overflow: hidden; }
.pro ul li span { width: 220px; height: 40px; color: #06c; line-height:20px; }

.pro_type { margin: 10px 20px; height: auto; overflow: hidden; }
.pro_type ul { margin: 0; padding: 0; }
.pro_type ul li { float: left; display: block; padding: 0 20px; width: 142px; height: 30px; border-bottom: 1px solid #eee; }
.pro_type ul li a { display: block; color: #0066cc; line-height:30px; width: 142px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pro_type ul li a:hover { color: #f60; text-decoration: underline; }

#search { margin: 10px; width: 170px; height: 30px; }
#search input { float: left; }
.inp_srh { width: 130px; height: 30px; line-height: 30px; text-indent: 5px; color: #999; background: url(../images/search.jpg) no-repeat left center; border: none; }
.btn_srh { width: 40px; height: 30px; line-height: 30px; background: url(../images/search.jpg) no-repeat -130px center; border: none; cursor: pointer; color: #fff; font: bold 14px/30px "Microsoft YaHei"; text-indent: -5000px; }
#search * { vertical-align: middle; }
.pro_list { margin: 10px; width: 170px; height: auto; overflow: hidden; }
.pro_list dl { float: left; display: block; width: 170px; height: auto; overflow: hidden; }
.pro_list dl dt { height: 30px; background: url(../images/ico1.jpg) no-repeat left center; text-indent: 15px; color: #06c; font-weight:bold; line-height:30px; }
.pro_list dl dd { margin-bottom: 2px; height: 25px; background: url(../images/ico3.jpg) no-repeat 5px center; text-indent: 20px; }
.pro_list dl dd a { color: #06c; line-height:25px; }
.pro_list dl dd a:hover { color: #f60; text-decoration: underline; }
.pro_list dl dd.last { background: url(../images/ico4.jpg) no-repeat 5px center; }
.contact { margin: 10px; width: 170px; color: #333; line-height:24px; }

.news_con { margin: 10px; width: 170px; height: auto; overflow: hidden; }
.news_con ul { margin: 0; padding: 0; }
.news_con ul li { float: left; width: 170px; height: 28px; overflow: hidden; }
.news_con ul li a { float: left; display: block; width: 170px; text-indent: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/ico1.png) no-repeat left center; line-height:28px; }
.news_con ul li a:hover { background: url(../images/ico1.png) no-repeat left center; }

.pro_sub { margin: 10px 0px; height: auto; overflow: hidden; }

.tits { padding: 0 15px; height: 28px; background:url(../images/tit_bg.png) repeat-x; }
.tits h2 { float: left; color: #FFFFFF; font-size: 14px; display: block; width: 100%; line-height: 28px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.tits h2 a { color: #fff; }
.tits h2 a:hover { text-decoration: underline; }

/*新闻中心*/
.newsList_01 { margin: 0px; padding: 0px; overflow: auto; }
.newsCalendar_01 { height: 84px; width: 84px; margin-right: 16px; text-align: center; background: #f2f2f2; float: left; }
.newsListDate-part1_01 { font-size: 25px; line-height: 25px; margin-top: 20px; }
.newsListDate-part2_01 { font-size: 14px; line-height: 14px; }
.separatorLine_01 { clear: both; line-height: 1px; margin: 0; font-size: 0; border-bottom: 1px dashed #dbdbdb; margin: 28px 0; }
.lineBody_01 { float: left; width: 866px; line-height: 25px; }
.lineBody_01 .newsTitle_01 { font-weight: bold; }
.newsList_01:hover .newsCalendar_01 { background: #a7d339; color: #FFFFFF; }

.zstb img { vertical-align: middle; max-width: 266px; max-height: 335px; _width: expression((this.offsetWidth > 266) ? "266px" : this.offsetWidth + "px" );
_height: expression((this.offsetHeight > 335) ? "335px" : this.offsetHeight + "px" ); }
.zstb { box-shadow: 0 10px 15px 0 #BBBBBB; -webkit-transition: all .3s; transition: all .3s; }
.zstb:hover { box-shadow: 0 0px 0px 0 #BBBBBB; }