@charset "utf-8";

/* CSS Starry */

section, div, ul, li, p{display: block;margin: 0;padding: 0;border: 0;font: inherit;font-size: 100%;vertical-align: baseline;}

@font-face {font-family: "iconfont";

  src: url('/shouji/css/img/iconfont.eot'); /* IE9*/

  src: url('/shouji/css/img/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

  url('/shouji/css/img/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

  url('/shouji/css/img/iconfont.svg') format('svg'); /* iOS 4.1- */

}

/* 图标调用 */

.iconfont {font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}

.toollist-ico { font-size:20px; height:24px; width:24px; text-align:center; line-height:24px; color:#fff;}

.kelink {font-family:"kelink" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}

.top-cbl-ico {  display: block;  font-size: 25px;  text-align: center;  height: 30px;  line-height: 30px;  margin-top: 7px;  color: #fff;}

.cbl-cd-ico {  width: 30px;  height: 30px;  font-size: 15px;  color: #fff;  border-radius: 50px;  padding: 7px;  margin: 0 10px;  text-align: center;  line-height: 20px;}

.cbl-logins-ico {font-size:30px; text-align: center;line-height: 50px;color: #fff;border-radius: 50px;height: 50px;width: 50px;display: block;}

.cbl-logins-qq-ico {height: 20px;width: 20px; font-size:20px; color:#fff; margin-right:5px;}

.view_list-ico {height: 15px;width: 15px; font-size:15px; margin-right:2px;}

.more-ico { height:17px; width:17px; font-size:18px; margin-left:2px;}





/* 其他通用 */

.body_index { max-width:720px; margin:0 auto;}

.arc_title { overflow:hidden; background:#47b751; padding:10px 15px; color:#fff;}

.arc_title a { color:#fff; margin-right:8px;}

.h45 { height:45px; width:100%;}

.bdsharebuttonbox {  float: left;  margin-top: 5px;  width: 170px;}

.menu_more_black {  height: 33px;  border-radius: 3px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  clear: both;  display: -webkit-box;  padding: 12px;}

.menu_more_black a {   display: block;  color: #999;  font-size: 13px;  line-height: 33px;  text-align: center;  background: #EFEFEF;  border-radius: 3px;  -webkit-border-radius: 3px;  width: 100%;  border: 1px solid #E7E7E7;}

.menu_more_black a:hover {  background: #53b856;  color: #fff;  border: 1px solid #53b856;}

.title-bt {  white-space: nowrap;  display: inline-block;  font-size: 15px;  color: #333;  margin: 3px 0 2px 7px;  padding-bottom: 7px;  float: left;  height: 30px;  width: 100%;}

.title-bt:before {  content: "";  display: block;  width: 3px;  height: 15px;  float: left;  background: #ff6633;  margin: 8px 7px 0 0;}

.f0 { height:0px; width:0px; font-size:0px; overflow:hidden;}

.waplogin .btn { height:45px; width:100%; border: 1px #999 solid; border-radius:3px; background-image: -moz-linear-gradient(#4eb23a,#359921);  background-image: -webkit-linear-gradient(#4eb23a,#359921);  background-image: linear-gradient(#4eb23a,#359921);  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF4EB23A', endColorstr='#FF359921');  -moz-box-shadow: inset 0 1px 0 #72c261;  -webkit-box-shadow: inset 0 1px 0 #72c261;  box-shadow: inset 0 1px 0 #72c261;  text-shadow: 0 1px 0 rgba(0,0,0,0.2);  background-color: #4eb23a;  border-color: #2c8e00;  color: #fff; font-size:14px; border-radius:50px;}

.wapreg .btn {height:45px; width:100%; border: 1px #999 solid;   background-image: linear-gradient(#51aff7,#328ED7);   background-color: #4DABF3;  border-color: #46A3EB;  color: #fff; font-size:14px; border-radius:50px;}

.wapreg .txt,.waplogin .txt {background-color: #fcfcfc;  border: 1px solid #cccccc;  height: 36px;  width: 100%;  text-indent: 8px;  vertical-align: middle;  color: #444;  border-radius: 3px;  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}

.wapreg .txt:focus,.waplogin .txt:focus {  border-radius: 5px;  outline: -webkit-focus-ring-color auto 0;  moz-box-shadow: 0 0 3px rgba(59,170,36,0.6),0 1px 3px rgba(0,0,0,0.05) inset;  -webkit-box-shadow: 0 0 3px rgba(59,170,36,0.6),0 1px 3px rgba(0,0,0,0.05) inset;  box-shadow: 0 0 3px rgba(59,170,36,0.6),0 1px 3px rgba(0,0,0,0.05) inset;  border-color: #3baa24;  outline: 0;}

.wapreg .txt:hover,.waplogin .txt:hover {  border-color: rgba(59,170,36,0.5);}

.myfile .list { background:#fff; border-bottom: 1px #f0f0f0 solid;   height: 30px;}



.WebLogo {  text-align: center; width:100%;   margin: 0px auto; }

.WebLogo img {  max-width: 100%;  display: block;  margin: 0 auto;}

.nav { background:#fff; overflow:hidden; border: 1px solid #66bcdc;}

.nav li { float:left; width:25%; text-align:center; height:35px; line-height:35px; box-sizing: border-box; background: #0090c5; border-bottom: 1px solid #66bcdc;    border-right: 1px solid #66bcdc;}

.nav li a { display:block; color:#fff;}

.nav li.on {background: #81B924;}

.nav li.on a { color:#fff;}

.nav li:nth-child(4n) {border-right: none;}

.nav li:nth-child(5),.nav li:nth-child(6),.nav li:nth-child(7),.nav li:nth-child(8) {border-bottom:none;}

.back {  background: url(/shouji/css/img/back.jpg) no-repeat center center;  height: 17px; background-size: 100% 100%;;}





.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback {  width: 99%;  margin: 0px auto;}

.more {  float: right;  padding-right: 10px;}

.more a{  color: #3A8C8A;}

.left_title{   border:0px solid red; clear:both; overflow:hidden;}

.left_title h2,.left_title1 h2,.left_title2 h2 { width:100%; text-align:center; overflow:hidden;}

.left_title h2 a,.left_title1 h2 a,.left_title2 h2 a { font-size: 16px;   color: #FFF;  background: #0090c5;   border-radius: 20px;    padding: 3px 15px;}

.left_title1 {   clear: both;  background: #EDEDED;}





.left_title2{ height:30px; line-height:30px;  border:0px solid red; clear:both; background:url(/shouji/css/img/left_title2.jpg) no-repeat center center; background-size: 100% 100%;;}

.textlist li, .gridlist li, .wxlist li, .thumblist li {  font-size: 16px;  line-height: 1.5em;  vertical-align: middle;  overflow: hidden;}

.textlist li { background: url(/shouji/css/img/textlist.gif) left center no-repeat;  text-indent: 14px;  padding: 5px 0px;  text-overflow: ellipsis;  white-space: nowrap;  border-bottom: 1px dotted #999999;}

.textlist li.first {  background: none;  padding-left: 3px;}

.textlist li.first b { color:#222; display: block;}

.textlist li img {  float: left;  width: 85px;  margin-right: 5px; }

.textlist li .InfoTime {  display: none;}

.InfoContent {  font-size: 17px;  line-height: 1.8em;}

.textlist li .InfoContent {  font-size: 14px;  color: #ABABAB;  white-space: normal;  /* text-indent: 20px; */  padding-left: 10px;}

.left_bottom {  clear: both;  height: 5px;}

.left_body {  padding: 3px 5px;}

.left_body p {  color: #787878; font-size:14px;}

.index-js { height:240px; overflow:hidden;}

.index-js img { width:180px !important;}

.index-js p { color:#999; font-size:14px;}

.left_body1{background:#EDEDED; overflow:hidden;}

.left_body2{ padding:3px 5px; background:#33332c; overflow:hidden; background:url(/shouji/css/img/left_body2.jpg) no-repeat center center; background-size: 100% 100%;;}

.left_bottom2 { clear:both; height:6px; background:url(/shouji/css/img/left_bottom2.jpg) no-repeat center center;background-size: 100% 100%;; }



/*文本列表1*/

.textlist1{ }

.textlist1 li{ width:50%; float:left; text-align:center; margin:10px 0px; text-overflow:ellipsis;white-space:nowrap;overflow: hidden;  }

.textlist1 li a{ }

.textlist1 img{ margin-right:5px;}





/* 产品列表调用 */

.cp_list { overflow:hidden; padding:10px 0;}

.cp_list li {  font-size: 16px;  line-height: 1.5em;  vertical-align: middle;  width: 33%;  overflow: hidden;  float: left;}

.cp_list li .InfoPicture {  padding: 0px 5px; text-align:center;  overflow: hidden; }

.cp_list li .InfoPicture img { width:100%; height:80px;}

.cp_list li .InfoTitle {  height: 25px;  overflow: hidden;  font-size: 14px;  padding: 0px 5px;  text-align: center;line-height: 1.5em;  vertical-align: middle;  font-weight: bold; white-space: nowrap;text-overflow: ellipsis; color:#333;}



/*频道列表*/

.subchannellist { width:99%;border:0px solid red; margin:0px auto;  overflow: hidden;}

.subchannellist li{float:left;text-align: center; border:0px dashed blue; width:25%; }

.subchannellist li a{display:block; margin:8px 3px;  padding:5px 0px;	background-color:#EFF7F9;border:1px solid #CCE3DD ;	-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;	-webkit-box-shadow: 0px 1px 3px #CCE3DD; -moz-box-shadow: 0px 1px 3px #CCE3DD); 	-o-box-shadow: 0px 1px 3px #CCE3DD; box-shadow: 0px 1px 3px #CCE3DD;line-height: 25px;}

.subchannellist #current a { color:#B67D00; }



/* 企业文化 */

.ChannelContent {  clear: both;  padding: 3px;  line-height: 1.8em;}

.ChannelContent p { color: #787878; font-size:15px; padding: 15px 0;}

.ChannelContent strong { font-size:16px; font-weight:bolder;   color: #ff0000; display:block;}





/* 留言 */

.wxlist li {  overflow: hidden;  -moz-border-radius: 5px 5px 10px 10px;  -webkit-border-radius: 5px 5px 10px 10px;  -o-border-radius: 5px 5px 10px 10px;  border-radius: 5px 5px 10px 10px;  border: 0px solid #d0d1d4;  margin: 10px auto;  padding: 8px 8px;}

.InfoTitle, .ChannelName {  font-size: 18px;  line-height: 1.5em;  vertical-align: middle;  font-weight: bold;}

.guestbook .ChannelName h1 {  border-bottom: 1px dotted #CCCCCC;  padding: 5px 0px; font-size:20px; font-weight:bold;}

table.guestbook_table {  width: 100%;}

table.guestbook_table .t1 {  width: 25%;  text-align: left;}

.required {  color: #626262;  font-weight: bold;}

table.guestbook_table .t2 {  width: 75%;  text-align: left;}

.kl-guessbook input { -webkit-border-radius: 5px;  -moz-border-radius: 5px;  -o-border-radius: 5px;  border-radius: 5px;  background-color: #FFFFFF;  border: 1px solid #E8E8E8;  margin: 3px 0px;  padding: 5px 3px;  width: 99%;  line-height: normal;}

button, input, select, textarea {  font-size: 100%;  margin: 0;  vertical-align: baseline;}

textarea {  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  -o-border-radius: 5px;  border-radius: 5px;  -moz-box-sizing: border-box;  background-color: #FFFFFF;  border: 1px solid #E8E8E8;  margin: 3px 0px;  padding: 5px 3px;  width: 99%;}

.kl-guessbook .btn {  cursor: pointer;  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);  background-color: #eeeeee;  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));  background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);  background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);  background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);  background: linear-gradient(top, #fbfbfb, #e1e1e1);  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;  display: -moz-inline-stack;  display: inline-block;  vertical-align: middle;  zoom: 1;  border: 1px solid #d4d4d4;  height: 32px;  line-height: 32px;  padding: 0px 25.6px;  font-weight: 300;  font-size: 14px;  color: #3A8C8A;  text-shadow: 0 1px 1px white;  margin: 0;  text-decoration: none;  text-align: center;}

.kl-guessbook-list .subtitle { height:0px; overflow:hidden; padding:0; margin:0;}

.kl-guessbook-list .content { height:0px; overflow:hidden;padding:0; margin:0;}

.kl-guessbook .btBox { height:0px; overflow:hidden;padding:0; margin:0;}





/* 人才招聘 */

.JobName {  font-size: 20px;  border-bottom: 1px dotted #999;  padding: 3px 8px;  font-weight: bold;}

table.job_table {  border: 0px solid #16b7b7;  margin: 8px 0px;  padding: 0px;  text-align: center;  width: 100%;  border-collapse: collapse;}

table.job_table th {  color: #3A8C8A;}

table.job_table td {  padding: 5px 2px;}





/*底部固定工具条*/

#tool { position: fixed; bottom: 0; left: 0; right: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.toollist { border-top: 1px solid #0090c5;  background: #0090c5;  -moz-box-shadow: 0 1px 0 #eee inset;  -webkit-box-shadow: 0 1px 0 #eee inset;  -o-box-shadow: 0 1px 0 #eee inset;  box-shadow: 0 1px 0 #FFF inset;}

ul.toollist { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0;margin: auto; display: block; height: 48px;}

.toollist li{ float:left;width: auto;  height: 100%;width:25%;position: static!important;  margin: 0;border-radius: 0!important; -webkit-box-sizing: border-box;box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1;-webkit-box-sizing: border-box; box-shadow: none!important; background: none;}

.toollist li {  border-right: 1px solid rgba(255, 255, 255, 0.6);}

.toollist li a {font-size: 20px;line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top: 2px;position:relative;}

.toollist li a {  color: #fff;}

.toollist li a img{width:24px;height:24px;}

.toollist li a p{margin: 1px 0 1px 0;font-size: 14px;display: block !important;line-height: 18px;text-align: center;}



#copyright {  /* background: #3A8C8A; */  text-align: center;  font-size: 14px;  color: #333;  border: 0px solid red;  margin-bottom: 50px;  margin-top: 20px;}

#copyright .bottom_navigation {  text-align: center;  height: 35px;  line-height: 35px;  background: #71C6A0;  font-size: 14px;  display: none;}

#copyright .Mobile {  text-align: center;  height: 35px;  line-height: 35px;   background: #0090c5; border-radius: 20px;}

#copyright .Mobile a {  font-weight: normal;  color: #fff;  font-weight: bold; font-size:14px;}

#copyright .bottom_copyright {  color: #333;  font-size: 13px;  padding: 10px;  line-height: 21px;}