@charset"utf-8";*{-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}
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:500}
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;-webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out}
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}
body{font:500 14px/200% "Microsoft YaHei New","Microsoft Yahei",SimSun,sans-serif,Arial;color:#333}
em{font-style:normal}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row{margin-right:-15px;margin-left:-15px}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}
.col-11{width:91.66666667%}
.col-10{width:83.33333333%}
.col-9{width:75%}
.col-8{width:66.66666667%}
.col-7{width:58.33333333%}
.col-6{width:50%}
.col-5{width:41.66666667%}
.col-4{width:33.33333333%}
.col-3{width:25%}
.col-2{width:16.66666667%}
.col-1{width:8.33333333%}
.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:#117D10;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:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#117D10;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover,.pagination>.current>a,.pagination>.current>a:focus,.pagination>.current>a:hover,.pagination>.current>span,.pagination>.current>span:focus,.pagination>.current>span:hover{z-index:3;color:#fff;cursor:default;background-color:#117D10;border-color:#117D10}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.business:after,.business:before,.c:after,.c:before,.container:after,.container:before,.head:after,.head:before,.nav:after,.nav:before,.navbar:after,.navbar:before,.page:after,.page:before,.pagination:after,.pagination:before,.row:after,.row:before,.text_list:after,.text_list:before,.w:after,.w:before,form:after,form:before{display:table;content:" "}
.business:after,.c:after,.container:after,.docker_style:after,.form:after,.head:after,.nav:after,.navbar:after,.page:after,.pagination:after,.row:after,.text_list:after,.w:after{clear:both}
.nav{padding-left:0;margin-bottom:0;list-style:none}
.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:10px 15px}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}
.navbar{position:relative}
.img-responsive{display:block;max-width:100%;height:auto}
.img-rounded{border-radius:6px}
.para{margin:10px 0;border:1px solid #CCC;border-right:none;font-size:12px}
.para .oddl,.para .oddo{border-right:1px solid #CCC;padding:0 0 0 4px;text-align:center;background-color:#fff;border-bottom:1px solid #e5e5e5}
.para .oddl{background-color:#f5f5f5}
.para .oddll,.para .oddol{text-align:right;padding-right:4px}
.cate li{height:42px;border:none;position:relative}
.cate a{line-height:41px;text-indent:60px;display:block;text-align:left;color:#000}
.cate li a:hover,.cate li.current a,.cate li.on a{color:#fff}
.cate li.cate2 a{text-indent:10px}
.cate li.cate2 a:hover{background-position:center -240px}
.cate ul.listsub{width:220px;position:absolute;display:none;border:3px solid #FF6029;padding:4px;background:#FFF;z-index:9999;left:auto;top:auto;border-radius:5px}
.cate ul.listsub li{clear:both;margin:0;overflow:hidden;height:36px;background:0 0;width:100%}
.cate ul.listsub li a{clear:both;background:0 0;float:left;color:#fff;height:35px;width:100%;text-indent:20px;text-align:left;background:#FF6029;line-height:35px;font-style:normal;margin:0}
.cate ul.listsub li a:hover{background:#eee;color:#FF6029;margin:0}
.cate .cate1 a{background:url(cate.png) 25px -50px no-repeat}
.cate .cate1 a:hover,.cate li.cate1.on a{background:url(cate.png) 25px 0 no-repeat}
.cate li.cate1.on ul a{background:0 0;background:#FF6029}
.cate ul.listsub li a:hover{background:#eee;color:#FF6029}
.cate_main{background:#EF7103;height:42px;text-align:center;font-weight:700;line-height:41px;color:#fff;font-size:18px}
.image_list{width:100%}
.image_list ul{width:104%;float:left}
.image_list li{width:33%;float:left;margin-bottom:20px}
.image_list a{width:90%;float:left}
.image_list img{width:100%;height:auto;float:left;height:195px}
.image_list span{width:100%;float:left;text-align:center}
.ani-1 a{border:solid 3px #89BDDE}
.ani-1 span{height:30px;line-height:33px;background:#89BDDE;color:#fff}
.ani-1 a,.ani-1 img,.ani-1 span{transition:all 1.2s;-webkit-transition:all 1.2s;-moz-transition:all 1.2s;-o-transition:all 1.2s}
.ani-1 a:hover{border:solid 3px #FF6029}
.ani-1 a:hover img{filter:alpha(opacity=80);opacity:.8}
.ani-1 a:hover span{background:#FF6029;color:#fff}
.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 #999;color:#777}
.text_list a:before{content:" > "}
.text_list span{width:90px;height:30px;overflow:hidden;float:right;margin-top:-30px;text-align:right;font-size:12px}
#docker_news .text_list li{height:41px}
#docker_news .text_list a{height:39px}
.side_card{background:#117D10;padding:5px}
.side_card .card_head{text-align:center}
.side_card .card_head a{color:#fff;font-size:24px;line-height:50px}
.side_card .card_chip{padding:5px;border-radius:4px;background:#fff}
.card_chip.cate li{border:none}
.card_chip.cate a{border-bottom:1px solid #eee;line-height:40px;text-indent:40px}
#isearch{width:260px;margin:0;padding:50px 0 0 0;line-height:0}
.annote{display:block;height:30px;padding:20px 0 0 0}
#isearch .inwrap{width:190px}
#isearch .s_input{border:1px solid #767676;padding:3px 2px 3px 5px;width:185px;color:#999;height:30px}
#isearch .s_button{cursor:pointer;width:65px;height:30px;background:#767676;border:none;color:#fff}
#isearch .s_button:hover{background:#FF6029}
.ft_input{font-size:12px;width:100%;line-height:20px;background:#fff;padding:7px 11px;color:#B3B3B3;outline:0;display:block;margin-bottom:10px}
.ft_input.vcode{width:50%;display:inline}
.xcode{margin-left:10px;padding-left:10px;display:block}
.btn{width:100%;height:32px;border:none;background:#FF6029;color:#fff;cursor:hand;cursor:pointer}
.btn:hover{background:#068B70;color:#fff}
#menu{height:50px;background:#f5f5f5}
#navul a{color:#666}
#navul .m{position:relative;float:left;width:12%;display:inline;text-align:center}
#navul .submenu{display:none;width:108px;position:absolute;left:0;top:40px;background:#777;float:left;line-height:30px;z-index:9998}
#navul .submenu li{border-top:1px solid #777}
#navul .submenu a{display:block;line-height:43px}
#navul .submenu a:hover{background:#777}
#navul h3 a{zoom:1;display:block;color:#666;font-size:18px;height:50px;line-height:50px}
#navul h3 a:hover,#navul li.m.on h3 a{background:#777;color:#fff}
.page-slider div,.page-slider p{width:auto}
.callbacks_container{position:relative;z-index:1}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.rslides li{position:absolute;width:100%;left:0;top:0}
.rslides li:first-child{position:relative;display:block;float:left}
.rslides img{display:block;position:relative;z-index:1;width:100%;border:0;height:auto}
.rslides .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0,.8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none}
.rslides_nav{position:absolute;-webkit-tap-highlight-color:transparent;top:52%;left:20px;opacity:.3;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url(themes.gif) no-repeat left top;margin-top:-45px}
.rslides_nav:active{opacity:1}
.rslides_nav.next{left:auto;background-position:right top;right:20px}
.rslides_tabs{list-style:none;padding:0;width:100%;text-align:center;position:absolute;bottom:10px;z-index:4}
.rslides_tabs li{display:inline;float:left;padding-left:3px}
.rslides_tabs a{width:40px;height:10px;display:block;background:rgba(0,0,0,.25);text-align:left;text-indent:9898px;float:left;overflow:hidden;border-radius:2px}
.rslides_tabs li:first-child{margin-left:45%}
.rslides_tabs .rslides_here a{background:rgba(222,102,0,.5)}
#kinMaxShow{visibility:hidden;overflow:hidden}
#kinMaxShow .KMSPrefix_kinMaxShow_image_box .KMSPrefix_kinMaxShow_image_item{left:0}
#kinMaxShow .KMSPrefix_kinMaxShow_button{width:200px;height:15px;filter:alpha(opacity=70);opacity:.7}
#kinMaxShow .KMSPrefix_kinMaxShow_button li{width:20px;height:8px}
#content_index{padding-top:30px;background:url(content_index.png) 50% 180px no-repeat}
#content_sub{margin:30px 0}
#sidebar{padding:0;margin:0;width:260px}
.maincontenter{padding-left:30px;padding-right:0}
.slider_sub{height:500px;background:url(../img/slider03.jpg) center center no-repeat;margin:0;padding:0;width:100%}
.docker_style{clear:both;padding-top:20px}
#slider_about{}
#slider_pro{background:url(../img/slider01.jpg)}
#slider_news{background:url(slidernews.jpg) 50% 0 no-repeat;height:250px;}
#slider_contact{height:250px;}
#crumb{width:100%;height:50px;line-height:50px;background:#eee;border-radius:5px;padding-right:10px}
#crumb a{color:#777}
#crumb span{float:left;font-size:20px;padding:0 15px}
.view_content{padding:20px 0;border-top:1px solid #ccc}
.view_title{width:100%;line-height:60px;font-size:24px}
.view_info{width:100%;line-height:35px;font-size:12px;border:1px solid #ccc;border-left:none;border-right:none;margin-bottom:15px}
.view_nav{width:100%;border-top:1px dotted #CCC;padding:10px 0;float:left}
.view_nav div{width:50%}
.view_nav a{color:#777}
.view_pre:before{padding:0 5px;content:"\00AB"}
.view_next:after{padding:0 5px;content:"\00BB"}
.view_relate{width:100%}
.view_relate_title{width:100%;padding:7px 0;text-indent:2em;border-bottom:1px dotted #CCC;color:#000;border-top:1px solid #999;background:#f4f4f4}
.view_relate_title:before{content:"\25BC"}
.view_relate_list li{width:50%;height:26px;float:left}
.view_relate_list.text_list li a{width:97%}
.view_relate_list.text_list li span{padding-right:20px}
.view_relate_list li a:before{padding:0 5px;content:"\25E6"}
.thumb_relate_list{padding-top:15px}
.thumb_relate_list ul{width:100%}
.thumb_relate_list ul li{width:25%}
.thumb_relate_list img{height:133px}
.thumb{padding:20px 0}
.thumb div{width:100%}
.thumb div.thumb_left{width:48%}
.thumb div.thumb_right{width:50%}
.thumb div.cover_img{width:95%;overflow:hidden;padding-bottom:71%;height:0}
.thumb div.cover_img img{width:100%}
.thumb_right{padding-top:30px}
.thumb_title span{width:100%;line-height:30px;font-size:14px;float:left}
.thumb_title h3{width:100%;font-weight:700;text-indent:2em;font-size:24px;line-height:50px;float:left}
.thumb em{font-style:normal}
.thumb_desc span{line-height:40px}
.thumb_desc em{font-size:20px;line-height:40px}
.thumb_phone span{line-height:40px}
.thumb_phone em{font-size:20px;line-height:40px;color:#FF6029;font-weight:700}
.thumb_url{padding-top:10px}
.thumb_url em a,.thumb_url span a{padding:8px 20px;float:left;background:#FF6029;color:#fff;font-size:14px}
.thumb_url em a{background:#4DBB3E;margin-left:8px}
#header{background:url(bg.jpg) repeat-x}
.top_line{height:29px;color:#555;font-size:13px;line-height:29px}
.top_line li{display:inline}
.top_line li a{padding:0 8px}
.top_line li.line{width:1px;border-right:1px solid #ccc}
#logo{height:150px;background:url(header.jpg) 50% 2px no-repeat}
.head{width:100%}
.head a{width:100%;height:60px;display:block;text-align:center;line-height:60px;font-size:24px;float:left}
.head em{width:90px;height:40px;float:right}
.head em a{width:90px;height:40px;float:right;background:#fcf;font-size:14px;line-height:40px}
#menu{background:#107C10 url(menu.jpg)}
#menu h3 a{color:#fff;border-right:1px solid #31bf31}
#navul .submenu{background:#ff0}
#navul .submenu li{border-top:1px solid #ff0}
#navul .submenu a{color:#000;border-top:1px solid #a8aa00;line-height:40px}
#navul .submenu a:hover{background:#e2e200;color:#000}
#navul h3 a:hover,#navul li.m.on h3 a,li h3.selected a{background:#EF7103;color:#000}
#baozheng{height:250px;background:#fff url(baozheng.jpg) 50% no-repeat}
#categories{width:265px;background:url(catebg.png) repeat-y;padding:0;margin:0}
#categories .head{height:80px;background:url(catet.jpg) no-repeat}
#categories .listul{padding:10px 0 20px 0}
.cate_contact{padding-bottom:30px;line-height:40px;display:none}
#products{height:905px;background:url(75white.png);margin:0;padding:0;margin-left:20px}
#products .head{height:60px;background:#f4f4f4}
#products .head a{width:300px;background:#117D10;color:#fff}
#products .head em a{width:100%}
#products .business{padding:20px}
#products ul{padding-top: 20px;}
#products li{padding-bottom:20px;}
#yoya{margin-top:35px}
.youshi_head{overflow:hidden;text-align:center;padding:5px 0 15px 0;background:#1C85B2;margin-top:15px}
.youshi_head p{background:url(yshead.png) center no-repeat;border-bottom:1px solid #fff;width:70%;margin:0 auto;text-indent:0;height:70px}
.youshi_head span{line-height:30px;color:#fff;font-size:18px}
.youshi_one{position:relative;height:630px;width:1200px}
.youshi{position:absolute;background:#fff;height:150px;overflow:hidden;z-index:2;width:800px}
.youshi em{width:20%;height:180px;float:left;font-size:72px;line-height:100px;font-weight:700;text-align:center;color:#107C10}
.youshi span{width:80%;line-height:70px;height:60px;font-size:30px;border-bottom:2px solid #1C85B2;color:#107C10;display:block;float:left;margin-bottom:10px;text-indent:1em}
.youshi p{width:76%;font-size:16px;line-height:25px;float:left}
.ys1{left:400px;top:30px;background:#128E12}
.ys1 em,.ys1 p,.ys1 span,.ys3 em,.ys3 p,.ys3 span{color:#fff}
.ys1 span,.ys3 span{border-bottom:2px solid #49D149}
.ys2{left:400px;top:180px}
.ys3{left:0;top:330px;background:#128E12}
.ys4{left:0;top:480px;background:#f4f4f4}
.youshi_img{position:absolute;width:440px;overflow:hidden;float:left;height:330px;z-index:1}
.ysi1{left:0;top:0;background:#ccf url(440.jpg) no-repeat}
.ysi2{left:800px;top:330px;background:#cff url(400.jpg) no-repeat;width:400px;height:300px}
#sony{background:#107C10;padding:40px 0 30px 0}
#about{font-size:15px;color:#fff}
#about a{color:#fff;font-size:34px}
#about .business{font-size:16px;padding-top:10px;line-height:200%}
#asus{background:#107C10;padding-bottom:40px}
#case{background:#fff;padding:15px}
#case li{width:10%;margin-bottom:2px}
#case li a{width:99%}
#case li img{height:auto;height:87}
#case li span{display:none}
#tashiba{background:#fff;margin:20px 0}
.kmnews .head{background:#ccc;height:60px;margin-top:8px}
.kmnews .head a{text-align:left;text-indent:2em;line-height:60px}
.kmnews .business{margin-top:6px}
#footer{background:#555;color:#ddd}
.foot_nav{padding:20px 0 15px 0;border-bottom:1px solid #777}
.foot_nav a{padding:0 10px;color:#ddd}
.foot_nav a:hover{color:#fff}
.foot_contact{line-height:30px;padding-top:5px}
.foot_info{line-height:30px}
.foot_info a{color:#ddd}
.card_chip.cate{padding:5px}
.card_chip.cate .cate1 a{background:url(cate.jpg) 0 -50px no-repeat}
.card_chip.cate .cate1 a:hover,.card_chip.cate li.cate1.on a{background:url(cate.jpg) 0 0 no-repeat}
.card_chip p{text-indent:5px}
.container{width:1200px}
#yqlink .row{background:#ccc;padding:4px;margin-bottom:20px}
.yqtitle{color:#fff;font-size:24px;text-align:center;padding-top:20px}
.yqlist{background:#fff;padding:10px 5px}
.yqlist li{float:left;padding-right:10px;line-height:1.5}
#docker_about{background:url(cas.jpg) right 0 no-repeat;padding-top:100px;min-height:580px}
#docker_about p{margin-left:2rem;text-indent:2em;padding-right:240px}
#docker_contact{background:url(ccs.jpg) no-repeat;min-height:550px;padding-top:210px}
#docker_contact p{text-indent:3rem;font-size:20px}
@media (min-width:992px){}
@media (min-width:1200px) {}
@media (min-width:1800px){
body{font-size: 16px}
.image_list img{height:210px;}
.container{width:1400px;}
#products{width:calc(100% - 285px);float: right;}
#yoya .container{width:1200px;}
.youshi_head{width:1400px;margin-left: -100px}
.yqtitle{padding-top: 10px}
#docker_pro .image_list img{height:240px;}
.view_relate_list li{height:35px;}
.view_relate_list.text_list li a{height:35px}
}