@charset "utf-8";

a{color: inherit; transition: 0.3s all;}

a:hover,a:focus{text-decoration: none;color: inherit;}

body{background-color: #f4f8f7;font-family:Microsoft YaHei,SimSun; color: #757575; font-size: 14px;}

input,textarea{backface-visibility: hidden;}

ol, ul {margin: 0;}



@font-face {

        font-family: SiyuanHei;

        src: url('../fonts/SourceHanSansCN-ExtraLight.ttf');

}



.left{ float:left;}

.right{ float:right;}

.clear{ clear:both;}

.relative{ position:relative;}

.absolute{	position:absolute;}

ul {list-style: none;}

li{ list-style-type:none;}

.eng{text-transform:uppercase; font-size: 4rem; }





.w1200{width:1200px; height:auto; overflow:hidden; margin:0 auto;}

.kb20{ height: 20px;}

.kb40{ height: 40px;}

.f12{ font-size: 12px !important;}

.f14{ font-size: 14px !important;}

.f16{ font-size: 16px !important;}

.f18{ font-size: 18px !important;}

.f24{ font-size: 24px !important;}

.f40{ font-size: 40px !important;}

.bold{ font-weight: bold !important;}



.bai{ background-color:#FFF;}

.center{ text-align: center;}



.red{ color:#eb2626;}

.green{ color:#30a972;}

.white{ color: #FFF !important;}

.bold{ font-weight: bold;}

.h_xian{ clear: both; height: 1px; background: #EAEAEA;}



.thumbnail .caption p{ font-size: 1.5rem !important; line-height: 2rem; color: #999 !important;}



.logo{ padding: 3% 0 2%;}

.logo h1{background: url(../Image/logo.png) no-repeat center 18px; background-size: 100%; margin: 0 !important; height: 80px;}

.logo img{ max-width: 100%;}

.nav{ height: 70px; line-height:70px; overflow: hidden;}

.nav a{ color: #484848; width: 100px; float: left; text-align: center; font-size: 16px;}

.flash{ height: 520px; width: 100%; overflow: hidden; position: relative; background: #51ba6e;}

/*.zy1{ background: url(../Image/zy1.jpg) no-repeat center top;}

.zy2{ background: url(../Image/zy1.jpg) no-repeat center top;}

.zy3{ background: url(../Image/zy1.jpg) no-repeat center top;}

.zy4{ background: url(../Image/zy1.jpg) no-repeat center top;}

.zy5{ background: url(../Image/zy1.jpg) no-repeat center top;}

.zy6{ background: url(../Image/zy1.jpg) no-repeat center top;}

.zy7{ background: url(../Image/zy1.jpg) no-repeat center top;}*/



.footer{ padding: 20px 0; overflow: hidden; min-height: 95px; clear: both;}

.footer li{ float: left; margin-top:10px ; width: auto; padding: 4px 10px 0 57px; height: 30px; color: #4f4f4f;}

.footer li:nth-of-type(1){ background: url(../Image/end1.png) no-repeat 20px top;}

.footer li:nth-of-type(2){ background: url(../Image/end2.png) no-repeat 20px top;}

.footer li:nth-of-type(3){ background: url(../Image/end3.png) no-repeat 20px top;}

.footer li:nth-of-type(4){ background: url(../Image/end4.png) no-repeat 20px top;}

.links{ line-height: 48px;}

.end{ height: 96px; line-height: 52px; background: url(../Image/end.jpg)  #2a2a2a; color: #6f6f6f;}



.sy_nav{ text-align: center;}

.sy_nav span{ font-size: 30px; height: 70px; display: block; color: #383838; line-height: 70px; position: relative;}

.sy_nav span:after{ bottom: 0; left: 50%; width: 44px; position: absolute; background: #666666; content: ""; margin-left: -22px; height: 1px;}

.sy_nav p{ font-size: 14px; color: #666666; line-height: 2.5rem;}





#sj_nav{ width:100%; background: #30a972; height: 72px; padding: 0 !important;}

#sj_nav li{ float:left; width: 25%; border-bottom: 1px solid #20b66f; background: url(../Image/nav_line.jpg) no-repeat right top; height:36px; line-height:36px; text-align:center; color:#fff !important;}



#sj_banner{ width: 100%; height: auto; overflow: hidden;}

#sj_banner img{ max-width: 100%;}





.case .nr{ background:url(../Image/case_bj.jpg) no-repeat top center; padding-bottom: 35px;}

.case .caseinfo{ width: 94%; height: 94%; display: block; overflow: hidden; position: relative;margin:35px auto 0 auto;}

.case .caseinfo img{ width: 100%; height: 100%; }

.case .caseinfo p{ position: absolute;left: 0; width: 100%; color: #FFF; background:rgba(0,0,0,0.6); text-align: center;margin: 0;}

.case .caseinfo p.tit{ bottom: 0; height: 52px; line-height: 52px;  border-bottom: 3px solid #30A972; transition: 0.3s all;}

.case .caseinfo p.tel{ top: 0; font-size: 18px; height: 100%; opacity: 0; top:-80%; transition: 0.3s all;}

.case .caseinfo p.tel span{ display: block; width: 44px; height: 44px; margin:20% auto 25px auto; background: #000; line-height: 44px;}

.case .caseinfo p:after{ background: #30a972; height: 3px; width: 100%; position: absolute; top: ;}

.case .caseinfo:hover p.tel{ opacity: 1; top: 0;}

.case .caseinfo:hover p.tit{ border-bottom: 52px solid #30A972;}

.jj .nr{ background: #30a972; position: relative; color: #FFF; line-height: 30px; padding: 100px 0 30px 0; margin-top: 90px;}

.jj .img{ background: url(../Image/jj.jpg) no-repeat top center; text-align: center; position: absolute; top: -80px; width: 100%; left: 0;}

.history{ text-align: center; font-size: 18px; color: #777777; padding: 30px 0;}

.history .year{ color: #e53434; font-size: 56px; position: relative;}

.history .year span{ font-size: 24px; top: 0; position: absolute;}

.history div:nth-of-type(2){border-left: 1px solid #cdd5d3;border-right: 1px solid #cdd5d3;}









.slideBox{ position:relative; overflow:hidden; margin:0 auto;  width:100%;/* 设置焦点图最大宽度 */ }

.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:50%; z-index:1; }

.slideBox .hd li{ display:inline-block; width:15px; height:15px; -webkit-border-radius:15px; -moz-border-radius:5px; border-radius:5px; background:#30a972; text-indent:-9999px; overflow:hidden; margin:0 6px;   }

.slideBox .hd li.on{ background:#fff;  }

.slideBox .bd{ position:relative; z-index:0; }

.slideBox .bd li{ position:relative; text-align:center; height:auto; overflow:hidden;  }

.slideBox .bd li img{  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}

.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff;  text-align:left;  }









.carousel.flexible .items {	display: none;}

.flex-item a{ display: block; text-align: center;}

.img-responsive{ margin: 0 auto;}

.newslist{ padding: 0; margin: 0; background: #FFF;}
.newslist img {max-width: 100%;}
.newslist .caption{ padding:20px; color: #9d9d9d; font-size: 14px; line-height: 26px;}

.newslist .caption .text-nowrap{ overflow: hidden; font-size: 16px; color: #383838; font-weight: bold; text-overflow: ellipsis;}

.newslist .caption .more{ margin-top: 20px; width: 114px; height: 38px; border: 1px solid #d9d9d9; color: #acacac; margin: 0 auto; text-align: center; line-height: 36px; display: block;}

.newslist:hover .more{ background: #30A972; color: #FFF;}

.picList .hd{ width: 132px; text-align: center; overflow: hidden; margin: 25px auto;}

.picList .hd a{ width: 40px; height: 40px; margin: 0 2px; float: left; color: #FFF; text-align: center; line-height: 40px; background: #cccccc; transition: 0.3s all; font-family: "宋体"; font-size: 24px; cursor: pointer;}

.picList .hd a:hover{ background: #30A972;}



.ys{ background: url(../Image/ys_bj.jpg) no-repeat top center; overflow: hidden; padding-bottom: 15px;}

.sy_inco{font-size: 30px; color: #FFF; padding: 20px 0 10px 0;}

.sy_inco .eng{ font-size: 24px; color:  #e3e3e3;}

.ys .nr li{}

.ys .nr li .img{ background: #FFF; width: 166px; height: 166px; transition: 0.3s all; margin: 0 auto; overflow: hidden; border-radius: 50%;}

.ys .nr li .img img{width:332px; max-width: none;}

.ys .nr li .tit{ text-align: center; font-size: 18px; color: #FFF; font-weight: bold; padding: 20px 0;}

.ys .nr li .cont{ color: #FFF; text-align: center;}

.ys .nr li:hover .img img{transition: 0.3s all; margin-left: -166px;}

.ys .nr li:hover .img{ background: #d2a658;}



.article{ font-size: 16px; line-height: 30px; padding:3% 0;}
.article img{ max-width: 100%;}
.zy_nav{ font-size: 60px; background: url(../Image/zy_nav.jpg) no-repeat right center; height: 100px; margin: 5% 0 0; color: #88848b; font-family: "SiyuanHei";}



.daohang{ background: #f4f8f7; height: 58px; line-height: 58px;}

.daohang .color9{ color: #88848b;  padding: 0 5px;}

.thumbnail.cp{ border: none;border-radius:0; border-bottom: 3px solid #30A972; box-sizing: content-box;}

.thumbnail.cp:hover{ border-bottom-color: #d2a658;}

#allmap{width:100%;height:460px;overflow:hidden;margin:20px 0;;}







#verify { width: 150px;display: inline-block; margin-right: 15px;}

.form-control:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}

.form-control::-moz-placeholder {color: #999;opacity: 1;}

.form-control:-ms-input-placeholder {color: #999;}

.form-control::-webkit-input-placeholder {color: #999;}

.form-control::-ms-expand {background-color: transparent;border: 0;}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {background-color: #eee;opacity: 1;}

.form-control[disabled],fieldset[disabled] .form-control {cursor: not-allowed;}

textarea.form-control {height: auto;}

input[type="search"] { -webkit-appearance: none;}

.form-group {margin-bottom: 15px;}

.message .qf_btn {padding-left: 30px; padding-right: 30px; background: #30A972; color: #FFF;}