/* CSS Document */

body { margin: 0; padding: 0; line-height: 24px; font-family: 'Microsoft YaHei'; font-size: 12px; background: #fff; overflow-x:hidden; }
body.indexbgc { margin: 0; padding: 0; line-height: 24px; font-family: 'Microsoft YaHei'; font-size: 12px; background: #f4f8f7; }
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-left: auto; margin-top: 0; margin-bottom: 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; }

/*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; }

.max_index { width: 1920px; *width: 1920px; _width: 1920px; height: 910px; position: relative; z-index: 51; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; margin-top: 0px; overflow: hidden; }


.m_navibox { width: 1228px; min-height: 114px; position: relative; z-index: 19; margin: 40px auto 0 auto; background: url(../images/navibg.png) no-repeat center bottom; }

.m_logo { width: 198px; float: left; margin: 30px 0 0 50px; }

.m_navi { float: left; padding: 24px 10px 0 30px; position: relative; z-index: 19; }
.m_navi ul { float: left; position: relative; z-index: 17; }
.m_navi ul li { width: 110px; float: left; padding: 0 0px; position: relative; z-index: 17; }
.m_navi ul li a { width: 62px; height: auto; float: left; margin: 0 16px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 69px; border-bottom: 3px solid transparent; text-align: center; }
.m_navi ul li a:hover, .m_navi ul li a.nhov { width: 62px; height: auto; float: left; margin: 0 16px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 69px; border-bottom: 3px solid #a3d6cb; text-align: center; }
.m_navi ul li:hover a { float: left; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 69px; border-bottom: 3px solid #a3d6cb; text-align: center; }
.m_navi ul li .m_navi_top { width: 134px; height: auto !Important; min-height: 100px; background: none; float: left; position: absolute; z-index: 18; left: 0; top: 72px; display: none; padding: 10px 0; }

.m_navi ul li .m_navi_top dl { width: 134px; height: auto; float: left; }
.m_navi ul li .m_navi_top dl dd { width: 134px; height: 40px; float: left; background: none; margin-top: 5px; }
.m_navi ul li .m_navi_top dl dd a { width: 134px; height: 40px; float: left; background: #48ae97; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; line-height: 40px; text-align: center; border-bottom: none; }
.m_navi ul li .m_navi_top dl dd a:hover { width: 134px; height: 40px; float: left; background: #fec61a; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; line-height: 40px; text-align: center; border-bottom: none; }


.m_navi ul li:hover .m_navi_top { width: 134px; height: auto !Important; min-height: 100px; background: none; float: left; position: absolute; z-index: 18; left: -34px; top: 72px; display: block; padding: 5px 0; }

.m_navi ul li:hover .m_navi_top dl { width: 134px; height: auto; float: left; }
.m_navi ul li:hover .m_navi_top dl dd { width: 134px; height: 40px; float: left; background: none; margin-top: 5px; }
.m_navi ul li:hover .m_navi_top dl dd a { width: 134px; height: 40px; float: left; background: #48ae97; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; line-height: 40px; text-align: center; }
.m_navi ul li:hover .m_navi_top dl dd a:hover { width: 134px; height: 40px; float: left; background: #fec61a; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; line-height: 40px; text-align: center; }


.m_pho { width: 120px; float: right; margin: 40px 40px 0 10px; }
.m_pho ul { float: left; position: relative; z-index: 30; }
.m_pho ul li { width: 32px; float: left; margin: 0 10px; }
.m_pho ul li a img { position: relative; z-index: 10; }

.m_pho ul li .m_wx { width: 123px; height: 123px; float: left; background: #ddd; position: absolute; z-index: 20; left: 0; margin-left: 20px; top: 34px; display: none; }

.m_pho ul li:hover .m_wx { width: 123px; height: 123px; float: left; background: #ddd; position: absolute; z-index: 20; left: 0; margin-left: 20px; top: 34px; display: block; }


.m_banner { width: 1920px; *width: 1920px; _width: 1920px; height: 645px; position: relative; z-index: 9; margin: 0; top: 0; float: left; margin-top: -900px; }

.m_banner_bg { width: 1920px; *width: 1920px; _width: 1920px; height: 190px; position: relative; z-index: 12; top: -160px; float: left; overflow: hidden; }


.m_box1 { width: 1200px; height: 280px; background: #48ae97; display: block; position: relative; z-index: 30; margin: 430px auto 0 auto; }

.m_box1 dl { width: 1200px; height: 280px; float: left; background: #ff6a00; float: left; }
.m_box1 dl dt { width: 400px; height: 280px; background: #48ae97; float: left; }

.m_box1 dl dt a h3 { width: 370px; height: 120px; float: left; background: url(../images/zbox1.png) repeat left bottom; margin: 20px 0 0px 16px; }
.m_box1 dl dt a h3 img { display: block; margin: 20px auto 0 auto; }

.m_box1 dl dt a h4 { width: 370px; height: 50px; float: left; margin: 0px 0 0 16px; font-family: 'Microsoft YaHei'; font-size: 18px; color: #ffffff; line-height: 50px; text-align: center; }

.m_box1 dl dt a h5 { width: 370px; height: 40px; float: left; margin: 0px 0 0 16px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #ffffff; line-height: 20px; text-align: center; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }

.m_box1 dl dd { width: 400px; height: 280px; background: #fecc32; float: left; }

.m_box1 dl dd a h3 { width: 370px; height: 120px; float: left; background: url(../images/zbox1.png) repeat left bottom; margin: 20px 0 0px 20px; }
.m_box1 dl dd a h3 img { display: block; margin: 20px auto 0 auto; }

.m_box1 dl dd a h4 { width: 370px; height: 50px; float: left; margin: 0px 0 0 16px; font-family: 'Microsoft YaHei'; font-size: 18px; color: #ffffff; line-height: 50px; text-align: center; }

.m_box1 dl dd a h5 { width: 370px; height: 40px; float: left; margin: 0px 0 0 16px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #ffffff; line-height: 20px; text-align: center; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }


.m_index { width: 1200px; margin: 0 auto; position: relative; }


.m_aboutbg { width: 1220px; height: 480px; background: url(../images/abo_bg1.png) no-repeat left top; position: relative; z-index: 20; margin: 20px auto 0 auto; }

.m_abo_left { width: 1030px; float: left; }

.m_abo_img { width: 346px; height: 389px; float: left; position: relative; z-index: 3; margin: 20px 0 0 8px; }


.m_abo_title { width: 500px; height: 70px; float: left; margin: 60px 0 0 40px; font-family: 'Microsoft YaHei'; font-size: 18px; color: #333; line-height: 40px; text-align: left; font-weight: bold; }

.m_abo_title font { width: 500px; height: 30px; float: left; margin: 0px 0 0 0px; font-family: Arial; font-size: 24px; color: #999; line-height: 30px; text-align: left; font-weight: normal; text-transform: uppercase; }


.m_abo_txt { width: 700px; height: 260px; float: left;  margin: 60px 0 0 -40px; position: relative; z-index: 5; }

.m_abo_txt font { width: 600px; height: 170px; float: left; margin: 36px 0 0 40px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 28px; text-align: left; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }

/*48ae97*/

.m_abo_txt h4 { width: 100%; float: left; height: 45px; margin-top: 10px; }

.m_abo_txt h4 a { width: 140px; height: 40px; float: right; margin: 0 60px; background: #48ae97; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; }

.m_abo_link { width: 112px; float: right; margin: 30px 30px 0 0; }

.m_abo_link ul { float: left; }

.m_abo_link ul li { width: 112px; height: 112px; float: left; margin: 16px 0 16px 0; }

.m_abo_link ul li img { display: block; margin: 10px auto 10px auto; border: none; }
.m_abo_link ul li a font { width: 112px; height: 30px; float: right; font-family: 'Microsoft YaHei'; font-size: 18px; color: #fff; line-height: 30px; text-align: center; font-weight: normal; }

.m_abo_link ul li.bgc1 { width: 112px; height: 112px; float: left; background: #48ae97; }
.m_abo_link ul li.bgc2 { width: 112px; height: 112px; float: left; background: #fd9474; }
.m_abo_link ul li.bgc3 { width: 112px; height: 112px; float: left; background: #fecc32; }




.m_coursebg { width: 1920px; *width: 1920px; _width: 1920px; height: auto !important; min-height: 770px; position: relative; z-index: 51; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; margin-top: 0px; overflow: hidden; }


.m_cou_img { width: 1920px; *width: 1920px; _width: 1920px; height: 567px; position: relative; z-index: 51; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; margin-top: 0px; overflow: hidden; }


.m_cou_txtbg { width: 1027px; height: 336px; float: right; background: url(../images/box1bg.png) no-repeat right bottom; position: absolute; right: 0; bottom: 0; }


.m_cou_txt { width: 560px; height: auto; float: left; margin: 50px 0 0 54px; }

.m_cou_txt h3 { width: 560px; height: 40px; float: left; font-family: SimHei; font-size: 28px; color: #333; line-height: 40px; text-align: left; font-weight: normal; letter-spacing: 1px; text-overflow: ellipsis; overflow: hidden; }

.m_cou_txt h4 { width: 560px; height: 30px; float: left; font-family: SimHei; font-size: 28px; color: #48ae97; line-height: 30px; text-align: left; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-overflow: ellipsis; overflow: hidden; }


.m_cou_txt h5 { width: 560px; height: 80px; float: left; margin: 20px 0 20px 0; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 28px; text-align: left; font-weight: normal; letter-spacing: 0px; text-overflow: ellipsis; overflow: hidden; }



.m_cou_txt a { width: 140px; height: 40px; float: left; margin: 10px 0px; background: none; border: 1px solid #48ae97; font-family: 'Microsoft YaHei'; font-size: 14px; color: #48ae97; line-height: 40px; text-align: center; font-weight: normal; border-radius: 20px; }



.m_coulist { width: 100%; margin: 0 auto; }

.m_coulist .swiper-container1 { width: 100%; height: 100%; }
.m_coulist .swiper-slide1 { text-align: center; font-size: 18px; background: #fecc32; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }


/*颜色1 48ae97*/ /*颜色2 fed147*/ /*颜色3 48ae97*/


.box1bg { width: 100%; float: left; background: #48ae97; }

.box1bg img { width: 339px; height: 203px; float: left; }

.box1bg h3 { width: 260px; height: 60px; float: left; margin: 30px 20px 20px 20px; background: url(../images/line1.jpg) no-repeat left bottom; font-family: 'Microsoft YaHei'; font-size: 16px; color: #fff; line-height: 60px; text-align: left; font-weight: normal; }


.box1bg h4 { width: 260px; height: 60px; float: left; margin: 0px 20px 20px 20px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; line-height: 30px; text-align: left; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }



.box1bg2 { width: 100%; float: left; background: #fed147; }

.box1bg2 img { width: 339px; height: 203px; float: left; }

.box1bg2 h3 { width: 260px; height: 60px; float: left; margin: 30px 20px 20px 20px; background: url(../images/line1.jpg) no-repeat left bottom; font-family: 'Microsoft YaHei'; font-size: 16px; color: #fff; line-height: 60px; text-align: left; font-weight: normal; }


.box1bg2 h4 { width: 260px; height: 60px; float: left; margin: 0px 20px 20px 20px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; line-height: 30px; text-align: left; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }


.m_teach_cokk { width: 1200px; float: left; }

.m_teach_cokk h3 { width: 1200px; height: 40px; float: left; font-family: 'Microsoft YaHei'; font-size: 24px; color: #333; line-height: 40px; text-align: center; font-weight: normal; letter-spacing: 1px; }

.m_teach_cokk h4 { width: 1200px; height: 40px; float: left; font-family: Arial; font-size: 24px; color: #1ab584; line-height: 40px; text-align: center; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; }




/* 本例子css */
.picMarquee-left { width: 1200px; overflow: hidden; position: relative; }
.picMarquee-left .bd { padding: 0px; }
.picMarquee-left .bd ul { overflow: hidden; zoom: 1; float: left; }
.picMarquee-left .bd ul li { width: 280px; position: relative; z-index: 45; margin: 30px 5px 20px 5px; float: left; overflow: hidden; }

.picMarquee-left .bd ul li .teaimg { width: 275px; height: 274px; float: left; position: relative; z-index: 20; overflow: hidden; }


.picMarquee-left .bd ul li .teaimgbg { width: 275px; height: 274px; background: url(../images/lawybg1.png) no-repeat left top; background-size: 100% 100%; float: left; position: absolute; z-index: 15; left: 0; top: 0; overflow: hidden; }

.picMarquee-left .bd ul li:hover .teaimgbg { width: 275px; height: 274px; background: url(../images/lawybg2.png) no-repeat left top; background-size: 100% 100%; float: left; position: absolute; z-index: 15; left: 0; top: 0; overflow: hidden; }

.picMarquee-left .bd ul li .teaimg img { width: 275px; height: 274px; float: left; position: relative; z-index: 10; margin-top: -0px; border-radius: 50%; overflow: hidden; }


.picMarquee-left .bd ul li .teatxt { width: 280px; height: 24px; float: left; margin-top: 20px; background: url(../images/tea_bg1.png) no-repeat center bottom; position: relative; z-index: 20; font-family: 'Microsoft YaHei'; font-size: 14px; color: #999; line-height: 24px; text-align: center; font-weight: normal; overflow: hidden; }

.picMarquee-left .bd ul li .teatxt font { font-family: 'Microsoft YaHei'; font-size: 16px; color: #333; line-height: 24px; text-align: center; font-weight: normal; }

.picMarquee-left .bd ul li:hover .teatxt { width: 280px; height: 24px; float: left; background: url(../images/tea_bg2.png) no-repeat center bottom; position: relative; z-index: 20; font-family: 'Microsoft YaHei'; font-size: 14px; color: #48ae97; line-height: 24px; text-align: center; font-weight: normal; overflow: hidden; }

.picMarquee-left .bd ul li:hover .teatxt font { font-family: 'Microsoft YaHei'; font-size: 16px; color: #48ae97; line-height: 24px; text-align: center; font-weight: normal; }



.m_dibu { width: 1920px; *width: 1920px; _width: 1920px; height: 710px; position: relative; z-index: 51; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; background: url(../images/foot_bg1.jpg) no-repeat center bottom; overflow: hidden; }


.m_dibu_left { width: 450px; height: 400px; float: left; margin: 240px 0 0 20px; }

.m_dibu_left font{
	  margin: auto;
    display: block;
        text-align: center;
}


.m_dibu_left h3 { width: 420px; height: auto; float: left; font-family: 'Microsoft YaHei'; font-size: 18px; color: #48ae97; line-height: 34px; text-align: center; font-weight: bold; }

.m_dibu_left h3 font { width: 420px; height: auto; float: left; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333333; line-height: 20px; text-align: center; font-weight: normal; }
.m_dibu_left h3 {
	width: 100% !important;
	background: transparent !important;
}

table.table1 { width: 100%; float: left; border-collapse: collapse; margin-top: 15px; margin-left: 20px; }

table.table1 td { width: 100%; height: auto; float: left; margin-top: 15px; line-height: 50px; text-align: left; }

table.table1 td h3{ width: 100%; height: auto; float: left; font-family: 'Microsoft YaHei'; font-size: 18px; color: #333333;  line-height: 30px; text-align: left; text-align:left; font-weight:normal; }


.tabt1 { width: 400px; height: 40px; float: left; padding-left: 10px; background: #e5e5e5; border: 1px solid #e5e5e5; 
font-family: Microsoft YaHei; font-size: 16px; color: #333; line-height: 58px\9; line-height: 40px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }

input.tabt1::-webkit-input-placeholder { color: #9c9c9c; }
input.tabt1::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #9c9c9c; }
input.tabt1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #9c9c9c; }
input.tabt1:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #9c9c9c; }


.tabt2 { width: 400px; height:80px; float: left; padding-left: 10px; background: #e5e5e5; border: 1px solid #e5e5e5; font-family: Microsoft YaHei; font-size: 16px; color: #333; line-height: 58px\9; line-height: 50px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }

input.tabt1::-webkit-input-placeholder { color: #9c9c9c; }
input.tabt1::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #9c9c9c; }
input.tabt1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #9c9c9c; }
input.tabt1:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #9c9c9c; }



.tabt3 { width: 170px; height: 45px; float: left; margin: 0px 20px 10px 20px; background: #fecc32; border: 1px solid #fecc32; font-family: Microsoft YaHei; font-size: 16px; color: #fff; line-height: 58px\9; line-height: 45px; text-align: center; font-weight: normal; cursor: pointer; overflow: hidden; }


.tabt4 { width: 170px; height: 45px; float: left; margin: 0px 20px 10px 20px; background: #48ae97; border: 1px solid #48ae97; font-family: Microsoft YaHei; font-size: 16px; color: #fff; line-height: 58px\9; line-height: 45px; text-align: center; font-weight: normal; cursor: pointer; overflow: hidden; }


.m_dibu_news { width: 680px; float: right; margin: 100px 0 0 0; }

.m_dibu_cokk { width: 680px; float: left; }

.m_dibu_cokk h3 { width: 400px; height: 40px; float: left; font-family: 'Microsoft YaHei'; font-size: 18px; color: #fff; line-height: 40px; text-align: left; font-weight: bold; }

.m_dibu_cokk h3 font { height: 40px; font-family: 'Microsoft YaHei'; font-size: 18px; color: #fff; line-height: 40px; text-align: left; font-weight: bold; text-transform: uppercase; }


.m_dibu_cokk h4 { float: right; margin-top: 10px; }

.m_dibu_cokk h4 a { font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; line-height: 30px; text-align: left; font-weight: bold; text-transform: uppercase; }


.m_dibu_news ul { width: 680px; float: left; }


.m_dibu_news ul li { width: 680px; height: 66px; padding: 20px 0; background: #fff; float: left; margin-top: 20px; }

.m_dibu_news ul li a { }

.m_dibu_news ul li a h3 { width: 100px; height: 66px; float: left; margin: 0 10px 0 20px; border-right: 1px solid #e5e5e5; font-family: 'Microsoft YaHei'; font-size: 17px; color: #333; line-height: 40px; text-align: center; font-weight: bold; }

.m_dibu_news ul li a h3 font { width: 100px; height: 30px; float: left; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 30px; text-align: center; font-weight: normal; }


.m_dibu_news ul li a h4 { width: 460px; height: 60px; float: left; margin: 6px 10px 0 20px; font-family: 'Microsoft YaHei'; font-size: 16px; color: #333333; line-height: 30px; text-align: left; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }

.m_dibu_news ul li a:hover h4 { color: #48ae97; }

.m_dibu_news ul li a h4 font { width: 460px; height: 30px; float: left; margin: 0px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #999999; line-height: 30px; text-align: left; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }



.m_dibu_wix { width: 680px; float: left; margin-top: 20px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; line-height: 30px; text-align: left; font-weight: normal; }

.m_dibu_wix h3 { width: 520px; float: left; font-family: 'Microsoft YaHei'; font-size: 30px; color: #fff; line-height: 40px; text-align: left; font-weight: bold; }

.m_dibu_wix img { float: left; margin: 0 30px 0 0; border: none; }


/*about*/

.sma_index { width: 1920px; *width: 1920px; _width: 1920px; height: 506px; position: relative; z-index: 51; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; margin-top: 0px; overflow: hidden; }


.s_banner { width: 1920px; *width: 1920px; _width: 1920px; height: 446px; position: relative; z-index: 9; margin: 0; top: 0; float: left; margin-top: 0px; }

.s_banner_bg {
    width: 100%;
    *width: 100%;
    _width: 100%;
    height: 41px;
    position: absolute;
    z-index: 12;
    bottom:0px;
    float: left;
    overflow: hidden;
    z-index: 666;
  }

.s_banner_bg .s_bg_top { width: 231px; height: 41px; display: block; margin: 0 auto; }




.s_navibox { width: 100%; min-height: 89px; position: relative; z-index: 19; margin: 0px auto 0 auto; background: url(../images/nav_bg1.png) no-repeat center top; }

.s_navi { float: left; padding: 18px 0px 0 120px; position: relative; z-index: 19; }
.s_navi ul { float: left; position: relative; z-index: 17; }
.s_navi ul li { width: auto; float: left; padding: 0 0px; position: relative; z-index: 17; }
.s_navi ul li a { width: 62px; height: auto; float: left; margin: 0 16px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 69px; border-bottom: 3px solid transparent; text-align: center; }
.s_navi ul li a:hover, .s_navi ul li a.nhov { width: 62px; height: auto; float: left; margin: 0 16px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 69px; border-bottom: 3px solid #a3d6cb; text-align: center; }
.s_navi ul li:hover a { float: left; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 69px; border-bottom: 3px solid #a3d6cb; text-align: center; }
.s_navi ul li .s_navi_top { width: 134px; height: auto !Important; min-height: 100px; background: none; float: left; position: absolute; z-index: 18; left: 0; top: 72px; display: none; padding: 10px 0; }

.s_navi ul li .s_navi_top dl { width: 134px; height: auto; float: left; }
.s_navi ul li .s_navi_top dl dd { width: 134px; height: 40px; float: left; background: none; margin-top: 5px; }
.s_navi ul li .s_navi_top dl dd a { width: 134px; height: 40px; float: left; background: #48ae97; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; line-height: 40px; text-align: center; border-bottom: none; }
.s_navi ul li .s_navi_top dl dd a:hover { width: 134px; height: 40px; float: left; background: #fec61a; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; line-height: 40px; text-align: center; border-bottom: none; }


.s_navi ul li:hover .s_navi_top { width: 134px; height: auto !Important; min-height: 100px; background: none; float: left; position: absolute; z-index: 18; left: -34px; top: 72px; display: block; padding: 5px 0; }

.s_navi ul li:hover .s_navi_top dl { width: 134px; height: auto; float: left; }
.s_navi ul li:hover .s_navi_top dl dd { width: 134px; height: 40px; float: left; background: none; margin-top: 5px; }
.s_navi ul li:hover .s_navi_top dl dd a { width: 134px; height: 40px; float: left; background: #48ae97; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; line-height: 40px; text-align: center; }
.s_navi ul li:hover .s_navi_top dl dd a:hover { width: 134px; height: 40px; float: left; background: #fec61a; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; line-height: 40px; text-align: center; }



/*about*/
.s_index { width: 1200px; height:auto!important; min-height:600px; display:block; margin:0 auto; padding: 10px 0;  }

.s_about { width: 1200px; float: left; padding: 10px 0; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 35px; text-align: justify; font-weight: normal;  letter-spacing:2px;}


.s_about h3 { width: 1200px; float: left; padding: 10px 0; font-family: 'Microsoft YaHei'; font-size: 24px; color: #333; line-height: 40px; text-align: center; font-weight: bold;  letter-spacing:0px;}


.s_about h4 { width: 1200px; float: left; padding: 10px 0; font-family: 'Microsoft YaHei'; font-size:14px; color: #333; line-height: 40px; text-align: center; font-weight: bold;  letter-spacing:0px;}

.s_about_link { width: 1200px; float: left; padding: 10px 0;  margin-bottom:50px;}

.s_about_link ul { width: 1200px; float: left; text-align: center; }

.s_about_link ul li { width: 170px; height: 45px; display:inline-block; margin: 10px 5px; }

.s_about_link ul li a { width: 170px; height: 45px;  float:left;  background:#48ae97; border: 1px solid #48ae97; font-family: Microsoft YaHei; font-size: 16px; color: #fff; line-height: 58px\9; line-height: 45px; text-align: center; font-weight: normal; letter-spacing:0px; cursor: pointer; overflow: hidden; }


.s_about_link ul li a:hover, .s_about_link ul li a.ahov{ width: 170px; height: 45px;  float:left; background:#fecc32; border: 1px solid #fecc32; font-family: Microsoft YaHei; font-size: 16px; color: #fff; line-height: 58px\9; line-height: 45px; text-align: center; font-weight: normal; letter-spacing:0px; cursor: pointer; overflow: hidden; }


.s_about img { display:block; margin:20px auto;}



/*envir*/

.s_envir { width: 1200px; float: left; padding: 10px 0; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 35px; text-align: justify; font-weight: normal;  letter-spacing:2px;}


.s_envir h3 { width: 1200px; float: left; padding: 10px 0 40px 0; font-family: 'Microsoft YaHei'; font-size: 24px; color: #333; line-height: 40px; text-align: center; font-weight: bold;  letter-spacing:0px; border-bottom:1px solid #e5e5e5; }



.s_envir ul {width:1240px;  float: left; margin-left:0px; }

.s_envir ul li { width:393px; height:auto; float: left; margin:20px 10px 10px 0; overflow:hidden;}

.s_envir ul li a font { width:393px; height:40px; float:left; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333333; line-height: 40px; text-align: center; font-weight: normal; text-overflow:ellipsis; overflow:hidden;}



.s_envir_show { width: 1200px; float: left; padding: 10px 0; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 35px; text-align: justify; font-weight: normal;  letter-spacing:2px;}

.s_envir_show h3 { width: 1200px; float: left; padding: 10px 0; font-family: 'Microsoft YaHei'; font-size: 16px; color: #333; line-height: 40px; text-align: center; font-weight: bold;  letter-spacing:0px;}


.s_envir_show img { display:block; margin:20px auto; }



/*serv*/
.s_serv { width: 1200px; float: left; padding: 10px 0; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 35px; text-align: justify; font-weight: normal;  letter-spacing:2px;}


.s_serv h3 { width: 1200px; float: left; padding: 10px 0; font-family: 'Microsoft YaHei'; font-size: 24px; color: #333; line-height: 40px; text-align: center; font-weight: bold;  letter-spacing:0px;}


.s_serv_img { width: 1200px; float: left; padding:30px 0;   font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 35px; text-align: left; font-weight: normal;}

.s_serv_img img {float:left; margin:0 40px 40px 100px; border:none; }


/*teacher*/
/* 本例子css */
.teachlist { width: 1220px;  position: relative; } 
.teachlist ul {  zoom: 1; float: left;  margin-left:-10px;}
.teachlist ul li { width: 280px; position: relative; z-index: 45; margin: 30px 10px 20px 10px; float: left; overflow: hidden; }

.teachlist ul li .teaimgs { width: 275px; height: 274px; float: left; position: relative; z-index: 20; overflow: hidden; }


.teachlist ul li .teaimgbgs { width: 275px; height: 274px; background: url(../images/tbox1.png) no-repeat left top; background-size: 100% 100%; float: left; position: absolute; z-index: 15; left: 0; top: 0; overflow: hidden; }

.teachlist ul li:hover .teaimgbgs { width: 275px; height: 274px; background: url(../images/tbox2.png) no-repeat left top; background-size: 100% 100%; float: left; position: absolute; z-index: 15; left: 0; top: 0; overflow: hidden; }

.teachlist ul li .teaimgs img { width: 275px; height: 274px; float: left; position: relative; z-index: 10; margin-top: -0px; border-radius: 50%; overflow: hidden; }


.teachlist ul li .teatxtt { width: 280px; height: 24px; float: left; margin-top: 20px; background: url(../images/tea_bg1.png) no-repeat center bottom; position: relative; z-index: 20; font-family: 'Microsoft YaHei'; font-size: 14px; color: #999; line-height: 24px; text-align: center; font-weight: normal; overflow: hidden; }

.teachlist ul li .teatxtt font { font-family: 'Microsoft YaHei'; font-size: 16px; color: #333; line-height: 24px; text-align: center; font-weight: normal; }

.teachlist ul li:hover .teatxtt { width: 280px; height: 24px; float: left; background: url(../images/tea_bg2.png) no-repeat center bottom; position: relative; z-index: 20; font-family: 'Microsoft YaHei'; font-size: 14px; color: #48ae97; line-height: 24px; text-align: center; font-weight: normal; overflow: hidden; }

.teachlist ul li:hover .teatxtt font { font-family: 'Microsoft YaHei'; font-size: 16px; color: #48ae97; line-height: 24px; text-align: center; font-weight: normal; }


.s_teamshow { width: 1200px; float: left; padding: 10px 0; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 35px; text-align: justify; font-weight: normal;  letter-spacing:2px;}


.s_teamshow h3 { width: 1200px; float: left; padding: 10px 0; font-family: 'Microsoft YaHei'; font-size:18px; color: #333; line-height: 40px; text-align: center; font-weight: bold;  letter-spacing:0px;}

.s_teamshow strong { font-size:18px; color:#48ae97; line-height:40px; font-weight:bold;}

.s_teamshow img { display:block; margin:0 auto; border:none;}

.s_teamshow a {
	color: #333;
}
/*join*/

.s_join {width:1200px; float:left;  padding:20px 0; }

.s_join ul{width:1220px; float:left;  }


.s_join ul li{width:606px; height:320px; float:left; background:url(../images/jbox1.png) no-repeat center top; position:relative; z-index:45; }

.s_join ul li .joinbg {width:auto;  min-width:204px; height:40px; padding:0 40px; float:right; margin:0; background:#48ae97 url(../images/zleft.jpg) no-repeat left top; position:absolute; z-index:20; right:18px; top:30px; display:none;  font-family: 'Microsoft YaHei'; font-size:14px; color: #fff; line-height: 40px; text-align: left; font-weight: normal; }


.s_join ul li .joinbg a {font-family: 'Microsoft YaHei'; font-size:14px; color: #fff; line-height: 40px; text-align: left; font-weight: normal; }

.s_join ul li:hover .joinbg {width:auto;  min-width:204px; height:40px; padding:0 40px; float:right; margin:0; background:#48ae97 url(../images/zleft.jpg) no-repeat left top; position:absolute; z-index:20; right:18px; top:30px; display:block;  font-family: 'Microsoft YaHei'; font-size:14px; color: #fff; line-height: 40px; text-align: left; font-weight: normal; }


.s_join ul li  h3 { width: 530px; float: left;  height:40px; margin:80px 0 0 30px; font-family: 'Microsoft YaHei'; font-size:18px; color: #333; line-height: 40px; text-align: left; font-weight: bold;  letter-spacing:0px;}

.s_join ul li h3 font { font-family: 'Microsoft YaHei'; font-size:18px; color: #333; line-height: 40px; text-align: left; font-weight: normal;  }

.s_join ul li  h4 { width: 530px; float: left;  height:125px; margin:20px 0 0 40px; font-family: 'Microsoft YaHei'; font-size:14px; color: #333; line-height:25px; text-align: left; font-weight: normal;  letter-spacing:0px; text-overflow:ellipsis; overflow:hidden;}


/*contact*/
.s_contact { width: 1200px; float: left; padding:20px 0; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 35px; text-align: justify; font-weight: normal;  letter-spacing:0px;}


.s_contact h3 { width: 1200px; float: left; padding: 10px 0; font-family: 'Microsoft YaHei'; font-size: 24px; color: #333; line-height: 40px; text-align: center; font-weight: bold;  letter-spacing:0px;}


.s_contact img { display:block; margin:0; border:1px solid #e5e5e5;}

.s_conta { width: 1200px; float: left; margin-top: 20px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; line-height: 30px; text-align: left; font-weight: normal; }


.s_conta_txt { width:600px; float: left; margin-top: 20px; font-family: 'Microsoft YaHei'; font-size: 16px; color: #333; line-height: 30px; text-align: left; font-weight: normal; }

.s_conta_txt h3 { width: 600px; float: left; font-family: 'Microsoft YaHei'; font-size: 30px; color: #333; line-height: 40px; text-align: left; font-weight: bold; }

.s_conta_txt img { float: left; margin: 0 30px 0 0; border: none; }

.s_conta_wxin {width:500px; float:left; padding-left:100px;  }

.s_conta_wxin img { float:left; margin:40px 40px 0 60px; border:1px solid #333;}



/*fanye*/
.s_fanye
{
	width:100%;
	height:auto;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}

DIV.quotes {
	PADDING: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN:center;
}
DIV.quotes A {
	padding:5px 8px 5px 8px; font-family:Arial; font-size:14px; COLOR: #333; MARGIN-RIGHT:8px; TEXT-DECORATION: none; border:#b5b5b5 1px solid;
}
DIV.quotes A:hover {
	padding:5px 8px 5px 8px; MARGIN-RIGHT:8px;  font-family:Arial; font-size:14px; color:#fff; border:#48ae97 1px solid; BACKGROUND-COLOR: #48ae97;}
	DIV.quotes A:active {
		padding:5px 8px 5px 8px; MARGIN-RIGHT: 8px;  font-family:Arial; font-size:14px; color:#fff;}
		DIV.quotes SPAN.current {
			padding:5px 8px 5px 8px; FONT-WEIGHT: bold;  font-family:Arial; font-size:14px; COLOR: #fff; MARGIN-RIGHT:8px; BORDER: #48ae97 1px solid; BACKGROUND-COLOR: #48ae97;
		}
		DIV.quotes SPAN.disabled {
			padding:5px 8px 5px 8px;  font-family:Arial; font-size:14px; COLOR: #8d8d8d; MARGIN-RIGHT: 8px; BORDER: #e0e0e0 1px solid;}



			.s_fan{width:100%; height:auto; float:left; }

			.s_fan ul { width:100%; height:auto; float:left;text-align:center; }

			.s_fan ul li {display:inline-block; margin:20px 40px;  }

			.s_fan ul li a {font-family:'Microsoft YaHei';  font-size:16px; color:#333333; line-height:30px; font-weight:normal; }

			.s_fan ul li a:hover { color:#48ae97;}


			.s_footer {width:100%; height:160px; float:left; padding:20px 0; background:#48ae97; overflow:hidden; }


			.s_footer_left {width:480px; height:160px; float:left; margin-right:40px; background:url(../images/linebg.png) no-repeat right top; }

			.s_footer_left img { display:block; margin:50px 0px 0 60px; border:none;}


			.s_footer_wix { width: 600px; float: left; margin-top: 20px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; line-height: 30px; text-align: left; font-weight: normal; }

			.s_footer_wix h3 { width: 440px; float: left; font-family: 'Microsoft YaHei'; font-size: 30px; color: #fff; line-height: 40px; text-align: left; font-weight: bold; }

			.s_footer_wix img { float: left; margin: 0 30px 0 0; border: none; }


			.m_foot_bgc { width: 100%; height: 60px; float: left; background: #138b70; font-family: 'Microsoft YaHei'; font-size: 12px; color: #fff; line-height: 60px; text-align: center; font-weight: bold; overflow: hidden; }

			.m_foot_bgc a { color: #fff; }