@charset "utf-8";
/* css 重置 */
body,div,ul,li,dl,dt,dd,h2,p{padding:0;margin:0;}
ul{list-style:none ;}
img{border:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}




/* picbox */
.picbox{}

#featured .image{position:absolute;overflow:hidden;}

@media screen and (max-width: 768px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
    .banner-box{display: none;}
    /*///////////////////////*/
    .banner-box01{min-width:350px;position:relative;overflow:hidden;padding-right: 3px;padding-left: 3px;}
    .banner-box01 .bd{ width:100%;}
    .banner-box01 .bd li .m-width {width:100%;margin:0 auto;overflow:hidden;}
    .banner-box01 .bd li{width:100% ;}
    .banner-box01 .bd li a{display:block;background-size:auto;}
    .banner-box01 .bd li a img{width: 100%;}
    .ServiceNav li a{line-height: 38px !important;}

    .banner-box01 .banner-btn{width:100%;position:absolute;top:120px;left:50%;margin-left:-605px;}
    .banner-box01 .banner-btn a{display:block;width:49px;height:104px;position:absolute;top:80px;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
    .banner-box01 .banner-btn a.prev{left:450px;background:url(../images/foot.png) no-repeat 0 0;} 
    .banner-box01 .banner-btn a.next{right:-400px;background:url(../images/foot.png) no-repeat -49px 0;}

    .banner-box01 .hd {position:absolute;top:340px;left:500px;}
    .banner-box01 .hd ul li{display: none;}


    #featured .image img{width: 100%;}
    #featured{height:350px;overflow:hidden;position:relative;}
    #thumbs li{display:inline;float:left;cursor:pointer;padding: 5px;}
    #thumbs{width:100%;height:45px;margin-bottom: 40px;}
    #thumbs li a{display:block;font-size:0px;width:45px;height:45px;}
    #thumbs li a img{display:block;font-size:0px;width:45px;height:45px;}
    #thumbs li a:hover img{display:block;border:1px solid #0099FF;height:45px;width:45px;}
    #thumbs li a.current img{display:block;border:1px solid #0099FF;height:45px;width:45px;}
    #thumbs .first img{height: 45px;padding: 10px 0 10px 0;}
    #thumbs .last img{height: 45px;padding: 10px 0 10px 0;}
}
@media screen and (min-width: 768px) { /*当屏幕尺寸大于600px时，应用下面的CSS样式*/
    .banner-box01{display: none;}
    /* banner-box */
    .banner-box{/*min-width:1419px;*/height:480px;position:relative;overflow:hidden;}
    .banner-box .bd{ width:100%;}
    .banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden;}
    .banner-box .bd li{width:100% ;height:480px;}
    .banner-box .bd li a{display:block;background-size:auto;}
    .banner-box .bd li a {width: 100%;height: 480px;}

    .banner-btn{width:100%;position:absolute;top:120px;/*left:50%;margin-left:-605px;*/}
    .banner-btn a{display:block;width:49px;height:104px;position:absolute;top:80px;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
    .banner-btn a.prev{left:3%;background:url(../images/foot.png) no-repeat 0 0;} 
    .banner-btn a.next{right:3%;background:url(../images/foot.png) no-repeat -49px 0;}

    .banner-box .hd {position:absolute;top:340px;left:45%;}
    .banner-box .hd ul li{width:50px;height:2px;border :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
    .banner-box .hd ul li.on{background:#00b7ee;}
    #featured .image img{width: 600px;margin-left: 40px;}
    #featured{height:600px;overflow:hidden;position:relative;}
    #thumbs li{display:inline;float:left;cursor:pointer;padding: 10px;}
    #thumbs{width:780px;height:95px;margin-bottom: 40px;}
    #thumbs li a{display:block;font-size:0px;width:95px;height:95px;padding:10px;}
    #thumbs li a img{display:block;font-size:0px;width:95px;height:95px;}
    #thumbs li a:hover img{display:block;border:1px solid #0099FF;height:95px;width:95px;}
    #thumbs li a.current img{display:block;border:1px solid #0099FF;height:95px;width:95px;}
    #thumbs .first img{height: 95px;padding: 10px 0 10px 0;}
    #thumbs .last img{height: 95px;padding: 10px 0 10px 0;}
}

.properties table{width: 100% !important;}
.Review-list table{width: 100% !important;}

*html #thumbs{height:100%;}



/************/
.submit{
	display: inline-block;
    line-height: 2rem;
    padding: 0 1rem;
    border: 1px solid #9e9f9f;
    background: #3d3938;}
.submit:hover{
	display: inline-block;
    line-height: 2rem;
    padding: 0 1rem;
    border: 1px solid #9e9f9f;
    background: #00a7e1;}

#content img{width: 100%}
#dowebo img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;}