@charset "utf-8";
.clearFloat:after {
 height: 0px;content: ".";
 clear: both;visibility: hidden;
 display: block;
}
.clearFloat { zoom: 1; }
*{margin: 0px;padding: 0px;}
img{margin: 0;border: none;}
.fl{float:left;}
.fr{float:right;}
a{text-decoration: none;font-family:"微软雅黑;";transition: all 0.4s;}
dl, ul{list-style:none;}
input{outline: none;}
i,em{font-style: normal;}
body{font-family:"微软雅黑";}
.w1200{width: 1200px;margin: auto;}
.w1580{width: 1580px;margin: auto;}

body{}
.main_box{ margin:0 auto; width:1580px;}
input{outline: none;}
#s_news .left_3.margin_l{float: right;}
.margin_t{ margin-top:30px;}
#header{position: relative;width:100%;z-index:999;background-color:#FFF}
#header .top { height: 140px;background:url(../images/topbg.png) center no-repeat; }
#header .w1580{ position:relative; }
#header .logo{display:table;height: 135px;float: left;}
#header .logo a { display:table-cell; vertical-align:middle;}
#header .link_box{font-size: 14px;float: right;margin-top: 50px;margin-right: 30px;}
#header .link_box ul{position:relative;color: #666;}
#header .link_box li{display: inline-block;position:relative;}
#header .link_box li .a{ display:block; text-align:center; position:relative;color:#000; line-height:40px;opacity: 0.6;padding: 0 20px;}
#header .link_box li .a strong{ display:block;font-size: 14px; text-align:center; line-height:38px; position:relative; z-index:1;}
#header .link_box li .a1{background:url(../images/icon1.png) no-repeat left center;}
#header .link_box li .a2{background:url(../images/icon2.png) no-repeat left center;margin-left:20px}
#header .link_box li:hover .a{ opacity: 1;}
#search_box{position: relative;float: right;width: 252px;height: 40px;margin-top: 50px;}
#search_box form{background: url(../images/search.png) no-repeat left center;}
#search_box  input{display: block;background: none;border: none; }
#search_box .text{width: 200px;height: 40px;line-height: 40px;font-size: 14px;float: left;margin-right: 0;color: #333;text-indent: 10px;padding: 0;}
#search_box .submit{width: 50px;float: right;cursor:pointer;background: none;height: 40px;}
#search_box form:hover{background:#FFF}
#search_box .sec{}
 
#nav_box{ width:100%; position:relative; height:50px;background: #008959;}
#nav_box .main_box{  position:relative; }
#nav{ height:50px; }
#nav ul{  position:relative; margin-left:30px; }
#nav li { display:block;  position:relative; float:left; height:50px;  width:10%;}
#nav li .a{ display:block; padding: 0 20px; text-align:center; position:relative;color:#FFF; }
#nav li .a strong{ display:block;font-size: 18px; font-weight:bold;  text-align:center; line-height:50px; position:relative; z-index:1; }
#nav li:hover .a{ background:#00744b;}
#nav .on_a .a{ background:#00744b;color:#FFF; }
#nav ul.sub li { width: 100%; font-size: 16px;background:#117d5a; float: left; }
#nav ul.sub li a { padding: 0; display: none; width: 100%; text-align:center; color:#FFF }
#nav ul.sub li a:hover { background:#22b970; }
#nav ul.sub { position: absolute; left: -30px; top: 40px; z-index: 9; width: 100%; line-height: 50px; opacity: 0; transition: all .5s;display:none }
#nav li:hover ul.sub { opacity: 1; top: 50px;display:inherit }
#nav li:hover ul.sub li a { display: block }


#banner{position:relative;height:385px; background:#e0e5cf;}
#banner2{position:relative;height:285px;background: url(../images/banner.png) center top;}
#banner3{position:relative;height:415px;background:url(../images/banner_03.jpg) center top}
#banner .bd { position:relative;}
#banner .bd a{ display:block; width:100%; height: 385px;}
#banner .hd{  margin:0 auto; position:absolute; width:100%; bottom:20px;}
#banner .hd ul{   display:inherit;   position:relative; text-align:center;  }
#banner .hd ul li{ display:inline-block;color: transparent;}
#banner .hd ul li{  border-radius:50%;  height:12px; width:12px;margin: 0 10px; background:#fff;}
#banner .hd ul li:hover{ background:#ffba00;  }
#banner .hd ul .on{  background:#ffba00;  }
#banner  .bnt{ position:absolute;  top:46%; z-index:3; margin-top:-22px;width:100%;}
#banner .prev{ position:absolute; left:120px; }
#banner .next{ position:absolute; right:120px; }

.s_main_box{ margin:0 auto 0px auto; height:auto;position:relative}
.s_title{ position:relative; margin-bottom: 20px;}
.s_title h1{ display:block;}
.s_title strong{  font-size:15px; display:block; color:#7e8084; text-transform:uppercase; }
.s_title span{ font-size:20px;  color:#1d378e; display:block; font-weight:bold;}
.s_title .more{ position:absolute; right:0; top:10px; text-align:center; font-size:12px; background:#28a1e6; width:80px; height:30px; line-height:30px; color:#fff; line-height:30px;}
.s_title .more:hover{ background:#0059b4;}
.j_parallax {background-attachment: fixed;background-position: center 0;background-repeat: no-repeat;position: relative;}


.main_bg{background: url(../images/bodybg.png) left -274px no-repeat;}
#s_pro { padding:20px 0;}
#s_pro .right{ width:820px; overflow:hidden;}
#s_pro .more{text-align:center; font-size:14px;  width:70px; height:22px; line-height:22px; color:#666;  margin-top:12px;}
#s_pro .more:hover{  color:#008959;}
#s_pro .title span{ color:#0c6545;  font-weight:bold; font-size:18px; padding: 0px 20px; line-height:44px;  } 
#s_pro .title strong{ color:#abbcb2; font-size:12px; padding-top: 3px; padding-left:10px;}

#s_pro  .up {float:left;width: 100%;height:85px ;border-bottom:1px solid #e5e5e5;}
#s_pro  .up h5{ font-size:18px; line-height:26px; font-weight:bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
#s_pro  .up p{ color:#666; padding:5px 0; font-size:14px; line-height:25px; height:50px; overflow:hidden; text-indent:0px;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#s_pro  .up p a{ color:#257b3e; float:right; margin-top:25px; font-size:12px}
#s_pro  .up .date{ background:#e0e0e0; width:55px; height:70px; margin:5px 25px 0 0;text-align:center}
#s_pro  .up .date .sr{ font-size:30px; color:#0e6545; font-weight:bold; line-height:45px;display:block; text-align:center}
#s_pro  .up .date .sy{ font-size:12px; line-height:28px;}
#s_pro  .up  a:hover{ text-decoration:underline;} 
#s_pro  .up a.more{display:block; margin-top:25px; font-size:12px; width:80px; color:#333; text-align:center; line-height:24px; height:24px; background:#fff; }
#s_pro  .up a.more:hover{ text-decoration:none; border-radius:3px;}
#s_pro  .un{}
#s_pro  .un ul{ margin-right:-10px;}
#s_pro  .un li{ position:relative; line-height:47px; display:block; border-bottom:1px solid #e5e5e5}
#s_pro  .un a{ font-size:16px; color:#333; display:block; padding-right:100px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; text-indent:20px; background:url(../images/icon_left_li.png) left center no-repeat; }
#s_pro  .un a:hover{ text-decoration:underline;  background:url(../images/icon_left_li.png) left center no-repeat;background-color:#FFF;}
#s_pro  .un span{font-size:12px; position:absolute; right:0; top:0; color:#999; padding-right:10px; } 

#s_pro .left_1 {width: 29%;float: right;  height:350px; margin-top:15px;}
#s_pro .left_1 .title{ height:41px; line-height:41px; border-bottom:1px solid #d0d0d0}
#s_pro .left_1 .title span{height:41px;line-height:41px; display:block;width: 140px;color: #ffffff;font-size:24px;background: url(../images/titlebg.png) no-repeat left bottom;float:left;}
#s_pro .left_1 .title i{ color:#cdcdcd; font-weight:bold; font-size:22px}
#s_pro .left_1 .content{ padding: 20px 0;   height:auto;  }
#s_pro .un_x{width:460px; }
#s_pro .un_x ul{margin-left:-5px;}
#s_pro .un_x li{ position:relative;  display:block; border-bottom:1px solid #e5e5e5;  padding:8px 0;height:53px; line-height:26px;}
#s_pro .un_x a{ font-size:16px; color:#333; display:block; padding-left:70px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height:62px;}
#s_pro .un_x a:hover{ text-decoration:underline; background-color:#FFF;}
#s_pro .un_x span{font-size:12px;color:#0c6545; background:#e8e8e8; padding:5px 12px; font-weight:bold; position:absolute; left:0; } 
#s_pro .un_x i{ display:block; font-size:20px; text-align:center; border-bottom:1px solid #FFF}
#s_pro .left_2 { width:766px; float:left; border:1px solid #e9e9ec; background:#FFF; margin-left:10px; height:320px;}
#s_pro .left_2 .title{ height:30px; padding-left:40px; border-bottom:1px solid #7bcb2d; margin:10px 10px; background:url(../images/tit_p.png)  no-repeat left; line-height:30px;}
#s_pro .left_2 .news_1{width:370px; margin-left:30px; }

#s_pro .left_3 {width: 69%; float:left;height:350px; margin-top:15px;}
#s_pro .left_3 .title{ height:41px; line-height:41px; border-bottom:1px solid #d0d0d0}
#s_pro .left_3 .title span{height:41px;line-height:41px; display:block;width: 144px; color:#FFF;background: url(../images/titlebg.png) no-repeat left bottom; font-size:24px;text-indent: 0px; float:left}
#s_pro .left_3 .title i{ color:#cdcdcd; font-weight:bold; font-size:22px}
#s_pro .left_3 .news_1{width: 100%;}
#s_pro .left_3 .content{padding: 20px 0 25px 0;   height:auto;width: 60%; margin-left:20px;float: right !important;}



#s_pro .left .content a{ display:block; margin-top:-1px; height:55px;  background:url(../images/bg_sub_li.png) center bottom no-repeat; }
#s_pro .left .content a strong{ padding:0 35px; margin:0 auto; display:block; position:relative; font-size:15px;color:#444444; line-height:55px; height:55px; overflow:hidden;}
#s_pro .left .content a:hover{ background:url(../images/bg_sub_li_hover.png) left bottom  no-repeat; color:#fff;}
#s_pro .left .content a:hover strong{  color:#fff;}
#s_pro .left .content .on {  background:url(../images/bg_sub_li_hover.png) left bottom  no-repeat; color:#fff;}
#s_pro .left .content .on strong{  color:#fff;}
#s_pro .tel_box{ background:#1d378e; padding:25px 40px;}
#s_pro .tel_box h1{ display:block; color:#fff; display:block; font-weight:bold; font-size:20px; text-align:left; line-height:30px;} 
#s_pro .tel_box a{ background:#fff; margin:0 auto; display:block; margin-top:20px; font-weight:bold; border-radius:3px; height:32px; line-height:32px; width:120px; text-align:center; color:#1d378e; font-size:15px;}
#s_pro .tel_box a{}



#s_news {}
#s_news .right{ width:820px; overflow:hidden;}
#s_news .more{text-align:center; font-size:14px; width:70px; height:22px; line-height:22px;margin-top: 12px;color:#666;}
#s_news .more:hover{  color:#008959;}
#s_news .title span{ color:#0c6545;  font-weight:bold; font-size:18px; padding: 0px 20px; line-height:44px;  } 
#s_news .title strong{ color:#abbcb2; font-size:12px; padding-top: 3px; padding-left:10px;}
#s_news .content{ padding: 10px 0;   height:auto; width:auto }
#s_news .w2{ width:164px;}
#s_news .w3{ width:328px;}
#s_news .up { float:left; width:300px;  height:260 }
#s_news .up  h1 a{ line-height:24px; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  color:#333; font-size:12px; font-weight:bold; background:url(../images/list_p.jpg) no-repeat left; padding-left:25px;}
#s_news .up  span{font-size:12px; color:#999; float:right; padding-top:8px; } 
#s_news .up  a:hover{ text-decoration:underline;} 
#s_news .up p{ color:#666; padding:10px 0; font-size:12px; line-height:22px; height:80px; overflow:hidden; text-indent:24px;text-overflow: ellipsis;border-bottom:1px solid #e5e5e5; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
#s_news .up a.more{display:block; margin-top:25px; font-size:12px; width:80px; color:#333; text-align:center; line-height:24px; height:24px; background:#fff; }
#s_news .up a.more:hover{ text-decoration:none; border-radius:3px;}

#s_news .un ul{ margin-right:-10px;}
#s_news .un li{ position:relative; line-height:48px; display:block; border-bottom:1px solid #e5e5e5}
#s_news .un a{font-size:16px; color:#333; display:block; padding-right:100px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; text-indent:20px; background:url(../images/icon_left_li.png) left center no-repeat;  }
#s_news .un a:hover{text-decoration:underline;  background:url(../images/icon_left_li.png) left center no-repeat;background-color:#FFF;}
#s_news .un span{font-size:12px; position:absolute; right:0; top:0; color:#999; padding-right:10px; } 
#s_news .un2{ }
#s_news .un2 ul{ margin-right:-10px;}
#s_news .un2 li{ position:relative; line-height:45px; display:block; border-bottom:1px solid #e5e5e5;margin-top:10px;}
#s_news  .un2 li h5{ font-size:18px; line-height:26px; font-weight:bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#666666; padding-top:5px;}
#s_news  .un2 li p{ color:#666; padding:5px 0; font-size:14px; line-height:25px; height:30px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
#s_news  .un2 li .date{ background:#1aa34d; width:50px; line-height:20px; height:55px; margin:5px 25px 0 0;text-align:center;border-radius:10px;color:#fff}
#s_news  .un2 li .date .sr{ font-size:20px; font-weight:bold; line-height:30px; border-bottom:1px solid #2eb962; display:block;position:relative; }
#s_news  .un2 li .date .sy{ font-size:12px; line-height:16px;position:relative;}
#s_news  .un2 li  a:hover{ text-decoration:underline;} 



#s_news .left_3 {width: 49%; float:left;height:320px;margin-top:20px;}
#s_news .left_3 .title{ height:41px; line-height:41px; border-bottom:1px solid #d0d0d0}
#s_news .left_3 .title span{height:41px;line-height:41px; display:block;width: 144px;color: #ffffff;background: url(../images/titlebg.png) no-repeat left bottom; font-size:24px;text-indent: 0px; float:left}
#s_news .left_3 .title i{ color:#cdcdcd; font-weight:bold; font-size:22px}
#s_news .left_3 .title img{ margin:10px;}
#s_news .left_3 .news_1{width: 67%; margin-left:30px;}
#s_news .left_3 .news_2{width:536px;}

#s_news .up_x{width:180px; margin-top:10px;}
#s_news .up_x img{ width:180px; height:230px;}

#s_news .left_1 { float:left;  height:auto; margin-top:15px;}
#s_news .left_1 .title{ height:41px; line-height:41px; border-bottom:1px solid #d0d0d0}
#s_news .left_1 .title span{height:41px;line-height:41px; display:block;width: 144px;color: #ffffff;font-size:24px;background: url(../images/titlebg.png) no-repeat left bottom;float:left;}
#s_news .left_1 .title i{ color:#cdcdcd; font-weight:bold; font-size:22px}
#s_news .left_1 .content{padding: 20px 0;   height:auto;width: 100%;}
#s_news .left_1 .link{}
#s_news .left_1 ul{position:relative;width: 100%;}
#s_news .left_1 li{display:block;position:relative; float:left;margin: 1%;margin-left: 0;height: 176px;overflow: hidden;width: 19%;}
#s_news .left_1 li{}
#s_news .left_1 li .a{ display:block;  position:relative;}
#s_news .left_1 a:hover{}
#s_news .left_1 .content span{ position:absolute; bottom:0;width: 100%; text-align:center; font-size:18px; font-weight:bold; color:#FFF; line-height:50px;}
#s_news .left_1 .content img{width: 100%;height:100%;}
#s_news .left_1 .oli1 span{
 background:#19877e;
}
#s_news .left_1 .oli2 span{
 background:#25a050;
}
#s_news .left_1 .oli3 span{
 background:#16a9c8;
}
#s_news .left_1 .oli4 span{
 background:#b3272f;
}
#s_news .left_1 .oli5 span{
 background:#1e5ac7;
}
#s_news .left_2 { width:505px; float:left;height:320px;margin-top:20px;}
#s_news .left_2 .title{ height:41px; line-height:41px; border-bottom:1px solid #d0d0d0}
#s_news .left_2 .title span{height:41px;line-height:41px; display:block; width:180px; color:#009a45; background:url(../images/title_bg_02.png) no-repeat left bottom; font-size:24px; text-indent:10px; float:left}
#s_news .left_2 .title i{ color:#cdcdcd; font-weight:bold; font-size:22px}
#s_news .left_2 .title img{ margin:10px;}
#s_news .left_2 .news_1{width:500px;  }
#s_news .left_2 .news_2{width:536px;}

#s_news .left_4 {float:left;height:70px;  margin:20px 0; }
#s_news .left_4 .link{ padding:6px 10px 0 0px;}
#s_news .left_4 ul{position:relative;}
#s_news .left_4 li{display:block;position:relative; float:left; padding:0 30px 0 0;}
#s_news .left_4 li a{ display:block;  position:relative; line-height:30px; color:#333; padding:0 20px;}
#s_news .left_4 a:hover{ filter: brightness(1.3); color:#0c6545; font-weight:bold}
#s_news .left_4 .link select{appearance:none;-moz-appearance:none;-webkit-appearance:none;height:35px; line-height:35px; font-size:14px; padding:0 20px; width:300px; text-align:center; margin-left:20px; border:1px solid #BBB;text-align-last: center;border-radius:25px;  background:url(../images/secle_t.jpg) no-repeat right 20px center #FFF;}
#s_news .left_4  .link_bg{background:url(../images/HBDX_BG.png) no-repeat right top ;width:1180px; height:170px; margin-top:-108px;}




.s_switch{ padding:0}
.s_switch .hd ul{float:left; width:160px}
.s_switch .hd ul li{}
.s_switch .hd a{ display:block; float:left;font-size:22px; color:#FFF;width:160px; text-align:left; height:62px; background:url(../images/sw_hd_02.jpg); line-height:62px; font-weight:bold; text-indent:25px;}
.s_switch .hd a img{ }
.s_switch .hd a.on span{filter: brightness(99.9);}
.s_switch .hd a.on img{filter: brightness(99.9);}
.s_switch .hd a.on{ background:url(../images/sw_hd_01.jpg);}
.s_switch .bd img{ margin:2px 0 0 26px; border:1px solid #c4c4c4 }


#s_question dl{  width:500px;}
#s_question dd{ display:block; padding:20px 10px; border-bottom:1px dotted #e5e5e5; }
#s_question dd a{ padding-left:50px; display:block; height:30px; line-height:30px;  color:#333; font-size:14px; background:url(../images/wen.jpg) left center no-repeat; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#s_question dd p{ padding-left:50px; line-height:22px; height:45px; overflow:hidden; font-size:12px; color:#666; background:url(../images/da.jpg) left top no-repeat;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
#s_question dd a:hover{ text-decoration:underline;}

#s_pro_list{}
#s_pro_list ul{ margin:-5px; }
#s_pro_list li{ float:left; position:relative;  width:222px;  overflow:hidden; display:block; margin:5px; }
#s_pro_list li a{ display:block;    overflow:hidden;}
#s_pro_list li img{ width:220px; height:155px; display:block;  border:1px solid #d3d3d3;  background:#fff;}
#s_pro_list li h1{  display:block; line-height:38px; text-align:center;  font-size:14px; color:#636363;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  }
#s_pro_list li:hover h1{  color:#fff; background : #0059b4; }
#s_pro_list li:hover {  }

#s_hxys .title{ margin:30px auto;}
#s_hxys img{ display:block; margin:0 auto;}

#s_service{position:relative;padding:0 ;}
#s_service .main_box{ height: 230px; position:relative;}
#s_service .content{ padding-top:0px; color:#fff; }
#s_service img{ display:block; margin:20px auto;}
#s_service .up { height:180px; float:left; width:220px;text-align:center;background:#FFF}
#s_service .up h1 a{ line-height:24px; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; }
#s_service .up span{font-size:15px; color:#6ca367;font-weight:bold ; } 
#s_service .up a:hover{ text-decoration:underline;} 
#s_service .up p{ color:#999; padding:10px 0; font-size:12px; line-height:22px; height:35px; overflow:hidden;;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#s_service .more{}
#s_service .more:hover{ background:#5f9021; color:#fff}
#s_service .more:hover span{color:#fff}
#s_service .more:hover p{color:#fff}
#s_service .more:hover img{-webkit-filter: brightness(2.3);filter: brightness(2.3); }
#s_service .up_x{width:170px; }
#s_service .mrl{ margin-left:25px;}
#s_case {background:#0d1309}
#s_case .j_parallax { background-image: url(../images/bg_sjc.jpg);  height:420px;}
#s_case .main_box{ padding:40px 0;}
#s_case .title img{ display:block; margin:0px auto 20px auto;}
#s_case .content{ position:relative; padding-top:10px;  }
#s_case .bd{  overflow:hidden; width: 1058px; margin: 0 auto;}
#s_case ul{ margin:0 -17px;}
#s_case li{width:330px; position:relative; display:block; overflow:hidden; float:left;  background:#fff; margin:0 17px;}
#s_case li a{ display:block;}
#s_case li .pic_box{ position:relative; }
#s_case li img{width:340px; height:210px; display:block; }
 
#s_case li h1 a{overflow:hidden; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; height:45px; line-height:45px; text-align:center; padding:0 20px;  color:#494949; font-size:14px;  display:block; }
#s_case li p{ padding-top:10px; display:block;   font-size:12px; color:#cecece;} 
#s_case li:hover{ background:#0c6545;}
#s_case li:hover h1 a{ color:#fff;}
#s_case .hd {}
#s_case .hd a{ position:absolute; top:50%; margin-top:-15px; z-index:9;  display:block; height:32px;  font-size:32px;}
#s_case .hd a.prev{ left:0;}
#s_case .hd a.next{ right:0;}

#s_about { position:relative;}
#s_about .main_box{ height: 310px; position:relative;background:#FFF; }
#s_about .slide_about { }
#s_about .content{ padding-top:5px; margin-left:320px; color:#fff; }
#s_about .title { margin-top:20px; position:relative; text-align:center}
#s_about .content .title strong{ font-size:20px; color:#1d378e;  font-weight:bold; display:block; }
#s_about .content .title .more{ position:absolute; right:10px; top:0; padding: 0 14px; font-size:12px; color:#666666; text-align:center; line-height:30px; height:30px; border:1px solid #aaaaad;} 
#s_about .content .title .more:hover{ overflow:hidden; background:#0059b4; color:#fff; border:1px solid #0059b4;}
#s_about .content p{ height: 80px;color:#666666; font-size:12px; line-height:24px; text-indent:24px; padding:10px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
#s_about .content .about_si{margin-top:25px;}
#s_about .content ul{   position:relative;   z-index:9; width:100%; display:inherit; text-align:left;   }
#s_about .content ul li{ cursor:pointer; display:inline-block; margin:0; padding:0;}
#s_about .content ul li a{ }
#s_about .content ul li a:hover{   }
 
.slide_about .box{ width:400px; height:280px; position:relative; margin: 20px 0; }
.slide_about .bd{}
.slide_about .bd ul{}
.slide_about .bd ul li{ position:relative; width:400px; height:280px;}
.slide_about .bd ul li img{ width:100%; height:100%;}
.slide_about .mask{  position:absolute;bottom:24px; left:0; right:0; width:100%; height:30px; background: rgba(35,120,60,0.8);}
.slide_about .mask h5{ width:400px; font-size:14px; line-height:30px; color:#fff; text-align:center; padding:0 30px; height:30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.slide_about .hd{  margin:0 auto; position:absolute; left:0; bottom:0; width:100%; background: rgba(20,100,40,0.8); padding:3px 0;}
.slide_about .hd ul{   position:relative;   z-index:9; width:100%; display:inherit; text-align:center;   }
.slide_about .hd ul li{ cursor:pointer;   }
.slide_about .hd ul li{height:8px; width:8px; margin:0 6px; display:inline-block; border: 1px solid #fff; border-radius: 50%; color:transparent;}
.slide_about .hd ul li:hover{ background:#fff;  }
.slide_about .hd ul .on{  background:#f09621;  }
 
#s_lc{position:relative;padding:20px 0 0 0;}
#s_lc .main_box{ height: 380px; position:relative;background:#FFF;  }
#s_lc .content{ padding-top:20px; color:#fff; }
#s_lc .title{  height:60px; padding-top:10px;}
#s_lc img{ display:block; margin:20px auto;}
#s_lc .up { height:100px; float:left; width:150px;  height:270px ;text-align:center; margin-left:42px;}
#s_lc .up h1 a{ line-height:24px; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; }
#s_lc .up span{font-size:15px; color:#333;font-weight:bold ; } 
#s_lc .up a:hover{ text-decoration:underline;} 
#s_lc .up p{ color:#999; padding:10px 0; font-size:12px; line-height:22px; height:35px; overflow:hidden;;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#s_lc .up a.more{display:block; margin-top:25px; font-size:12px; width:80px; color:#333; text-align:center; line-height:24px; height:24px; background:#fff; }
#s_lc .up a.more:hover{ text-decoration:none; border-radius:3px;}
#s_lc .up_x{width:170px; }

#friend_link .main_box{ padding:30px 0; background:url(../images/title_link.png) left center no-repeat;}
#friend_link .content{ margin-right:-30px; padding-left:140px;}  
#friend_link .content a{ padding-right:30px; color:#797777; font-size:12px; line-height:24px; }  
#friend_link .content a:hover{ color:#0059b4;}



footer { padding: 0; background: #242424; color: #fff; background-size: cover;  width:100% ; index:999;}
.loginfooter{ position:fixed; bottom:0} 
footer a { color: #cecece; }
footer a:hover { color: #fff; }
.copyright {color: #fff;padding: 10px 0; font-size:14px}
.copyright a { color: #999; }
.index_footer{background: #333333;padding-bottom: 2px;height: 230px;background: url(../images/footerbg.png);background-size: cover;}
.index_footer .foot_left{height: 180px;margin-top: 20px;padding-right: 20px;}
.index_footer .foot_left ul{}
.index_footer .foot_left ul li{color: #fff;font-size: 14px; line-height:30px; text-indent:40px;}
.index_footer .foot_left ul li span{ font-size:18px; font-weight:bold;letter-spacing:2px; line-height:40px;}
.index_footer .foot_left img{}
.index_footer .foot_center{height: 180px;padding-left: 44px;margin-right: 85px;color: #FFF;}
.index_footer .foot_center .link span{color:#fff;font-size:16px;display: block;margin-bottom: 35px;}
.index_footer .foot_center .link  span img{padding-right:10px;}
.index_footer .foot_center .link{margin-top: 52px;}
.index_footer .foot_center ul li{color: #FFF;font-size: 16px; color:#acacac;line-height:26px;float:left;margin-right: 15px;}
.index_footer .foot_center ul li a{padding: 0px 15px;color: #FFF;font-size: 12px;transition: all 0.4s;}
.index_footer .foot_center ul li a:hover{color: #fff;}
.index_footer .foot_center p{color: #fff;font-size: 14px;}
.index_footer .foot_center ul li select{background: url(../images/linkbg.png) no-repeat left top;background-color: #008959;width: 199px;height: 40px;border: none;outline: none;color: #fff;padding-left: 20px;}
select {
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
padding-right: 14px;
}
select::-ms-expand { display: none; }
.index_footer .foot_right{margin-top: 36px;color: #fff;font-size: 16px;text-align: center; margin-right:100px; line-height:40px;}
.index_footer .foot_right>div{float:left;margin-left:30px;}
.index_footer .foot_right p{
 line-height:40px;
}
 
 
 
.n_main_box{ margin-top:0px;  position:relative;background:#FFF url(../images/news_bg.jpg) top no-repeat; width:auto; height:auto}
.n_banenr{height:280px;width:100%;overflow:hidden;margin-top: 175px;}
.n_banenr h1{font-size: 30px; color: #f36825; display:block; font-weight:bold; padding-top:50px; text-transform: uppercase;} 
.n_banenr h2{font-size: 24px; margin-bottom:10px; margin-top:0px; color: #fff;  display:block;}
.n_banenr strong{font-size: 14px; color: #797a7c;  display:block;}
.position{ position:absolute; line-height: 66px;  right:50px; top:0px; color:#FFF; background:url(../images/icon_home.png) left center no-repeat; padding-left:40px;}
.position span, .position a, .position i{ font-size:14px; color:#999;}
.position em{ font-size:14px; color:#333; font-style:normal;}
.position a:hover{ color:#0c6545;}

.n_left{ width:280px; float:left;   overflow:hidden;background: #e4f6f2; margin:30px; height:auto}
.n_left .title{  height:70px;width:220px;background:url(../images/tit_01.jpg) no-repeat top left; padding:15px 0 0 2px; margin:15px 30px;border-bottom: 1px solid #ccc;}
.n_left .title span{color: #008959; display:block; font-size:22px;}
.n_left .title strong{ display:block; color:#d1d1d1; text-transform:uppercase; display:block;  font-size:22px; margin-top:5px; font-family:"Times New Roman", Times, serif} 
.n_left {  }

.n_left .content{ margin-bottom:22px; height:auto}
.n_left .content a{ display:block;   border-bottom:1px solid #e8e8e8;  height:50px;  background:url(../images/icon_left_li.png) 240px center no-repeat ; }
.n_left .content a strong{ width:220px; margin:0 auto; display:block; position:relative; font-size:16px; color:#999; line-height:50px; height:50px; overflow:hidden;}
.n_left .content a:hover { border-bottom:1px solid #e8e8e8;   background:url(../images/icon_left_li_on.png) 260px center  no-repeat  #008959; color:#555555;}
.n_left .content a:hover strong{  font-weight:bold; color:#fff;}
.n_left a.on { border-bottom:1px solid #e8e8e8;background: url(../images/icon_left_li.png) 240px center  no-repeat  #e4f6f2;}
.n_left a.on strong{color: #008959; font-weight:bold; font-size:16px;}
.n_left .link_box a{ display:block; margin-top:150px;}
 
.n_right{ width:1180px;float:left; margin-top:30px; height:auto}
.n_title{ position:relative;height:50px; line-height:50px;border-bottom: 1px solid #ccc;}
.n_title h1{ font-size:20px;display:inline-block;color: #008959; line-height:45px; font-weight:bold; height:45px;border-bottom: 4px solid #008959; padding:0 50px 0 0}

#n_zizhi{   margin-top:10px;}
#n_zizhi ul { margin:-20px -11px; }
#n_zizhi li{ display:block; width:175px; float:left; margin:22px 11px; padding:8px;  box-shadow: 0px 0px 6px 0px #888;}
#n_zizhi li a{ display:block; }
#n_zizhi li img{ width:175px; height:120px;}
#n_zizhi li h1{ display:block; text-align:center; font-size:12px; line-height:30px; color:#6d6c72; }
#n_zizhi li a:hover h1{ color:#0059b4}

.n_content{  padding:20px;}
#n_fc{}
#n_fc{ overflow:hidden; margin-top:10px;}
#n_fc ul { margin:-13px; }
#n_fc li{ display:block; width:260px; float:left; margin:13px; }
#n_fc li a{ display:block; }
#n_fc li img{ width:260px; height:180px;}
#n_fc li h1{ display:block; text-align:center; height:36px; margin-top:10px; font-size:12px; line-height:18px; color:#616064; }
#n_fc li a:hover h1{ color:#0059b4}

#photo_list{  }
#photo_list ul{ margin:-13px;}
#photo_list li{ width:290px; height:230px; position:relative; display:block; overflow:hidden; float:left; margin:13px;}
#photo_list li a{ display:block;}
#photo_list li .pic_box{ position:relative; background:#000; }
#photo_list li img{width:290px; height:230px; display:block;}
#photo_list li .img{  }
#photo_list li .icon_play{ position:absolute; left:0; top:0; width:380px; height:260px; background:url(../images/bnt_play.png) center no-repeat;} 
#photo_list li h1{ position:absolute; z-index:3; left:0; bottom:0; overflow:hidden; width:250px; height:0px; line-height:40px; padding:0 20px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  color:#fff; font-size:14px; text-align:center; display:block; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#AA000000', endColorstr='#AA000000');background:rgba(0,0,0,0.67);}
#photo_list li:hover h1{ height:40px;}

#n_case{}
#n_case ul{ margin:-15px; }
#n_case li{ float:left;  border-bottom:3px solid #fff;  position:relative;  width:290px;    background:#ebeef2;  display:block; margin:15px 14px; }
#n_case li a{ display:block;    overflow:hidden;}
#n_case li img{ width:290px; height:190px; display:block;}
#n_case li span{  width: 230px; padding:0 20px;  display:block; line-height:55px;  font-size:14px; color:#636363; padding-right:40px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; background:url(../images/icon_left_li.png) 260px center no-repeat; }
#n_case li:hover span{    }
#n_case li:hover { border-bottom:3px solid #0059b4;}
 

#n_pro{ overflow:hidden; margin:20px 20px}
#n_pro ul {  }
#n_pro li{ display:block;  width:240px;  float:left; margin:20px 13px; }
#n_pro li a{ display:block; }
#n_pro li img{ width:180px; height:230px; margin: 10px 30px 0 30px }
#n_pro li h1{ display:block; text-align:center; font-size:14px; height:50px; padding:0 20px; line-height:50px; color:#444444; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#n_pro li:hover{ background:#FFF; }
#n_pro li:hover img{filter: brightness(1.2); }

#n_list{}
#n_list{ overflow:hidden;}
#n_list table{width:100%; background:#FFF; text-align:center; color:#555;}
#n_list table td{ padding:1px; border:1px solid #DDD; line-height:50px; height:50px; font-size:16px}
#n_list table .tr1{ background:#daf5c4; font-weight:bold; color:#0c6545}
#n_list table .tr1:hover{ background:#daf5c4; font-weight:bold; color:#0c6545}
#n_list table .tr2{ background:#FFF}
#n_list table .tr3{ background:#fafafa}
#n_list table tr:hover{ background:#f2f2f2;}
#n_list table a{ color:#3d9fe1} 
.n_product_show{ }
.n_product_show .up_box .content{ position:relative; background:#f2f4f8;  }
.n_product_show .up_box .title{ display:block; border-bottom:1px solid #efefef; padding-bottom:30px; text-align:center; font-size:30px; font-weight:bold; color:#333846;}
.n_product_show .up_box .text_box{ position:absolute; right:0; top:20px; padding:30px; width:270px; }
.n_product_show .up_box .text_box h1{ margin-bottom:15px; font-size:18px; color:#444444; display:block; font-weight:bold;}
.n_product_show .up_box .text_box .ar_article{ font-size:12px; height:188px; overflow:hidden; line-height:26px; color:#666; margin-bottom: 25px;}
.n_product_show .up_box .text_box .ar_article p{ font-size:12px; line-height:23px;  color:#666; margin-bottom: 0px; }
.n_product_show .up_box .un{ padding-top:25px; margin-top:5px; border-top:1px dotted #c6c7ca;}
.n_product_show .up_box .tel_box{ margin-bottom:15px; background:url(../images/icon_pro_tel.png) left 12px no-repeat; padding-left:15px;}
.n_product_show .up_box span{ font-size:12px; color:#4a4957;}
.n_product_show .up_box strong{ padding-left:10px; font-size:25px; color:#0059b4;}
.n_product_show .up_box .link_box .box{ display:inline-block;  }
.ewm_box{ cursor:pointer; position:relative;}
.ewm_box .ewm{  position:absolute; right:-80px; top:0; opacity:0;filter:alpha(opacity=0); z-index:3;}
.ewm_box:hover .ewm{ opacity:1;filter:alpha(opacity=100); }
.n_product_show .un_box{ padding-top:30px;}
.n_product_show .un_box .title{ height:30px;  line-height:30px;}
.n_product_show .un_box .title strong{ background:#0059b4; display:inline-block; font-size:16px; color:#fff; padding:0 15px; }
.n_product_show .un_box .title span{ display:inline-block; color:#2d95a2; padding-left:10px; font-size:12px; text-transform:uppercase;  font-family: "Arial";}
.n_product_show .un_box .pro_ar_box{ margin-bottom:60px;}
.n_product_show .un_box .pro_ar_box .content{ border-top:1px solid #dde0e4; padding:40px 0px 20px 0px; }
.j_photo{ width:100%;  position:relative; margin:0px auto;}
.j_photo .big_box{ width:585px; height:440px; position:relative;  overflow:hidden;}
.j_photo .big_box ul{ position:absolute; left:0; top:0;}
.j_photo .big_box ul li{ width:585px; height:440px;}
.j_photo .big_box ul li img{width:585px; height:440px;}
.j_photo .prev{ float:left; cursor:pointer;}
.j_photo .small_box { position:relative; height:100px; width:100%; margin-top:30px;}
.j_photo .min_pic{  width: 848px; margin:0 auto; position:relative;  height:104px;  overflow: hidden;}
.j_photo .min_pic ul{position:absolute; left:0; top:0; margin-right:-10px; }
.j_photo .min_pic ul li{width:129px; height:104px; position:relative;   margin-right:14px; display:inline-block; }
.j_photo .min_pic ul li img{ width:129px; height:97px; padding-top: 7px; }
.j_photo .small_box i{ display:none; height:104px; width:129px; position:absolute; bottom:0; left:0; z-index:9; background:url(../images/mark_j_photle.png) center bottom no-repeat;  }
.j_photo .min_pic ul li.on i{ display:block;}
.j_photo .min_prev{ position:absolute; top:0%; left:0px;   cursor:pointer; }
.j_photo .min_next{position:absolute; top:0%; right:0px;  cursor:pointer; }
.j_photo .small_box .tc_bnt{ height:100px; top:5px; width:20px; text-align:center; font-family: "SimSun"; display:block; background:#d2d2d2; font-size:24px; line-height:100px; color:#fff;}
.j_photo .small_box .tc_bnt:hover{ background:#0059b4;}
.j_photo .big_prev{  position:absolute; top:165px; left:-70px; width:28px; height:51px;z-index:9;cursor:pointer;}
.j_photo .big_next{ position:absolute; top:165px; right:-70px; width:28px; height:51px;z-index:9;cursor:pointer;}
.j_photo .big_box:hover .big_prev{ left:0px;}
.j_photo .big_box:hover .big_next{ right:8px;}
 
.show_pro_shlide{ margin-top:50px; background:#f2f4f8; padding:40px 20px;  position:relative;}
.show_pro_shlide .box{ width:790px; overflow:hidden; margin:0 auto;}
.show_pro_shlide ul{  }
.show_pro_shlide li{ float:left; border:1px solid #d3d7d8; position:relative;  width:248px; height:190px;  background:#f4f4f7;  display:block; margin-right:20px;}
.show_pro_shlide li a{ display:block;    overflow:hidden;}
.show_pro_shlide li img{ width:248px; height:153px; display:block;}
.show_pro_shlide li span{ position:absolute; left:0; bottom: -1px;width: 189px; padding:0 20px; border-top:1px solid #d3d7d8;  display:block; line-height:38px;  font-size:14px; color:#636363; padding-right:40px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; background:url(../images/icon_jt_pro.png) 230px center no-repeat; }
.show_pro_shlide li:hover span{  color:#fff; background:url(../images/icon_jt_pro_hover.png) 225px center no-repeat #2d95a2; }
.show_pro_shlide li:hover { border:1px solid rgb( 211, 215, 216 );   background-color: rgb( 242, 244, 248 );  box-shadow: 2.5px 3px 5px 0px rgb( 125, 136, 137 );}
.show_pro_shlide .title{ margin-bottom:25px; position:relative;   }
.show_pro_shlide .title strong{ font-size:18px;  height:18px; border-left:3px solid #379aa6; padding-left: 5px; color:#666666; line-height:18px; display: block;}
.show_pro_shlide .title a{ font-size:12px; position:absolute; right:0; top:0; line-height:31px; color:#4b4b4d;}
.show_pro_shlide .title a:hover{ color:#2d95a2;}
.show_pro_shlide .hd a{ position:absolute; top:50%; z-index:3; margin-top:5px; display:block; width:26px; height:26px; border-radius:50%; overflow:hidden; color:#fff;  } 
.show_pro_shlide .hd a.prev{ left:20px; background:url(../images/bnt_pic_lr.png) right top no-repeat;}
.show_pro_shlide .hd a.prev:hover{ background:url(../images/bnt_pic_lr.png) left top no-repeat;}
.show_pro_shlide .hd a.next{ right:20px; background:url(../images/bnt_pic_lr.png) left  bottom no-repeat;}
.show_pro_shlide .hd a.next:hover{ background:url(../images/bnt_pic_lr.png) right bottom no-repeat;}
 
 
#n_news .up_box{ float:left; width:330px; margin-left:60px}
#n_news .up_box .tit_1{ font-size:30px;  margin:20px 0; line-height:60px; border-bottom:1px solid #206330; color:#206330; padding-left:20px}
#n_news .up_box  li{ }
#n_news .up_box  li img{ width:300px; height:180px; margin:15px; }
#n_news .up_box .more{ display:block; width:38px; font-size:12px; color:#fff; height:38px; line-height:32px;    background:url(../images/bnt_more_news.png) center no-repeat; float:right; margin-top:10px}
#n_news .up_box .more:hover{  background:url(../images/bnt_more_news2.png) center no-repeat;}
#n_news .up_box  li .fr p{ line-height:24px; height:72px; overflow:hidden; width: 455px; color:#999999; padding-top:20px; font-size:12px;}



#n_news .un_box{width:100%; height:auto}
#n_news .un_box .tit_1{ font-size:30px;  margin:20px 0; line-height:60px; border-bottom:1px solid #206330; color:#206330; padding-left:50px}
#n_news .un_box .content ul{overflow:hidden}
#n_news .un_box .content li{display:block;border-bottom:1px solid #eaebec;  }
#n_news .un_box .content li .box{padding:0;position:relative;height:60px;}
#n_news .un_box .content li .box a span{ position: absolute; right:10px; font-size:14px; color:#999999}
#n_news .un_box .content li a{display:block;font-size:18px;color:#333;padding-left: 25px;height:60px;line-height:60px;background: url(../images/icon_left_li.png) left center no-repeat;}
#n_news .un_box .content li p{line-height:24px;font-size:12px;color:#99999b;height:60px; overflow:hidden;}
#n_news .un_box .content li a:hover{color:#128d61;background-color:#ececec;}
#n_news .un_box .content .date_box{position:absolute;right:0;top:0; text-align:center; background:#FFF; padding:22px 0px;text-align:center;width:86px; border:1px solid #cccccc}
#n_news .un_box .content .date_box strong{ display:block;font-size:36px;color:#333}
#n_news .un_box .content .date_box span{font-size:14px;color:#666;margin-top:4px;display:block;text-transform:uppercase}
#n_news .un_box .content li:hover .date_box{background:#000;}
#n_news .un_box .content li:hover strong{ color:#FFF;}
#n_news .un_box .content li:hover span{ color:#333;}
#n_news .un_box .content li.last{ border-bottom:none; padding-bottom:10px;}
#n_news .un_box .content2{ width:auto; height:100%; margin:30px 0;}
#n_news .un_box .content2 .title{ border-bottom:1px solid #d0d0d0; background:url(../images/title_bg_03.png) left no-repeat; height:41px; line-height:41px; font-size:18px; font-weight:bold; text-indent:20px; color:#666}
#n_news .un_box .content2 li{ width:225px; height:80px; line-height:80px; text-align:center; float:left;border-bottom:none;}
#n_news .un_box .content2 li a{ color:#333}

.n_article { margin-bottom:20px;}
.n_article .ar_title{ padding:10px 0 20px 0;  margin-bottom: 10px;}
.n_article .ar_title{ padding:0 0 0px 0; position:relative; }
.n_article .ar_title h1{ font-size:22px; margin-bottom:30px;  display:block; font-weight:bold; text-align:center; line-height:30px; color:#555555;}
.n_article .ar_title h2{ font-size:12px; position:relative;  display:block; border-top:1px solid #d6d6d6; padding:0 5px; color:#999999; line-height:50px; text-align:center;}
.n_article .ar_title h2 strong { padding:0 20px;}
.n_article .ar_article{  min-height:400px; padding:20px 50px;}
.n_article .ar_article .text_1{line-height:200%; margin-top:30px; }
.n_article .bnt_page{ position:relative; height:40px; margin-bottom:10px; line-height:40px; font-size:12px; color:#8a8a8a;   border-top:1px dotted #e4e4e4;}
.n_article .bnt_page a{ color:#8a8a8a;}
.n_article .bnt_page a:hover{color:#007cc2;}
.n_article .back_box{ margin:40px auto 0 auto; padding-bottom:80px;}
.jiathis_style{ margin-top:10px;}
.n_article .bnt_page{ position:relative;}
.n_article .bnt_page .shart_box{ position:absolute; right:0; top:10px;}
#ar_fot{ position:relative; padding:15px 0; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
#ar_fot h1{ display:block; font-size:12px; line-height:30px; color:#777777; font-weight:bold;}
#ar_fot h1 a{ font-size:12px; color:#777777; font-weight:normal;}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#0059b4; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}
 
.job_list li{border:1px solid #e7e8e8;  margin-bottom:30px; display:block; position:relative;}
.job_list li .left{ width:230px; vertical-align:middle; }
.job_list li .left .box{ position:absolute; top:50%; margin-top:-23px; width:230px; text-align:center;  }
.job_list li .left h1{  text-align:center; color:#45444d; font-size:16px; display:block; margin-bottom:5px;}
.job_list li .left span{ font-size:12px; color:#afaeb4; text-align:center; display:block;}
.job_list li .right{ border-left:1px solid #e7e8e8;width:695px; line-height:36px; font-size:14px;}
.job_list li .right .ar_article{ padding:30px 20px; line-height:24px; color:#727272; font-size:12px; }
.job_list li .right .ar_article p{line-height:24px; color:#727272; font-size:12px; margin-bottom:24px; }
.job_list li .right .ar_article p:last-child{ margin:0 ;}
 
.n_contact{ position:relative; width:100%; overflow:hidden; }
.n_contact .info{ padding-bottom:30px; padding-top:15px; text-align:center; color:#666666; font-size:14px;}
.n_contact .info img{ margin-top:15px;}
.n_contact .up_box { border:1px solid #dbdbdb;   margin-bottom:40px; position:relative;}
.n_contact .up_box .title span{ display:block; color:#51575f; font-size:12px; margin-bottom:15px;}
.n_contact .up_box .text_box{ border-right:1px solid #dbdbdb; width:530px; padding: 35px 20px;}
.n_contact .up_box .text_box .box{ padding-left:25px; background:url(../images/icon_contact.png) left 8px no-repeat; font-size:14px; color:#666666; line-height:29px;}
.n_contact .map{ border:1px solid #dcdcdc;}
.n_contact .ewm_box{ position:absolute; right:0; top:40px; width:345px;  display:block;}
.n_contact .ewm_box .box span{ font-size:12px; color:#666666; display:block; text-align:center; margin-top:8px;}
.n_contact .ewm_box img{ width:115px; height:115px; display:block; margin:0 auto;  }
 
 
 
.page { margin:0; display:block}
.page .box{ width:100%;  text-align: center; padding: 30px; margin:30px;}
.page a{ padding:0 20px; height:40px; line-height:40px; display:inline-block; border:1px solid #dcdcdc; margin:0;  color:#fff; color:#444444; font-size:14px; }
.page .on{ background:#F9F9F9; color:#666 !important;border:1px solid #0c6545;}
.page span{ background:#F9F9F9; color:#666 !important;border:1px solid #0c6545;}
.page a:hover{ background:#F9F9F9; color:#999 !important; text-decoration:none; border:1px solid #0c6545; }
.page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; -webkit-transition: all 1s; 
-o-transition: all 1s; }

.shart_box{ position:absolute; right:0; top:70px;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{ padding-left:60px; position:relative;}
#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}
#j_shart_s_24 .bds_qzone{ background:url(../images/shart.png) center -224px no-repeat;}
#j_shart_s_24 .bds_tsina{ background: url(../images/shart.png) center -311px no-repeat;}
#j_shart_s_24 .bds_tqq{background: url(../images/shart.png) center -195px no-repeat;}
#j_shart_s_24 .bds_renren{background: url(../images/shart.png) center -340px no-repeat;}
#j_shart_s_24 .bds_weixin{background: url(../images/shart.png) center -253px no-repeat;}
#j_shart_s_24 .bds_count{ font-size:12px;}

.teach_box ul li{float:left;width: 530px;padding: 15px;margin: 20px 15px;box-shadow: 3px 3px 5px #a8d6c6, -3px -3px 5px #a8d6c6;box-sizing: border-box;}
.teach_box ul li a{color:#333;}
.teachcont{width: 64%;}
.teach_pic{width:160px;height:200px;overflow:hidden;}
.teach_pic img{width:100%;}
.teachcont h2{font-size:18px;font-weight:bold;margin-top:20px;color:#00744b;margin-bottom:20px;}
.teachcont div{font-size:15px;line-height:23px;}
.teachcont div span{font-size:14px;color:#00744b;}

@media(max-width: 1440px){
body,html{min-width:1366px;}
.w1580{width:98%;}
#s_pro .left_3 .content{width:53%;}
.index_footer .foot_right{margin-right:0;}
.index_footer .foot_right>div{float:right !important;margin-right:0;}
.main_box{width:100%;}
.n_right{float:right;width:74%;}
.teach_box ul li{width:48%;margin:20px 1%;}
.teachcont{width:59%;}
}