@charset "utf-8";

/*-------head-------*/

.Wrap{max-width: 1180px;margin: 0 auto;}
.top{height: 100px;overflow: hidden;}
.logo a{color: #00925f}
.dd{font-size: 24px;color: #00925f;vertical-align: middle;
margin: 32px 0 0 20px}
.logo h1{font-size: 42px;font-weight:500;margin-top: -17px;}
.enfont{font-size: 36px;height: 53px; line-height: 53px}
.topTel{height: 80px;background: url(/templets/sh/images/head_tel.jpg) left center no-repeat;
 padding-left: 70px;text-align: center;font-weight: 100}
.topTel p{height: 24px;line-height:24px;overflow: hidden;padding-top: 18px;}
.topTel span{font-size: 24px;color: #f00;width: 177px;}
.weixin{width: 90px;height: 90px;display: none;}
.navBox{height: 50px;background:#70c570;    box-shadow: 0px 3px 3px #888;position: relative;}
.nav li{line-height: 50px;height: 50px;padding: 0 22px; float: left;margin-right:20px;
position: relative;}
.nav li > a{font-size: 16px;color: #fff}
.navDorn{position: absolute; background: rgba(108,177,108,.7);z-index: 9;left:-8px;width: 130px;
top: 50px;padding: 10px 0;display: none;}
.navDorn a{display: block;padding: 0 20px;height: 30px; line-height: 30px;text-align: center;
margin-bottom: 10px;font-size: 14px;color: #fff}
.nav li.active,.nav li:hover{background: #6cb16c}
.searchBox{margin-top: 20px;}
.search{width: 250px;height: 30px;line-height: 30px;border:1px #ccc solid;padding: 4px}
a.searchBtn{display: block;height: 40px;line-height: 40px;width: 100px;text-align: center;
background: #70c570;color: #fff}
.top_lian {
    height: 40px;
    line-height: 40px;
    float: right;
    margin-top: 6px;}

.top_lian i {
    font-size: 24px;
    color: #9b0005;
    font-style: normal;
}
/* .searchTxt{width: 250px;padding:5px;height: 20px;list-style: 30px;background: #fff;margin: 10px 0}
 */
.WrapTit{width: 100%;height: 40px;line-height:40px;border-bottom: 1px solid #ccc;color: #1c592c}
.WrapTit span{font-size: 16px;}
.about_nn{margin: 20px 0;overflow: hidden;}
.about_nr{width: 566px;height: 180px;overflow: hidden;}
.about_nn > .fl{width: 400px;height: 180px;}
.about_nr span{font-size:14px;height: 30px;line-height: 30px;display: block;color: #333;
font-weight: bold;}
.about_nr p{line-height: 24px}
.about_nr a{color: #217b3d;display: inline-block;margin-top: 10px;}
.title{height: 76px;width: 100%;padding: 20px 0;}
.title span{display: block;font-size: 28px;color: #3fbe72;height: 35px;line-height: 35px
;text-align: center;}
.title em{font-size: 23px;color: #989b9b;display: inline-block;height: 35px;line-height: 35px;
text-align: center;width: 100%;}


.bannerWarp{height:0;position: relative;padding-bottom: 23.4%;overflow: hidden;}
.banner{max-width: 1920px;overflow: hidden;text-align: center;overflow: hidden;}
.banner li{width: 100%;overflow: hidden;}
.banner li img{width: 100%;}
.focus{position:absolute;width: 100%;bottom: 10px;text-align: center;}
.focus a{display: inline-block;width: 15px;height: 15px;border-radius: 50%;background: #70c570;margin-right: 10px}
.focus a.cur{background: #00925f}

.main{    overflow: hidden;
    padding-bottom: 20px;}

.index_pro{ width:100%; padding-top:50px; padding-bottom:60px;}
.index_title{ width:100%; height:50px; background:url(/templets/sh/images/index_title.png) no-repeat center bottom;  text-align:center; font-size:24px; line-height:50px; color:#2b2b2b;}
.index_title span{ display:inline-block; *display:inline; *zoom:1; margin-left:10px; color:#00925f;}

/*产品*/
.pro_list{ width:100%; padding-top:20px;overflow: hidden;}
.pro_list ul{ width:102%; text-align:center; margin-left:-0.95%}
.pro_list li{ width:22.5%; display:inline-block; *display:inline; *zoom:1; margin:0 1%; overflow:hidden;
 background-color:#FFF;margin-bottom: 2%;position: relative; }
.pro_list li a.jzimg{ display:block; width:100%; text-align:center;position: relative;
overflow: hidden;}
.pro_list li a.jzimg img{max-width:100%; max-height:100%;vertical-align:middle;}
.pro_list li a.jzimg i{vertical-align:middle; display:inline-block; *display:inline; *zoom:1; height:100%;}
.hidTxt{width: 100%; height: 100%;background: rgba(0,0,0,.7);color: #fff;position: absolute;
left: 0;top: 0;z-index: 9}
.pro_list li > div{ width:100%; border-bottom:5px solid #6cb16c; text-align:center;
  background: #70c570;height: 30px; line-height: 30px;}

.pro_list li div span a{display:inline-block; *display:inline; *zoom:1; height:2em; overflow:hidden;
 line-height:2em; font-size:1.2em; font-weight:bold; color:#fff;}
.pro_list li div > a{ color:#00925f; display:inline-block; *display:inline; *zoom:1; padding-right:15px; background:url(/templets/sh/images/por_ins01.png) no-repeat right 2px;}
.pro_list li:hover{box-shadow:0 15px 30px rgba(0,0,0,0.3);-moz-box-shadow:0 15px 30px rgba(0,0,0,0.3);
 -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.3);-o-box-shadow:0 15px 30px rgba(0,0,0,0.1);
transform: translate3d(0,-2px,0);-moz-transform: translate3d(0,-2px,0); -wbkit- transform: translate3d(0,-2px,0); -o- transform: translate3d(0,-2px,0);
}
.pro_list li:hover div{ border-bottom:5px solid #30a57c; transition-duration:2s; -moz-transition-duration:2s;-webkit-transition-duration:2s;-o-transition-duration:2s;}
.pro_list li:hover .hideTxt{display: block;}
.hideTxt{width: 100%;height: 100%;display: block;position: absolute;
left: 0;top: 0;background: rgba(108,177,108,.7);z-index: 999;display: none;}
.hideTxt > i{display: inline-block !important;width: 50px !important; height: 50px !important;
  background: url(/templets/sh/images/play.png) no-repeat;
  background-size: cover;position: absolute;top: 50%;left: 50%;margin: -25px 0 0 -25px}

.Iabout{height: 464px;background: url(/templets/sh/images/about.jpg) no-repeat;padding: 30px 0;
  background-size: cover;
  background-position: center center;}
.aboutTxt{color:#fff; line-height: 25px;padding:0 20px;margin-top: 30px;}
.aboutTxt .fr{width: 450px}
.aboutTxt p{color: #fff}
.video{width: 400px; height:250px;}
.video img{width: 100%; height: 100%}
/*案例*/
.index_case{ width:100%;  padding-top:40px;}

.case_list{ padding:40px 0;}
.case_list ul li{ float:left; width:25%; display:inline-block; *display:inline; *zoom:1; overflow:hidden; position:relative;}
.caseImg{ width:100%;  display:inline-block; *display:inline; *zoom:1;position:relative;text-align:center; border-bottom:1px solid #00925f; background-color:#eaeaea; }

.bor{ border-top:1px solid #00925f; border-bottom:none;}


.caseImg img{ max-width:95%; max-height:95%; vertical-align:middle;}
.caseImg em{ height:100%; vertical-align:middle;   display:inline-block; *display:inline; *zoom:1;}

.caseImg a{ display:none; width:100%; height:100%; background:url(/templets/sh/images/show01.png) no-repeat center center; position:absolute; left:0px; top:0px;}
.caseImg i{ display:block; width:28px; height:16px; background:url(/templets/sh/images/case_ins.png) no-repeat left bottom;position:absolute; left:50%; margin-left:-14px; bottom:-1px;}
.caseImg i.cur{ background:url(/templets/sh/images/case_ins1.png) no-repeat left top; top:-1px;}

.caseText{  background-color:#fff; padding:2% 5% 5% 5%;}
.caseText > a{ display:block; width:100%; height:2em; font-size:1.5em; line-height:2em; color:#70c570;}
.caseText span{ line-height:1.5em; font-size:1em;}
.caseText p{ line-height:1.6em;  height:6.4em; overflow:hidden;}

.case_list ul li:hover .caseImg{ background-color:#00925f; transition-duration:2s; -moz-transition-duration:2s;-webkit-transition-duration:2s;-o-transition-duration:2s;}
.case_list ul li:hover .caseImg a{ display:block;}
.cont_box{ border-top:2px solid #eaeaea; background-color:#FFF;}
.contact_block{ float:left; width:28%; display:inline-block; *display:inline; *zoom:1; padding:2% 0; margin:2% 0; color:#00925f; }

.contact_block.ins01{ background:url(/templets/sh/images/client6.png) no-repeat left center; padding-left:5%;font-size:2em;}
.contact_block.ins02{ background:url(/templets/sh/images/client7.png) no-repeat left center; padding-left:5%;font-size:2em;}
.contact_block.ins03{ background:url(/templets/sh/images/client8.png) no-repeat left center; padding-left:5%;font-size:1.5em;}

.parth{width:100%;margin:20px 0; overflow: hidden;}
.tab_box{overflow:hidden}
.scrll_pro ul{width:110%; overflow:hidden;}
.scrll_pro li.jzimg{width:210px; height:75px; border:1px solid #c7c7c7; margin-right:30px; float:left}


.foot{height: 215px;width: 100%;background: #70c570;padding-top: 20px;color: #fff;}
.footNav{height: 170px}
.footNav li{width: 108px;float: left;}
.footNav li a{display: block;height: 25px;line-height: 25px;color: #fff}
.footNav li a:first-child{font-size: 14px;font-weight: bold;}
.wx{width: 130px;text-align: center;color: #fff;margin-right: 70px;}
.wx img{width: 130px;}
.wx p{color: #fff}
.message{width: 30%}
.message p{height: 25px;line-height: 25px;margin-bottom: 10px;}
.input{width: 80%; height: 20px;line-height:20px;background: #fff;padding: 4px}
.copy{height: 45px;line-height: 45px;background:#65b165}
.copy .Wrap > p{color: #fff; height: 45px; line-height: 50px;}
.line span{display:inline-block;width: 100px;height: 100px;border-radius: 50%;
background: #ccc;text-align: center;line-height: 100px;color: #fff;font-size: 14px;}
.line > div{height: 50px;border-top: 1px #ccc solid;border-bottom: 1px solid #ccc;line-height: 50px;
margin-top: 25px;}

.celieha{padding-top:20px; overflow:hidden}
.celieha p em{ display:block;background:url(/templets/sh/images/jie_01.jpg) repeat-x left top #e1e1e1; line-height:24px; padding:10px; margin-bottom:7px;}
.celieha p span{ display:block; height:60px; background:url(/templets/sh/images/ser001.jpg) no-repeat top center; margin-bottom:10px;}
.celieha p:hover span{background:url(/templets/sh/images/ser002.jpg) no-repeat top center}
.celieha p:hover em{background:url(/templets/sh/images/jie_02.jpg) repeat-x left top #65000b; color:#FFF}

.Lcont{padding: 0 18px;padding-bottom: 15px;}
.nyBanner{text-align: center; }
.nyBanner img{width: 100%;}
.indexBox {
  padding: 2% 0 2%;
}
.mt30{margin-top: 30px;}
.qustionBox{padding: 0 1%}
.qustion{width: 23.5%;padding-bottom: 31%;float: left;margin-left: 2%;height: 0;overflow: hidden;border-bottom: 2px solid #70c570;
margin-bottom: 20px;}
.qustion:first-child{margin-left: 0;}
.qusTit{display: block; height: 40px;line-height: 40px;color: #d6ecd4;overflow: hidden;background: #70c570;
  text-transform: uppercase;padding-left: 12px;}
.qusText{line-height: 24px;overflow: hidden;color: #333; padding: 15px 2%;height: 0;overflow: hidden;
padding-bottom: 28%;}
.img img{text-align: center;width: 100%;max-width: 100%;}
.sq{display: block;width: 71px;height: 39px;background: url(/templets/sh/images/kr_w.jpg) no-repeat;
text-indent: -200%;}

.indexJoin,.indexServer{overflow: hidden;}
.serTxt{font-size: 14px;line-height: 28px;color: #666;text-align: center;
padding: 2% 3%}
.serList{margin-bottom: 2%;padding: 0 1%}
.indexServer{margin: 20px 0}
.ser{display: block;width: 23%;overflow: hidden;float: left;margin-right: 2%}
.topImg{height: auto;overflow: hidden;position: relative;}
.topImg i{display: block;padding-bottom: 72.5%;text-indent: -1000%}
.imgCenter{position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin:auto;
width: 100%;max-width: 100%}
.Txt{width: 90%;padding: 0 5%}
.Txt > span{display: block;height: 48px;font-size: 16px;text-align: center;font-weight: bold;
color: #32a129;overflow: hidden;line-height: 48px;}
.Txt > div{line-height: 24px;height: 48px;overflow: hidden;
width: 100%;font-size: 14px;}
.vimeMore{display:block;width: 115px;height: 29px;line-height: 29px;
  border:1px solid #00925f;border-radius: 10px;text-align: center;color: #00925f
;font-size: 14px;margin:10px auto}

.project .span12{ height:60px; line-height:60px;}
.indexpro{ width:102%; overflow:hidden; position:relative;}
.indexpro ul{ width:1000%; position:relative;}
.indexpro ul li{ float:left; margin-left:30px; width:270px; }
.indexpro ul li .divc{ display:block; width:270px; height:203px;}
.indexpro ul li .divc a{ display:block; text-align:center; width:100%; height:100%;}
.indexpro ul li .divc img{max-height:100%; max-width:100%;  border:0; vertical-align:middle;}
.indexpro ul li .divc b{ height:100%; display:inline-block; vertical-align:middle;}
.indexpro ul li p{ background:#70c570; height:30px; line-height:30px; width:270px; border-bottom:5px solid #6cb16c; display:block; text-align:center; }
.indexpro ul li p a{ display:block; padding:0px 10px; overflow:hidden; font-size:1.2em; height:30px;
line-height: 30px;color: #fff}
.nySer{margin: 20px 0;width: 90%;margin: 20px auto;border-bottom: 1px solid #ccc;
overflow: hidden;padding-bottom: 10px;}
.nySer .Txt > div{color: #666;height: auto;}
.nySer .ser{width: 30%;}

.focus{position:absolute;left: 50%;margin-left:-960px;width: 1920px;bottom: 10px;text-align: center;}
.focus a{display: inline-block;width: 15px;height: 15px;border-radius: 50%;background: #70c570;margin-right: 10px}
.focus a.cur{background: #00925f}
.main-im{position:fixed;right:10px;top:250px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(/templets/sh/images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.im-tel p{color:#e66d15}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(/templets/sh/images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(/templets/sh/images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(/templets/sh/images/close_img.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(/templets/sh/images/open_im.png) no-repeat left top;}

.serTxt{font-size: 14px;line-height: 28px;color: #666;text-align: center;
padding: 2% 3%}
.serList{margin-bottom: 2%;}
.indexServer{margin: 20px 0}
.ser{display: block;width: 23%;overflow: hidden;float: left;margin-right: 2%}
.topImg{height: auto;overflow: hidden;position: relative;}
.topImg i{display: block;padding-bottom: 72.5%;text-indent: -200%}
.imgCenter{position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin:auto;
width: 100%;max-width: 100%}
.Txt{width: 90%;padding: 0 5%}
.Txt > span{display: block;height: 48px;font-size: 16px;text-align: center;font-weight: bold;
color: #32a129;overflow: hidden;line-height: 48px;}
.Txt > div{line-height: 24px;height: 48px;overflow: hidden;
width: 100%;font-size: 14px;}
.vimeMore{display:block;width: 115px;height: 29px;line-height: 29px;
  border:1px solid #00925f;border-radius: 10px;text-align: center;color: #00925f
;font-size: 14px;margin:10px auto}
.nySer{margin: 20px 0;width: 90%;margin: 20px auto;border-bottom: 1px solid #ccc;
overflow: hidden;padding-bottom: 10px;}
.nySer .Txt > div{color: #666;height: auto;}
.nySer .ser{width: 30%;}
.project .span12{ height:60px; line-height:60px;}
.indexpro{ width:102%; overflow:hidden; position:relative;}
.indexpro ul{ width:1000%; position:relative;}
.indexpro ul li{ float:left; margin-left:30px; width:270px; }
.indexpro ul li .divc{ display:block; width:270px; height:203px;}
.indexpro ul li .divc a{ display:block; text-align:center; width:100%; height:100%;}
.indexpro ul li .divc img{max-height:100%; max-width:100%;  border:0; vertical-align:middle;}
.indexpro ul li .divc b{ height:100%; display:inline-block; vertical-align:middle;}
.indexpro ul li p{ background:#70c570; height:30px; line-height:30px; width:270px; border-bottom:5px solid #6cb16c; display:block; text-align:center; }
.indexpro ul li p a{ display:block; padding:0px 10px; overflow:hidden; font-size:1.2em; height:30px;}



.phoneFoot{width: 100%;position: fixed;bottom: 0;left: 0;background: #70c570;height: 50px;line-height: 50px;display: none;}
.phoneFoot li{float: left;width: 25%;text-align: center;}
.phoneFoot li a{color: #fff;font-size: 14px;}
.copy .wx{margin: 0 auto;width: 30%;display: none;}



@media (max-width: 440px) {
  .indexBox {
    padding: 3% 0 4%;
  }
}
@media (max-width: 600px) {
    .ser{width: 49%;margin-right: 0;}
    .ser:nth-child(1),.ser:nth-child(3){margin-right: 2%;}
    .indexServer .index_title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .focus{bottom: 4px;}
    .focus a{width: 8px;height: 8px}
    .none{display: none;}
    .table{width: 95% !important;margin:0 auto}
    .table td{width: 100% !important;max-width: 100% !important}
    .table span,.table td{padding-left: 0 !important;}
}
.indexBox .indexBoxnr .inNewsnr {
  width: 48%;
}


@media (max-width: 640px) {


}
.indexBox .indexBoxnr .inNewsnr {
  width: 48%;

}


@media (max-width: 1199px) {
  .nav li{margin-right: 0;}
}

@media (max-width: 1024px) {
  .indexBox .indexBoxnr .inNewsnr {
    width: 46%;
    padding: 0 1%;
  }
}








@media (max-width: 680px) {
  .indexBox .indexBoxnr .inNewsnr {
    width: 96%;
    padding:0 2%;
  }
.Newslist, .Newslist {
    padding: 2% 0 0;
}
}
 .bt,
 .bt {
  border-bottom: 1px solid #cccccc;
  height: 42px;
}
@media (max-width: 600px) {
   .bt,
   .bt {
    height: 32px;
  }
}
 .bt span,
 .bt span {
  float: left;
  display: inline-block;
  color: #2b2b2b;
  font-size: 24px;
  height: 42px;
  line-height: 42px;
  border-bottom: 2px solid #70c570;
}
@media (max-width: 600px) {
   .bt span,
   .bt span {
    font-size: 18px;
    line-height: 32px;
    height: 32px;
  }
}
 .bt a,
 .bt a {
  display: inline-block;
  width: 47px;
  height: 20px;
  background: #4d4d4d;
  color: #FFFFFF;
  font-family: arial;
  font-size: 12px;
  float: right;
  text-align: center;
  margin-top: 12px;
  line-height: 20px;
}
@media (max-width: 600px) {
   .bt a,
   .bt a {
    margin-top: 5px;
  }
}

@media (max-width: 680px) {
   .Newslist,
   .Newslist {
    padding: 2% 0 0;
  }
}
 .Newslist li,
 .Newslist li {
  float: left;
  color: #565656;
  font-size: 12px;
  line-height: 26px;
  width: 100%;
}
@media (max-width: 640px) {
   .Newslist li:nth-child(n+7),
   .Newslist li:nth-child(n+7) {
    display: none;}
    .aboutTxt{padding: 0 10px}
}
 .Newslist li:hover a,
 .Newslist li:hover a {
  color: #db1525;
}
 .Newslist li a,
 .Newslist li a {
  display: inline-block;
  float: left;
  color: #565656;
  max-width: 80%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
 .Newslist li span,
 .Newslist li span {
  float: right;
  color: #767676;
  font-family: arial;
}
 {
  width: 100%;
}
 .inMap {
  width: 100%;
  position: relative;
  height: 119px;
  border: 1px solid #e3e3e3;
  margin-top: 18px;
}
 p {
  color: #565656;
  line-height: 26px;
}
 p span {
  font-family: arial;
}
 p a {
  color: #565656;
  font-family: arial;
}
 p a:hover {
  color: #db1525;
}

.leftMenu{width: 250px;}
.Title{width: 250px;height: 76px;line-height: 76px;background: #515151;color: #fff;
text-align: center;font-size: 22px;margin: 0}
.cur{background: #70c570}
.a_one {border:1px solid #DCDBDB;margin: 20px 0;border-radius:5px 5px 0 0;}
.a_one li{height: 40px;line-height: 40px;text-align: center;border-bottom: 1px solid #DCDBDB}
.a_one li{font-size: 14px;}
.Rcenter{max-width: 900px;margin-top: 20px;width: 900px;}
.ny_scrap {color: #000;font-size: 14px;background: url(/templets/sh/images/tit01.png) no-repeat left center;
text-indent: 20px;height: 30px; line-height: 30px;border-bottom: 1px solid #70c570;margin-bottom: 10px;}
.Rcenter .pro_list li{width: 30.5%;display: block;float: left;}
.Rcenter .case_list li{width: 32.8%}
.Rcenter .Newslist li{height: 40px; line-height: 40px;border-bottom: 1px dashed #ccc
;max-width:90%;font-size: 14px;}
.page{ text-align:left; margin-bottom:3%;margin-top: 20px;}
@media screen and (max-width: 500px){
.Rcenter .pro_list li{width: 48%;}
}
@media screen and (max-width: 768px){
.case_list{ width:95%; padding:40px 0; margin:0 auto;}
.case_list ul li{ float:left; width:50%; display:inline-block; *display:inline; *zoom:1; overflow:hidden; position:relative;}
.Rcenter .case_list li{width: 50%;}
#qiao-mess-head,#qiao-mess-wrap{display: none !important; }
}
@media screen and (max-width: 413px){
.Rcenter .case_list li{}

}
.page a{ display:inline-block; *display:inline; *zoom:1; padding:0.4% 1%; background-color:#ccc; color:#FFF; margin:0 0.1%;border-radius:2px }
.page a:hover,.page a.cur{ background-color:#00925f; }
a.ny_pre,a.ny_next{ padding:0.4% 1.8%;color:#333; background-color:#ccc; }
a.ny_pre:hover,a.ny_next:hover{ color:#fff;}
.ab_rneirong{ width:100%; margin-right:15px; margin-top:20px; overflow: hidden; }
.contact_t{background:url(/templets/sh/images/contact01.jpg) no-repeat right top; margin-left:10px;}

.contact_t p{ color:#636363; font-size:14px; line-height:28px;text-align:center;}
.contact_t ul{border-top:1px dashed #979797; margin-top:28px; padding:20px 0; overflow:hidden;
width: 100%;}
.contact_t ul li{min-width:238px; display:block;  line-height:30px;width: 100%;}
.contact_t ul li b{float:left;}

.message{ width:500px; overflow:hidden}
.message li:first-child{ border:0px;}
.message span{ color:#e0000a; padding:0px 5px;}
.message input[type="text"]{height: 30px; line-height: 20px; width: 360px;border:1px #ccc solid;
padding: 5px;margin-bottom: 15px;padding-left: 40px}
.textarea{width: 400px;height: 150px;border:1px #ccc solid;padding: 5px}
li.li_01{ font-size:13px; line-height:40px;}
li.li_02{ width:252px; background:url(/templets/sh/images/feed_01.jpg) no-repeat 10px 11px;}
li.li_03{ width:252px; background:url(/templets/sh/images/feed_02.jpg) no-repeat 10px 12px;}
li.li_04{ width:382px; background:url(/templets/sh/images/feed_03.jpg) no-repeat 10px 16px;}
li.li_05{ width:382px; background:url(/templets/sh/images/feed_04.jpg) no-repeat 10px 13px;}
.messBtn{width: 150px;height:45px;line-height:45px;background: #70c570;color: #fff;font-size: 16px;
font-weight: bold;margin-bottom: 20px;}

.proT{display:block;width: 100%;text-align: center;font-size: 16px;font-weight: bold;color: #666}
.bigPro{width: 100%; height: 400px;text-align: center;margin-top: 20px;}
.bigPro img{width: 40%}
.detail_hx .cpxq {
    text-align: left;
    font-size: 18px;
    margin-bottom: 10px;
    background: url(/templets/sh/images/common_icon02.png) no-repeat left top;
    padding-left: 30px;
    height: 24px;
    line-height: 24px;
    color: #777;
    border-bottom: 2px dashed #ccc;
    padding-bottom: 5px;
}
.detail_hx div b {
    font-size: 14px;
    color: #636363;
    font-weight: bold;
}
.detail_hx div {
    padding-top: 20px;
}

.pageup{ width:100%; height:24px; border-bottom:1px dashed #ccc; font-size:12px; padding-top:30px;}
.pageup p{ width:310px; height:24px; display:block; float: left;  line-height:24px; color:#666; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; padding:0 28px;}
.pageup p a{ color:#666;}
.pageup p a:hover{ color:#393;}

/*返回列表*/
.retrun{ width:95%; height:24px; text-align:right; margin:20px 0  0; padding-right:5%;
margin-bottom: 30px;}
.retrun a{ width:100px; height:24px; display:inline-block; border:1px solid #999; line-height:24px; color:#666; text-align:center;text-decoration:none; outline:none; }
.retrun a:hover{ border:1px solid #333; color:#333; }
.info{ width:100%; min-height:24px; line-height:24px; text-align:center; display:block; border-top:1px dashed #ccc;border-bottom:1px dashed #ccc; margin-bottom:20px;}
.info em{ font-style:normal; display:inline-block; margin:0 20px;}
.info p{ font-size:12px; padding:0 20px;}

.honor{ padding:30px 0 70px; overflow:hidden; width:100%}
.honor ul{ margin-right:-15px; float:left; padding-left:4px;}
.honor ul li{ width:210px; height:265px; overflow:hidden; float:left; margin-right:14px;
 border:1px solid white; padding-bottom:13px; margin-bottom:7px; box-shadow:3px 3px 4px #ccc;
 cursor:pointer; border:1px solid #ccc}
.honor ul li div{ width:190px; height:192px; padding:7px 7px 0;}
.honor ul li div img{ max-width:190px; max-height:192px; box-shadow:3px 3px 7px #ccc}
.honor ul li p{ padding:17px 17px 10px 10px; height:24px; text-align:center; line-height:26px; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.honor ul li:hover div img{ box-shadow:0px 0px 0px #ccc}
.honor ul li:hover{ box-shadow:3px 3px 4px #ccc; cursor:pointer; border:1px solid #ccc}
.honor ul li:hover p{ color:#1b5922; font-size:16px}

.ny_job{ margin:2% 0; min-height:800px; background:url(/templets/sh/images/job_bj.png) no-repeat right 400px;}

.job_title{ display:inline-block; *display:inline; *zoom:1; font-size:1.3em; height:1.5em; padding:0.5% 3%; background-color:#70c570; color:#FFF;}
.ny_job ul{ background:url(/templets/sh/images/job_ins04.jpg) repeat-y 30px top; padding-left:27px; margin-bottom:5%;}

.ny_job ul li .job_nam{ padding-left:14px; background:url(/templets/sh/images/job_ins02.png) no-repeat left center;
 font-size:1.4em; color:#70c570; font-weight:bold; margin:3% 0 2% 0;}

.ny_job ul li .job_text{ margin-left:20px;}
.ny_job ul li .job_text p{ line-height:1.5em; font-size:1.2em; color:#333;}


.rand{width: 300px;height: 300px;background: #70c570;border-radius: 50%;text-align: center;
line-height: 300px;font-size: 36px;color: #fff;margin: 30px auto}

.ys{padding-left: 40px;margin-top: 20px}
.ys span{display: inline-block;margin: 10px;margin-bottom: 20px;line-height: 30px;
width: 70%}
.ys p{color: #70c570;font-weight: bold;height: 50px; line-height: 50px}
.ys p em{font-size: 38px;vertical-align:-4px;display: inline-block;margin-right: 8px}



.copy a{display: none;}
.pnav{width: 30px; height: 30px; background:url(/templets/sh/images/icon1.png) no-repeat; background-size: cover; display:block;
margin-top: 20px;display: none;}


.join div,.join span{width: 100%;}

@media (max-width: 1023px) {
  .navBox,.sq{display: none;}
  .foot{padding-bottom: 50px;}
  .pageup,.foot > .Wrap,.video,.indexJoin,.Iabout,.parth,.topTel,.leftMenu{display: none;}
  .aboutTxt .fr{width: 100%;}
  .foot{height: auto;background: none;padding-top: 0;}
  .copy{background: #f6f6f6;text-align: center;height: auto;line-height: auto;padding: 2%;}
  .copy .Wrap > p{color: #666;height: auto;line-height: 25px; width: 70%;margin-top: 20px;}
  .copy .wx{display: block;}
  .wx p{color: #666}
  .pnav,.phoneFoot{display: block;}
  .dd{font-size: 18px;}
  .logo h1{font-size: 26px;}
  .enfont{font-size: 22px;}
  .top{padding: 0 1%;height: 75px;}
  .Rcenter{width: 98%;padding: 0 1%;max-width: 98%}
  /*.qustion{height: auto;padding-bottom: 10px;}
  .qusText{
      height: auto;
      overflow : hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
       display: -moz-box;
      -webkit-line-clamp: 3;
      -moz-line-clamp: 3;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
  }*/

}
.tableB div{width: 65%;line-height: 30px}
.tableBox {margin-top: 20px;}
.tableBox .fl{width: 45%;margin-right: 2%;line-height: 30px}
.tableBox .fl p{font-size: 18px;text-align: center;color: #70c570}
@media (max-width: 670px) {
 .nySer .ser{width: 47%;}
 .tableB .fr{float: none;text-align: center;}
.tableBox .fl,.tableB div{width: 100%}
}

@media (max-width: 470px) {
  .copy .Wrap > p{width: 50% }
  .copy .wx{width: 40%;}
  .copy{overflow: hidden;padding-bottom: 10px;}

}
@media (max-width: 445px) {
  .copy .Wrap > p{margin-top: 10px;}
  .textarea,.message input[type="text"]{width: 78%;}

}
@media (max-width: 423px) {
 .nySer .ser{width: 57%;
float: none;
margin: 0 auto;}

}
@media (max-width: 375px) {
  .copy .Wrap > p{margin-top: 10px;}
  .logo h1{font-size: 18px;}
.enfont {
    font-size: 15px;
}
.dd {
    font-size: 14px;
  }
}
@media (max-width: 320px) {
 .Newslist li a, .Newslist li a{width: 78%;}
}



.Ihonor{background: url(/templets/sh/images/honr.jpg) no-repeat;background-size: cover}
.Ihonor .index_title{color: #fff}

.ulpaee {margin:20px 0;height: 30px;  }
.ulpaee li{float: left;border: 1px solid #ccc;text-align: center;
  margin-right: 5px;padding: 5px 8px}
.thisclass{background: #70c570;border: 1px solid #70c570;color: #fff}<!--0.00029897689819336-->