@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;}
.clear{clear: both;}
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:#d71f2c; text-decoration:none;}

.noInfo{ background:url(../images/loading.gif)/*tpa=http://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=http://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}
.big-title{text-align: center;}

.info-title{ float:left; display:block; width:100%; overflow:hidden; position:relative; }
.info-title h3{ float:left; line-height:40px; color:#d71f2c; 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=http://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=http://www.shrksy.com/Templates/ruikong/Image/more.png*/ center no-repeat; }

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

.wrapper{ float:left; width:100%; display:block;}
.bg1{ background:#eeeeee}
.a1200{width: 1200px;margin: 0 auto}





#banner{ float:left; width:100%;min-width:1200px; height:632px; position:relative;  z-index:1; overflow:hidden; 
	background:#015cb5;position: relative;}
	/*头部*/
.top-wrapper{width: 100%;height: 100px;background-color: rgba(255,255,255,0.7);position: absolute;z-index: 999;top: 0}
.top-wrappe .a1200{height: 100px}
.top-wrapper .l{float: left;width: 442px;height: 100px;display: flex;
  justify-content: center;
  align-items: center; }
.top-wrapper .r{float: right;width: 720px;height: 100px;background: url("../images/at.png") right bottom 3px no-repeat}
 .top-wrapper .r .m-list{width: 720px;height: 30px;margin-top: 35px;}

 .top-wrapper .r .m-list li{float: left;width: 90px;height: 30px;text-align: center;position: relative;background:url(../images/line.png) right center no-repeat;}
 .top-wrapper .r .m-list li a{display: block;width: 90px;height: 30px;line-height: 30px;color: #454545;font-size: 15px;}
 .top-wrapper .r .m-list li img{display: block;width: 13px;height: 7px;position: absolute;top: 45px;left: 38.5px;transition: 0.5s;
 	opacity: 0}
 .top-wrapper .r .m-list li:hover img{top: 35px;opacity: 1}
 .top-wrapper .r .m-list li a:hover{color:#1b91e8 }



.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) no-repeat bottom center;**/ padding-bottom:20px;}
.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: 16px/30px "微软雅黑"; text-transform: uppercase; color: #666; }

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

/*首页头部-产品展示*/

/*最上部四个*/
.pro-wrapper .cate-list{margin-top: 30px;}
.pro-wrapper .cate-list li{width: 300px;height: 230px;float: left;}
.pro-wrapper .cate-list li .son{width: 244px;height: 230px;margin: 0 auto;position: relative;transition:0.5s;}
.pro-wrapper .cate-list li .son .y{width: 85px;height: 85px;border-radius: 85px;background: #00945b;margin: 0 auto;text-align: center;position: relative;z-index: 6;transition:0.5s;}
.pro-wrapper .cate-list li .son .y img{margin-top: 26.5px;}
.pro-wrapper .cate-list li .son .t{font-size: 18px;color: #424242;font-weight: bold;text-align: center;padding: 10px 0}
.pro-wrapper .cate-list li .son .con{width: 200px;margin: 0 auto;text-align: center;font-size: 14px;color:#676666;line-height: 1.8}
.pro-wrapper .cate-list li .son:hover{background:url(../images/jx.png) bottom no-repeat;}
.pro-wrapper .cate-list li .son:hover .y{background-color: #0b4a9f}
.pro-wrapper .cate-list li .son:hover .t{color: #0b4a9f}
/*最上部四个*/

/*首页产品列表*/
.pro-list{width: 100%;margin-top: 50px;height: 850px;}
.pro-list .p-top .sea{width: 1200px;height: 50px;margin: 0 auto;padding: 25px 0}
.pro-list .p-top .sea .le{width: 700px;height: 50px;float: left;line-height: 50px;font-size: 16px;}
.pro-list .p-top .sea .le a{font-size: 16px;}
.pro-list .p-top .sea .ri{width: 400px;height: 50px;float: right;background-color: #fff;border:1px solid #cfcfcf;}
#sform input{display: block;float: left;width: 300px;height: 40px;background-color: #fff;margin-top: 5px;
	margin-left: 10px;color: #333}
#sform button{float: right;width: 50px;padding-top:10px;height: 50px;margin-right: 0px;outline: none;background-color: #1b91e8}


#sform input::-webkit-input-placeholder {

color: #666;
font-size: 15px;

text-align: left;

}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;font-size: 15px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;font-size: 15px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;font-size: 15px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;font-size: 15px;
}














.pro-list .p-top .p-t-n{width: 1200px;height: 142px;margin: 0 auto;}
.pro-list .p-top .p-t-n .l{width: 265px;height: 142px;overflow: hidden;float: left;}
.pro-list .p-top .p-t-n .l img{width: 265px;}
.pro-list .p-top .p-t-n .r{width: 935px;height: 142px;float: left;text-align: center;}
.pro-list .p-top .p-t-n .r img{margin-top: 36px;}
.pro-list .p-con{width: 1200px;height: 500px;margin: 0 auto}
.pro-list .p-con .l{width: 261px;height: 500px;float: left;border-top: none;position: relative;}
.pro-list .p-con .l .list{height: 660px;overflow: hidden;}
.pro-list .p-con .l li{width: 260px;margin: 0 auto;border-bottom: 1px solid #fff;height: 60px;background-color: #1b91e8}
.pro-list .p-con .l li a{display: block;width: 260px;height: 55px;line-height: 55px;font-size: 16px;color: #fff}
.pro-list .p-con .l li a .le{width: 200px;height: 30px;float: left;margin-top: 12.5px;line-height: 30px;transition: 0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;position: relative;text-indent: 2em}
.pro-list .p-con .l li a .ri{width: 18px;height: 18px;position: relative;float: left;margin-top: 18.5px;transition: 0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;left: 0 ! important;opacity: 1}
.pro-list .p-con .l li a .ri img{display: block;}
.pro-list .p-con .l li:hover{background-color: #1b91e8}
.pro-list .p-con .l li a:hover .le{color: #fff;text-indent: 2em}
.pro-list .p-con .l li a:hover .ri{left: 10px ! important;opacity: 1}
.pro-list .p-con .l .p-c-b{position: absolute;left: 43px;bottom: 20px;width: 170px;height: 33px;}
.pro-list .p-con .l .p-c-b a{display: block;width: 170px;height: 33px;background: #00945b;text-align: center;line-height: 33px;color: #fff;font-size: 14px;border-radius: 43px;}
.pro-list .p-con .l .p-c-b a:hover{background-color:#067e50}
.pro-list .p-con .r{width: 900px;float: right;}
.pro-list .p-con .r .p-list li{float: left;width: 280px;height: 240px;overflow: hidden;position: relative;background: #bbb;
	margin-top: 30px;margin-right: 20px;}
.pro-list .p-con .r .p-list li:nth-child(3n){margin-right: 0px;}
.pro-list .p-con .r .p-list li:nth-child(1){margin-top: 20px}
.pro-list .p-con .r .p-list li:nth-child(2){margin-top: 20px}
.pro-list .p-con .r .p-list li:nth-child(3){margin-top: 20px}
.pro-list .p-con .r .p-list li a{display: block;width: 280px;height: 240px;overflow: hidden;position: relative;}
.pro-list .p-con .r .p-list li a .pho{width: 280px;height: 200px;overflow: hidden;}
.pro-list .p-con .r .p-list li a .pho img{width: 280px;}
.pro-list .p-con .r .p-list li a .title{position: relative;height: 40px;width: 300px;background-color: #1b91e8;color: #fff;text-align: center;line-height: 40px;font-size: 14px;transition: 0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.pro-list .p-con .r .p-list li a .mo{width: 280px;height: 200px;
	position: absolute;transition: 0.2s;-moz-transition:0.2s;background-color: rgba(0,0,0,0.6);
	-webkit-transition:0.2s;-o-transition:0.2s;opacity: 0;
display: flex;
  justify-content: center;
  align-items: center;  }
/*.pro-list .p-con .r .p-list li a:hover .title{height: 240px;line-height: 240px}*/
.pro-list .p-con .r .p-list li a:hover .mo{opacity: 1;top: 0;}
/*广告*/
.guangao img{width: 100%}
/*首页-关于我们-开始*/
.s-about{background-color: #ddd;height: 681px;overflow: hidden;background:url(../images/ab-bg1.png) top center no-repeat; margin-top: 0px;margin-bottom: 30px;}
.s-about .mainer-c{width: 1200px;height: 681px;margin: 0 auto}
.s-about .mainer-c .l{width: 870px;height: 520px;background-color: rgba(255,255,255,0.8);margin-top: 90px;float: left;}
.s-about .mainer-c .l li{width: 290px;height: 260px;float: left;display: flex;
  justify-content: center;
  align-items: center;  }
  .s-about .mainer-c .r{width: 330px;height: 520px;float: right;display: flex;
  justify-content: center;
  align-items: center;  margin-top: 90px}
  .s-about .mainer-c .r img{width: 90%;max-width: 100%}
.abb-about{width: 100%;height: 600px;}

.abb-about .abb-con{width: 1200px;height: 600px;margin:0 auto;position: relative;}
.abb-about .abb-con .l{width: 686px;height: 454px;position: absolute;background-color: #666;bottom: 50px;left: 0}
.abb-about .abb-con .r{width: 668px;height: 386px;position: absolute;bottom: 80px;right: 0;
background:url(../images/ab-r.png) top center no-repeat}

.abb-about .abb-con .r .con{width: 600px;height: 300px;margin: 0 auto}
.abb-about .abb-con .r .con .t{color: #1b91e8;font-weight: bold;font-size: 24px;padding: 20px 0}
.abb-about .abb-con .r .con .sub{font-size: 14px;color: #767676}
.abb-about .abb-con .r .con p{font-size: 14px;color: #4e4d4d;line-height: 1.8;padding: 0px 0}
.abb-about .big-title{padding: 30px 0;}
/*首页-关于我们-结束*/







/*新闻中心*/
.news-wrapper{padding:20px 0px 30px 0px;overflow: hidden;width: 100%;}
.news-wrapper .aa{width: 1200px;height: 50px;padding-top: 30px;padding-bottom: 20px;border-bottom: 1px solid #ddd}
.news-wrapper .aa .l{width: 1000px;height: 50px;float: left;}
.news-wrapper .aa .r{width: 200px;height: 50px;float: right;text-align: right;line-height: 50px;font-size: 16px;color: #807f7f}
.news-wrapper .aa .r a{font-size: 16px;color: #807f7f}
.new-box{width: 1200px;height: 400px;overflow: hidden;}
.news-wrapper .left{width: 640px;height: 400px;background-color: #fff;overflow: hidden;float: right;}
.news-wrapper .left li{height: 117px;width: 640px;margin-top: 15px;}
.news-wrapper .left li a{display: block;width: 640px;height: 117px;color: #4e4e4e;}
.news-wrapper .left li a .l{width: 117px;height: 117px;float: right;overflow: hidden;color: #6e6e6e;background-color: #f0f0f0}
.news-wrapper .left li a .l .top{width: 117px;height: 66px;border-bottom: 1px dashed #ccc;font-size: 37px;text-align: center;line-height: 66px;}
.news-wrapper .left li a .l .bot{width: 117px;height: 50px;font-size: 18px;text-align: center;line-height: 50px;}
.news-wrapper .left li a .r{width: 500px;height: 117px;float: left;}
.news-wrapper .left li a .r .ti{width: 100%;height: 50px;line-height: 50px;font-size: 16px;font-weight: bold;}
.news-wrapper .left li a .r .con p{font-size: 15px;line-height: 2.0}

.news-wrapper .left li a:hover{color: #1b91e8}
.news-wrapper .left li a:hover .l{background-color:#1b91e8;color: #fff }
.news-wrapper .right{width: 505px;height: 400px;float: left;background:url(../images/n-l.jpg) top center no-repeat;position: relative;}
.news-wrapper .right .fang{width: 400px;height: 200px;position: relative;top: 170px;background-color: #fff;margin: 0 auto;}
.news-wrapper .right .fang .f-son{width: 350px;height: 150px;margin: 0 auto}
.news-wrapper .right .fang .f-son .t{color: #323232;font-size: 16px;padding: 15px 0;border-bottom: 1px dashed #ddd;}
.news-wrapper .right .fang .f-son p{line-height: 2.5;font-size: 14px;color: #6c6c6c;padding: 10px 0}
.news-wrapper .right .fang .f-son .time{color: #6c6c6c;width: 350px;height: 30px;line-height: 30px;}
.news-wrapper .right .fang .f-son .time .le{width: 250px;height: 30px;float: left;}
.news-wrapper .right .fang .f-son .time .ri{width: 100px;height: 30px;float: right;text-align: right;}




/*首页-新闻中心*/
.new-about{width: 1200px;height: 520px;margin: 0 auto;margin-top: 60px}
.new-about .con{margin-top: 50px;}

.new-about .con .left{width: 680px;height: 360px;float: right;}
.new-about .con .left li{width: 680px;height: 120px;margin-top: 20px;border-bottom: 1px dashed #bbb;margin: 0 auto;overflow: hidden;}
.new-about .con .left li .time{width: 80px;height: 120px;float: left;}
.new-about .con .left li .time .day{width: 80px;text-align: center;font-size: 36px;font-weight: bold;color: #3c3c3c;margin-top: 20px;}
.new-about .con .left li .time .year{width: 80px;text-align: center;font-size: 14px;color: #7c7c7c;margin-top: 10px}
.new-about .con .left li a{display: block;width: 620px;height: 120px;float: right;}
/*.new-about .con .left li a .l{width: 180px;height: 120px;float: left;}
.new-about .con .left li a .l img{width: 180px;}*/
.new-about .con .left li a {width: 600px;height: 90px;margin: 0 auto}
/*.new-about .con .left li a .l{width: 60px;float: left;}
.new-about .con .left li a .r{width: 600px;float: right;}*/


.new-about .con .left li a .s1{width: 600px;height: 30px;margin-top: 15px;}
.new-about .con .left li a .s1 .z{width: 450px;float: left;height: 30px;font-size: 16px;color: #666;line-height: 30px;white-space: nowrap;
 text-overflow:ellipsis;overflow:hidden;}
.new-about .con .left li a .s1 .y{width: 85px;float: right;height: 30px;font-size: 12px;color: #999;letter-spacing: 1px;line-height: 30px;text-align: right;}
.new-about .con .left li a .s2 p{font-size: 14px;color: #777;margin-top: 5px;line-height: 1.8}
.new-about .con .left li a .s3{margin-top: 5px;text-align: right;color: #999}
.new-about .con .left li a:hover .z{color: #00945b ! important}
.new-about .con .left li a:hover .y{color: #00945b ! important}
.new-about .con .left li a:hover p{color: #00945b ! important;}
.new-about .con .left li a:hover .s3{color: #00945b ! important}
.new-about .con .right{width: 500px;height: 370px;float: left;position: relative;overflow: hidden;background-color: #f5f5f5}

/*首页-新闻中心-结束*/






/*.n-about .n-title{width: 100%;height: 50px;line-height: 50px;overflow: hidden;}
.n-about .n-title .nt-l{float: left;}
.n-about .n-title .nt-r{float: right;}
.n-about .n-image{width: 580px;height: 400px;float: left;background-color:#015cb5;overflow: hidden;}

.n-about .n-con{width: 580px;height: 400px;float: right;}
.n-about .n-con .son{width: 580px;height: 80px;}

.n-about .n-con  .s1{background-color: #fff;overflow: hidden;font-size: 14px;margin-top: 15px;cursor: pointer}
.n-about .n-con  .s1:hover{background-color: #0061AA;color: #fff;}
.n-about .n-con  .s1a{overflow: hidden;height: 30px;line-height: 30px;margin-top: 10px;}
.n-about .n-con  .s1a .s1aa{float: left;font-weight: bold;}
.n-about .n-con  .s1a .s1a1{float: left;margin-left: 5px;}
.n-about .n-con  .s1a .s1a2{float: right;margin-right: 20px;color: #aaa}
.n-about .n-con  .s3{background-color: red}
.n-about .n-con  .s1b{height: 30px;line-height: 30px;margin-left: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}*/


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




.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=http://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:#015cb5; text-align:center; font-size:16px; line-height:40px; overflow:hidden;}
.home-about-more a:hover{ background:#e10b06;}




.bannercen{height: 580px;background: url(../images/bannercen.jpg) top center no-repeat ! important; background-size:cover; }
.bannercen .image{text-align: center;margin-top: 40px;}
.bannercen .title{text-align: center;margin-top: 5px;color: #fff;font-size: 20px;font-weight: bold;}
.bannercen .b-son{width: 100%;height: 400px;margin-top: 40px;overflow: hidden;display: none;}
.bannercen .b-son .son{width: 45%;height: 200px;float: left;}
.bannercen .b-son .son2 ,.bannercen .b-son .son4{float: right;}
.bannercen .b-son .son img{width: 100%;}








.product-wrapper{ padding:80px 0; background: url(../images/pbg.jpg) top center no-repeat; background-size:cover; }
.home-product-box{ float:left; width:1200px; margin-top:0px; }
.picScroll-left{ margin:0 auto; width:1200px; position:relative;left: -106px;}
.picScroll-left .prev,
.picScroll-left .next{ position:absolute; left:30px; 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; position: absolute;right: -70px; }
.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:20px; margin-left:20px; float:left; text-align:center;  width:370px;  position:relative; }
.picScroll-left .bd ul li a{ float:left; _display:inline; text-align:center;  width:370px; z-index:9;}
.picScroll-left .bd ul li .pic{ float:left; width:370px;   }
.picScroll-left .bd ul li .pic img{ width:370px; height:250px; transition:all 0.8s ease;}
.picScroll-left .bd ul li .con{ float:left; width:350px; padding:5px; text-align:center; color:#333;}
.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;  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{ color:#015cb5}
.picScroll-left .hd{ float:left; width:1400px; height:30px; line-height:30px; margin-top:0px; 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=http://www.shrksy.com/Templates/ruikong/Image/icoCircle.gif*/ 0 -9px no-repeat; overflow:hidden;}	
.picScroll-left .hd ul .on{ background-position:0 0; }

.home-more{ float:left; width:100%; height:42px; margin-top:10px; overflow:hidden; text-align:center;}
.home-more a{ width:160px; height:40px; display:inline-block; color:#1b91e8; text-align:center; 
  font-size:16px; line-height:40px; overflow:hidden;border-radius: 40px;border: 1px solid #1b91e8}
.home-more a:hover{ background:#1b91e8;color: #fff}

.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: #015cb5; 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:#d71f2c; 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:#015cb5; 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=http://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=http://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:#d71f2c; font-weight:bold;}
.adbox em{ margin-left:20px;}

.contact-wrapper{ padding:50px 0; background: url(../images/contactbg.jpg)/*tpa=http://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;}




.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=http://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) bottom center repeat-x;}
.computerbox{ float:left; width:1200px; height:288px; position:relative; background: url(../images/computer.jpg) top center no-repeat}
.mouse{ position:absolute; bottom:0px; right:300px; width:31px; height:60px; background: url(../images/mouse.jpg) top center no-repeat; line-height:60px; text-align:center;}

.bannerbg{ float:left; width:100%;  position:relative;  height:400px;}
.subbg{position:absolute; left:0px; bottom:0px; z-index:9; background: url(../images/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:950px;}
.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:#1b91e8; color:#fff;}
.subnavlist li a.current{ background:#1b91e8; color:#FFF;}
.subnavlist li a:hover{ background:#01449f; color:#FFF;}

.subtitlebox{ width:250px; height:125px; margin-top:-80px;}
.subtitle{ float:left; width:250px; height:80px; line-height:80px; font-size:30px; color:#FFF; text-align:center;  background: url(../images/nbgon.png)/*tpa=http://www.shrksy.com/Templates/ruikong/Image/nbgon.png*/;}
.subtitleen{ float:left; width:250px; height:45px; line-height:45px; font-size:16px; text-transform:uppercase; color:#97afbe; text-align:center; background:#1b91e8;}

.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:right; width:900px; }
.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:#0061b0;  }
.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:#d71f2c;}
.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;}
ul.culturelist li span{ display: inline-block; float: left; width: 63px; height: 72px; background: url(../images/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;}

.cases-wrapper{margin-top: 50px}
.environmentScroll-left{ width:1200px; position:relative; margin-top:20px}
.environmentScroll-left .bd{}
.environmentScroll-left .bd ul{ float:left; width:1200px; zoom:1; }
.environmentScroll-left .bd ul li{ width:300px;float:left; position:relative;height: 290px;background: url(../images/case-bg.png) no-repeat top center;overflow: hidden;}
.environmentScroll-left .bd ul li .nimg{width:300px;height: 280px;position: relative;z-index: 1;text-align: center;}
.environmentScroll-left .bd ul li .nimg img{ width:290px; height:170px;margin-top: 5px;}
/*.environmentScroll-left .bd ul li .nimg .bg{}*/
.environmentScroll-left .bd ul li .nimg .title{height: 80px;width: 260px;margin: 0 auto;}
.environmentScroll-left .bd ul li .nimg .title .t{font-size: 16px;color: #353535;padding: 10px 0;}
.environmentScroll-left .bd ul li .nimg .title .b{font-size: 14px;color: #7f8080}
.environmentScroll-left .bd ul li .nimg .opt{position: absolute;bottom: -10px;left: 104px;opacity: 0;transition: 0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.environmentScroll-left .bd ul li .nimg .opt img{width: 92px;height: auto;}
.environmentScroll-left .bd ul li a:hover .opt{opacity: 1}
.environmentScroll-left .bd ul li a:hover .bg{position: absolute;width: 286px;height:350px;background: url(../images/casebg.png);background-size: cover;z-index: 2;left: 0;top: 0;}
.environmentScroll-left .prev{display: block;position: absolute;left: -80px;top: 120px;width: 50px;height: 50px;border-radius: 50px;background-color: #ddd;text-align: center;background:url(../images/p.png) no-repeat top center;}
.environmentScroll-left .prev img,.environmentScroll-left .next img{margin-top: 11px}
.environmentScroll-left .next{display: block;position: absolute;right: -80px;top: 120px;width: 50px;height: 50px;border-radius: 50px;background-color: #ddd;text-align: center;background:url(../images/n.png) no-repeat top center;}
.environmentScroll-left .next:hover{background:url(../images/n1.png) no-repeat top center;}
.environmentScroll-left .prev:hover{background:url(../images/p1.png) no-repeat top center;}
.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; 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: #eee;}
.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=http://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:330px; min-height:460px; background: url(../images/hr.jpg)/*tpa=http://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=http://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=http://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;}

.side{ float:left; width:250px;}
.side-title{ float:left; width:250px; line-height:80px; text-align:center; font-size:22px; color:#FFF; background:url(../images/titlebg.png)/*tpa=http://www.shrksy.com/Templates/ruikong/Image/titlebg.png*/;}

.side-box{ float:left; width:250px; background: url(../images/side-bg.png)/*tpa=http://www.shrksy.com/Templates/ruikong/Image/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)/*tpa=http://www.shrksy.com/Templates/ruikong/Image/arrow-2.png*/ no-repeat 210px center;border-bottom: 1px solid #d1d2d3;border-top: 1px solid #FFFFFF;line-height: 47px;/**width:200px;width:200px\0;*/}
.side-box ul li a:hover,.side-box ul li a.current{color: #FFFFFF;background: url(../images/arrow-1.png)/*tpa=http://www.shrksy.com/Templates/ruikong/Image/arrow-1.png*/ no-repeat 210px center #d71f2c;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)/*tpa=http://www.shrksy.com/Templates/ruikong/Image/arrow-2.png*/ no-repeat 210px center #e8e8e8;border-bottom: 1px solid #d1d2d3;border-top: 1px solid #FFFFFF;line-height: 37px;/**width:200px;width:200px\0;*/}
.side-box ul li ul li a:hover,.side-box ul li ul li a.current{color: #FFFFFF;background: url(../images/arrow-1.png)/*tpa=http://www.shrksy.com/Templates/ruikong/Image/arrow-1.png*/ no-repeat 210px center #ff7f57;height: 39px;border-top: none;border-bottom: none;line-height: 39px;}

.main{ float:right; width:900px; padding:20px 25px; 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 > 900 ? "900px" : 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:#d00712;}

.product-lists{ float:left; overflow:hidden; zoom:1; width:900px; margin-top:0px; }
.product-lists li{ float:left; width:260px; overflow:hidden; position:relative; border-top:none;border-left:none;margin-top: 15px;height: 225px;margin-left: 8px;border: 1px solid #ddd;margin-right: 10px;}
.product-lists li span{ float:left; width:260px; height:40px; line-height:40px; font-size:14px; text-align:center;border-top: 1px solid #ddd}
.product-lists li .proimg{ float:left; width:260px; height:185px; 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:260px; height:370px; background:url(../images/nbgon.png)/*tpa=http://www.shrksy.com/Templates/ruikong/Image/nbgon.png*/; z-index:99; display:none;}
.product-lists li .proimg .btn{ position:absolute; bottom:-25px; left:0px; width:260px; height:225px; background:url(../images/go.png) center no-repeat; z-index:999; display:none;}
.product-lists li a:hover span{ background:url(../images/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=http://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=http://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=http://www.shrksy.com/Templates/ruikong/Image/pro_of.gif*/ left center no-repeat;}
.p_print{ background:url(../images/pro_arr_print.png)/*tpa=http://www.shrksy.com/Templates/ruikong/Image/pro_arr_print.png*/ left center no-repeat;}
.p_addfav{ background:url(../images/pro_arr_favorites.png)/*tpa=http://www.shrksy.com/Templates/ruikong/Image/pro_arr_favorites.png*/ left center no-repeat;}
.p_tel{ background:url(../images/pro_arr_tel.png)/*tpa=http://www.shrksy.com/Templates/ruikong/Image/pro_arr_tel.png*/ left center no-repeat;}
.p_email{ background:url(../images/pro_email.gif)/*tpa=http://www.shrksy.com/Templates/ruikong/Image/pro_email.gif*/ left center no-repeat;}
.p_pdf{ background:url(../images/pro_pdf.gif)/*tpa=http://www.shrksy.com/Templates/ruikong/Image/pro_pdf.gif*/ left center no-repeat;}
.p_click{ background:url(../images/icon_click.png)/*tpa=http://www.shrksy.com/Templates/ruikong/Image/icon_click.png*/ left center no-repeat;}
.p_link{ background:url(../images/pro_arr_link.png)/*tpa=http://www.shrksy.com/Templates/ruikong/Image/pro_arr_link.png*/ left center no-repeat;}
.p_time{ background:url(../images/pro_arr_time.png)/*tpa=http://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=http://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{ padding:30px 0; background:#2C2C2C; color:#a7a6ae;color: #fff}
.footerbox{ width:1200px; margin:0 auto;overflow: hidden;}
.footerbox .title{font-size: 16px;font-weight: bold;color: #aaa;padding: 20px 0px}
.footerbox .left .son1 .son1a a{width: 34%;float: left;padding: 12px 0px;color: #aaa;}
.footerbox .left .son1 .son1a a:hover{font-weight: bold;}
.footerbox .center{border-left: 2px solid #555;border-right: 2px solid #555;}
.footerbox .center .son1a{padding: 12px 0px ;color: #aaa;}

.footerbox .footson{width: 395px;float: left;text-align: center;}
.beian-ss{background-color: #2C2C2C}
.beian{width: 100%;border-top: 1px solid #666;height: 40px;}
.beian .con{width: 1200px;height: 40px;margin: 0 auto;overflow: visible;}
.beian .left{float: left;line-height: 80px;font-size: 16px;color: #999}
.beian .right{float: right;line-height: 80px;font-size: 16px;color: #999;margin-right: 100px;}
.beian .right a{color: #bbb}
.beian .right 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=http://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:#d71f2c; color:#FFF; border:#d71f2c solid 1px;}
.wp-pagenavi SPAN.current {  background:#d71f2c; color:#FFF; border:#d71f2c 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;}

/*底部foote样式*/
 input::-webkit-input-placeholder {
 9         /* placeholder颜色  */
10         color: red;
11         /* placeholder字体大小  */
12         font-size: 14px;
13         /* placeholder位置  */
14         text-align: right;
15     }
.s-foot-big{width: 100%;height: 310px;margin-top: 60px;background-color: #303c49}
.s-foot-big .title{color: #b1b1b1;font-size: 20px;padding-bottom: 10px}
.s-foot-big .l{width: 550px;float: left;height: 250px;background-repeat: no-repeat;margin-top: 40px;border-right: 1px dashed #4a6077}
/*.s-foot-big .l i{display: inline;}*/
.s-foot-big .l .l-s{width: 450px;height: 250px;margin: 0 auto}
.s-foot-big .l li{float: left;padding: 12px 0;width: 50%;text-align: left;font-size: 14px;color: #d2dfec;overflow: hidden;}
/*.s-foot-big .l li img{width: 17px;height: 17px;}*/
/*.s-foot-big .l .t2{text-indent: 4em}*/
.s-foot-big .m{width: 350px;float: left;height: 250px;border-right: 1px dashed #4a6077;background-repeat: no-repeat;margin-top: 40px}
.s-foot-big .m li{float: left;width: 50;padding: 12px 0;width: 50%;text-align: left;}
.s-foot-big .m li a{font-size: 14px;color: #d2dfec;}
.s-foot-big .r{width: 296px;float: left;height: 250px;text-align: right;margin-top: 40px}
.s-foot-big .r img{margin-top: 10px}
.beian{width: 100%;height: 50px;border-top: 1px solid #384450;background-color: #303c49;line-height: 50px;}
.beian a{font-size: 15px;color: #d2dfec;text-align: right;}
.beian .beian1{font-size: 15px;color:#d2dfec; }
.beian .nu{width: 1000px;height: 50px;float: left;}
.beian .dl{width: 200px;height: 50px;float: right;text-align: right;}
/**/
.cc p{text-align: left;font-size: 14px;line-height: 2.0;color: #444;width: 200px;margin: 0 auto;}




/***/
.mainbox{width: 100%;}
.container{width: 1200px;margin: 0 auto;}

.ichejian_ .swiper-slide a{display: block;width: 100%;background: #fff;overflow: hidden;
;}
.ichejian_ .swiper-slide a .i{width: 100%;height: 160px;overflow: hidden;box-sizing: border-box;border: 1px solid #e5e5e5;}
.ichejian_ .swiper-slide a .i .son{width: 95%;height: 224px}
.ichejian_ .swiper-slide a .i img{transition: 0.5s;-webkit-transition:0.5s;width: 100%;object-fit: cover;height: 100%}
.ichejian_ .swiper-slide a .t{width: 100%;height:46px;
    line-height: 46px;color: #777;font-size: 16px;text-align: center}
.ichejian_ .swiper-slide a:hover{border-color: #065ee4}
.ichejian_ .swiper-slide a:hover .t{background: #f5f5f5}


.s-about-box{
    width: 290px;
    height: 260px;
    text-align: center;
}
.s-about-box-title{
    text-align: center;
    background-image: url("../images/az_bg.png");
    width: 110px;
    height: 106px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 20px auto 20px;
}
.s-about-box-title h2{
    font-size: 18px;
    font-weight: lighter;
    color: #fff;
    width: 110px;
    height: 106px;
    line-height: 106px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.s-about-box-title h2:hover{
    cursor: pointer;
}
.s-about-box-text{

}
.s-about-box-text p{
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    color: #333;
    font-weight: normal;
    letter-spacing: 3px;
    padding: 3px;
}