@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-2,.col-3,.col-4,.col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11,.col-12 {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {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: #FF6029;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: #FF6029;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: #FF6029;border-color: #FF6029;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}
.c:before,.c:after,
.w:before,.w:after,
.container:before,.container:after,
.row:before,.row:after,
.nav:before,.nav:after,
.head:before,.head:after,
.navbar:before,.navbar:after,
.business:before,.business:after,
.pagination:before,.pagination:after,
.text_list:before,.text_list:after,
.text_list:before,.text_list:after,
form:before,form:after,
.page:before,.page:after {display: table;content: " ";}
.c:after,.w:after,
.container:after,.row:after,
.nav:after,.navbar:after,.head:after,
.business:after,.docker_style:after,
.text_list:after,.form:after,
.pagination:after,.page: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:hover,.nav > li > a:focus {text-decoration: none;background-color: #eee;}
.navbar {position: relative;border: 1px solid transparent;}
.img-responsive{display: block;max-width: 100%;height: auto;}
.img-rounded {border-radius: 6px;}
.para,table.ke-zeroborder{margin:10px 0;border: 1px solid #CCC;border-right:none;font-size: 12px;/*width: 100%;*/}
.para .oddo,.para .oddl,table.ke-zeroborder td{border-right: 1px solid #CCC;padding:0px 0 0px 4px;text-align: center;background-color: #fff;border-bottom: 1px solid #e5e5e5}
.para .oddl,table.ke-zeroborder tr:nth-child(even) td{background-color: #f5f5f5;}
.para .oddol,.para .oddll{text-align:right;padding-right:4px;}
.cate{}
.cate ul{}
.cate li{height:51px;border:none;position: relative;border-bottom: 1px solid #eee}
.cate a{line-height:50px;text-indent:50px;display: block;text-align: left;color:#000;background:#fff;}
.cate li.current a,.cate li.on a,.cate li a:hover{color:#fff;background:#FF6029;}
.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:none;width:100%;}
.cate ul.listsub li a{clear:both;background:none;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{}
.cate .cate1 a:hover,.cate li.cate1.on a{}
.cate li.cate1.on ul a{background:none;background:#FF6029;}
.cate ul.listsub li a:hover{background:#eee;color:#FF6029;}
.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;}
.image_list span{width:100%;float:left;text-align: center;}
.ani-1{width:98%!important;}
.ani-1 a{border:solid 3px #aaa;}
.ani-1 span{height:30px;line-height: 33px;background: #aaa;color:#fff;}
.ani-1 img,.ani-1 span,.ani-1 a{transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;}
.ani-1 a:hover{border:solid 3px #107C0F;}
.ani-1 a:hover img{ filter:alpha(opacity=80);opacity:0.8;}
.ani-1 a:hover span{background:#107C0F;color:#fff;}
.text_list{}
.text_list ul{width:100%;float:left;}
.text_list li{width:100%;height:3rem;float:left;}
.text_list a{width:100%;height:3rem;overflow:hidden;float:left;border-bottom: 1px dashed #999;color:#777;line-height:3rem;}
.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;}
.text_list a:hover{background: #eee}
.side_card{background:#FF6029;border-radius:7px;padding:5px}
.card_head{text-align: center;}
.card_head a{color:#fff;font-size:24px;line-height: 50px;}
.card_chip{padding:15px;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;
/* background: -moz-linear-gradient(top, #fafafa, #eeeeee); 
background: -webkit-gradient(linear,top,from(#fafafa),to(#eeeeee));
background: -webkit-linear-gradient(top, #fafafa, #eeeeee);
background: -o-linear-gradient(top, #fafafa, #eeeeee); */}
/*.card_chip.cate a::before{content: '> '*/}
#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: none;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{border-right: #777}
#navul h3 a{zoom: 1;display: block;color: #666;border-right: 1px solid #ddd;font-size:18px;height:50px;line-height: 50px;}
#navul h3 a:hover,#navul li.m.on h3 a{background:#777;color:#fff}
#slider{}
.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: rgba(0,0,0,0);top:52%;left:20px;opacity: 0.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.0;}
.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:0.7;}
#kinMaxShow .KMSPrefix_kinMaxShow_button li{width:20px;height:8px;}
#content_index{background: #eee;}
#content_sub{padding:30px 0;background: #eee;}
#sidebar{padding: 0;margin: 0;width:260px;}
.maincontenter{padding-left:30px;padding-right: 0;}
.slider_sub{height:250px;background:#eee url(slider_sub.jpg) 50% no-repeat;margin:0;padding: 0;width:100%}
#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;background: url(webchat.png) right 70px no-repeat}
.thumb_title span{width:100%;line-height: 30px;font-size: 14px;float:left;}
.thumb_title h3{width:100%;font-weight:bold;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:bold;}
.thumb_url{padding-top:10px;}
.thumb_url span a,.thumb_url em a{padding:8px 20px; float:left;background: #FF6029;color: #fff;font-size:14px;}
.thumb_url em a{background: #4DBB3E;margin-left:8px;}
/*Start       */
#header{background: url(bg.jpg)}
.top_line{height:30px;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% 1px no-repeat}
.head{width:100%;background: #fff;border-bottom: 1px solid #ddd}
.head a{width:100%;height:70px;display: block;text-align: center;line-height:70px;font-size: 20px;float:left;}
.head em{width:90px;height:40px;float:right;}
.head em a{width:90px;height:40px;float:right;font-size: 14px;line-height:40px;}
#menu{background: #107C10}
#menu .navbar{border:none;}
#menu h3 a{color:#fff;border-right:1px solid #18B918;}
#navul{border-left:1px solid #18B918;}
#navul .submenu{background: #ffff00;}
#navul .submenu li{border-top: 1px solid #ffff00;}
#navul .submenu a{color:#000;border-top: 1px solid #a8aa00;line-height: 40px;}
#navul .submenu a:hover{background: #e2e200;color:#000;}
#navul h3{}
#navul h3 a:hover,#navul li.m.on h3 a{background:#ffff00;color:#000}
#thinkpad{padding-top: 30px;background: #eee url(bigbg.png) center 0 no-repeat;}
#categories .head{height:93px;background: url(sbpro.jpg) no-repeat;border: none;}
#categories .head a{text-align: left;text-indent: -876px;}
#categories .cate{padding-bottom: 20px;background: 0 bottom url(cateft.jpg) no-repeat}
#categories ul{background:url(catebg.jpg) repeat-y}
#categories .cate li{border:none;height:46px;}
#categories .cate a{background:url(class.jpg) 20px 0 no-repeat;line-height: 40px;text-indent: 59px;}
#categories .cate a:hover{background:url(class.jpg) 20px -84px no-repeat;}
#products{height:865px;background: #fff;}
#products .head{height:70px;background: url(tian.png) no-repeat;margin-top: 10px;}
#products .head a{width:300px;text-indent: -987px;}
#products .head em a{width:100%;;text-indent: 2px;background: #107C0F;font-size: 12px;color:#fff;font-family: SimSun;margin-top: -10px;}
#products .business{padding-top: 20px;}
#products .business li{width:25%;}
#products .business img{height: 136px;}
#docker_pro .image_list li img{height: 181px;}
#acer{height:540px;background:#fff url(di.png) center 40px no-repeat;margin-top:30px;padding: 40px 0 0;}
#sony{padding:40px 0 80px 0;background:#fff url(bigbg.png) center bottom no-repeat}
#about {background: url(waijing.jpg) 0 20px no-repeat}
#about .business{float:right;width:700px;}
#about .business span{width:100%;line-height:60px;font-size:24px;font-weight: bold;float:left;text-indent:30px;color: #777}
#about .business p{font-size:16px;line-height: 30px;color: #555}
#asus {background: #107C10;padding: 30px 0 40px 0;}
#case {background: #fff;border-radius: 20px;box-shadow: 0 0 20px #333;}
#case .head{background:none;padding-bottom:15px;margin-bottom: 20px;}
#case .head a{font-size: 24px;line-height: 24px;padding-top: 20px;height:54px;}
#case .head p{width:100%;text-align: center;color:#777;line-height: 18px;}
#case li{width:20%}
#case li img{height:154px}
#case li span{height:28px;overflow:hidden}
#hasee{padding:40px 0 30px;background: #fff}
.news-content{width:360px;height:260px}
#kinMaxShow{visibility:hidden;overflow:hidden}
#kinMaxShow .KMSPrefix_kinMaxShow_image_box .KMSPrefix_kinMaxShow_image_item{left:0}
#kinMaxShow .KMSPrefix_kinMaxShow_button{width:100px;height:8px}
#kinMaxShow .KMSPrefix_kinMaxShow_button li{width:20px;height:8px}
#news{background: #fff;}
#news .head{height:50px;border:1px solid #107C10;}
#news .head a{width:200px;height:50px;line-height:50px;background:#107C10;color:#fff;}
.news-title{padding:6px 0 10px;}
.news-title span{width:100%;float:left;line-height: 35px;font-size: 18px;}
.news-title p{width:100%;float:left;line-height:20px;}
#news .text_list li{height:38px;background: #eee;margin-bottom:3px;}
#news .text_list a{height:38px;border:none;line-height:38px;text-indent:20px;}
#news .text_list a:before{content:"";}
#news .text_list li:hover{background: #ddd;}
#news .text_list a:hover{color: #000}
#news .text_list em{height:38px;border:none;font-size:24px;background: #999;float:left;color:#fff;padding: 0 30px;text-indent:0;}
#news .text_list span{margin-top: -35px;padding-right: 10px;}
#lenovo{padding: 30px 0;background: #107C0F;}
#youshi{height: 604px;background: url(ys.jpg) no-repeat}
#contact{height: 604px;background: url(lxwm.jpg) no-repeat;padding-top:140px;}
#contact p{line-height:30px;font-size: 15px;}
#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;}
#footer{background:#222;color:#aaa;padding: 40px 0;font-size: 12px;line-height: 25px;}
#footer .col-3{height:200px;}
#footer a{color:#aaa;}
.footdl{width:100%;}
.footdt{width:100%;font-size: 24px;color:#eee;padding-bottom: 20px;font-family: SimSun;font-weight: bold;letter-spacing:2px}
.footdd{}
.footdd ul{width:100%;float: left;}
.footdd li{width:50%;float: left;}
.footdd a{width:100%;float: left;}
#foot-nav .footdd a{width:50%;float: left;}
#foot-contact p{width:100%;text-indent: 0;}
#foot-contact .footdt{font-family:"Microsoft Yahei";font-weight: bold;letter-spacing:0;font-weight: normal;}
#foot-link,#foot-nav,#foot-contact{border-right: 1px solid #555}
#foot-qrcode{background: url(webchat.png) 50% 20px no-repeat}
/*subpage*/
.side_card{background: none;padding: 0;border-radius: 0;}
.card_head{height:93px;background: url(sbpro.jpg) no-repeat;border: none;}
.card_head a{text-indent: -987px;text-align: left;float: left;}
.card_chip{background:url(catebg.jpg) repeat-y;border-radius: 0;padding-top: 5px;}
.side_card .cate li{border:none;height:46px;}
.side_card .cate a{background:url(class.jpg) 5px 0 no-repeat;line-height: 40px;text-indent:50px;border: none;}
.side_card .cate a:hover{background:url(class.jpg) 5px -84px no-repeat;}
#contact_bar{background: url(sbcontactft.jpg) center bottom no-repeat;padding-bottom: 80px;}
#contact_bar .card_head{height:90px;background: url(sbcontact.jpg) no-repeat;border: none;}
#pager .pagination li a{color:#107C0F;}
#pager .pagination li.current a{color:#fff;background:#107C0F;border-color:#107C0F;}
.thumb_url span a, .thumb_url em a {background: #107C0F;}
.thumb_phone em {color: #F5211D;}
.docker_style{padding-top:70px;}
#content_sub .row{background: #fff;padding: 30px 0 30px 30px;}
#content_sub .container{padding: 0;}
#docker_contact{background: url(acontactbg.jpg) 0 75px no-repeat;min-height: 920px;padding-top:350px;padding-left:40%;font-size:1.2rem;line-height: 2}
#docker_case .image_list.ani-1 img{height:181px;}
#pager{width:100%;}
.pagination{margin-bottom: 0;}
@media (min-width: 768px) {
.container {width: 1000px;}
}
@media (min-width: 1200px) {
body{font-size:16px;}
.container {width: 1170px;}
}
#fontsize p img{margin-left:-2em}