html{overflow-x: hidden;overflow-y: auto;}
body{padding: 0; margin: 0;width: 100%; font-size: 93%;font-family: "微软雅黑";color: #444;}
h1,h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, tr, td,table{border: 0;padding: 0;margin: 0}
img{border-width: 0px}
a{text-decoration: none;}
.container_body{width: 100%;background:url(images/bg.jpg) no-repeat;background-attachment: fixed;overflow: hidden;}

.left{float: left;}
.header_div,.products,.service,.company,.about,.contact,.experience{width:92%;max-width:1200px;margin:0 auto;}
h3{line-height: 38px;}
h2{font-family: simsun;padding: 50px 0 20px 0;}
h2 span{margin-left: 20px;font-size: 70%;letter-spacing: 2px;font-family:cursive;font-weight: normal;color: #c52525;}
p{line-height: 24px;text-align:justify;word-break: break-all;font-size: 95%;}
/* header */
.header{width: 100%;background: #fff;overflow: hidden;}
.logo{width: auto;float: left;margin-right: 20px;}
@media screen and (max-width: 850px){
    .logo{float: none;}
}
.header_menu a{ display: block;padding: 0 20px;line-height: 95px;float: left;color: #444;border-bottom: 4px solid transparent;}
/* footer */
.footer{line-height: 75px;color: #fff;width: 100%;text-align: center;background: #000;filter:alpha(opacity=60);-moz-opacity:0.6; opacity:0.6}
.footer a{color: #fff;padding: 0 5px;}
.footer a:hover{color: #ff0000;}
/* banner */
.slider{ width:100%; height: 540px; margin:0 auto;  position:relative; overflow:hidden; background:#000;  }
.slider .bd{ position:relative; z-index:0;  }
.slider .bd li{width: 100%;height: 540px;}
.slider .bd li img{width: 100%;height: 540px;}
.slider .bd li a{width: 100%;height: 100%;display: block;float: left;}
.slider .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.slider .hd ul{ text-align:center;  }
.slider .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:0 6px; background:url(images/point_btn.png) 0 0;overflow:hidden;  opacity:0.7;-moz-opacity:0.7;  vertical-align:top; line-height:9999px; }
.slider .hd ul .on{ background-position:0 -12px;  }
@media screen and (max-width: 1024px){
    .container_body{background: #000;}
}
/* products */
.details{position: absolute;bottom: 0;right: 5px;color: #c52525;font-size: 13px;}
.details:hover{color: #ff0000;text-decoration: underline;}
.products{ overflow:hidden; position:relative;}
.software,.hardware{display: block;width: auto;float: right;padding: 0 5px;line-height: 35px;color: #444; letter-spacing: 2px;border: 1px solid #444;border-top: 0;}
.software{background: #444;color: #fff;border-right: 0;}
.products_img{width:49%;display:inline-block;text-align: center;}
.products_img img{width:280px;height:280px;}
.product_div{width:49%;display: inline-block;margin-top:15px;}
.products_details{width:50%;height:280px;display: inline-block; position:relative;vertical-align: top;}
@media screen and (max-width: 1024px){
    .product_div{width: 100%;}
    .products_img{width: 35%;}
    .products_details{width: 64%;}
}
@media screen and (max-width: 960px){
    .products_img img{width: 100%;}
}
@media screen and (max-width: 854px){
    .products_img{width: 100%;}
    .products_img img{width:280px;height:280px;}
    .products_details{width: 100%;height: auto;padding-bottom: 20px;}
}
/* service div */
.service_div{width: 25%;display: inline-block;margin-top: 20px;vertical-align: top;}
.service_div img{width: 100%;}
.service_div p{width: 80%;margin: 20px auto;font-size: 15px;}

/* products page */
.slideBox{overflow:hidden;zoom:1;position:relative;width:95%;float:left;margin:50px 2.5% 0 2.5%;border: 4px solid #000;border-radius: 25px;}
.slideBox ul{ overflow:hidden; zoom:1;  height: 520px; }
/*.slideBox ul li{float:left; _display:inline; overflow:hidden; text-align:center; height:510px; width: 100%;}
*/
.slideBox li{float:left; _display:inline; overflow:hidden; text-align:center; height:520px; width: 100%;}

.slideBox li img{width:100%;height:520px;float: left;}
.textBox{width: 30%;height: 520px; float:left;color: #fff;background: #171717;}
.textBox h3{margin:90px 0 20px 0;}
.text_div{width:80%;margin:0 auto;}
.prev,.next{width:30px; height:50px;display:block;background: #444;position:absolute; top:235px;z-index: 99;filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}
.prev{left: 0;}
.next{right: 30%;}
.prev span,.next span{  display:block; width:20px; height:30px; background:url(images/slider-arrow.png) -116px 0 no-repeat; z-index:1;position: absolute;top: 10px;left:5px; }
.next span{ background-position: 0 0;}
.cover{background:#fff;overflow:hidden;filter:alpha(opacity=10);-moz-opacity:0.1; opacity:0.1;position:absolute;width:100%;top: 0;left: 0;}

/* about */
.about p span{font-weight:bold;margin-right:10px;}
#ab1{width:45%;}
#ab2{width:50%;margin-left:5%;}
@media screen and (max-width: 854px){
    #ab1,#ab2{width: 100%;}
    #ab2{margin: 0 0 50px 0;}
}

/* contact */
.address{background:#fff;width:90%;padding:23px 5%;margin-top:50px;border: 2px solid #fff;}
#allmap,#allmaphk,#allmapcd{width: 100%;height: 100%;overflow: hidden;margin:0;min-height:652px;height:auto;}
#con_left{width:26%;float:left;}
#con_right{width:70%;float:left;margin:50px 0 0 4%;height:652px;overflow:hidden;}
@media screen and (max-width: 1310px){
    #con_left,#con_right{width: 100%;}
    #con_right{margin:50px 0 0 0;}
    .address{width: 28.6%;display: inline-block;vertical-align: top;padding:23px 2%;}
    #ab2{margin: 0 0 50px 0;}
}
@media screen and (max-width: 1024px){
    .address{width: 28.5%;}
}
@media screen and (max-width: 924px){
    .address{width: 100%;}
}

/* experience */
.experience_div{float: left; margin: 50px 0 0 45px;position: relative;}
.experience_div img{float: left;}
.experience_div .click_a{width: 100%;height: 100%;display: none;position: absolute;top: 0;left: 0;color: #fff;line-height: 340px;text-align: center;font-size: 24px;letter-spacing: 2px;}
.experience_div .shadow{width: 100%;height: 100%;display: none;position: absolute;top: 0;left: 0;background: #000;filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}