﻿/* CSS Document */

body { margin: 0; padding: 0; line-height: 24px; font-family: 'Microsoft YaHei'; font-size: 14px; background: #fff; }
div, ul, li, dt, dl, dd, h1, h2, h3, h4, h5, h6, h7, img, p, span { border-style: none; border-color: inherit; border-width: 0px; padding: 0; list-style-type: none; margin: 0; }

img { display: block; }

/* Link */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { border: 0px; background-color: Transparent; }

a { blr: expression(this.onFocus=this.blur()); outline: none; }

.blank5 { width: 100%; height: 5px; clear: both; }
.blank10 { width: 100%; height: 10px; clear: both; }
.blank15 { width: 100%; height: 15px; clear: both; }
.blank20 { width: 100%; height: 20px; clear: both; }
.blank30 { width: 100%; height: 30px; clear: both; }
.blank40 { width: 100%; height: 40px; clear: both; }
.blank50 { width: 100%; height: 50px; clear: both; }
.blank60 { width: 100%; height: 60px; clear: both; }
.blank70 { width: 100%; height: 70px; clear: both; }
.blank80 { width: 100%; height: 80px; clear: both; }
.blank100 { width: 100%; height: 100px; clear: both; }

/*Clear*/
.clear { clear: both; font-size: 1px; height: 0px; line-height: 0px; overflow: hidden; }
/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*针对1920的宽屏*/

.max { position: relative; overflow: hidden; }

.m_headtop { width: 100%; height: 90px; float: left; border-bottom: 2px solid #e0e0e0; }

.m_logo { width: 291px; height: 68px; float: left; margin: 10px 0 10px 0; }


.m_pho { width: 240px; float: left; margin: 30px 20px 10px 30px; }

.m_pho img { float: left; margin: 0 10px 0 0; }

.m_searchs { width: 280px; height: 30px; border: 1px solid #ddd; border-radius: 20px; float: right; margin: 30px 20px 10px 30px; }

.m_sear1 { width: 180px; height: 20px; float: left; margin: 4px 0 0 10px; background: url(../images/ssea1.png) no-repeat left 4px; border: none; border-right: 1px solid #ddd; padding-left: 20px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; text-align: left; font-weight: normal; line-height: 58px/9; line-height: 20px; }


.m_sear2 { width: 60px; height: 20px; float: left; margin: 4px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; text-align: center; font-weight: normal; line-height: 58px/9; line-height: 20px; background: #fff; border: none; }


.m_guo { width: auto; float: right; margin: 36px 0px 10px 0px; }

.m_guo a img { float: left; margin: 4px 6px 0 6px; }

.m_guo a { font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; text-align: center; font-weight: normal; line-height: 58px/9; line-height: 20px; }


.m_navibox { position: relative; z-index: 22; }

.m_navi { width: 1200px; display: block; margin: 0 auto; }

.m_navi ul { width: 1232px; float: left; margin-left: -20px; }

.m_navi ul li { width: 176px; min-height: 50px; float: left; position: relative; z-index: 22; }
.m_navi ul li:last-child { width: 176px; height: 50px; float: left; background: none; position: relative; z-index: 22; }

.m_navi ul li a { width: 100%; height: 50px; float: left; font-family: 'Microsoft YaHei'; font-size: 16px; color: #333; text-align: center; font-weight: normal; line-height: 50px; position: relative; z-index: 6; background: url(../images/line1.jpg) no-repeat 175px 16px; }

.m_navi ul li:hover a, .m_navi ul li.ahover a { width: 100%; height: 50px; float: left; background: url(../images/yz01.png) no-repeat center top,url(../images/line1.jpg) no-repeat 175px 16px; font-family: 'Microsoft YaHei'; font-size: 16px; color: #85c346; text-align: center; font-weight: normal; line-height: 50px; }


.m_navi ul li .navi_top { width: 176px; height: auto; float: left; position: absolute; z-index: 30; left: 0; top: 50px; display: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transform: scale(0,0); }
.m_navi ul li:hover .navi_top { width: 176px; height: auto; float: left; position: absolute; z-index: 30; left: 0; top: 50px; display: block; transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }


.m_navi ul li .navi_top dl { width: 100%; float: left; padding: 10px 0 0 0; }
.m_navi ul li .navi_top dl dd { width: 100%; height: 42px; float: left; margin: 2px 0 0 0; background: url(../images/navi11.png) no-repeat center center; }
.m_navi ul li .navi_top dl dd a { width: 100%; height: 42px; float: left; background: none; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; text-align: center; font-weight: normal; line-height: 42px; }
.m_navi ul li .navi_top dl dd:hover { width: 100%; height: 42px; float: left; margin: 2px 0 0 0; background: url(../images/navi12.png) no-repeat center center; }
.m_navi ul li .navi_top dl dd:hover a { width: 100%; height: 42px; float: left; background: none; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; text-align: center; font-weight: normal; line-height: 42px; }



.m_banner { width: 1920px; *width: 1920px; _width: 1920px; height: 612px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; overflow: hidden; }
/* 本例子css */
.slideBox { width: 1920px; height: 612px; overflow: hidden; position: relative; border: 1px solid #ddd; }
.slideBox .hd { height: 80px; background: #fff; width: auto; max-width: 50%; padding: 0 18% 0 2%; overflow: hidden; position: absolute; right: 0px; bottom: 0px; z-index: 1; }
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { float: left; width: 30px; height: 50px; line-height: 50px; text-align: center; background: #fff; cursor: pointer; margin: 20px 20px; font-family: 'Microsoft YaHei'; font-size: 18px; color: #333; font-weight: bold; font-style: italic; border-bottom: 3px solid #fff; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.slideBox .hd ul li.on { background: #fff; font-size: 24px; color: #85c346; border-bottom: 3px solid #85c346; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; margin: 10px; }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; }
.slideBox .bd img { width: 1920px; height: 612px; display: block; }

/* 下面是前/后按钮代码，如果不需要删除即可 */

.slidenavi { width: 230px; height: 50px; float: left; margin: 20px 0 0 60px; border-left: 1px solid #eee; border-right: 1px solid #eee; }
.slideBox .prev { position: relative; width: 50px; height: 50px; float: left; margin: 0 30px; background: url(../images/prev11.jpg) no-repeat left top; }
.slideBox .prev:hover { position: relative; width: 50px; height: 50px; float: left; margin: 0 30px; background: url(../images/prev12.jpg) no-repeat left top; }
.slideBox .next { position: relative; width: 50px; height: 50px; float: left; margin: 0 30px; background: url(../images/next11.jpg) no-repeat left top; }
.slideBox .next:hover { position: relative; width: 50px; height: 50px; float: left; margin: 0 30px; background: url(../images/next12.jpg) no-repeat left top; }


.m_index { width: 1200px; margin: 0 auto; }


.m_index_box1_box2 { width: 1920px; *width: 1920px; _width: 1920px; height: 1124px; position: relative; z-index: 8; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; background: url(../images/index_bgc1.jpg) no-repeat center bottom; overflow: hidden; }



.m_indbox1 { width: 1200px; margin: 0 auto; padding: 40px 0; }

.m_indbox1 ul { width: 1200px; float: left; }

.m_indbox1 ul li { width: 300px; height: 415px; float: left; background: url(../images/line2.jpg) no-repeat right 100px; }
.m_indbox1 ul li:last-child { width: 300px; height: 415px; float: left; background: none; }


.m_indbox1 ul li .boxx1 { width: 256px; float: left; margin: 30px 0 0 10px; padding: 10px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.m_indbox1 ul li .boxx1 h3 { width: 256px; height: 50px; float: left; font-family: 'Microsoft YaHei'; font-size: 24px; color: #333333; text-align: center; font-weight: normal; line-height: 50px; text-overflow: ellipsis; overflow: hidden; }

.m_indbox1 ul li .boxx1 h3 font { font-weight: bold; }

.m_indbox1 ul li .boxx1 h4 { width: 256px; height: 90px; float: left; margin: 10px 0; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333333; text-align: left; font-weight: normal; line-height: 20px; text-overflow: ellipsis; overflow: hidden; }


.m_indbox1 ul li .boxx1 h5 { width: 256px; height: 30px; float: left; margin: 8px 0; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333333; text-align: left; font-weight: normal; line-height: 30px; text-overflow: ellipsis; overflow: hidden; }

.m_indbox1 ul li .boxx1 h5 font { float: left; font-family: 'Microsoft YaHei'; font-size: 14px; color: #85c346; text-align: left; font-weight: normal; line-height: 30px; }

.m_indbox1 ul li .boxx1 h5 img.img1 { float: left; margin: 8px 5px; display: block; }
.m_indbox1 ul li .boxx1 h5 img.img2 { float: left; margin: 8px 5px; display: none; }


.m_indbox1 ul li .boxx1 h6 { width: 256px; height: 160px; float: left; margin: 8px 0; text-overflow: ellipsis; overflow: hidden; }



.m_indbox1 ul li:hover { width: 300px; height: 415px; float: left; background: #fff; }


.m_indbox1 ul li:hover .boxx1 { width: 256px; float: left; margin: 0px 0 0 10px; padding: 10px; background: #85c346; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }


.m_indbox1 ul li:hover .boxx1 h3, .m_indbox1 ul li:hover .boxx1 h3 font, .m_indbox1 ul li:hover .boxx1 h4, .m_indbox1 ul li:hover .boxx1 h5, .m_indbox1 ul li:hover .boxx1 h5 font { color: #fff; }

.m_indbox1 ul li:hover .boxx1 h5 img.img1 { float: left; margin: 8px 5px; display: none; }
.m_indbox1 ul li:hover .boxx1 h5 img.img2 { float: left; margin: 8px 5px; display: block; }



.m_indbox2 { width: 1200px; float: left; padding: 60px 0 20px; }

.m_indbox2_type { width: 494px; height: 470px; float: left; }

.m_indbox2_type_cokk { width: 100%; height: 80px; float: left; position: relative; z-index: 21; }

.m_indbox2_type_cokk h3 { width: 100%; height: 80px; float: left; font-family: 'Microsoft YaHei'; font-size: 72px; color: #e6e6e6; text-align: left; font-weight: bold; line-height: 80px; position: relative; z-index: 11; }

.m_indbox2_type_cokk font { float: left; position: absolute; z-index: 12; left: 0; bottom: 0px; font-family: 'Microsoft YaHei'; font-size: 24px; color: #333333; text-align: left; font-weight: bold; line-height: 30px; }



.m_indbox2_type_con { width: 494px; height: auto; float: left; position: relative; z-index: 20; margin: 20px 0 0 0; }
.m_indbox2_type_con h3 { width: 100%; height: 40px; float: left; font-family: 'Microsoft YaHei'; font-size: 18px; color: #333; text-align: left; font-weight: normal; line-height: 40px; position: relative; z-index: 11; }
.m_indbox2_type_con h3 font { color: #85c346; }


.m_indbox2_type_con h4 { width: 100%; height: 210px; float: left; margin: 10px 0; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333333; text-align: left; font-weight: normal; line-height: 26px; text-overflow: ellipsis; overflow: hidden; }


.m_indbox2_type_con h5 { width: 100%; height: 30px; float: left; margin: 8px 0; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333333; text-align: left; font-weight: normal; line-height: 30px; text-overflow: ellipsis; overflow: hidden; }

.m_indbox2_type_con h5 font { float: left; font-family: 'Microsoft YaHei'; font-size: 14px; color: #85c346; text-align: left; font-weight: normal; line-height: 30px; }

.m_indbox2_type_con h5 img { float: left; margin: 8px 5px; display: block; }


.m_indbox2_img { float: right; width: 660px; height: 383px; margin: 90px 0 0 0; overflow: hidden; }


.m_box3 { width: 100%; float: left; }


.m_box3_center { width: 1200px; float: left; padding: 40px 0; }


.m_box3_left { width: 600px; float: left; font-family: 'Microsoft YaHei'; font-size: 14px; color: #999; text-align: left; font-weight: normal; line-height: 26px; }

.m_box3_left h3 { width: 100%; height: 40px; float: left; font-family: 'Microsoft YaHei'; font-size: 18px; color: #333; text-align: left; font-weight: bold; line-height: 40px; position: relative; z-index: 11; }


.m_box3_right { width: 600px; float: right; padding-top: 50px; }

.m_box3_right ul { float: right; }


.m_box3_right ul li { float: left; padding: 10px 20px; }

.m_box3_right ul li a { float: left; font-family: 'Microsoft YaHei'; font-size: 16px; color: #333333; text-align: center; font-weight: normal; line-height: 40px; }

.m_box3_right ul li a:hover { background: url(../images/line3.jpg) no-repeat center bottom; font-family: 'Microsoft YaHei'; font-size: 16px; color: #85c346; text-align: center; font-weight: normal; line-height: 40px; }
.m_box3_right ul li a.hover { background: url(../images/line3.jpg) no-repeat center bottom; font-family: 'Microsoft YaHei'; font-size: 16px; color: #85c346; text-align: center; font-weight: normal; line-height: 40px; }

.m_box3_prods { width:1560px; float: right; padding: 30px 0; position: relative; z-index: 3; }

.m_box3_prods .swiper-container { width: 100%; height: 490px; margin: 20px auto; position: relative; z-index: 20; }
.m_box3_prods .swiper-slide { width: 20%; max-width: 360px; position: relative; z-index: 13; margin-left:10px; }
.m_box3_prods .swiper-slide img { position: relative; }


.m_box3_prods .swiper-slide .pro_bt { width: 90%; height: 50px; float: left; position: absolute; z-index: 6; background: #85c346; margin: 0; padding: 2%; left: 3%; bottom:3%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; overflow: hidden; }

.m_box3_prods .swiper-slide .pro_bt h3 { width: 100%; height: 50px; float: left; font-family: 'Microsoft YaHei'; font-size: 16px; color: #fff; text-align: center; font-weight: normal; line-height: 50px; }

.m_box3_prods .swiper-slide .pro_bt h4 { width: 100%; height: 60px; float: left; margin: 10px 0; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; text-align: left; font-weight: normal; line-height: 20px; display: none; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }


.m_box3_prods .swiper-slide:hover .pro_bt { width: 90%; height: 150px; float: left; position: absolute; z-index: 6; background: #85c346; margin: 0; padding: 2%; left: 3%; bottom: 3%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; overflow: hidden; }


.m_box3_prods .swiper-slide:hover .pro_bt h3 { width: 100%; height: 50px; float: left; font-family: 'Microsoft YaHei'; font-size: 16px; color: #fff; text-align: center; font-weight: normal; line-height: 50px; background: url(../images/line4.png) no-repeat center bottom; }


.m_box3_prods .swiper-slide:hover .pro_bt h4 { width: 100%; height: 60px; float: left; margin: 10px 0; display: block; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; text-align: left; font-weight: normal; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }


.m_index_box4_box5 { width: 1920px; *width: 1920px; _width: 1920px; height: 950px; position: relative; z-index: 8; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; background: url(../images/index_bgc2.jpg) no-repeat center bottom; overflow: hidden; }


.m_index_box4 { width: 1200px; height: 573px; float: left; position: relative; z-index: 33; overflow: hidden; }


.m_index_box4bg { width: 1200px; height: 573px; float: left; background: url(../images/bgcc2.png) no-repeat left top; position: absolute; z-index: 23; overflow: hidden; }


.m_index_box4_bt { width: 470px; float: left; margin: 110px 0 0 120px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; text-align: left; font-weight: bold; line-height: 25px; }


.m_index_box4_bt a { color: #fff; }
.m_index_box4_bt h3 { width: 100%; float: left; font-family: 'Microsoft YaHei'; font-size: 36px; color: #fff; text-align: left; font-weight: bold; line-height: 50px; }

.m_index_box4_bt h4 { width: 100%; float: left; font-family: 'Microsoft YaHei'; font-size: 24px; color: #b4b2b2; text-align: left; font-weight: bold; line-height: 50px; }

.m_index_box4_bt h5 { width: 100%; float: left; margin: 10px 0 0 0; }

.m_index_box4_bt h5 img { float: left; }

.m_index_box4_imgs { width: 1200px; height: 573px; float: left; position: relative; z-index: 13; overflow: hidden; }

/* 本例子css */
.caseBox { width: 1200px; height: 573px; overflow: hidden; position: relative; border: 1px solid #ddd; }
.caseBox .cbd { position: relative; height: 100%; z-index: 0; }
.caseBox .cbd li { zoom: 1; vertical-align: middle; }
.caseBox .cbd img { width: 1200px; height: 573px; display: block; }


.m_index_box5 { width: 1200px; height: auto; float: left; position: relative; z-index: 33; overflow: hidden; }

.m_index_box5_cokk { width: 100%; height: 76px; float: left; }

.m_index_box5_cokk h3 { width: 86%; float: left; padding: 0 0 0 40px; font-family: 'Microsoft YaHei'; font-size: 24px; color: #333; text-align: left; font-weight: bold; line-height: 76px; }


.m_index_box5_con { width: 1200px; height: auto; float: left; }

.imgs_yue { position: relative; margin: 20px auto; width: 1200px; float: left; }
.imgs_yue .prev2, .imgs_yue .next2 { position: absolute; display: block; width: 50px; height: 100px; background-color: #000; top: 0; color: #FFF; text-align: center; line-height: 100px; display: none; }
.imgs_yue .prev2 { left: 0; }
.imgs_yue .next2 { right: 0; }
.imgs-yue { position: relative; width: 1200px; height: auto; margin-left: 0px; overflow: hidden; }
.imgs-yue ul { width: 9999px; }
.imgs-yue li { float: left; display: inline; width: 320px; margin: 10px 30px 0 40px; height: 240px; background-color: #eee; }

.imgs-yue li h3 { width: 100%; height: 30px; float: left; font-family: Arial; font-size: 24px; color: #999; line-height: 30px; text-align: left; font-weight: bold; }
.imgs-yue li h3 font { padding: 0 0 0 20px; font-family: Arial; font-size: 14px; color: #999; line-height: 28px; text-align: left; font-weight: normal; }

.imgs-yue li h4 { width: 100%; height: 75px; margin: 30px 0 20px 0; float: left; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333333; line-height: 25px; text-align: left; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }

.imgs-yue li h4 font { width: 100%; height: 25px; float: left; font-family: 'Microsoft YaHei'; font-size: 16px; color: #333333; line-height: 30px; text-align: left; font-weight: bold; text-overflow: ellipsis; overflow: hidden; }


.imgs-yue li h5 { width: 100%; height: 30px; float: left; font-family: Arial; font-size: 14px; color: #333333; line-height: 30px; text-align: left; font-weight: normal; text-decoration: underline; text-transform: uppercase; }


.imgs-yue li:hover h4 font { color: #85c346; }


/*about*/


.m_about_bgc1 { width: 1920px; *width: 1920px; _width: 1920px; height: auto !important; min-height: 740px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; background: url(../images/bgcs1.jpg) no-repeat center center; background-size: cover; border-bottom: 1px solid #dcdcdc; overflow: hidden; padding: 30px 0 50px 0; }

.m_about_cokk { width: auto; max-width: 1200px; float: right; padding: 10px 0 0 0; font-family: 'Microsoft YaHei'; font-size: 14px; color: #85c346; line-height: 30px; text-align: right; font-weight: normal; }

.m_about_cokk font { float: right; font-family: 'Microsoft YaHei'; font-size: 14px; color: #666666; line-height: 30px; text-align: left; font-weight: normal; }

.m_about_cokk font img { float: left; margin: 5px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #666666; line-height: 30px; text-align: left; font-weight: normal; }

.m_about_cokk font a { font-family: 'Microsoft YaHei'; font-size: 14px; color: #666666; line-height: 30px; text-align: left; font-weight: normal; }

.m_about_cokk font b { font-family: 'Microsoft YaHei'; font-size: 14px; color: #85c346; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; }



.s_about { width: 100%; height: auto; float: left; font-family: 'Microsoft YaHei'; font-size: 16px; color: #333333; text-align: left; font-weight: normal; line-height: 30px; }
.s_about h3 { width: 100%; float: left; position: relative; z-index: 12; font-family: 'Microsoft YaHei'; font-size: 24px; color: #333333; text-align: left; font-weight: bold; line-height: 30px; margin: 0 0 20px 0; }

.s_about h3 a{float:right; font-family: 'Microsoft YaHei'; font-size: 14px; color: #85c346; text-align: right; font-weight: normal; line-height: 30px; }

.s_about h4 { width: 100%; height: 40px; float: left; font-family: 'Microsoft YaHei'; font-size: 18px; color: #333; text-align: left; font-weight: normal; line-height: 40px; position: relative; z-index: 11; }
.s_about h4 font { padding: 0 0 0 20px; color: #85c346; }

/* 本例子css */
.picseaf { width: 1200px; height: 240px; overflow: hidden; position: relative; }
.picseaf .hseaf { overflow: hidden; height: auto; padding: 0 10px; position: relative; z-index: 78; }
.picseaf .dse { padding: 0; }
.picseaf .dse ul { overflow: hidden; zoom: 1; }
.picseaf .dse ul li { width: 389px; margin: 8px; float: left; _display: inline; overflow: hidden; text-align: center; border: 1px solid #dcdcdc; }
.picseaf .dse ul li .pic { text-align: center; position: relative; z-index: 67; }
.picseaf .dse ul li .pic img { width: 389px; height: 240px; float: left; position: relative; z-index: 40; }

.s_about_txt { width: 100%; max-width: 1200px; height: auto !important; min-height: 600px; float: left; padding: 30px 0; font-family: 'Microsoft YaHei'; font-size: 16px; color: #333333; text-align: left; font-weight: normal; line-height: 30px; }
.s_about_txt h3 { width: 100%; float: left; position: relative; z-index: 12; font-family: 'Microsoft YaHei'; font-size: 24px; color: #333333; text-align: center; font-weight: bold; line-height: 30px; margin: 0 0 20px 0; }
.s_about_txt h3 font { color: #85c346; }
.s_about_txt img { display: block; margin: 0 auto; }


/*prod*/


.s_prods { width: 100%; height: auto; float: left; font-family: 'Microsoft YaHei'; font-size: 16px; color: #333333; text-align: left; font-weight: normal; line-height: 30px; padding: 20px 0; }


.s_prods_right { width: auto; float: right; padding-top: 50px; }

.s_prods_right ul { float: right; }


.s_prods_right ul li { float: left; margin: 10px 0px; height: 40px; background: url(../images/line1.jpg) no-repeat right 14px; }
.s_prods_right ul li:last-child { float: left; margin: 10px 0px; height: 40px; background: none; }

.s_prods_right ul li a { float: left; padding: 0 20px; font-family: 'Microsoft YaHei'; font-size: 16px; color: #333333; text-align: center; font-weight: normal; line-height: 40px; }

.s_prods_right ul li a:hover, .s_prods_right ul li a.phover { background: url(../images/line3.jpg) no-repeat center bottom; font-family: 'Microsoft YaHei'; font-size: 16px; color: #85c346; text-align: center; font-weight: normal; line-height: 40px; }


.s_prods_renov { min-width: 600px; float: right; padding-top: 50px; }

.s_prods_renov ul { float: right; margin-right:-10px;} 
.s_prods_renov ul li{float:left;  margin:0 10px;}
.s_prods_renov ul li a { float: left; padding: 0 20px; width:110px; height:40px; background:#dcdcdc; border:1px solid #a0a0a0; border-radius:20px; font-family: 'Microsoft YaHei'; font-size: 16px; color: #333333; text-align: center; font-weight: normal; line-height: 40px; }

.s_prods_renov ul li a:hover, .s_prods_renov ul li a.ehover { background: #85c346; border:1px solid #85c346; border-radius:20px; font-family: 'Microsoft YaHei'; font-size: 16px; color: #fff; text-align: center; font-weight: normal; line-height: 40px; }


.s_prolist { width: 1200px; float: right; }

.s_prolist ul { float: left; width: 1230px; }

.s_prolist ul li { width: 360px; float: left; margin: 30px 40px 0 0; position: relative; z-index: 13; }
.s_prolist ul li a img { position: relative; }


.s_prolist ul li a .pro_bt { width: 90%; height: 50px; float: left; position: absolute; z-index: 6; background: #85c346; margin: 0; padding: 2%; left: 3%; bottom: 3%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; overflow: hidden; }

.s_prolist ul li a .pro_bt h3 { width: 100%; height: 50px; float: left; font-family: 'Microsoft YaHei'; font-size: 16px; color: #fff; text-align: center; font-weight: normal; line-height: 50px; }

.s_prolist ul li a .pro_bt h4 { width: 100%; height: 60px; float: left; margin: 10px 0; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; text-align: left; font-weight: normal; line-height: 20px; display: none; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }


.s_prolist ul li a:hover .pro_bt { width: 90%; height: 150px; float: left; position: absolute; z-index: 6; background: #85c346; margin: 0; padding: 2%; left: 3%; bottom: 3%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; overflow: hidden; }


.s_prolist ul li a:hover .pro_bt h3 { width: 100%; height: 50px; float: left; font-family: 'Microsoft YaHei'; font-size: 16px; color: #fff; text-align: center; font-weight: normal; line-height: 50px; background: url(../images/line4.png) no-repeat center bottom; }


.s_prolist ul li a:hover .pro_bt h4 { width: 100%; height: 60px; float: left; margin: 10px 0; display: block; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; text-align: left; font-weight: normal; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }



/*prodshow*/

.s_proshow1 { width: 1200px; float: left; }

.s_proshow1 h3 { width: 100%; float: left; position: relative; z-index: 12; font-family: 'Microsoft YaHei'; font-size: 24px; color: #333333; text-align: left; font-weight: bold; line-height: 30px; margin: 0 0 20px 20px; }



.s_proshow1_img { width: 360px; float: left; margin: 10px 0px 30px 20px; }


.s_proshow1_text { width: 780px; float: right; margin: 10px 0px 30px 0px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333333; text-align: left; font-weight: normal; line-height: 30px; }
.s_proshow1_text h3 { width: 100%; float: left; position: relative; z-index: 12; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333333; text-align: left; font-weight: bold; line-height: 30px; margin: 0; }


.s_proshow1_text h4 { width: 100%; float: left; position: relative; z-index: 12; font-family: 'Microsoft YaHei'; font-size: 24px; color: #333333; text-align: center; font-weight: bold; line-height: 30px; margin: 40px 0 20px 0; }

.s_proshow1_text h4 font { padding: 0 0 0 40px; color: #85c346; }

.s_proshow1_text ul { width: 820px; float: left; margin: 0; }

.s_proshow1_text ul li { width: 125px; height: 125px; float: left; border: 1px dashed #85c346; border-radius: 50%; font-family: 'Microsoft YaHei'; font-size: 24px; color: #85c346; text-align: center; font-weight: normal; line-height: 125px; margin: 10px 20px 0 10px;  transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;}

.s_proshow1_text ul li:hover {transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transition:all 0.4s linear;-ms-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;}

.s_proshow1_text h5 { width: 100%; float: left; position: relative; z-index: 12; font-family: 'Microsoft YaHei'; font-size: 24px; color: #85c346; text-align: left; font-weight: bold; line-height: 30px; margin: 40px 0 10px 0; }

.s_proshow1_text h5 img { float: left; margin: 0 10px 20px 0; }

.s_proshow1_text h5 b { width: 600px; float: left; font-family: Arial; font-size: 36px; color: #85c346; text-align: left; font-weight: bold; line-height: 40px; font-style: normal; }

.s_proshow1_text h5 b font { width: 100%; float: left; font-family: 'Microsoft YaHei'; font-size: 14px; color: #999; text-align: left; font-weight: normal; line-height: 20px; font-style: normal; }


.s_proshow2 { width: 100%; float: left;  padding:20px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;  font-family: 'Microsoft YaHei'; font-size: 18px; color: #333333; text-align: left; font-weight: normal; line-height: 30px; font-style: normal;}

.s_proshow2 img{float:left; margin:3px 10px 0 0 ; }

/* 本例子css */
.boBox { width: 1100px; height:560px; overflow: hidden; margin:0 auto; position: relative;  }

.boBox .bhbd { position: relative; height: 100%; z-index: 0; width:980px; float:left; margin:0 0 0 58px; }
.boBox .bhbd li { zoom: 1; vertical-align: middle; }
.boBox .bhbd img { width: 980px; height: 523px; display: block; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.boBox .prev{ position: absolute; left:0%; top: 50%; margin-top: -25px; display: block; width: 58px; height:139px; background: url(../images/left11.jpg) no-repeat left top; }
.boBox .next {  position: absolute; left:auto; right:4px; top: 50%; margin-top: -25px; display: block; width: 58px; height:139px; background: url(../images/right11.jpg) no-repeat left top;}
.boBox .prev:hover,
.boBox .next:hover { filter: alpha(opacity=100); opacity: 1; }
 
/*case*/



.s_caslist { width: 1200px; float: right; }

.s_caslist ul { float: left; width: 1230px; }

.s_caslist ul li { width:592px; height:366px; background:#fff; border:1px solid #dcdcdc; float: left; margin:20px 20px 0 0; position: relative; z-index: 13; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.s_caslist ul li:hover { width:592px; height:366px; background:#85c346; border:1px solid #fff; float: left; margin:20px 20px 0 0; position: relative; z-index: 13; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.s_caslist ul li a img {position: relative; }

.s_caslist ul li a .castxt1{width:530px; height:50px; float:left; margin:10px 0 0 20px; background:url(../images/jt11.png) no-repeat  right 14px;}

.s_caslist ul li a .castxt1 h3{width:440px; float:left;  font-family: 'Microsoft YaHei'; font-size: 16px; color: #333333; text-align: left; font-weight: normal; line-height: 30px; font-style: normal; text-overflow:ellipsis; overflow:hidden;}

.s_caslist ul li a .castxt1 h3 font{width:100%; height:20px; float:left;   font-family: 'Microsoft YaHei'; font-size: 14px; color: #333333; text-align: left; font-weight: normal; line-height: 20px; font-style: normal;}

.s_caslist ul li:hover a .castxt1{width:530px; height:50px; float:left; margin:10px 0 0 20px; background:url(../images/jt12.png) no-repeat  right 14px;}


.s_caslist ul li:hover a h3,.s_caslist ul li:hover a h3 font{color:#fff;}

/*renov*/


.s_renovlist { width: 1200px; float: right; }

.s_renovlist ul { float: left; width: 1230px; }

.s_renovlist ul li { width:376px; height:247px; background:#fff; border:1px solid #dcdcdc; float: left; margin:30px 30px 0 0; position: relative; z-index: 13; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.s_renovlist ul li .s_reno{width:349px; height:221px; float:left; margin:0px; background:url(../images/ebox1.png) no-repeat left top; position:absolute; z-index:12; left:14px; top:14px; display:none;}

.s_renovlist ul li:hover .s_reno{width:349px; height:221px; float:left; margin:0px; background:url(../images/ebox1.png) no-repeat left top; position:absolute; z-index:12; left:14px; top:14px; display:block;}

.s_renovlist ul li .s_reno h3{width:320px; float:left; height:40px; margin:70px auto 0 14px; background: url(../images/line6.jpg) no-repeat center bottom;  font-family: 'Microsoft YaHei'; font-size: 16px; color: #fff; text-align: center; font-weight: bold; line-height:40px; font-style: normal;}

.s_renovlist ul li .s_reno h4{width:320px; float:left; height:40px; margin:0px auto 0 14px; background:none;  font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; text-align: center; font-weight: normal; line-height:40px; font-style: normal;}

.s_renovlist ul li img{position:relative; z-index:5;}


/*factory*/


.s_factlist { width: 1200px; float: right; }

.s_factlist ul { float: left; width: 1260px; }

.s_factlist ul li { width:584px; height:321px; background:#fff; border:1px solid #dcdcdc; float: left; margin:30px 30px 0 0; position: relative; z-index: 13; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }


.s_factlist ul li .fact_bt{width:584px; height:161px; float:left; position:absolute; z-index:12; background:url(../images/fbox1.png) no-repeat center bottom; left:0; bottom:0;  }

.s_factlist ul li .fact_bt h3{width:540px; height:40px; float:left; margin:110px 0 0 20px; font-family: 'Microsoft YaHei'; font-size: 16px; color: #fff; text-align: left; font-weight: normal; line-height:40px; font-style: normal; text-overflow:ellipsis; overflow:hidden;}

.s_factlist ul li img{position:relative; z-index:4;}




.s_factoshow { width: 100%; float: left; position: relative; z-index: 12; font-family: 'Microsoft YaHei'; font-size:14px; color: #85c346; text-align: left; font-weight: normal; line-height: 30px; margin: 40px 0 10px 0; }

.s_factoshow h3{width:100%; float:left;  font-family: 'Microsoft YaHei'; font-size: 18px; color: #333; text-align: center; font-weight: normal; line-height:40px; font-style: normal;}

.s_factoshow img{display:block; margin:0 auto;}


/*news*/
.s_news { width: 100%; float: left; position: relative; z-index: 12; font-family: 'Microsoft YaHei'; font-size:14px; color: #85c346; text-align: left; font-weight: normal; line-height: 30px; margin:20px 0 10px 0; }

.s_news h3{width:1200px; display:block; margin:0 auto;  font-family: 'Microsoft YaHei'; font-size: 18px; color: #333; text-align: center; font-weight: normal; line-height:40px; font-style: normal;}

.s_news h4{ width: 100%; float: left; position: relative; z-index: 12; font-family: 'Microsoft YaHei'; font-size:14px; color: #999; text-align: center; font-weight: normal; line-height:40px; margin:10px 0 30px 0; background:#eee;}

.s_newshow { width: 100%; float: left; position: relative; z-index: 12; font-family: 'Microsoft YaHei'; font-size:14px; color: #333; text-align: left; font-weight: normal; line-height: 30px; margin:20px 0 10px 0; }

.s_newshow img{display:block; margin:0 auto;}

/*contact*/

.s_conta_map{width:1200px; float:left; }

.s_conta_map img{display:block; margin:0 auto; border:1px solid #dcdcdc;}

.s_conta_left{width:290px; height:230px; float:left; background:url(../images/line7.jpg) no-repeat right 80px; }

.s_conta_left img{display:block; margin:0 auto; padding-top:50px;}



.s_conta_lianxi { width: 350px; float: left; margin: 40px 0 30px 100px; position: relative; z-index: 9; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 30px; text-align: left; font-weight: normal; }

.s_conta_lianxi h3 { width: 100%; float: left; margin: 0px 0 20px 0; font-family: 'Microsoft YaHei'; font-size: 24px; color: #333; line-height: 30px; text-align: left; font-weight: bold; }

.s_conta_lianxi h3 font { width: 100%; float: left; margin: 10px 0 0 0; font-family: 'Microsoft YaHei'; font-size: 32px; color: #85c346; line-height:50px; text-align: left; font-weight: bold; }


.s_conta_lianxi ul { width: 100%; float: left; margin: 20px 0 20px 0; position: relative; z-index: 9; }

.s_conta_lianxi ul li { float: left; margin: 0 20px 0 0; }

.s_conta_lianxi ul li a { width: 31px; float: left; position: relative; z-index: 3; }


.s_conta_lianxi ul li .fwxin { width: 120px; height: 120px; float: left; position: absolute; z-index: 6; left: 0; bottom: 30px; margin-left: -10px; background: #fff; border: 1px solid #ddd; display: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.s_conta_lianxi ul li:hover .fwxin { width: 120px; height: 120px; float: left; position: absolute; z-index: 6; left: 0; bottom: 40px; margin-left: 10px; background: #fff; border: 1px solid #ddd; display: block; transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.s_conta_lianxi a { font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 30px; text-align: left; font-weight: normal; }

.s_conta_right { width: 350px; float: right; margin: 50px 0 30px 0px; position: relative; z-index: 9; font-family: 'Microsoft YaHei'; font-size: 16px; color: #333; line-height: 28px; text-align: left; font-weight: normal; }

.s_conta_right a { font-family: 'Microsoft YaHei'; font-size: 16px; color: #333; line-height: 28px; text-align: left; font-weight: normal; }

.s_conta_right font { width: 100%; float: left; font-family: 'Microsoft YaHei'; font-size: 16px; color: #333; line-height: 28px; text-align: left; font-weight: bold; text-decoration: none; }

/*gbook*/

.m_gbook{width:100%; float:left; padding:3% 0; background:#eee;}

.m_gbook h3{width:100%; float:left; font-family: 'Microsoft YaHei'; font-size: 18px; color: #333; text-align: left; line-height:30px; font-weight: bold; }   


.m_gbook h3 img{float:left; margin:0% 2% 0 0%;}

.m_gbook h4{width:100%; float:left; margin:1% 0 0% 0%; font-family: 'Microsoft YaHei'; font-size: 14px; color: #999; text-align: left; line-height:24px; font-weight: normal; }   



table.table1 {
	width: 100%;
    float:left;
	border-collapse:collapse;
}

table.table1 td {
    width:100%;
    height:auto;
    float:left;
    margin-top:20px; 
}

.tabt11
{
    width:570px;
    height:48px;
    float:left; padding-left:20px;
    background:#fff;
    border:1px solid #fff;
    font-family:Microsoft YaHei; font-size:14px; color:#333; line-height:58px\9; line-height:48px; text-align:left; font-weight:normal; cursor:pointer; overflow:hidden;
}
.tabt12
{
    width:564px;
    height:48px;
    float:left; padding-left:20px; margin-left:20px;
    background:#fff;
    border:1px solid #fff;
    font-family:Microsoft YaHei; font-size:14px; color:#333; line-height:58px\9; line-height:48px; text-align:left; font-weight:normal; cursor:pointer; overflow:hidden;
}

.tabt2
{
    width:1180px;
    height:116px;
    float:left; padding-left:20px;
    background:#fff;
    border:1px solid #fff;
    font-family:Microsoft YaHei; font-size:14px; color:#333; line-height:58px\9; line-height:26px; text-align:left; font-weight:normal; cursor:pointer; overflow:hidden;
}

.tabt3
{
    width:200px;
    height:50px;
    float:left; 
    background:#85c346;
    border:1px solid #85c346;
    font-family:Microsoft YaHei; font-size:14px; color:#fff; line-height:58px\9; line-height:50px; text-align:center; font-weight:normal; cursor:pointer; overflow:hidden;
}



/*fanye*/

.s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; }

.common_select a { width: 32px; height: 32px; background: transparent; text-align: center; line-height: 32px; font-size: 18px; color: #333333; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; margin: 0 8px; display: inline-block; }
.common_select a:hover { background: #85c346; color: #fff; }

.common_select { text-align: center; }

.common_select a:first-of-type { padding: 0 20px; border-radius: 20px; -o-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; width: auto; background: #85c346; color: #fff; }

.common_select a:last-of-type { padding: 0 20px; border-radius: 20px; -o-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; width: auto; background: #dcdcdc; }

.common_select a.active { background: #85c346; color: #fff; }



.s_fenye { width: 100%; height: auto; float: left; padding-top:20px; padding-bottom:20px;  border-top:1px solid #dcdcdc;}


.s_fen{width:60%; display:block; margin:0 auto;  padding:10px 0;}

.s_fen ul{width:100%; float:left;}

.s_fen ul li{width:50%; float:left;}

.s_fen ul li a{width:100%; float:left; font-family: 'Microsoft YaHei'; font-size:14px; color: #333; line-height: 30px; text-align: center; font-weight: normal; text-decoration:none;}

.s_fen ul li a:hover{width:100%; float:left; font-family: 'Microsoft YaHei'; font-size:14px; color: #85c346; line-height: 30px; text-align: center; font-weight: normal; text-decoration:none; }

/*footer*/

.m_footer { width: 100%; height: 256px; padding: 0 0 100px 0; float: left; background: #85c346; position: relative; z-index: 10; }


.s_footer { width: 100%; height: 256px; padding: 0 0 0px 0; float: left; background: #85c346; position: relative; z-index: 10; }


.m_foot_left { width: 350px; float: left; margin: 40px 0 30px 40px; position: relative; z-index: 9; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; line-height: 30px; text-align: left; font-weight: normal; }

.m_foot_left h3 { width: 100%; float: left; margin: 0px 0 20px 0; font-family: 'Microsoft YaHei'; font-size: 24px; color: #fff; line-height: 30px; text-align: left; font-weight: bold; }

.m_foot_left h3 font { width: 100%; float: left; margin: 10px 0 0 0; font-family: 'Microsoft YaHei'; font-size: 24px; color: #fff; line-height: 30px; text-align: left; font-weight: bold; }


.m_foot_left ul { width: 100%; float: left; margin: 20px 0 20px 0; position: relative; z-index: 9; }

.m_foot_left ul li { float: left; margin: 0 20px 0 0; }

.m_foot_left ul li a { width: 21px; float: left; position: relative; z-index: 3; }


.m_foot_left ul li .fwxin { width: 120px; height: 120px; float: left; position: absolute; z-index: 6; left: 0; bottom: 30px; margin-left: -10px; background: #fff; border: 1px solid #ddd; display: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.m_foot_left ul li:hover .fwxin { width: 120px; height: 120px; float: left; position: absolute; z-index: 6; left: 0; bottom: 30px; margin-left: -10px; background: #fff; border: 1px solid #ddd; display: block; transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.m_foot_left a { font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; line-height: 30px; text-align: left; font-weight: normal; }


.m_foot_center { width: 350px; float: left; margin: 60px 0 30px 100px; position: relative; z-index: 9; font-family: 'Microsoft YaHei'; font-size: 16px; color: #fff; line-height: 30px; text-align: left; font-weight: normal; }

.m_foot_center a { font-family: 'Microsoft YaHei'; font-size: 16px; color: #fff; line-height: 30px; text-align: left; font-weight: normal; }


.m_foot_right { width: 350px; float: right; margin: 50px 0 30px 0px; position: relative; z-index: 9; font-family: 'Microsoft YaHei'; font-size: 16px; color: #fff; line-height: 28px; text-align: left; font-weight: normal; }

.m_foot_right a { font-family: 'Microsoft YaHei'; font-size: 16px; color: #fff; line-height: 28px; text-align: left; font-weight: normal; }

.m_foot_right font { width: 100%; float: left; font-family: 'Microsoft YaHei'; font-size: 16px; color: #fff; line-height: 28px; text-align: left; font-weight: normal; text-decoration: underline; }


/*底部漂浮*/
.bot { width: 100%; position: fixed; z-index: 199; left: 0; bottom: 0; background: #000; height: 100px; color: #fff; z-index: 4000; background: url(../images/bot_bg.png); padding: 5px 0 5px 0; line-height: 100px; display: block; }
.bot_icon { width: 39px; position: absolute; right: 340px; top: 10px; z-index: 5; cursor: pointer; }
.copy_bg { padding: 14px 0 20px 0; background: #000; overflow: hidden; color: #fff; }
.copyright { width: 1200px; margin: 0 auto; padding: 0px; font-size: 13px; }
.bot_con { min-height: 40px; _height: 40px; width: 1200px; margin: 0 auto; margin-top: 35px; overflow: hidden; }
.bot_con h3 { width: auto; float: left; font-family: 'Microsoft YaHei'; font-size: 24px; color: #85c346; font-weight: normal; text-align: left; line-height: 40px; }
.bot_con .inpt1 { width: 246px; height: 40px; float: left; margin: 0 0 0 20px; padding-left: 10px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #999; font-weight: normal; text-align: left; line-height: 40px; background: #fff; border: none; }
.bot_con .inpt2 { width: 146px; height: 40px; float: left; margin: 0 0 0 20px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; font-weight: normal; text-align: center; line-height: 40px; background: #85c346; border: none; border-radius: 20px; }


.bot_r { float: left; font-size: 14px; line-height: 20px; padding: 0 0 0 19px; }
#bot_left { position: absolute; left: 0; top: 20px; font-size: 36px; display: none; cursor: pointer; }

/*右浮动*/

#left_layer
{
    width:92px; 
    position:fixed;
    _position:absolute;
    z-index:999999999;
    /*top:650px;*/
    bottom:140px;
    /*left:50%;
    margin-left:600px;*/
    right:0;
}

#left_layer h3{width:90px; float:left; margin: 10px 0 0 0; border:1px solid #85c346; border-radius:4px;}


#left_layer ul{width:90px; float:left; position:relative; z-index:32;}
#left_layer ul li {width:90px; float:left; margin: 10px 0 0 0; background:#fff; border:1px solid #dcdcdc; padding:2% 0;  position:relative; z-index:12;}
#left_layer ul li a{width:90px; float:left; padding-top:1%; position:relative; }
#left_layer ul li a  img{display:block; margin:0 auto; padding:1% 0 1% 0;}
#left_layer ul li a  font{width:90px; height:30px; float:left; font-family: 'Microsoft YaHei'; font-size: 14px; color:#85c346; font-weight: normal; text-align: center; line-height: 30px;}

#left_layer ul li.last1 {width:90px; float:left; height:34px; margin: 10px 0 0 0; background:#fff; border:1px solid #dcdcdc; padding:0;  position:relative; z-index:12;}
#left_layer ul li.last1 a{width:90px; float:left; padding:0;}
#left_layer ul li.last1 a  img{display:block; margin:0 auto; padding:0;}


#left_layer ul li .r_top{width:170px; height:77px; float:left; display:none; position:absolute; z-index:590; right:91px; top:0; margin-top:-1px; margin-right:-200px;  background:#fff; border:1px solid #85c346;   font-family:Arial; font-size:24px; color:#85c346; line-height:76px; text-align:center; font-weight:bold;  
display: none\9; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear;  }

#left_layer ul li:hover .r_top{width:170px; height:77px; float:left; display:block; position:absolute; z-index:990; right:91px; top:0; margin-top:-1px; margin-right:0px; background:#fff; border:1px solid #85c346;   font-family:Arial; font-size:24px; color:#85c346; line-height:76px; text-align:center; font-weight:bold;   
display: none\9; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear;  }



#left_layer ul li .rwx{width:120px; height:120px; float:left; display:none; display:none\9; position:absolute; z-index:990; right:92px; top:0; margin-top:0px;  background:#fff;  border:1px solid #85c346; 
display: none\9; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transform: scale(0.0,0.0); -webkit-transform: scale(0.0,0.0); }

#left_layer ul li:hover .rwx{width:120px; height:120px; float:left; display:block; position:absolute; z-index:990; right:98px; top:0; margin-top:-30px;  background:#fff;  border:1px solid #85c346; 
 transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear; transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transition:all 0.4s linear;-ms-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;}