*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:100%;text-size-adjust:none;margin:0;padding:0;color:#555}
body{overflow-x:hidden}blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;font-weight:300}
li,ul{list-style:none}
fieldset,img{border:0}
table{border-collapse:collapse;border-spacing:0;margin:0 auto}
a{outline:0;text-decoration:none;}
a:active,a:link,a:visited{color:#000}a:hover{color:#000;text-decoration:none}
.c{clear:both;width:100%;height:0;overflow:hidden}
.left{float:left}.right{float:right}.center{margin:0 auto;text-align:center}
.show{display:block;visibility:visible}.hide{display:none;visibility:hidden}
.hf{text-align:left;text-indent:-9879px;overflow:hidden}.oh{overflow:hidden}
.tal{text-align:left}.tar{text-align:right}
p{text-indent:2em}
em{font-style: normal;}
body{font: 300 1rem/25px "Microsoft YaHei New", "Microsoft Yahei","SimSun", "sans-serif", Arial;color:#333;background: #EFEFEF}

.c:before,.c:after,
.n:before,.n:after,
.wrapper:before,.wrapper:after,
.logo:before,.logo:after,
.container:before,.container:after,
.view_nav:before,.view_nav:after,
.row:before,.row:after,
.nav:before,.nav:after,
.navbar:before,.navbar:after,
.head:before,.head:after,
.business:before,.business:after,
.docker_style:before,.docker_style:after,
.pagination:before,.pagination:after,
.text_list:before,.text_list:after,
.thumb_relate_list:before,.thumb_relate_list:after,
.page:before,.page:after {display: table;content: " ";}

.c:after,.wrapper:after,.view_nav:after,
.container:after,.row:after,.logo:after,
.nav:after,.navbar:after,.head:after,
.business:after,.docker_style:after,
.text_list:after,.thumb_relate_list:after,
.pagination:after,.page:after,.n:after {clear: both;}

.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}

.row{margin-right: -15px;margin-left: -15px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{
position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;float:left;}
.col-xs-1 {width: 8.333333%;}
.col-xs-2 {width: 16.666667%;}
.col-xs-3 {width: 25%;}
.col-xs-4 {width: 33.333333%;}
.col-xs-5 {width: 41.666667%;}
.col-xs-6 {width: 50%;}
.col-xs-7 {width: 58.333333%;}
.col-xs-8 {width: 66.666667%;}
.col-xs-9 {width: 75%;}
.col-xs-10 {width: 83.333333%;}
.col-xs-11 {width: 91.666667%;}
.col-xs-12 {width: 100%;}
#crumb{padding:7px 15px;border-radius: 5px;padding-right: 10px;border-bottom: 1px solid #ccc;margin-bottom: 15px;font-size: .9rem;background: #f4f4f4;}
#crumb a{color: #999;}
.breadcrumb {list-style: none;}
.breadcrumb > li {display: inline-block;}
.breadcrumb > li + li:before {padding: 0 5px;color: #ccc;content: "/\00a0";}
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination > li {display: inline;}
.pagination > li > a,
.pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {z-index: 2;color: #23527c;background-color: #eee;border-color: #ddd;}
.pagination > .current > a,
.pagination > .current > span,
.pagination > .current > a:hover,
.pagination > .current > span:hover,
.pagination > .current > a:focus,
.pagination > .current > span:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {z-index: 3;color: #fff;cursor: default;background-color: #107C10;border-color: #107C10;}


.g_1{
background: -moz-linear-gradient(top, #ffffff, #eeeeee); 
background: -webkit-gradient(linear,top,from(#ffffff),to(#eeeeee));
background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
background: -o-linear-gradient(top, #ffffff, #eeeeee);
}
.g_2{
background: -moz-linear-gradient(top, #0187D4, #107C10); 
background: -webkit-gradient(linear,top,from(#0187D4),to(#107C10));
background: -webkit-linear-gradient(top, #0187D4, #107C10);
background: -o-linear-gradient(top, #0187D4, #107C10);
}
.g_3{
background: #107C10;
}
.g_4{
background: -moz-linear-gradient(top, #888888, #9A9A9A); 
background: -webkit-gradient(linear,top,from(#888888),to(#9A9A9A));
background: -webkit-linear-gradient(top, #888888, #9A9A9A);
background: -o-linear-gradient(top, #888888, #9A9A9A);
}


.image_list{}
.image_list ul{width:102%;float:left;padding-left: 2%;padding-top: .5rem;}
.image_list li{width:50%;float:left;margin-bottom: 20px;margin-bottom: 0.5rem;}
.image_list a{width:94%;float: left;overflow:hidden;display: block;border: 1px solid #ccc;position:relative;padding-bottom:calc(68% + 44px); height:0;}
.image_list img{float:left;display: block;border: 1px solid #dadcdf;width:100%; height:calc(100% - 44px); position:absolute;}
.image_list span{width:100%;position:absolute;float:left;padding:5px 5px 0 5px;font-size:0.8rem;bottom: 0;}
.image_list span p{text-indent: 0;line-height: 110%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.image_list span em{text-indent: 0;line-height: 110%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}


.text_list{}
.text_list ul{width:100%;float:left;}
.text_list li{width:100%;height:31px;float:left;}
.text_list a{width:100%;height:30px;overflow:hidden;float:left;border-bottom: 1px dashed #eee;color:#777;}
.text_list span{width:90px;height:30px;overflow:hidden;float:right;margin-top: -30px;text-align: right;font-size: 12px;}

.submenu{width:100%;padding-bottom: 15px;border-bottom:1px solid #ccc;margin-bottom: 15px;}
.submenu li{width:49%;display: inline-block;border-bottom: 1px dashed #ccc;}
.submenu li:before{content: "\2022";}
.submenu a{font-size: .8rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.table{margin-bottom:10px;border: 1px solid #CCC;border-right:none;font-size: 12px;}
.table .oddo{background: #E9E9E9;border-right: 1px solid #CCC;height:25px;word-break: break-all;}
.table .oddl{background: #fefefe;border-right: 1px solid #CCC;height:25px;word-break: break-all;}
.table .oddol{text-align:right;padding-right:5px;word-break: break-all;}
.table .oddll{text-align:right;padding-right:5px;word-break: break-all;}

.img-responsive{display: block;max-width: 100%;height: auto;}


.control-group{padding-bottom: 10px;}
.btn{width:100%;font-weight: normal;line-height: 1.25;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: 0.5rem 1rem;font-size: 1rem;border-radius: 0.25rem;color: #fff;background-color: #107C10;border-color: #107C10;}
.ipt{display: block;width: 100%;padding: 0.5rem 0.75rem;font-size: 1rem;line-height: 1.25;color: #464a4c;background-color: #fff;background-image: none;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 0.25rem;}


/*header*/
#header{background: #fff;}
.logo img{margin:0 auto;display: block;max-width: 100%;height: auto;}

/*menu*/
#menu{background: #107C10;color:#fff;}
#navul a{color:#fff;}
#navul .m{position: relative;float: left;width: 16.6666%;display: inline;text-align: center;}
#navul h3{border-right: #18B918}
#navul h3 a{zoom: 1;display: block;color: #fff;padding:7px 0;border-right: 1px solid #18B918;font-size: .9rem}
#navul h3 a:hover,#navul li.m.on h3 a{background: #18B918}

/* slider */
#slider{margin:0 auto;}


@media (max-width: 420px){
#navul .m{width:33.3333%;border-bottom: 1px solid #18B918}
}
@media (min-width: 768px){
.container {width: 750px;}
#slider{max-width: 768px}
#navul .m{width:16.6666%;}
}

#main_visual{display:block;width:100%;height:240px;position:relative;overflow:hidden}
#main_image{display:block;width:100%;border-top:1px solid #d7d7d7}
#main_image ul{display:block;width:100%;float:left;position:relative}
#main_image li{display:block;width:100%}
#main_image li span{display:block;width:100%}
#main_image li a{display:block;width:100%}
.flicking_con{position:absolute;bottom:10px;left:20px;z-index:999;width:300px;height:21px}
.flicking_con a{float:left;width:18px;height:18px;margin:0;padding:0;background:url(btn_main_img.png) 0 0 no-repeat;display:block;text-indent:-1000px}
.flicking_con a.on{background-position:0 -18px}
#btn_next,#btn_prev{z-index:11111;position:absolute;display:block;width:25px!important;height:50px!important;top:50%;margin-top:-37px;display:none}
#btn_prev{background:url(hover_left.png) no-repeat left top;left:5px}
#btn_next{background:url(hover_right.png) no-repeat right top;right:5px}
.r_detail{width:100%;float:left;}
.r_detail_ti{padding: 10px 0;float:left;text-align:center;color: #fff}

/*content*/
#content{background: #fff;padding-bottom:5rem;}

.head{}
.head h4{}
.head p{padding-top:20px;padding-bottom:15px;line-height:1.5rem;color:#fff;text-align: center;text-indent: 0;font-size: 1.1rem}
.head a{padding-top:20px;padding-bottom:15px;line-height:1.6rem;color:#fff;text-align: right;}
.head em{text-transform: uppercase;font-weight: bold;font-style: normal;line-height:1.5rem;color:#fff;font-weight: 300;padding-left: 5px;font-size: .9rem}

#about .business,#news,#news .business{padding-top: 10px}

.line{height:1px;border-bottom: 1px dashed #ccc;}


.docker_style p img{display: block;max-width: 100%;height: auto;}
.docker_style h4{text-align: center;padding: 15px 0;color:#107C10;font-size: 1.3rem}
.docker_nav{border-top:1px dashed #ccc;margin-top: 15px;padding-top: 15px;}
.docker_style table{width:100%;word-break: break-all;}
.docker_style table p {text-indent: 0;}

/*footer*/
#foot{background:rgba(0,0,0,.8);color:#fff;position: fixed;left:0;bottom: 0;width: 100%}
.footnav{width: 100%}
.footnav a{color:#fff;}
.footnav ul li{position: relative;float: left;width:25%;display: inline;text-align: center;}
.footnav ul li a{zoom: 1;display: block;color: #fff;padding: 10px 0;border-right: 1px solid #777;}
.footnav ul li a i{color:#fff;width:100%;font-weight: 300;font-size: 1.2rem;}

/*#con_nav{width:100%;padding: 20px 0;padding-left: 10px;}
#con_nav ul{width:100%;}
#con_nav li{width:25%;display: inline-block;}
#con_nav a{width:95%;padding: 30px 0;background: #107C10;text-align: center;border-radius: 10px;font-size:1.1rem;
	display: block;color:#fff;
}
*/

/*index*/
#oneone{height:200px;background: url(so_title.jpg) 50% no-repeat;margin-top: 10px;}
#twotwo{width:100%;margin-bottom: 10px;}
#twotwo ul{width:100%;}
#twotwo li{float:left;width:33.33%;}
#twotwo li a{float:left;width:99%;}
#twotwo li a img{float:left;width:100%;}

#products .head .col-xs-8,#choice .head .col-xs-8,#news .head .col-xs-8,#about .head .col-xs-8{background: #107C10}
#products .head .col-xs-4,#choice .head .col-xs-4,#news .head .col-xs-4,#about .head .col-xs-4{background: #aaa}

.smo{padding-top:20px;padding-bottom: 20px;text-align: center;margin-top: 15px;background: #18B918}
.smo a{color:#fff;font-size: 1.3rem;}
.smo i{color:#fff;padding-left: 5px;}
#one .smo{margin-right:-10px;}
#two .smo{margin-left:-10px;}

#cate{padding-bottom:10px;padding-top:10px;}
#cate li{display: inline-block;padding:7px 0;border:1px solid #ccc;text-align: center;font-size: .8rem;
background: -moz-linear-gradient(top, #ffffff, #eeeeee); 
background: -webkit-gradient(linear,top,from(#ffffff),to(#eeeeee));
background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
background: -o-linear-gradient(top, #ffffff, #eeeeee);
margin-top: 10px
}
#cate .business{padding:0 0 10px 0;}
#cate .mr10{border-right: none;}
#cate .mt10{border-top: none;}


#choice h5{width:100%;text-align: center;font-size: 1.5rem;padding: 10px 0}
#choice ol{width:100%;}
#choice ol li{width: 100%;background: #f6f5f0;border: 1px solid #dadcdf;overflow: hidden;margin-bottom: 1.4rem;}
#choice ol li .c_img{width: 31%;background: #f6f5f0;overflow: hidden;}
#choice ol li .c_img img{width: 100%;display: block;vertical-align: middle;border: 1px solid #fff;}
#choice ol li .c_rtxt{width: 68%;float: left; padding: 10px 0 0 2.6%;}
#choice ol li .c_rtxt .c_r_n{float: left; width: 30px;height: 30px;border-radius: 50%;background: #107C10;text-align: center;color: #fff;line-height: 30px;margin-right:5px;}
#choice ol li .c_rtxt .c_r_t{width:calc(100% - 40px);float: left;line-height: 2rem;line-height: 1.5rem;}
#choice ol li .c_rtxt p{text-indent:0}
#choice ol li .c_rtxt .c_r_t p.title{font-weight: normal;color: #107C10;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#choice ol li .c_rtxt .c_r_t p.txt{font-weight: normal;color: #555;font-size: 0.7rem;line-height:.9rem;}