@charset "utf-8";
@media only screen and (max-width: 1920px) {
.nav .nav-column{padding-right: 40px;}	
}

@media only screen and (max-width: 1600px){
.sup-right .sup-pr .icon{ margin-top:10px;}
.prolist .prolist-r{ width:50%}
.sup-index .sup-detail { float:left; width:320px; height:320px; background:#fff; padding:5px; box-shadow:0px 0px 8px #999; margin:30px 20px 30px 0px }
.prolist .prolist-left{ width:45%}
}
	
@media only screen and (max-width: 1440px){
.sup-index .sup-detail{margin:30px 10px}
.Pro-catalog { width:1000px; height: auto; margin:10px auto}
.box-1, .box-2,.box-3 ,.box-4{ width:220px; height:220px; float:left; margin-right:30px; position:relative}
.Pro-catalog .font p{ font-size:13px}
.sup-index .sup-content{ width:98%; padding:30px 1%}
.pro-box .pic dt{ font-size:150%; }
.pro-box .pic dl{ width:100%; height:100%; position:absolute; top:20%; left:0; display:none;}
.pro-box .pic dd a{ width:80px; height:80px; display:block; float:left; margin-left:50%}
.fixed {width: 80%;padding-left: 20%; }
.sup-index .sup-detail { float:left; width:310px; height:310px; background:#fff; padding:5px; box-shadow:0px 0px 8px #999; margin:30px 20px 30px 0px }
.prolist-r .parameter dd { width:100%; line-height:16px; float:left }
.prolist-r .parameter dd strong { width:200px; float:left; max-height:48px; text-align:right; }
.prolist-r .parameter dd p { width:45%; float:left; padding-left:5px; font-size:11px; line-height:20px; }
.protab-box .tab_box .parameter dd p{ width:60%}
}

@media only screen and (max-width: 1366px){
.nav {margin-left:16%;}	
.prolist .prolist-r{ width:60%; padding-left:20px;}
.sup-index .sup-detail { float:left; width:250px; height:250px; margin:20px 0px 20px 40px}
.prolist .prolist-r{ width:45%}
.protab-box .tab_menu{ height:42px;}
.protab-box .tab_menu li{ width:140px; font-size:14px; line-height:42px;}
.fixed { padding-left:10%; width:90%; }
}
@media only screen and (max-width: 1280px){
.nav{ margin-left:10%;}	
.price-box .tab_menu li{ width:auto; float:left; color:#55555c; margin-top:0px;text-align:center;cursor:pointer; padding:5px; border:1px solid #f5f5f5; margin-right:10px; font-size:11px; }
.protab-box .tab_box .parameter{ padding:10px;}
.sup-right .sup-pr .sup-inf .size{height:70px; height: overflow:hidden}
}

@media only screen and (max-width: 1024px){
.nav{ margin-left:10px;}
.header-product { display:block; width:85%; left:5%; }
.nav > li > div { padding:10px}
.nav .nav-column{ width:200px; margin-right:10px;}
.footer-box{ width:900px;}
.footer-service ul{ width:120px;}
#main .pro-box{ width:90%; margin-left:4%;}
#main .pro-box li{ width:20%;}
.sup-index .sup-detail { float:left; width:200px; height:200px; margin:20px 20px 20px 0px}
.protab-box .tab_box .parameter dd p{ width:50%}
.protab-box .tab_box .parameter dd strong{ width:160px;}
}

@media screen and (max-width:768px){
#header .logo ,#header .logo img{ width:120px; display:block; height:auto}
.nav{ width:360px; height:78px;}
.nav > li > a{padding:0px 10px; font-size:12px; margin-top:0; }
.nav > li > div{ top:78px; padding:10px}
.nav .nav-column{ width:165px; }
.nav .nav-column h3 a{ font-size:12px;}
.nav .nav-column li a{ font-size:11px; line-height:20px; }
.header-product{ width:700px; left:2%; }
.nav-login{ display:none}
.nav-right{margin:20px 2% 0 0;}
.fixed{ display:none}
.fixed li{ display:none}
body ,a{ font-size:12px}	
h2{ font-size:14px; font-weight:bold}
#gotop { width:0; height:0; overflow:hidden}
#header {position: fixed; z-index:999; height:78px; background:#fff}
.full-header{ height:78px}

.sup-index .sup-detail { float:left; width:250px; height:250px; margin:20px 30px}


.Pro-catalog{ width:720px; display:block; margin-left:40px; }
.font{width:100%; height:24px; display:block;}
.Pro-catalog .font p{ font-size:11px; font-weight:bold; line-height:24px; text-indent:2px; text-align: center}
.box-1, .box-2,.box-3 ,.box-4{ width:160px;}
.font{ width:100%; height:42px; display:block; background:#fff; /*border-radius:0px 0px 5px 5px;*/ background:rgba(255,255,255,0.7) none repeat scroll !important;  filter: alpha(opacity = 70); opacity: 0.7; 
position: absolute; top:50%; line-height:24px}
.Pro-catalog .font p{ display:block; position:relative; font: bold 11px/20px "Arial Black", Gadget, sans-serif; text-align: center}
/*footer*/
.footer-box{ width:100%;}
.footer-service ul{ width:120px; padding:0px 10px;}
.footer-box .footer-info{ width:220px; padding-left:20px;}
.footer-share{ width:150px; float:left; padding-left:20px;}

/* main */
#main .pro-submenu{ width:100%; height:28px;}
#main .pro-submenu h2,#main .pro-submenu p{ line-height:14px;}
#main .title  ,#main .crumb { height:36px; line-height:36px;}
#main .product{ width:100%;}
.cat_locate{ margin-bottom:78px;}
#main .pro-box{ margin-left:10px; width:100%}
#main .pro-box li{ width:164px; margin:0xp 0px 0px 4px;}
#main .pro-box .more a{ margin:5px auto; padding:5px}
.warrantyProductContent { width:100%;}
.warrantyProductContent .reg-pr{ width:90%;} 
.warrantyProductContent ul li b { width:100px;}
.warrantyProductContent .reg-box { padding-left:120px;}

/* product-list */
.prolist .prolist-left{ width:30%; padding-left:0px;}
.prolist-drivers { width:180px; height:32px; }
.prolist .prolist-r{ width:60%; padding-left:10px;}
.prolist-drivers a { padding-right:0px; background:none;line-height:32px;}
.prolist-drivers a:hover{ background:#00a2e8}
.prolist-r .color-title ,.prolist-r b  { font-size:11px;}
.prolist-r b{ margin:10px 0px}
.price-box .tab_menu li{ margin-right:5px; border:1px solid #ccc; margin-bottom: 2px;}
.price-box .tab_box{ margin-top:0px; height:45px; }
.price-box .tab_box .cart { padding-top:0px;}
.price-box .tab_menu .current { margin-bottom:2px;border:1px solid #ccc;}

.protab-box .tab_box { width:92%;}
.protab-box .tab_menu{ width:92%; height:45px; }
.protab-box .tab_menu li{ line-height:45px; left:0; width:110px;}
.protab-box .tab_box .protab-title{ width:80%}
.protab-box .tab_box .parameter dd p{ width:60%}
.prolist-r .parameter dd{ width:100%}
#footer .Language .Language-box{ width:180px}
}

@media screen and (max-width:576px){
.full-header ,.bx-wrapper .bx-controls-direction a  ,#main .pro-menu ,#main .title ,#main .hot-pro ,#main .pro-pic ,.protab-box .tab_menu  ,.protab-box .protab-detail img
,.sup-pr .sup-pic{ display:none}
#gotop { width:0; height:0; overflow:hidden}

/* header */	
#header{position:static;  display:block; z-index:0;  
-moz-box-shadow: 0px 0px 0px #fff;
-webkit-box-shadow: 0px 0px 0px #fff;
box-shadow: 0px 0px 0px #fff; height:340px; border:none}
#header .logo {  width:129px; height:82px; display:block; float:left;  margin-left:40%; margin-bottom:10px; }
#header .logo img{ width:129px; height:82px;}
/* nav */
.nav{ width:100%; position: relative; float:left; margin:0; height:auto; z-index:88; cursor: default;  background:#fff;}
.nav > li{ width:100%; background:#ebebeb; display:block; float:left; overflow:hidden; border-bottom:1px solid #fff; text-align:center; padding:0; margin:0 }
.nav > li > a { width:100%; display:block; z-index:0; line-height:42px; background:#5B5B5B; color:#fff;padding:0; margin:0 }
.nav > li:hover > a { background: #00a2e8; color:#fff}
.nav > li > div { position: absolute; width:100%; display: block; left:0;  z-index:98; top:86px; visibility: hidden; overflow: hidden;  opacity: 0; background: #ebebeb; 
-moz-box-shadow:none;
-webkit-box-shadow:none; 
box-shadow:none; border:0; text-align:left; margin:0; padding:0}
#header-support{ display:block; top:120px;}
#header-about{ display:block; top:170px;}
.nav .nav-column { width:100%; text-align:center; height:auto; z-index:98;}
.nav .nav-column .nav-pic{ width:90%; text-align:center; display:none}
.nav .nav-column h3 a{ width:100%; display:block; font-weight:bold; margin:20px 0 0 0}
.nav .nav-column li a{ width:100%; display:block; line-height:24px;}
.nav-right{ width:90%; height:42px; display:block; margin-left:0px; margin-top:10px; margin-bottom:10px;}
.nav-search{ width:240px; height:42px; border-radius:0px;} 
.nav-search .txt{ width:220px; line-height:42px;}

/*banner */
.banner{ width:100%; float:left} 
.banner ,.bx-wrapper { position:static; z-index:0; }
.bx-wrapper img{ display:block; z-index:-999; position:relative}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ position:relative; bottom: 20px;}
.bx-wrapper .bx-pager.bx-default-pager a{ width:10px; height:10px;}

/*Pro-catalog */
.Pro-catalog{ width:100%; margin-left:0px; position: relative}
.box-1, .box-2,.box-3 ,.box-4{ width:120px; display:block; float:left; margin:10px 0px 10px 30px; }
.Pro-catalog .font p{font-size:11px; height:18px; display:block; position: absolute;  text-align:center}
.Pro-catalog a{font-size:11px; line-height:18px; font-weight:bold; color:#000; }

.sup-index .sup-detail { float:left; width:250px; height:250px; margin:10px 20px}


/*main */
#main .product{ width:100%; float:left}
#main .pro-title{ margin:20px 0; border:none; display:block;}
#main .pro-title span{ font-size:150%; display:block; line-height:24px; position:relative;  padding:10px 0;  }
.cat_locate{ margin:0}
#main .pro-box { margin-left:0px;}
#main .pro-box li{ width:95%; display:block; margin-left: 8px; padding:0; float:left; background:#fff; margin-bottom:10px;}
#main .pro-box li p{ height:30px; padding-left:5px; line-height:18px; min-height:34px; overflow:hidden}
#main .pro-box .more{ display:none}
#main .product-box{ height:60px}
#main .pro-submenu{ width:100%; background:#f1f1f1;}
.warrantyProductContent .line-bg strong{ margin-left:50px;}
.warrantyProductContent ul li input{ width:160px;}
.warrantyProductContent .reg-box{ padding-left:50px; }
.warrantyProductContent textarea{ width:240px;}
.warrantyProductContent .reg-box { padding-left:20px;}
/*pro-list */
.prolist .prolist-left{ width:100%;  padding-right:0px;}
.prolist-drivers{ margin-left:25%}
.prolist .prolist-r { width:96%; border-left:none; padding-left:3%; margin-top:20px;}
.prolist .prolist-r h2{ line-height:24px;}
.prolist-r .start{ width:70%; padding-left:30%; margin-bottom:15px; text-align:center}
.prolist-r .start img{ padding-left:10px;}
.prolist ,.protab{ float:left;}
.protab-box .tab_menu  ,.protab-box ul ,.protab-box{ display:block;}
.protab-box .tab_menu li ,.protab-box .tab_menu .current ,.protab-box .tab_menu{ border:none; color:#fff; background:#fff}
.protab-box .tab_box { padding:0;}
.protab-box .tab_box img{ display:none}
.fixed{ display: none;}
.fixed #menu{ display:none;}
.fixed li{ display: none}
.protab-box .tab_box .parameter dd{ width:100%;}
.protab-box .tab_box .parameter dd strong{ height:24px;}
.protab-box .tab_box div { display:block; width:100%;}
.protab-box .tab_box .parameter dd p { width:50%;}
/*footer */
.footer-share{ width:93%; display:block; padding-left:0px;}
.footer-box .footer-info{ width:90%; padding-right:0px; border:none}
.footer-service ul{ width:40%; padding:0px 5%; border:none}
.footer-share ul{ float:left; padding-left:50px;}
.footer-copy{ width:100%; display:block}
#footer .Language{ width:100%; margin-left:0px; margin-top:10px;}
#footer .Language .Language-font{ width:60%; height:24px; text-align:center; color:#fff; line-height:24px; background:#00a2e8; margin-left:15%}
#footer .Language .Language-font:hover{ color:#fff}
#footer .Language .Language-box{ width:206px;  background:#fff}
#footer .Language .Language-box ul li{ width:50%; float:left; margin-right:0px}
#footer .Language .Language-box ul li img{ float:left}
#footer .Language .Language-box ul li a{ color:#666; float:left; line-height:16px;}
.footer-copy{ margin-bottom:60px}
}