@charset "utf-8";

/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
div,
ul,
ol,
li,
dl,
dt,
dd,
form,
p,
blockquote,
fieldset,
input,
hr {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
address,
caption,
cite,
code,
em,
strong,
th {
  font-size: 1em;
  font-style: normal;
}

ul,
ol {
  list-style: none;
}

fieldset,
img,
hr {
  border: none;
}

caption,
th {
  text-align: left;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  line-height: 30px;
  cursor: hand;
}

select {
  font-family: 微软雅黑, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
}

body {
  font-size: 12px;
  color: #333333;
  font-family: 微软雅黑, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

a {
  font-family: 微软雅黑, Arial, Helvetica, sans-serif;
  color: #333333;
  text-decoration: none;
  font-size: 12px;
}

a:hover {
  color: #e62129;
  text-decoration: none;
}

.noInfo {
  background: url(../images/loading.gif)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/loading.gif*/
    left no-repeat;
  height: 30px;
  padding-left: 20px;
  line-height: 30px;
}

.clears {
  clear: both;
  font-size: 0;
  line-height: 0;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.tar {
  text-align: right;
}

.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.w250 {
  width: 250px;
}

.h20 {
  height: 20px;
}

.h30 {
  height: 30px;
}

.h100 {
  height: 100px;
}

.pt10 {
  padding-top: 10px;
}

.pl10 {
  padding-left: 10px;
}

.pr25 {
  padding-right: 25px;
}

.pr10 {
  padding-right: 10px;
}

.mgt10 {
  margin-top: 10px;
}

.mgb10 {
  margin-bottom: 10px;
}

.mgt20 {
  margin-top: 20px;
}

.mgl10 {
  margin-left: 10px;
}

.lh20 {
  line-height: 20px;
}

.lh25 {
  line-height: 25px;
}

.bb {
  border-bottom: #cccccc solid 1px;
}

.bbr {
  border-bottom: #ea1205 solid 1px;
}

.dashline {
  background: url(../images/dashedline.gif)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/dashedline.gif*/
    bottom repeat-x;
}

.hidden {
  overflow: hidden;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.point {
  color: #d10818;
  font-family: Georgia, "Times New Roman", Times, serif
}


.info-title {
  float: left;
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.info-title h3 {
  float: left;
  line-height: 40px;
  color: #e62129;
  font-size: 18px;
}

.info-title h4 {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  overflow: hidden;
  text-align: center;
  color: #ffffff;
}

.info-title h5 {
  float: left;
  line-height: 40px;
  color: #039240;
  font-size: 13px;
  overflow: hidden;
}

.info-title em {
  float: left;
  margin-left: 5px;
  font-size: 14px;
  line-height: 40px;
  color: #999;
  overflow: hidden;
}

.info-title span {
  float: right;
  padding-right: 10px;
  line-height: 40px;
  background: url(../images/title-bg.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/title-bg.png*/
    right center no-repeat;
}

.info-title span a.more {
  float: left;
  display: block;
  width: 33px;
  height: 40px;
  background: url(../images/more.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/more.png*/
    center no-repeat;
}

.info-title-bg {
  background: url(../images/title-line.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/title-line.png*/
    left bottom no-repeat;
}

.info-news-bg {
  background: url(../images/news-title-bg.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/news-title-bg.png*/
    left bottom repeat-x;
}

.wrapper {
  float: left;
  width: 100%;
  display: block;
}

.bg1 {
  background: #eeeeee
}

.top-wrapper {
  background: url(../images/top-bg.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/top-bg.png*/
    bottom center repeat-x;
}

.top {
  width: 1200px;
  height: 40px;
  margin: 0 auto;
  position: relative;
  line-height: 40px;
}

.top a {
  float: left;
  height: 40px;
  line-height: 40px;
  margin-left: 10px;
  margin-right: 20px;
  color: #666
}

a.home {
  background: url(../images/home.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/home.png*/
    left center no-repeat;
}

a.hwx {
  background: url(../images/wx.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/wx.png*/
    left center no-repeat;
  position: relative;
  z-index: 10;
}

a.hwx .ew {
  position: absolute;
  top: 40px;
  left: 0px;
  display: none;
  border: 3px #e3e3e3 solid;
}

a.hwx .ew img {
  width: 120px;
}

a.hwx:hover .ew {
  display: block;
}

.header-wrapper {
  height: 100px;
  background: url(../images/header-bg.jpg) center repeat-x;
}

.header {
  width: 1200px;
  height: 100px;
  margin: 0 auto;
  position: relative;
}

.header h1 {
  position: absolute;
  top: 20px;
  left: 0px;
}

.tel {
  position: absolute;
  bottom: 10px;
  right: 0px;
  color: #666666;
  background: url(../images/tel.gif)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/tel.gif*/
    left center no-repeat;
  padding-left: 80px;
}

.tel span {
  font-size: 30px;
  color: #222;
}

.header p {
  position: absolute;
  top: 13px;
  left: 180px;
  font-size: 24px;
  font-weight: bold;
  padding: 10px 0 10px 16px;
  background: url(../images/h_line.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/h_line.png*/
    no-repeat 0 center;
  color: #333;
}

.header b {
  display: block;
  color: #e62129;
  font-size: 16px;
  padding-bottom: 4px;
}

.menu-wrapper {
  background: #009933;
  height: 100px;
}

.menu {
  width: 1200px;
  height: 100px;
  margin: 0 auto;
  position: relative;
  z-index: 99;
}

ul.menu-list {
  float: left;
  width: 1200px;
  z-index: 5;
}

ul.menu-list li {
  float: left;
  width: 150px;
  text-align: center;
  position: relative;
  z-index: 10;
  background: url(../images/h_line.png) no-repeat right center;
}

/*ul.menu-list li a{}*/







ul.menu-list li a {
  display: block;
  width: 100%;
  height: 100px;
  font: 14px/52px 微软雅黑, Arial, Helvetica, sans-serif;
  color: #FFF;
}

ul.menu-list li a:hover,
ul.menu-list li a.current {
  background: #02822C;
  color: #FFF;
}

ul.menu-list li ul {
  position: absolute;
  top: 100px;
  left: 0px;
  width: 150px;
  display: none;
  z-index: 9999;
}

ul.menu-list li ul li {
  float: left;
  width: 100%;
}

ul.menu-list li ul li a {
  display: block;
  width: 100%;
  padding: 0;
  height: 35px;
  background: #02822C;
  color: #fff;
  line-height: 35px;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
}

ul.menu-list li ul li a:hover {
  color: #ffffff;
  width: 100%;
  height: 35px;
  line-height: 35px;
  background: #009933;
}

ul.menu-list li a div {
  height: 50px;
  width: 70px;
  margin: 0 auto;
  font-size: 16px;
}

ul.menu-list li a .shang {
  line-height: 70px;
}

ul.menu-list li a .xia {
  border-top: 1px solid #ddd;
  line-height: 30px;
  color: #60c370
}

#banner {
  float: left;
  width: 100%;
  min-width: 1200px;
  height: 500px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #065a9a
}

.mainer-wrapper {
  padding: 50px 0;
}

.mainer-title-wrapper {
  padding: 30px 0;
}

.mainer {
  width: 1200px;
  margin: 0 auto;
}

.home-title {
  display: block;
  overflow: hidden;
  text-align: center;
  font-family: "Microsoft YaHei";
  background: url(../images/title-icon.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/title-icon.png*/
    no-repeat bottom center;
  padding-bottom: 40px;
}

.home-title .ten {
  display: block;
  text-align: center;
  font: 32px/40px "Microsoft YaHei";
  text-transform: uppercase;
  color: #333;
  font-size: 30px ! important;
}

.home-title .tcn {
  display: block;
  text-align: center;
  font: 18px/30px "微软雅黑";
  text-transform: uppercase;
  color: #0061aa;
}

.box-wrapper {
  background: url(../images/aboutbg.jpg)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/aboutbg.jpg*/
    top no-repeat;
  background-size: cover;
}

.about-wrapper {
  background: url(../images/home-aboutbg.jpg)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/home-aboutbg.jpg*/
    top center repeat-x;
}

.s-about {
  margin-bottom: 80px;
}

.s-about .s-image {
  width: 580px;
  height: 400px;
  float: left;
}

.s-about .son {
  width: 300px;
  height: 300px;
  background-color: #005e14;
  float: left;
  overflow: hidden;
}

.s-about .i1 {
  background: url(../images/bg1.png) top center no-repeat ! important;
}

.s-about .i2 {
  background: url(../images/bg2.png) top center no-repeat ! important;
}

.s-about .i3 {
  background: url(../images/bg3.png) top center no-repeat ! important;
}

.s-about .i4 {
  background: url(../images/bg4.png) top center no-repeat ! important;
}

.s-about .son .con {
  width: 80%;
  margin: 50px;
  margin-left: 10%;
  color: #fff;
  font-size: 14px;
}

.s-about .son .con p {
  line-height: 2.0;
  margin-top: 20px;
}

.s-about .son .con .num {
  font-size: 30px;
}

.s-about .shaow {
  -webkit-box-shadow: inset 0 0 10px #0CC;
  -moz-box-shadow: inset 0 0 10px #0CC;
  box-shadow: inset 0 0 10px #0CC;
}

/*  .s-about .son{transition: all  .25s  ease-in;
           -moz-transition: all  .25s  ease-in;
           -webkit-transition: all  .25s  ease-in;}
.s-about .son:hover{transform:translateY(-10px);border-radius: 5px; box-shadow:#666 0px -5px 8px;}*/

.n-about .n-title {
  text-align: center;
  margin-bottom: 50px;
}

.n-about .n-con .s1b {
  height: 30px;
  line-height: 30px;
  margin-left: 20px;
}

.n-about .n-news {
  width: 700px;
  float: left;
  height: 600px;
  overflow: hidden;
}

.n-about .n-news .head {
  width: 700px;
  height: 50px
}

.n-about .n-news .head .bg {
  width: 647px;
  height: 50px;
  background-color: #eeeeee;
  border-left: 3px solid #009933;
  float: left;
  font-size: 21px;
  line-height: 50px;
  color: #666;
}

.n-about .n-news .head .btn {
  float: right;
  width: 50px;
  height: 50px;
  color: #fff;
  background-color: #009933;
  text-align: center;
}

.n-about .n-news .head .btn a {
  line-height: 50px;
  font-size: 40px;
  font-weight: bold;
  color: #fff
}

.n-about .n-news .head .btn a:hover {
  font-weight: normal;
}


.n-about .n-mes {
  float: right;
  width: 450px;
  height: 600px;
  overflow: hidden;
}

.n-about .n-mes .head {
  width: 450px;
  height: 50px
}

.n-about .n-mes .head .bg {
  width: 397px;
  height: 50px;
  background-color: #eeeeee;
  border-left: 3px solid #009933;
  float: left;
  font-size: 21px;
  line-height: 50px;
  color: #666;
}

.n-about .n-mes .head .btn {
  float: right;
  width: 50px;
  height: 50px;
  color: #fff;
  background-color: #009933;
  text-align: center;
}

.n-about .n-mes .head .btn a {
  line-height: 50px;
  font-size: 40px;
  font-weight: bold;
  color: #fff
}

.n-about .n-mes .head .btn a:hover {
  font-weight: normal;
}

.n-about .n-mes .formb {
  width: 448px;
  height: 550;
}

.n-about .n-mes .form {
  width: 448px;
  margin: 0 auto;
  height: 540px;
  border: 1px solid #d5d5d5;
  border-top: none;
  overflow: hidden;
}

.n-about .n-mes .form img {
  text-align: center;
  margin-top: 15px;
}

.n-about .n-mes .form form {
  width: 300px;
  margin: 0 auto;
}

.n-about .n-mes .form form input {
  height: 35px;
  border: 1px solid #d3d3d3;
  outline: none;
  margin-top: 15px;
}

.n-about .n-mes .form form textarea {
  border: 1px solid #d3d3d3;
  outline: none;
  margin-top: 10px;
  height: 80px;
}

.n-about .n-mes .form form button {
  width: 120px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  color: #fff;
  background-color: #009933;
  margin-top: 20px;
  border-radius: 3px;
}

.n-about .n-mes .form form button:hover {
  background-color: #005e14
}

.n-about .n-news .news {
  width: 700px;
  height: 210px;
  margin-top: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

.n-about .n-news .news .img {
  width: 350px;
  height: 210px;
  float: left;
  overflow: hidden;
}

.n-about .n-news .news .scon {
  width: 300px;
  float: right;
}

.n-about .n-news .news .scon .scon1 {
  height: 170px
}

.n-about .n-news .news .scon .scon1 p {
  color: #999;
  font-size: 14px;
  line-height: 1.8;
  margin-top: 20px;
}

.n-about .n-news .news .scon .btn {
  height: 40px;
}

.n-about .n-news .news .scon .btn a {
  display: block;
  width: 120px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  text-align: center;
  background-color: #009933;
  border: 1px solid #009933;
  color: #fff;
  border-radius: 3px;
}

.n-about .n-news .news .scon .btn a:hover {
  background-color: #005e14
}

.n-about .n-news .s-newslist {
  border-bottom: 1px dashed #999;
}

.n-about .n-news .s-newslist li {
  list-style-type: none;
  width: 700px;
  padding: 20px 0px;
  border-top: 1px dashed #999;
}

.n-about .n-news .s-newslist li:hover {
  background-color: #009933;
}

.n-about .n-news .s-newslist li .con {
  float: left;
  width: 600px;
}

.n-about .n-news .s-newslist li .con .sh .title {
  float: left;
  font-size: 18px;
}

.n-about .n-news .s-newslist li .con .sh .time {
  float: right;
}

.n-about .n-news .s-newslist li .con .content {
  width: 600px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  margin-top: 5px;
  height: 20px;
  overflow: hidden;
  line-height: 20px;
}

.n-about .n-news .s-newslist li .con .content p {
  width: 600px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.n-about .n-news .s-newslist li .btn {
  float: right;
  width: 50px;
  height: 50px;
  background-color: red;
}

.n-about .n-news .s-newslist li .btn a {
  display: block;
  background-color: #009933;
  color: #fff;
  font-size: 30px;
  line-height: 50px;
  text-align: center;
}

.n-about .n-news .s-newslist li .btn a:hover {
  background-color: #009933;
  color: #fff
}

.n-about .n-news .s-newslist li a {
  color: #999
}

.n-about .n-news .s-newslist li a:hover {
  color: #fff;
}

.footer-s {
  width: 1000px;
  height: 350px;
  background-color: red;
  color: red;
}


.sousuo-s {
  width: 100%;
  margin-top: 40px;
  margin: 10px auto;
}

.sousuo-s .con {
  width: 1200px;
  height: 50px;
  margin: 0 auto;
}

.sousuo-s .con .s-t {
  float: left;
  font-size: 18px;
  color: #333;
  width: 900px;
  height: 50px;
  line-height: 50px;
  margin-left: 10px;
}

.sousuo-s .con .s-form {
  float: right;
  width: 250px;
  height: 50px;
}

.sousuo-s .con .s-form input {
  height: 35px;
  margin-top: 8px;
  outline: none;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 218px;
}

.sousuo-s .con .s-form button {
  width: 30px;
  height: 40px;
  background-color: #fff;
  outline: none;
  cursor: pointer;
  float: right;
}

.sousuo-s .con .s-form button img {
  width: 20px;
  position: relative;
  top: 5px;
}

.sousuo-s .con .s-t a {
  font-size: 18px;
  margin-left: 30px;
}

.home-about {
  float: left;
  width: 1200px;
}

.home-about-img {
  float: left;
  width: 410px;
  margin-top: -50px;
}

.home-about-brief {
  float: right;
  width: 700px;
  line-height: 25px;
  font-size: 14px;
  height: 125px;
  overflow: hidden;
  color: #fff
}

.aboutbox {
  float: right;
  margin-top: 50px;
  margin-right: 200px;
  width: 460px;
  height: 103px;
  background: url(../images/aboutboxbg.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/aboutboxbg.png*/
    no-repeat;
  padding: 20px;
}

.aboutbox strong {
  display: block;
  font-size: 26px;
  line-height: 50px;
  color: #fff;
}

.aboutbox p {
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
}

.home-about-more {
  float: right;
  width: 700px;
  margin-top: 40px;
}

.home-about-more a {
  float: left;
  width: 120px;
  height: 40px;
  display: inline-block;
  color: #FFF;
  background: #065a9a;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  overflow: hidden;
}

.home-about-more a:hover {
  background: #e10b06;
}




.s-five .son {
  width: 200px;
  height: 50px;
  color: #fff;
  text-align: center;
  line-height: 50px;
  background-color: #009933;
  float: left;
  margin-right: 50px;
  border-radius: 3px;
}






.bannercen {
  height: 500px;
  background: url(../images/bannercen.jpg) top center no-repeat ! important;
  background-size: cover;
}

.bannercen .mainer .title {
  margin-top: 200px;
  color: #fff;
  font-size: 14px;
  width: 600px;
}

.bannercen .mainer .title p {
  text-indent: 2em;
  line-height: 1.8
}

.bannercen .mainer .title div {
  text-align: center;
  width: 120px;
  height: 40px;
  color: #fff;
  font-size: 14px;
  line-height: 40px;
  background-color: #0fbe49;
  margin: 0 auto;
  margin-top: 30px;
}

.bannercen .mainer .title div:hover {
  background-color: #02822c
}

.bannercen .mainer .title div a {
  color: #fff;
  font-size: 16px;
}



.s-product {
  background-color: #f1f1f1 ! important
}

.product-wrapper {
  padding: 80px 0;
  background: url(../images/pbg.jpg) top center no-repeat;
  background-size: cover;
}

.pro-list {
  float: left;
  width: 340px;
  height: 687px;
}

.pro-list .pro-h {
  width: 340px;
  height: 60px;
  background-color: #009933;
  color: #fff;
  text-align: center;
  font-size: 16px;
}

.pro-list .pro-h span {
  text-align: center;
  display: inline-block;
}

.pro-list .pro-h .t {
  font-weight: bold;
  margin-top: 10px;
  font-size: 18px;
}

.pro-list .pro-h .e {
  font-size: 14px;
  color: #60c370;
}

.pro-list .pro-b {
  width: 340;
  height: 719px;
  overflow: hidden;
  background-color: #fff
}

.pro-list .pro-b .a1 {
  border-right: 1px solid #ddd;
  background: #daeae0;
}

.pro-list .pro-b a {
  display: block;
  float: left;
  width: 400px;
  height: 72px;
  line-height: 65px;
  font-size: 14px;
  border-bottom: 1px solid #ddd;
  position: relative;
}

.pro-list .pro-b a:hover {
  background-color: #009933;
  color: #fff
}

.pro-list .pro-b a span {
  margin-left: 20px;
  font-weight: 600;
}

.pro-list .pro-b a img {
  position: absolute;
  top: 9px;
  right: 10px;
}

.pro-list .pro-btn {
  width: 340px;
  height: 37px;
  background-color: #009933
}

.pro-list .pro-btn a {
  display: block;
  width: 340px;
  height: 37px;
  background-color: #009933;
  line-height: 37px;
  text-align: center;
  color: #fff;
  font-size: 15px;
}

.pro-list .pro-btn a:hover {
  background-color: #02822C
}

.home-product-box {
  float: right;
  width: 850px;
  margin-top: 0px;
  background-color: #f1f1f1;
  height: 830px;
  overflow: hidden;
}

.picScroll-left {
  margin: 0 auto;
  width: 1200px;
  position: relative;
}

.picScroll-left .prev,
.picScroll-left .next {
  position: absolute;
  left: -20px;
  top: 50%;
  margin-top: -40px;
  display: block;
  width: 32px;
  height: 50px;
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index: 999
}

.picScroll-left .next {
  left: auto;
  right: 0px;
  background-position: -60px 5px;
}

.picScroll-left .prev:hover,
.picScroll-left .next:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.picScroll-left .prevStop {
  display: none;
}

.picScroll-left .nextStop {
  display: none;
}

.picScroll-left .bd {
  margin-top: 20px;
  margin: 0 auto;
  width: 1120px;
}

.picScroll-left .bd ul {
  zoom: 1;
}

.picScroll-left .bd ul li {
  margin-right: 15px;
  margin-left: 15px;
  float: left;
  text-align: center;
  width: 250px;
  position: relative;
}

.picScroll-left .bd ul li a {
  float: left;
  _display: inline;
  text-align: center;
  width: 250px;
  z-index: 9;
}

.picScroll-left .bd ul li .pic {
  float: left;
  width: 250px;
}

.picScroll-left .bd ul li .pic img {
  width: 250px;
  height: 200px;
  transition: all 0.8s ease;
}

.picScroll-left .bd ul li .con {
  float: left;
  width: 230px;
  padding: 10px;
  text-align: center;
  background: #029f3a;
  color: #FFF;
}

.picScroll-left .bd ul li .con strong {
  float: left;
  width: 100%;
  height: 40px;
  font: bold 16px/40px "Microsoft YaHei";
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  background: url(../images/prolineon.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/images/prolineon.png*/
    bottom center no-repeat;
  padding-bottom: 5px;
}

.picScroll-left .bd ul li .con p {
  float: left;
  width: 230px;
  line-height: 20px;
  height: 40px;
  margin-top: 10px;
  overflow: hidden;
}

.picScroll-left .bd ul li a:hover .pic img {
  transform: rotatey(360deg);
  -webkit-transform: rotatey(360deg);
  -moz-transform: rotatey(360deg);
}

.picScroll-left .bd ul li a:hover .con {
  background: #02822C
}

.picScroll-left .hd {
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin-top: 20px;
  text-align: center;
}

.picScroll-left .hd ul {
  text-align: center;
  padding-top: 5px;
}

.picScroll-left .hd ul li {
  cursor: pointer;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 9px;
  height: 9px;
  margin: 5px;
  background: url(../images/icocircle.gif)
    /*tpa=/www.shrksy.com/Templates/ruikong/images/icoCircle.gif*/
    0 -9px no-repeat;
  overflow: hidden;
}

.picScroll-left .hd ul .on {
  background-position: 0 0;
}

.home-more {
  float: left;
  width: 100%;
  height: 40px;
  margin-top: 20px;
  overflow: hidden;
  text-align: center;
}

.home-more a {
  width: 180px;
  height: 40px;
  display: inline-block;
  color: #FFF;
  background: #009933;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  overflow: hidden;
}

.home-more a:hover {
  background: #02822c;
}

.home-recommend-box {
  float: left;
  width: 1200px;
  margin-top: 40px;
  overflow: hidden;
}

.news-img {
  float: left;
  width: 500px;
}

.news-brief {
  float: right;
  width: 640px;
}

.news-brief strong {
  display: block;
  font-size: 18px;
  line-height: 50px;
}

.news-brief p {
  display: block;
  font-size: 14px;
  line-height: 25px;
  color: #999;
}

.home-news {
  float: left;
  width: 1200px;
  margin-top: 50px;
  overflow: hidden;
}

ul.home-news-list {
  float: left;
  width: 1230px;
}

ul.home-news-list li {
  float: left;
  width: 380px;
  overflow: hidden;
  margin-right: 30px;
}

ul.home-news-list li a {
  float: left;
  width: 360px;
  padding: 10px;
  border-radius: 5px;
}

ul.home-news-list li .news-date {
  width: 80px;
  height: 60px;
  padding: 10px 0;
  background: #065a9a;
  text-align: center;
}

ul.home-news-list li .news-date .day {
  color: #fff;
  font-size: 25px;
  line-height: 35px;
}

ul.home-news-list li .news-date .year {
  font-size: 15px;
  color: #fff;
  line-height: 25px;
}

ul.home-news-list li .box {
  float: left;
  width: 100%;
  margin-top: 10px;
}

ul.home-news-list li .box strong {
  float: left;
  font: bold 15px/40px Microsoft YaHei;
  overflow: hidden;
  width: 100%;
  height: 40px;
  color: #333333
}

ul.home-news-list li .box p {
  display: block;
  width: 100%;
  height: 60px;
  line-height: 20px;
  overflow: hidden;
  color: #999999;
}

ul.home-news-list li span {
  float: left;
  width: 100px;
  background: #666;
  color: #FFF;
  line-height: 30px;
  text-align: center;
  margin-top: 10px;
  border-radius: 5px;
}

ul.home-news-list li a:hover {
  background: #f3f3f3;
}

ul.home-news-list li a:hover span {
  background: #e62129;
  color: #FFF;
}

.home-news-more {
  float: right;
  width: 100%;
  margin-top: 20px;
}

.home-news-more a {
  float: left;
  width: 120px;
  height: 40px;
  display: inline-block;
  color: #FFF;
  background: #065a9a;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  overflow: hidden;
}

.home-news-more a:hover {
  background: #e10b06;
}

.case-wrapper {
  padding: 50px 0;
  background: url(../images/casebg.jpg)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/casebg.jpg*/
    top center no-repeat;
  background-size: cover;
}

.home-case-box {
  float: left;
  width: 1200px;
  position: relative;
  overflow: hidden;
  margin-top: 50px;
}

.home-case-list {
  float: left;
  width: 1220px;
}

.home-case-list li {
  float: left;
  width: 224px;
  margin-right: 20px;
}

.home-case-list li img {
  float: left;
  width: 200px;
  height: 200px;
  border-radius: 112px;
  border: #efefef solid 12px;
  -webkit-transition: -webkit-transform 1s ease-out;
  -moz-transition: -moz-transform 1s ease-out;
  -o-transition: -o-transform 1s ease-out;
  -ms-transition: -ms-transform 1s ease-out;
}

.home-case-list span {
  float: left;
  width: 220px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
}

.home-case-list a:hover img {
  border: #0061b0 solid 12px;
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  -o-transform: rotateZ(360deg);
  -ms-transform: rotateZ(360deg);
  transform: rotateZ(360deg);
}

.home-case-list a:hover span {
  color: #0061b0;
}


.ad-wrapper {
  padding: 20px 0;
  height: 100px;
  background: url(../images/adbg.jpg)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/adbg.jpg*/
    top center repeat-x;
}

.adbox {
  float: left;
  width: 1200px;
  font-size: 20px;
  margin-top: 10px;
  text-align: center;
  color: #FFF;
}

.adbox b {
  font-size: 29px;
  display: block;
  margin-bottom: 10px;
}

.adbox span {
  font-size: 30px;
  color: #e62129;
  font-weight: bold;
}

.adbox em {
  margin-left: 20px;
}

.contact-wrapper {
  padding: 50px 0;
  background: url(../images/contactbg.jpg)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/contactbg.jpg*/
    top center no-repeat;
  background-size: cover;
}

.home-contact {
  float: left;
  width: 1200px;
  margin-top: 50px;
}

.home-contact ul {
  width: 1000px;
  margin: 0 auto;
}

.home-contact ul li {
  float: left;
  width: 400px;
  height: 50px;
  margin: 20px 50px;
  display: table;
}

.home-contact ul li img {
  float: left;
  width: 50px;
  height: 50px;
}

.home-contact ul li p {
  float: left;
  width: 340px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  margin-left: 10px;
  color: #FFF;
  vertical-align: middle;
  display: table-cell;
}


.product-list {
  float: left;
  overflow: hidden;
  zoom: 1;
  width: 860px;
  margin-top: 0px;
}

.product-list li {
  float: left;
  width: 266px;
  overflow: hidden;
  border: #efefef solid 1px;
  position: relative;
  border-top: none;
  border-left: none;
  border: 1px solid #ddd;
  margin-left: 16px;
  margin-top: 15px;
}

.product-list li span {
  float: left;
  width: 266px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  ;
  border-top: 1px solid #ddd
}

.product-list li .proimg {
  float: left;
  width: 266px;
  height: 260px;
  overflow: hidden;
  position: relative;
}

.product-list li .proimg:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.product-list li .proimg img {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  -webkit-transition: -webkit-transform 1s ease-out;
  -moz-transition: -moz-transform 1s ease-out;
  -ms-transition: -ms-transform 1s ease-out;
  transition: transform 1s ease-out;
  width: 100%;
  height: 100%
}

.product-list li.nobord {
  border-right: none;
}

.product-list li .proimg .overbg {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 266px;
  height: 260px;
  background: url(../images/nbgon.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/nbgon.png*/
  ;
  z-index: 99;
  display: none;
}

.product-list li .proimg .btn {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 266px;
  height: 260px;
  background: url(../images/go.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/go.png*/
    center no-repeat;
  z-index: 999;
  display: none;
}

.product-list li a:hover span {
  background: url(../images/nbgon.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/nbgon.png*/
  ;
  color: #FFF;
}

.product-list li a:hover .overbg {
  display: block;
}

.product-list li a:hover .btn {
  display: block;
}

.home-product-box .product-list li:first-child,
.home-product-box .product-list li:nth-child(2),
.home-product-box .product-list li:nth-child(3) {
  margin-top: 0;
}

.map-wrapper {
  position: relative;
}

#mapbg {
  width: 100%;
  height: 450px;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.3);
  z-index: 99
}

.mapbox {
  width: 1200px;
  left: 50%;
  margin-left: -600px;
  top: 0px;
  position: absolute;
  height: 450px;
  z-index: 999;
}

.infobox {
  float: left;
  margin-left: 200px;
  margin-top: 50px;
  background: url(../images/infobox1.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/infobox1.png*/
    no-repeat;
  width: 300px;
  height: 200px;
  padding: 80px 40px;
  color: #FFF;
  font-size: 14px;
  line-height: 25px;
}

.infobox strong {
  display: block;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  color: #fda412
}

.infobox2 {
  float: right;
  margin-right: 550px;
  margin-top: 70px;
  width: 120px;
  height: 120px;
  padding: 46px 44px 72px 44px;
  color: #FFF;
  font-size: 14px;
  line-height: 25px;
}

.infobox2 img {
  width: 120px;
  height: 120px;
}

.computer-wrapper {
  padding: 50px 0 53px 0;
  background: url(../images/computerbg.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/computerbg.png*/
    bottom center repeat-x;
}

.computerbox {
  float: left;
  width: 1200px;
  height: 288px;
  position: relative;
  background: url(../images/computer.jpg)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/computer.jpg*/
    top center no-repeat
}

.mouse {
  position: absolute;
  bottom: 0px;
  right: 300px;
  width: 31px;
  height: 60px;
  background: url(../images/mouse.jpg)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/mouse.jpg*/
    top center no-repeat;
  line-height: 60px;
  text-align: center;
}

.bannerbg {
  float: left;
  width: 100%;
  position: relative;
  height: 300px;
}

.subbg {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 9;
  background: url(../images/nbgon.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/nbgon.png*/
  ;
}

.subnavbox {
  height: 45px;
  line-height: 45px;
  color: #FFF;
  font-size: 14px;
}

.subnavbox a {
  line-height: 45px;
  color: #FFF;
  font-size: 14px;
}

.subnavlist {
  float: left;
  width: 850px;
}

.subnavlist li {
  float: left;
  width: 150px;
}

.subnavlist li a {
  float: left;
  width: 150px;
  height: 45px;
  line-height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  text-align: center;
  font-size: 14px;
  background: #009933;
  color: #fff;
}

.subnavlist li a.current {
  background: #02822c;
  color: #FFF;
}

.subnavlist li a:hover {
  background: #02822c;
  color: #FFF;
}

.subtitlebox {
  width: 340px;
  height: 125px;
  margin-top: -80px;
}

.subtitle {
  float: left;
  width: 340px;
  height: 80px;
  line-height: 80px;
  font-size: 30px;
  color: #FFF;
  text-align: center;
  background: url(../images/nbgon.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/nbgon.png*/
  ;
}

.subtitleen {
  float: left;
  width: 340px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  background: #009933;
}

.maincontent {
  float: left;
  width: 1200px;
  line-height: 30px;
  overflow: hidden;
  font-size: 14px;
}

.maincontent img {
  max-width: 1200px;
  height: auto;
  width: expression(this.width > 1200 ? "1200px" : this.width);
}

.maincontent .titles {
  display: block;
  font-size: 18px;
  line-height: 50px;
  text-align: center;
  border-bottom: 1px dashed #ccc;
}

.maincontent .date {
  display: block;
  font-size: 12px;
  line-height: 35px;
  text-align: center;
  color: #999
}

.maincontent b {
  color: #d00712;
}

.maincontent a {
  font-size: 14px;
}

.aboutimg {
  float: left;
  width: 340px;
  height: 550px;
  background: url(../images/aboutimg.jpg)left top no-repeat;
}

.aboutcon {
  float: left;
  width: 840px;
}

.abouttitle {
  display: block;
  font-size: 24px;
  line-height: 40px;
}

.abouten {
  display: block;
  color: #999;
  font-size: 14px;
  border-bottom: #CCC dashed 1px;
  padding-bottom: 5px;
}

.aboutinfo {
  float: left;
  width: 100%;
  line-height: 30px;
  margin-top: 10px;
}

.contactimg {
  float: left;
  width: 340px;
  height: 550px;
  background: url(../images/contactimg.jpg) left top no-repeat;
}

.leavemessage {
  float: left;
  width: 340px;
  height: 550px;
  background: url(../images/feedback.jpg) left top no-repeat;
}

.contactcon {
  float: left;
  width: 840px;
}

.contactinfo {
  float: left;
  width: 100%;
  line-height: 30px;
  margin-top: 10px;
}

.talentimg {
  float: left;
  width: 340px;
  height: 550px;
  background: url(../images/hr.jpg) left top no-repeat;
}

.talentcon {
  float: left;
  width: 840px;
}

.talentinfo {
  float: left;
  width: 100%;
  line-height: 30px;
  margin-top: 20px;
}

.culturewrapper {
  width: 100%;
  float: left;
  background: #009933;
}

.culturewrapper ul {
  width: 100%;
  float: left;
}

.culturewrapper li {
  width: 25%;
  float: left;
  font-size: 12px;
  color: #FFF;
}

.culturewrapper li a {
  width: 100%;
  float: left;
  padding: 20px 0;
  color: #FFF;
}

.culturewrapper li a:hover {
  background: #02822c;
}

.culturewrapper li .cimg {
  float: left;
  width: 35%;
  text-align: center;
}

.culturewrapper li .cimg img {
  width: auto;
  margin-top: 10px;
}

.culturewrapper li .ccon {
  float: right;
  width: 60%;
  padding: 6px 0;
}

.culturewrapper li .ccon strong {
  float: left;
  width: 100%;
  line-height: 30px;
  font-size: 16px;
}

.culturewrapper li .ccon p {
  float: left;
  width: 100%;
  line-height: 20px;
  font-size: 12px;
  text-transform: uppercase;
}

ul.culturelist {
  float: left;
  width: 400px;
  margin-top: 20px;
}

ul.culturelist li {
  width: 400px;
  height: 72px;
  margin: 30px;
  0
}

ul.culturelist li span {
  display: inline-block;
  float: left;
  width: 63px;
  height: 72px;
  background: url(../images/numbg.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/numbg.png*/
    no-repeat left center;
  font: bold 30px/72px Arial;
  color: #fff;
  text-align: center;
}

ul.culturelist li .intro {
  float: right;
  width: 280px;
}

ul.culturelist li h2 {
  float: left;
  font-size: 30px;
  line-height: 42px;
  color: #0f62be;
}

ul.culturelist li em {
  float: left;
  font-size: 20px;
  line-height: 42px;
  color: #666;
  margin-left: 10px;
}

ul.culturelist li em b {
  font-size: 30px;
  line-height: 42px;
  color: #fda412;
}

ul.culturelist li p {
  display: block;
  line-height: 20px;
  font-size: 14px;
  color: #999
}

.cultureinfo {
  float: right;
  width: 760px;
  line-height: 30px;
  font-size: 14px;
  margin-top: 20px;
}

.environmentScroll-left {
  float: left;
  overflow: hidden;
  width: 1200px;
  position: relative;
  margin-top: 20px;
}

.environmentScroll-left .bd {}

.environmentScroll-left .bd ul {
  float: left;
  width: 1240px;
  zoom: 1;
}

.environmentScroll-left .bd ul li {
  width: 270px;
  float: left;
  margin-right: 40px;
  position: relative;
}

.environmentScroll-left .bd ul li .nimg {
  float: left;
  width: 270px;
}

.environmentScroll-left .bd ul li .nimg img {
  width: 270px;
  height: 200px;
}

.environmentScroll-left .bd ul li .nbg {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 250px;
  height: 50px;
  padding: 10px 10px;
  background: url(../images/nbgon.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/nbgon.png*/
  ;
  color: #FFF;
}

.environmentScroll-left .bd ul li a:hover .nbg {
  background: url(../images/nbg.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/nbg.png*/
  ;
}

.environmentScroll-left .bd ul li .nbg dt {
  float: left;
  width: 100%;
  overflow: hidden;
  line-height: 25px;
}

.environmentScroll-left .bd ul li .nbg dd {
  float: left;
  width: 100%;
  overflow: hidden;
  line-height: 25px;
}

.environmentScroll-left .prev,
.environmentScroll-left .next {
  position: absolute;
  display: block;
  width: 90px;
  height: 30px;
  background: url(../images/nprev.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/nprev.png*/
    no-repeat top left;
  bottom: 0px;
}

.environmentScroll-left .prev {
  left: 500px;
}

.environmentScroll-left .next {
  background: url(../images/nnext.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/nnext.png*/
    no-repeat top right;
  right: 500px;
}

.environmentScroll-left .prev:hover {
  background: url(../images/nprevon.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/nprevon.png*/
    no-repeat top right;
}

.environmentScroll-left .next:hover {
  background: url(../images/nnexton.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/nnexton.png*/
    no-repeat top right;
}

.certificatelist {
  float: left;
  width: 1200px;
  margin-top: 20px;
}

.certificatelist li {
  width: 360px;
  height: 52px;
  float: left;
  margin-right: 20px;
  margin-left: 20px;
}

.certificatelist li a {
  display: block;
  width: 360px;
  height: 50px;
  border: 1px solid #E6E6E6;
  position: relative;
  border-radius: 5px;
}

.certificatelist li a span.img {
  width: 100px;
  height: 60px;
  position: absolute;
  left: 10px;
  bottom: 0px;
  padding-bottom: 10px;
  background: #FFF;
  text-align: center;
}

.certificatelist li a img {
  height: 60px;
}

.certificatelist li a span.txt {
  width: 210px;
  right: 10px;
  padding-right: 10px;
  top: 10px;
  line-height: 35px;
  position: absolute;
}

.certificatelist li.clear {
  width: 100%;
  height: 30px;
  clear: both;
  float: none;
}

.newslist li {
  clear: both;
  margin-bottom: 40px;
  height: 160px;
}

.newslist li a {
  display: block;
  width: 100%;
  height: 100%;
  margin-top: 40px;
}

.newslist li a p.img {
  width: 220px;
  height: 160px;
  float: left;
  overflow: hidden;
  position: relative;
}

.newslist li a p.img .img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.newslist li a p.img .bg {
  position: absolute;
  right: -220px;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
  border-radius: 0 0 0 10px;
  transition: all ease 0.35s;
}

.newslist li a p.img .zoom {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
  z-index: 3;
  transition: all 0.5s;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

.newslist li a .date {
  width: 100px;
  height: 160px;
  float: left;
  background: #EEE;
  margin-left: 1px;
  transition: all 0.35s;
}

.newslist li a .date .day {
  display: block;
  padding: 32px 0 0 0;
  text-align: center;
  color: #333;
  font-size: 43px;
  transition: all 0.5s;
}

.newslist li a .date .ym {
  display: block;
  text-align: center;
  padding: 28px 0 0 0;
  color: #999;
  font-size: 14px;
  transition: all 0.5s;
}

.newslist li a .con {
  width: 850px;
  height: 159px;
  float: right;
  border-bottom: 1px solid #E6E6E6;
  position: relative;
  color: #666;
}

.newslist li a .con:hover {
  background-color: #009933;
  color: #fff ! important
}

.newslist li a .tit {
  display: block;
  font-size: 16px;
  padding: 10px 0 20px 0;
}

.newslist li a .tit:hover {
  color: #fff ! important
}

.newslist li a .txt {
  display: block;
  font-size: 13px;
  line-height: 180%;
}

.newslist li a .txt:hover {
  color: #fff
}

.newslist li a .click {
  font-size: 12px;
  display: block;
  padding-top: 20px;
  color: #BBB;
}

.newslist li a .click img {
  margin: -2px 0 0 8px;
}

/*
.newslist li a:hover .date,.newslist li a:active .date{background:#D82633;}
.newslist li a:hover .date .day,.newslist li a:active .date .day{color:#FFF;}
.newslist li a:hover .date .ym,.newslist li a:active .date .ym{color:#FFF;}*/
/*.newslist li a:hover .tit,.newslist li a:active .tit{color:#D82633;}*/
.newslist li a:hover p.img .bg,
.newslist li a:active p.img .bg {
  right: 0;
}

.newslist li a:hover p.img .zoom,
.newslist li a:active p.img .zoom {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
}

.gbookbox {
  float: left;
  width: 840px;
  padding-right: 360px;
  background: url(../images/feedback.jpg)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/feedback.jpg*/
    top right no-repeat;
}

#faqbox {
  float: left;
  width: 100%;
}

#faqbox .faqline {
  float: left;
  width: 100%;
  line-height: 2em;
  height: 35px;
  text-align: left;
  margin-bottom: 20px;
}

#faqbox .faqline .faqtit {
  width: 100px;
  display: block;
  float: left;
  clear: both;
  text-align: right
}

#faqbox .faqline input {
  border: #cccccc solid 1px;
  height: 30px;
  line-height: 30px;
  font-family: 微软雅黑;
  border-radius: 5px;
}

#faqbox .Content {
  float: left;
  width: 100%;
  line-height: 2em;
  height: 120px;
  text-align: left
}

#faqbox .Content .faqtit {
  width: 100px;
  display: block;
  float: left;
  clear: both;
  text-align: right
}

#faqbox .Content textarea {
  height: 100px;
  border: #cccccc solid 1px;
  font-family: 微软雅黑;
  border-radius: 5px;
}

.jobbox {
  float: left;
  width: 840px;
  padding-right: 360px;
  min-height: 460px;
  background: url(../images/hr.jpg)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/hr.jpg*/
    top right no-repeat;
}

ul.job-list {
  float: left;
  width: 100%;
}

ul.job-list li {
  float: left;
  width: 99%;
  margin-bottom: 20px;
  border: 1px solid #e4e4e4;
}

ul.job-list li .jobtitle {
  height: 46px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
}

ul.job-list li .jobtitle .tit {
  float: left;
  display: block;
  line-height: 46px;
  height: 46px;
  overflow: hidden;
  padding-left: 25px;
  font-size: 14px;
  font-weight: bold;
}

ul.job-list li .jobtitle .arr {
  float: right;
  background: url(../images/arrow-d.jpg)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/arrow-d.jpg*/
    center no-repeat;
  height: 46px;
  width: 46px;
}

ul.job-list li .jobtitle-active .tit {
  color: #c30101;
}

ul.job-list li .jobtitle-active .arr {
  background: url(../images/arrow-u.jpg)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/arrow-u.jpg*/
    center no-repeat;
}

ul.job-list li .jobbrief {
  border-top: 1px solid #e4e4e4;
  padding-left: 20px;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
}







.pro-list-p {
  float: left;
  width: 340px;
  margin-top: 20px;
  border-top: 2px solid #009933;
  margin-bottom: 20px;
}

.pro-list-p .pro-h {
  width: 340px;
  height: 60px;
  background-color: #009933;
  color: #fff;
  text-align: center;
  font-size: 16px;
}

.pro-list-p .pro-h span {
  text-align: center;
  display: inline-block;
}

.pro-list-p .pro-h .t {
  font-weight: bold;
  margin-top: 10px;
  font-size: 18px;
}

.pro-list-p .pro-h .e {
  font-size: 14px;
  color: #60c370;
}

.pro-list-p .pro-b {
  width: 340;
  overflow: hidden;
  background-color: #fff
}

.pro-list-p .pro-b .a1 {
  border-right: 1px solid #ddd
}

.pro-list-p .pro-b a {
  display: block;
  float: left;
  width: 400px;
  height: 43px;
  line-height: 43px;
  font-size: 14px;
  border-bottom: 1px solid #ddd;
  position: relative;
  background: #daeae0;
  font-weight: 600;
}

.pro-list-p .pro-b a:hover {
  background-color: #009933;
  color: #fff
}

.pro-list-p .pro-b a span {
  margin-left: 20px;
}

.pro-list-p .pro-b a img {
  position: absolute;
  top: 9px;
  right: 10px;
}

.pro-list-p .pro-btn {
  width: 340px;
  height: 37px;
  background-color: #009933
}

.pro-list-p .pro-btn a {
  display: block;
  width: 340px;
  height: 37px;
  background-color: #009933;
  line-height: 37px;
  text-align: center;
  color: #fff;
  font-size: 15px;
}

.pro-list-p .pro-btn a:hover {
  background-color: #02822C
}








/*.side{ float:left; width:350px;}
.side-title{ float:left; width:250px; line-height:80px; text-align:center; font-size:22px; color:#FFF; background:url(../images/titlebg.png);}

.side-box{ float:left; width:250px; background: url(../images/side-bg.png) no-repeat right top;min-height:500px;}
.side-box ul { float:left; width:250px;}
.side-box ul li {color: #666666;}
.side-box ul li a {text-align: center; color: #666666;font-size: 16px;display: inline-block;height: 47px;width:200px;padding-right:50px; background: url(../images/arrow-2.png) no-repeat 210px center;border-bottom: 1px solid #d1d2d3;border-top: 1px solid #FFFFFF;line-height: 47px;}
.side-box ul li a:hover,.side-box ul li a.current{color: #FFFFFF;background: url(../images/arrow-1.png) no-repeat 210px center #009933;height: 49px;border-top: none;border-bottom: none;line-height: 49px;}
.side-box ul li ul li a {text-align: right; color: #666666;font-size: 12px;display: inline-block;height: 37px;width:180px;padding-right:70px; background: url(../images/arrow-2.png) no-repeat 210px center #e8e8e8;border-bottom: 1px solid #d1d2d3;border-top: 1px solid #FFFFFF;line-height: 37px;}
.side-box ul li ul li a:hover,.side-box ul li ul li a.current{color: #FFFFFF;background: url(../images/arrow-1.png) no-repeat 210px center #ff7f57;height: 39px;border-top: none;border-bottom: none;line-height: 39px;}
*/











.main {
  float: right;
  width: 830px;
  padding-left: 18px;
  background: #FFF;
  min-height: 550px;
}

.maincontents {
  float: left;
  width: 900px;
  line-height: 30px;
  overflow: hidden;
  font-size: 14px;
}

.maincontents img {
  max-width: 900px;
  height: auto;
  width: expression(this.width > 850 ? "850px" : this.width);
}

.maincontents .titles {
  display: block;
  font-size: 16px;
  line-height: 35px;
  text-align: center;
  border-bottom: 1px dashed #ccc;
}

.maincontents .date {
  display: block;
  font-size: 12px;
  line-height: 35px;
  text-align: center;
  color: #999
}

.maincontents b {
  color: #333333;
}

.product-lists {
  float: left;
  overflow: hidden;
  zoom: 1;
  width: 900px;
}

.product-lists li {
  float: left;
  width: 288px;
  overflow: hidden;
  border: #efefef solid 1px;
  position: relative;
  border-top: none;
  border-left: none;
  margin-top: 15px;
  height: 328px;
  margin-left: 11px;
}

.product-lists li span {
  float: left;
  width: 288px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
}

.product-lists li .proimg {
  float: left;
  width: 288px;
  height: 288px;
  overflow: hidden;
  position: relative;
}

.product-lists li .proimg:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.product-lists li .proimg img {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  -webkit-transition: -webkit-transform 1s ease-out;
  -moz-transition: -moz-transform 1s ease-out;
  -ms-transition: -ms-transform 1s ease-out;
  transition: transform 1s ease-out;
  width: 100%;
}

.product-lists li.nobord {
  border-right: none;
}

.product-lists li .proimg .overbg {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 300px;
  height: 300px;
  background: url(../images/nbgon.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/nbgon.png*/
  ;
  z-index: 99;
  display: none;
}

.product-lists li .proimg .btn {
  position: absolute;
  bottom: -60px;
  left: 0px;
  width: 300px;
  height: 380px;
  background: url(../images/go.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/go.png*/
    center no-repeat;
  z-index: 999;
  display: none;
}

.product-lists li a:hover span {
  background: url(../images/nbgon.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/nbgon.png*/
  ;
  color: #FFF;
}

.product-lists li a:hover .overbg {
  display: block;
}

.product-lists li a:hover .btn {
  display: block;
}

.proimgbox {
  float: left;
  width: 340px;
}

.pimg {
  float: left;
  width: 320px;
  border: 10px #eeeeee solid;
  border-radius: 5px;
}

.pimg img {
  width: 320px;
}

.proimgscroll-left {
  float: left;
  width: 340px;
  overflow: hidden;
  position: relative;
  margin-top: 10px;
}

.proimgscroll-left .bd {
  width: 280px;
  margin: 0 auto;
  overflow: hidden;
}

.proimgscroll-left .bd ul {
  overflow: hidden;
  zoom: 1;
}

.proimgscroll-left .bd ul li {
  float: left;
  width: 62px;
  height: 62px;
  margin-right: 4px;
  margin-left: 4px;
  overflow: hidden;
}

.proimgscroll-left .bd ul li img {
  width: 60px;
  height: 60px;
  border: 1px #CCCCCC solid;
}

.proimgscroll-left .prev,
.proimgscroll-left .next {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -25px;
  display: block;
  width: 14px;
  height: 50px;
  background: url(../images/sprev.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/sprev.png*/
    left center no-repeat;
  z-index: 999
}

.proimgscroll-left .next {
  left: auto;
  right: 0px;
  background: url(../images/snext.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/snext.png*/
    left center no-repeat;
}

.probriefbox {
  float: right;
  width: 520px;
}

.ptitle {
  display: block;
  width: 100%;
  overflow: hidden;
  font-size: 22px;
  color: #0061aa;
  line-height: 40px;
  font-weight: bold;
}

.probriefbox p {
  display: block;
  line-height: 30px;
  padding-left: 25px;
  font-size: 12px;
}

.p_catagory {
  background: url(../images/pro_of.gif)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/pro_of.gif*/
    left center no-repeat;
}

.p_print {
  background: url(../images/pro_arr_print.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/pro_arr_print.png*/
    left center no-repeat;
}

.p_addfav {
  background: url(../images/pro_arr_favorites.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/pro_arr_favorites.png*/
    left center no-repeat;
}

.p_tel {
  background: url(../images/pro_arr_tel.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/pro_arr_tel.png*/
    left center no-repeat;
}

.p_email {
  background: url(../images/pro_email.gif)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/pro_email.gif*/
    left center no-repeat;
}

.p_pdf {
  background: url(../images/pro_pdf.gif)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/pro_pdf.gif*/
    left center no-repeat;
}

.p_click {
  background: url(../images/icon_click.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/icon_click.png*/
    left center no-repeat;
}

.p_link {
  background: url(../images/pro_arr_link.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/pro_arr_link.png*/
    left center no-repeat;
}

.p_time {
  background: url(../images/pro_arr_time.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/pro_arr_time.png*/
    left center no-repeat;
}

.probreiftitle {
  float: left;
  display: block;
  width: 100%;
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 50px;
  color: #0061aa;
  background: url(../images/title-line-1.png)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/title-line.png*/
    left bottom no-repeat;
}

.ptit {
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  margin-top: 10px;
  line-height: 32px;
  background: #0061aa;
  color: #ffffff;
}

.note {
  display: block;
  line-height: 25px;
  text-align: center;
  color: #aaa;
  text-transform: uppercase;
  font-size: 12px;
}

.note i {
  color: #0061b0;
  font-size: 14px;
}


.footerbox-wrapper {
  background: #2C2C2C;
  color: #a7a6ae;
  color: #fff;
  padding-bottom: 0px;
}

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

.footerbox-wrapper .foothead {
  height: 70px;
  width: 100%;
  background-color: #009933
}

.foothead .list {
  width: 1200px;
  margin: 0 auto
}

.foothead .list .son {
  float: left;
}

.foothead .list .son a {
  background-color: #009933;
  width: 145px;
  display: block;
  color: #fff;
  font-size: 16px;
}

.foothead .list .son a:hover {
  background-color: #02822C;
}

.foothead .list .son .a2 {
  width: 90px;
}

.foothead .list .menu-c {
  width: 145px;
  text-align: center;
  font-size: 16px;
  line-height: 70px
}

.foothead .list .xie {
  width: 20px;
  text-align: center;
  line-height: 70px;
}

.foothead .list .c1 {
  text-align: left;
  width: 90px;
}

.foothead .list .c2 {
  text-align: right;
  width: 90px;
}

.footerbox .footson {
  width: 395px;
  float: left;
  text-align: center;
}

.footerbox .left {
  width: 1000px;
  float: left;
  margin-top: 50px;
}

.footerbox .left .img {
  width: 500px;
  float: left;
  overflow: hidden;
}

.footerbox .left .img img {
  width: 400px;
  margin-top: 8px;
}

.footerbox .left .ti {
  width: 490px;
  float: left;
  border-left: 1px solid #666;
  font-size: 14px;
}

.footerbox .left .ti p {
  margin-left: 40px;
  font-weight: 14px;
  line-height: 1.8
}

.footerbox .right {
  float: left;
  width: 200px;
  height: 260px;
  background-color: #444;
  text-align: center;
}

.footerbox .right .t2 {
  margin-top: 50px;
  font-size: 14px;
  color: #999
}

.footerbox .left .beian-s {
  text-align: left;
  color: #999;
  font-size: 15px;
  margin-top: 30px;
}

.footerbox .left .beian-s a {
  color: #999;
  font-weight: bold;
  font-size: 15px;
}

.footerbox .left .beian-s a:hover {
  color: red;
}

.flogo {
  float: left;
  line-height: 35px;
  font-size: 34px;
  padding-top: 35px;
}

.footernav {
  float: right;
  width: 700px;
}

.ftel {
  float: right;
  display: block;
  background: url(../images/ftel.jpg)
    /*tpa=/www.shrksy.com/Templates/ruikong/Image/ftel.jpg*/
    left center no-repeat;
  padding-left: 45px;
  line-height: 40px;
  font-size: 24px;
}

.fnav {
  float: right;
  display: block;
  width: 100%;
  text-align: right;
}

.fnav a {
  padding: 0 10px;
  color: #a7a6ae;
  line-height: 30px;
}

.footer-wrapper {
  padding: 20px 0;
  background: #515151;
  border-top: #333 solid 1px;
}

.footer {
  width: 1200px;
  margin: 0 auto;
  line-height: 25px;
  position: relative;
  text-align: left;
  color: #a7a6ae
}

.footer a {
  padding: 0 10px;
  color: #fff;
  line-height: 30px;
}

.pageNavi {
  float: left;
  margin-top: 20px;
  display: block;
  WIDTH: 100%;
  TEXT-ALIGN: center;
  line-height: 30px;
  font-size: 12px;
  margin-bottom: 10px;
}

.wp-pagenavi {
  CLEAR: both
}

.wp-pagenavi A {
  border: #CCC solid 1px;
  padding: 5px 10px;
  background-color: #ddd;
  -moz-border-radius: 5px;
  /* Gecko browsers */
  -webkit-border-radius: 5px;
  /* Webkit browsers */
  border-radius: 5px;
  /* W3C syntax */
  margin: 0 3px;
  font-size: 12px;
}

.wp-pagenavi SPAN {
  border: #CCC solid 1px;
  padding: 5px 10px;
  -moz-border-radius: 5px;
  /* Gecko browsers */
  -webkit-border-radius: 5px;
  /* Webkit browsers */
  border-radius: 5px;
  /* W3C syntax */
  margin: 0 3px;
}

.wp-pagenavi A:hover {
  background: #e62129;
  color: #FFF;
  border: #e62129 solid 1px;
}

.wp-pagenavi SPAN.current {
  background: #e62129;
  color: #FFF;
  border: #e62129 solid 1px;
}

.prevpage {
  display: block;
  line-height: 30px;
  font-size: 12px;
}


.addnews .new-t {
  font-size: 25px;
  color: red;
  font-weight: bolder;
}

.addnews .new-t span {
  font-size: 25px;
  font-weight: normal;
  color: #fff;
}

.addnews .new-t .num22 {
  color: red;
  font-weight: bold;
}

/* common banner */
.aboutback {
  background: url(../images/2016081908563575.jpg) center no-repeat;
}

.newsback {
  background: url(../images/201608161430311331.jpg) center no-repeat;
}

.yingyongback {
  background: url(../images/201608181338161900.jpg) center no-repeat;
}

.fuwugback {
  background: url(../images/201608181326554573.jpg) center no-repeat;
}

.zhanluegback {
  background: url(../images/201608190917126041.jpg) center no-repeat;
}

.lianxigback {
  background: url(../images/201608161510252807.jpg) center no-repeat;
}

.productback {
  background: url(../images/201608161653216404.jpg) center no-repeat;
}

.contact {
  background: url(../images/contact.jpg) center no-repeat;
}

/* 首页 */
.input-group {
  clear: both;
  /*overflow: hidden;*/
}

.input-group:after {
  display: block;
  content: '';
  clear: both;
}

.input-group label {
  width: 62px;
  font-size: 15px;
  display: inline-block;
  text-align-last: justify;
  color: #606060;
  margin-top: 15px;
}

.input-group input[type=text] {
  border: 1px solid #aaa;
  box-shadow: 0px 0px 3px #ccc, 0 10px 15px #e4e4e4 inset;
  border-radius: 2px;
  line-height: 30px;
  height: 30px;
  width: 276px;
  text-indent: 1em;
  font-family: "microsoft yahei", "sans-serif";
  transition: 300ms;
  -webkit-transition: 300ms;
  outline: none;
}

.input-group input[type=text]:focus {
  width: 300px;
  box-shadow: 0 0 5px #009933;
  border: 1px solid #2e73b4;
}

.input-group textarea:focus {
  width: 330px;
  box-shadow: 0 0 5px #009933;
  border: 1px solid #2e73b4;
}

.input-group input[type=text]#captcha:focus {
  width: 90px;
  box-shadow: 0 0 5px #009933;
  border: 1px solid #2e73b4;
}

.input-group textarea {
  transition: 300ms;
  -webkit-transition: 300ms;
  width: 300px;
  border: 1px solid #aaa;
  box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
  border-radius: 2px;
  text-indent: 1em;
  padding-top: 5px;
  font-family: "microsoft yahei", "sans-serif";
  outline: none;
}

#submit {
  display: block;
  clear: both;
  width: 80px;
  line-height: 30px;
  border: 0;
  color: #ffffff;
  font-size: 14px;
  font-family: "microsoft yahei";
  margin-left: 64px;
  background-color: #009933;
  border-radius: 3px;
}

/* 首页 end */

/* 留言 */
.smart-green {
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
  background: #F8F8F8;
  padding: 30px 30px 20px 30px;
  font: 12px Arial, Helvetica, sans-serif;
  color: #666;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.smart-green h1 {
  font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding: 20px 0px 20px 40px;
  display: block;
  margin: -30px -30px 10px -30px;
  color: #FFF;
  background: #9DC45F;
  text-shadow: 1px 1px 1px #949494;
  border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  border-bottom: 1px solid #89AF4C;
}

.smart-green h1>span {
  display: block;
  font-size: 11px;
  color: #FFF;
}

.smart-green label {
  display: block;
  margin: 0px 0px 5px;
}

.smart-green label>span {
  float: left;
  margin-top: 10px;
  color: #5E5E5E;
}

.smart-green input[type="text"],
.smart-green input[type="email"],
.smart-green textarea,
.smart-green select {
  color: #555;
  height: 30px;
  line-height: 15px;
  width: 100%;
  padding: 0px 0px 0px 10px;
  margin-top: 2px;
  border: 1px solid #E5E5E5;
  background: #FBFBFB;
  outline: 0;
  -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
  box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
  font: normal 14px/14px Arial, Helvetica, sans-serif;
}

.smart-green textarea {
  height: 100px;
  padding-top: 10px;
}


.smart-green .button {
  background-color: #9DC45F;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-border-radius: 5px;
  border: none;
  padding: 10px 25px 10px 25px;
  color: #FFF;
  text-shadow: 1px 1px 1px #949494;
}

.smart-green .button:hover {
  background-color: #80A24A;
}

.error-msg {
  color: red;
  margin-top: 10px;
}

.success-msg {
  color: #80A24A;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* 留言end */

.pro-b li:nth-child(2n-1) a {
  border-right: 1px solid #dddddd;
}

/* 分页 */
.pagination-wrapper {
  margin: 20px 0;
}

.pagination {
  height: 34px;
  text-align: center;
}

.pagination li {
  display: inline-block;
  height: 34px;
  margin-right: 5px;
}

.pagination li a {
  float: left;
  display: block;
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  font-size: 16px;
  border: 1px solid #dddddd;
  color: #555555;
  text-decoration: none;
}

.pagination li a:hover {
  background: #f5f5f5;
  color: #0099ff;
}

.pagination li.thisclass {
  background: #093;
  color: #fff;
}

.pagination li.thisclass a,
.pagination li.thisclass a:hover {
  background: transparent;
  border-color: #093;
  color: #fff;
  cursor: default;
}

/* 分页end */

/* 厂房 */
.chejian .aboutcon .s-son a .son1:hover {
  background-color: #009933;
  color: #fff;
}

.chejian .aboutcon .s-son {
  overflow: hidden;
}

/*.chejian .aboutcon .s-son .son1{float: left;height: 225px;width: 260px;margin-left: 15px;margin-top: 20px;overflow: hidden;}
    .chejian .aboutcon .s-son .son1 .image{width: 260px;height: 175px;overflow: hidden;}
    .chejian .aboutcon .s-son .son1 .image img{width: 260px;height: 175px;cursor: pointer;  
                transition: all 0.6s;}
    .chejian .aboutcon .s-son .son1 .image img:hover{transform: scale(1.2);}
    .chejian .aboutcon .s-son .son1 .title{width: 260px;height: 45px;text-align: center;line-height: 45px;}*/
.chejian .aboutcon .s-son li {
  float: left;
  height: 225px;
  width: 260px;
  margin-left: 15px;
  margin-top: 20px;
  overflow: hidden;
}

.chejian .aboutcon .s-son li .image {
  width: 260px;
  height: 175px;
  overflow: hidden;
}

.chejian .aboutcon .s-son li .image img {
  width: 260px;
  height: 175px;
  cursor: pointer;
  transition: all 0.6s;
}

.chejian .aboutcon .s-son li .image img:hover {
  transform: scale(1.2);
}

.chejian .aboutcon .s-son li .title {
  width: 260px;
  height: 45px;
  text-align: center;
  line-height: 45px;
}

/* 厂房 end */