@charset "utf-8";body{margin:0px;padding:0px;font-size:100%;width:100%;height:100%;font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei;font:Arial,'Times New Roman','Microsoft YaHei',SimHei;}html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, abbr, article, aside, command, details, figcaption, figure, footer, header, hgroup, mark, meter, nav, output, progress, section, summary, time {margin:0px;padding:0px;list-style:none outside none;}img{margin:0px;padding:0px;border:0px;}a:link,a:visited,a:active{color:#333;text-decoration:none;}input {font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei;font:Arial,'Times New Roman','Microsoft YaHei',SimHei;}html, body{ position:relative; }
/*html5*/
div,article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}
* html .main-head .mian-nav ul li,* html .main-banner article a,* html .hotArea nav .ico-n,* html .hotArea nav .ico-n,* html .main-footer article .External-share a,* html .main-footer article .bottom-help .box,* html .main-footer article .Partners img {display:inline}/* for ie*/
html>body .main-head .mian-nav,html>body .main-banner article,html>html>body .main-footer article .External-share,html>body .main-footer article .bottom-help,html>body .main-footer article .Partners {display:table}/*for mozilla */
html>body .main-head .mian-nav ul li,html>body .main-banner article a,html>body .hotArea nav .ico-n,html>body .hotArea nav .ico-y,html>body .main-footer article .External-share a,html>body .main-footer article .bottom-help .box,html>body .main-footer article .Partners img {display:table;float:left}/*for mozilla */
@media all and (min-width:0px){/* opera 7 styles */
    html>body .main-head .mian-nav ul li,html>body .main-banner article a,html>body .hotArea nav .ico-n,html>body .hotArea nav .ico-y,html>body .main-footer article .External-share a,html>body .main-footer article .bottom-help .box,html>body .main-footer article .Partners img {display:inline-block;float:none;}
    html>body .main-footer article .bottom-help .box{ *float: left;  }
}
.main-head .mian-nav ul li a {-moz-text-shadow:0px 0px 4px #000;-webkit-text-shadow:0px 0px 4px #000;text-shadow:0px 0px 4px #000;}
.Productsbox-a:hover,.Productsbox-b:hover,.Productsbox-c:hover,.hotArea-box .Products-a:hover,.Characteristics-products .prboxa:hover {background-color:#fff;background:center center no-repeat;}
.t-n-2015415-a{ background:none !important;  height:25px !important; font-weight: normal !important; width:200px !important; color:#666 !important;padding:5px 0px 5px 35px !important;}
.t-n-2015415-a:hover{color:#ee3434 !important;}
.index-top-float-Content ul li b{ color:ee3434 !important;}
.main-head .mian-nav ul li #red,.main-head .mian-nav ul li .mian-navred { background-color:#ee3434;}
.login-box{ cursor:  pointer}
.main-head {  height:auto  }
.hotArea .hotArea-box-div ,.hotArea nav, .main-banner .main-banner-div{position: relative; overflow:hidden}
.main-banner  .main-banner-div .img{ position:absolute;left:0; top:0; cursor:pointer}

.hotArea .hotArea-box{ position:absolute; top:0; cursor:pointer }
.hotArea nav a{ position:absolute; top:0; cursor:pointer}
.hotArea nav .ico-n,.hotArea nav .ico-y {position:absolute;top:0}
.hotArea nav .ico-n{top:10px}
.hotArea nav{ margin: auto;  }

.xcico{ background:url(../cimg/new/rightnavbg.jpg) 0px center; margin-top:130px; height:40px; width: 36px; display: block}
.eico{margin-top:130px}
.right-nav{ top:0; }
.right-nav .cceico { font-size: 14px; color: #ddd;  background:url(../cimg/new/rightnavbg.jpg) 0px center; display:block;height:135px;border-bottom:1px #333 solid;border-top:1px #333 solid;}
.right-nav .cceico b {color: #ddd; font-weight:normal;padding-left:13px;width:20px;height:60px;display:block;}
.cceico b span {color: #ddd; height:18px;width:18px;margin-left:-2px;margin-top:5px;text-align:center;display:block;float:left;}

.right-column{  position:  relative ;   }

.bn-Black,.bn-Black-1,.bn-Black-2 { background-color:#000; color:#fff !important; }
.bn-Black:hover,.bn-Black-1:hover,.bn-Black-2:hover { background-color:#333;}
.bn-red,.bn-red-1,.bn-red-2,.bn-Black,.bn-Black-1,.bn-Black-2 { color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:0px;margin:0px;padding:5px 15px;}
.bn-red-Subscribe {display:block;}
.bn-red:hover,.bn-red-Subscribe:hover,.bn-red-1:hover,.bn-red-2:hover {background-color:#cd2525;}
.bn-red,.bn-Black {font-size:1.125em !important;}
.bn-red-1,.bn-Black-1 {font-size:0.875em !important;}
.bn-red-2,.bn-Black-2 {font-size:0.75em !important;}
.bn-red-Subscribe {display:block;}




/* for 1200px or less */
/* header */
/* font-size border color Share */

.Productsbox-a,.Productsbox-b,.Productsbox-c,.hotArea-box .Products-a,.Characteristics-products .prboxa  {background:url(../cimg/new/prbg.jpg) center center no-repeat;}
.Productsbox-a,.Productsbox-b,.Productsbox-c,.hotArea-box .Products-a,.Characteristics-products .prboxa  {background-size:500px 500px;}
.bn-red {cursor:pointer;border:0px;margin:0px;padding:5px 15px;}
.bn-red-Subscribe {display:block;cursor:pointer;}
.main-section figure figcaption mark {font-size:1.5em;}
.main-head section .tele,.Productsbox-a .text-in b,.Productsbox-b .text-in b,.Productsbox-c .text-in b,.hotArea-box .Products-a .text-in b,.bn-red,.Characteristics-products .prboxa .text b,.design-services .text b,.Customer-share .box .name b,.main-footer article .epico .box b  {font-size:1.125em;}
.Characteristics-products .prboxa .Title,.main-footer article .epico .box p {font-size:1em;}
.main-head .mian-nav,.right-nav .cico,.discount-ico,.Productsbox-a .text-in,.Productsbox-b .text-in,.Productsbox-c .text-in,.ico-n b,.hotArea-box .banner .whitebg p,.design-services .text p,.main-footer article .epico .box,.main-footer article .official-share .email input {font-size:0.875em;}
.main-section figure figcaption p,.hotArea-box .Products-a .text-in,.Characteristics-products .prboxa .text,.Customer-share .box .name,.Customer-share .box .work .text p,.Customer-share .box time,.main-footer article .official-share .email p,.main-footer article .bottom-help .box a,.main-footer aside .Copyright {font-size:0.75em;}
.Customer-share .box time,.main-footer article .official-share .email .inputa,.main-footer article .official-share .email p {color:#999;}
.main-head section .tele,.right-column a,.main-section figure figcaption p,.Productsbox-a .text-in,.Productsbox-b .text-in,.Productsbox-c .text-in,.ico-n b,.hotArea-box .Products-a .text-in,.hotArea-box .banner .whitebg p,.Characteristics-products .prboxa .text,.design-services .text p,.Customer-share .box .name,.Customer-share .box .work .text p,.main-footer article .epico .box p,.main-footer article .bottom-help .box a {color:#666;}
.main-head .mian-nav ul li a,.right-nav .cico,.cico b span,.discount-ico,.bn-red,.bn-red-Subscribe,.main-footer aside .Copyright {color:#fff;}
.Productsbox-a .text-in b,.Productsbox-b .text-in b,.Productsbox-c .text-in b,.ico-y b,.hotArea-box .Products-a .text-in b,.Characteristics-products .prboxa .Title,.Characteristics-products .prboxa .text b,.design-services .text b,.Customer-share .box .name b,.Customer-share .box .name a,.main-footer article .epico .box b{color:#333;}
.Number b,a:hover,.ico-n b:hover,.ico-y b:hover,.design-services .text p a,.Customer-share .box .name a:hover,.main-footer article .bottom-help .box a:hover {color:#ee3434;}
.main-head .mian-nav ul li:hover,.main-banner article .the,.main-banner article .se:hover,.cico b span,.hotArea nav .ico-n:hover,.hotArea nav .ico-y,.bn-red,.bn-red-Subscribe {background-color:#ee3434;}
.main-banner article .se{background-color:#333;}
.hotArea nav .ico-n{background-color:#666;}
.right-nav{background-color:#000;}
.main-section figure figcaption mark {background-color:#fff;}
.main-footer article .bottom-help {background-color:#efefef;}
.bn-red:hover,.bn-red-Subscribe:hover {background-color:#cd2525;}
.hotArea nav{ width: 50%}
.main-head,.main-head .mian-nav,.main-banner,.main-banner article,.main-section,.main-section figure figcaption,.main-footer,.main-footer article,.main-footer article .External-share,.main-footer article .bottom-help,.main-footer article .Partners,.main-footer aside,.main-footer article .Partners .img, .main-banner  .main-banner-div .img,.main-banner .main-banner-div,.hotArea .hotArea-box-div {width:100%;min-width:1200px;}
.main-head section,.main-section .hotpr,.main-section .hotArea,.Characteristics-products,.design-services,.hotArea-box,.Characteristics-products .banner,.Characteristics-products .banner img ,.design-services .banner img,.Customer-share,.main-footer article .epico,.main-footer aside .Copyright {width:1200px;}
.main-head .mian-nav,.main-head .mian-nav ul li:hover {height:57px;}
.main-section figure figcaption {border-bottom:1px #ddd solid;}
.main-footer{border-top:1px #ddd solid;}
.Customer-share .box .default,.Customer-share .box .work img,.Customer-share .box .work .text,.main-footer article .official-share .email input {border:1px #ddd solid;}
.Shop-Cart,.right-column .login-box,.right-column .top-design{width:90px;padding-left:40px;display:block; display:inline-block;}
.Shop-Cart .Number,.Productsbox-a .text-in,.Productsbox-b .text-in,.Productsbox-c .text-in,.hotArea-box .Products-a .text-in,.Characteristics-products .prboxa .Title,.Characteristics-products .prboxa .text {display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.main-banner article a,.bn-red{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; color:#fff !important; font-size:1em;}
.cico b span,.hotArea nav .ico-n,.hotArea nav .ico-y,.Customer-share .box .default img,.Customer-share .box .default {-webkit-border-radius:200px;-moz-border-radius:200px;border-radius:200px;display:block;}
.rating-stars {width:65px;height:13px;background:url(../cimg/new/ratingstarsn.png);}
.rating-stars-red {height:13px;background:url(../cimg/new/ratingstars.png);}
/* Share over */
.main-head .mian-nav .menu {height: 57px;width:1%; position:absolute; top:-999px;}
.main-head {height:auto; background:url(../cimg/new/shadowbg.png) repeat-x 0px bottom;}
.main-head .mian-nav {background:url(../cimg/new/navbg.jpg);text-align:center;}
.main-head section .right-column .Search-input{ position:absolute;width:96%;height:38px;padding:0px 2%;top:-555px;z-index:1;}
.main-head section {height:98px;position:relative;margin:0px auto;}
.main-head section .logo {margin:0px auto;padding-top:16px;}
.main-head section .logo,.main-head section .logo img{height:53px;width:143px;}
.main-head section .logo a{display:block;height:53px;width:143px;  }
.main-head section .tele {width:120px;height:30px;padding-left:30px;background:url(../cimg/new/ico.png) 0px -4px no-repeat;position:absolute;left:0px;top:25px;}
.main-head section .right-column {height:40px;width:270px;position:absolute;right:0px;top:25px;}
.main-head .mian-nav ul { width:100%;}
.main-head .mian-nav ul li {width:8%;}
.main-head .mian-nav ul li a {width:100%;display:block;padding-top:18px;height:39px;position:relative;}
.Search-ico {height:40px;width:40px;background:url(../cimg/new/ico.png) 0px -30px no-repeat;}
.Shop-Cart {height:40px;background:url(../cimg/new/ico.png) 0px -70px no-repeat;}
.Shop-Cart .Number {height:20px;width:90px; margin-top:10px}
.Shop-Cart,.Search-ico,.right-column .login-box,.right-column .top-design {display: inline-block; vertical-align:top;}
.right-column .login-box,.right-column .top-design {height:27px;padding-top:13px;}
.right-column .login-box {background:url(../cimg/new/ico.png) 0px -110px no-repeat;}
.right-column .top-design {background:url(../cimg/new/ico.png) 0px -150px no-repeat;}
.main-head .mian-nav ul li a img {position:absolute;top:10px;right:0px;}
.index-float-top ul li a{ font-size:0.75em;}
/* index banner */
.main-banner .img {background:no-repeat center center;display:block;background-size:1980px 675px;height:675px;}
.main-banner .main-banner-div{height:675px;}
.main-banner{z-index:-1;height:715px;}
.main-banner article{height:45px;padding-top:15px;text-align:center;}
.main-banner article a{width:8px;height:8px;margin:3px;}
/* index right nav */
.right-nav {height:100%;width:36px;position:fixed;right:0px;z-index:1000; z-index: 999999}
.right-nav .ico,.right-nav .cico {width:36px;display:block;}
.right-nav .ico {height:40px;}
.right-nav .cico {height:135px;border-bottom:1px #333 solid;border-top:1px #333 solid;}
.right-nav .cico b {font-weight:normal;padding-left:13px;width:20px;height:60px;display:block;}
.right-nav .ico:hover,.right-nav .cico:hover {background:url(../cimg/new/rightnavbg.jpg) 0px center;}
.cico b span {height:18px;width:18px;margin-left:-2px;margin-top:5px;text-align:center;display:block;float:left;}
/* index main section */
.main-section {padding-bottom:60px;display:block;}
/* index title bar */
.main-section figure {height:100px;text-align:center;}
.main-section figure figcaption {height:50px;text-align:center;}
.main-section figure figcaption mark {display:block;width:8%;padding:30px 10px 0px 10px;margin:0px auto;}
.main-section figure figcaption p {padding:10px 0px;}
/* index hot Products */
.hotpr {height:350px;margin:0px auto;padding-top:30px;position:relative;}
.hotpr .Productsbox-a,.hotpr .Productsbox-c{height:350px;width:390px;position:absolute;}
.hotpr .Productsbox-a{top:30px;left:0px;}
.hotpr .Productsbox-a img,.hotpr .Productsbox-c img {height:235px;width:235px;margin:0px auto;padding-top:20px;display:block;}
.discount-ico {background:url(../cimg/new/discountbg.png) no-repeat center center;width:34px;height:48px;position:absolute;text-align:center;line-height:18px;font-weight:bold;}
.hotpr .Productsbox-a .discount-ico,.hotpr .Productsbox-c .discount-ico {top:30px;left:280px;}
.hotpr .Productsbox-b .discount-ico {top:14px;left:145px;}
.hotpr .Productsbox-a .text-in,.hotpr .Productsbox-c .text-in {height:25px;width:220px;margin:0px auto;text-align:center;}
.hotpr .Productsbox-b .text-in {height:25px;width:220px;text-align:center;}
.hotpr .hot-banner a,.hotpr .hot-banner{width:400px;height:170px;position:absolute;background:center center no-repeat;background-size:400px 170px;display:block;}
.hotpr .Productsbox-b {width:400px;height:170px;position:absolute;}
.hotpr .Productsbox-b {top:210px;left:400px;}
.hotpr .Productsbox-b img {height:145px;width:145px;margin:0px auto;display:block;position:absolute;top:13px;left:30px;}
.hotpr .Productsbox-c {top:30px;right:0px;}
.Productsbox-b .textbox {height:130px;width:200px;padding-top:40px;position:absolute;top:0px;left:170px;}
.hotpr .hot-banner {top:30px;left:400px;}
.hot-banner a img {height:170px;width:400px;}
/* index hot Area */
.hotArea {height:700px;margin:auto;}
.hotArea nav {height:100px;text-align:center;padding-top:28px;overflow: hidden;}
/*	.hotArea nav .ico-n,.hotArea nav .ico-y {position:relative;margin:-20px 35px 0px 35px;text-align:center;}*/

.hotArea nav .ico-n {height:65px;width:65px;}
.hotArea nav .ico-y {height:75px;width:75px;}
.hotArea nav .ico-n img{margin:auto;padding-top:7px;width:50px;height:50px;}
.hotArea nav .ico-y img{margin:auto;padding-top:15px;width:50px;height:50px;}
.ico-n b,.ico-y b {height:20px;position:absolute;left:0px;text-align:center;font-weight:normal;}
.ico-n b{width:65px;top:75px;}
.ico-y b{width:75px;top:85px;font-weight:bold;}
.hotArea .hotArea-box-div { height:572px; }
.hotArea-box {height:572px;position:relative;}
.hotArea-box .Products-a {height:280px;width:200px;position:absolute;}
.hotArea-box .Products-a img {height:160px;width:160px;padding:35px 20px 5px 20px;}
.hotArea-box .Products-a .text-in {height:20px;width:160px;text-align:center;padding:0px 20px;}
.hotArea-box .Products-a .text-in b {font-weight:bold;}
.hotArea .hotArea-box #a {top:0px;left:0px;}
.hotArea .hotArea-box #b {top:0px;left:214px;}
.hotArea .hotArea-box #c {top:292px;left:0px;}
.hotArea .hotArea-box #d {top:292px;left:214px;}
.hotArea .hotArea-box #e {top:0px;left:786px;}
.hotArea .hotArea-box #f {top:0px;left:1000px;}
.hotArea .hotArea-box #g {top:292px;left:786px;}
.hotArea .hotArea-box #h {top:292px;left:1000px;}
.hotArea-box .banner {height:572px;width:350px;position:absolute;left:425px;top:0px;background:center center no-repeat;background-size:350px 572px;display:block;}
.hotArea-box .banner .whitebg {width:350px;height:160px;background:url(../cimg/new/whitebg.png);text-align:center;}
.hotArea-box .banner .whitebg p {height:60px;width:315px;text-align:center;padding:20px 17px;}
.hotArea-box .banner .whitebg input {margin:auto;}
/* Characteristics of products */
.Characteristics-products {height:500px;margin:auto;padding-top:20px;position:relative;}
.Characteristics-products .banner,.Characteristics-products .banner img {height:170px;display:block;margin-bottom:14px;background-size:1200px 170px;overflow:hidden;}
.Characteristics-products .prboxa {width:292px;height:311px;position:absolute;overflow:hidden;}
.Characteristics-products #a {top:184px;left:0px;}
.Characteristics-products .prboxa img {height:190px;width:190px;float:left;margin:0px 50px 10px 50px;}
.Characteristics-products .prboxa .Title {padding:20px 50px 0px 50px;}
.Characteristics-products .prboxa .Title,.Characteristics-products .prboxa .text {height:25px;width:190px;text-align:center;}
.Characteristics-products .prboxa .text {padding:0px 50px;}
.Characteristics-products #x1 {top:209px;left:0px;}
.Characteristics-products #x2 {top:209px;left:303px;}
.Characteristics-products #x3 {top:209px;left:605px;}
.Characteristics-products #x4 {top:209px;left:908px;}
/* Design services */
.design-services {height:380px;margin:auto;position:relative;margin-top:60px;}
.design-services .banner,.design-services .banner img {height:250px;background-size:1200px 250px;}
.design-services .text {height:130px;width:600px;position:absolute;}
.design-services #boxa {top:250px;left:0px;}
.design-services #boxb {top:250px;left:600px;}
.design-services .text b {float:left;padding:28px 0px 0px 118px;}
.design-services .text p {width:480px;height:60px;float:left;padding:10px 0px 0px 118px;line-height:25px;}
/* Customer share */
.Customer-share {height:360px;margin:60px auto 0px auto;display:block;position:relative;}
.Customer-share .box {height:180px;width:600px;position:absolute;}
.Customer-share .box .name {height:50px;width:475px;position:absolute;line-height:23px;overflow:hidden;}
.Customer-share .box .default,.Customer-share .box .default img {width:42px;height:42px;position:absolute;}
.Customer-share .box .default {top:23px;left:32px;}
.Customer-share .box .name {top:23px;left:97px;}
.Customer-share .box .name b{padding-right:10px;}
.Customer-share .box .work {height:63px;width:475px;position:absolute;top:85px;left:97px;}
.Customer-share .box .work img {float:left;height:63px;width:63px;}
.Customer-share .box .work .text p {height:30px;width:388px;overflow:hidden;}
.Customer-share .box .work .text {height:44px;width:388px;float:left;margin-left:-1px;padding:10px;line-height:15px;}
.Customer-share #a {top:0px;left:0px;}
.Customer-share #b {top:0px;left:600px;}
.Customer-share #c {top:170px;left:0px;}
.Customer-share #d {top:170px;left:600px;}
.Customer-share .box time {width:475px;height:20px;text-align:right;position:absolute;top:155px;left:97px;}
/* main-footer */
.main-footer {height:710px;position:relative;}
.main-footer article {height:652px;}
.main-footer article .epico {height:53px;padding:22px 0px;margin:0px auto;position:relative;}
.main-footer article .epico .box {width:240px;height:53px;line-height:21px;position:absolute;}
.main-footer article .epico #a {left:0px;}
.main-footer article .epico #b {left:240px;}
.main-footer article .epico #c {left:480px;}
.main-footer article .epico #d {left:720px;}
.main-footer article .epico #e {left:960px;}
.main-footer article .epico .box img {width:53px;height:53px;padding:0px 10px;float:left;}
.main-footer article .epico .box p {float:left;padding:8px;}
.main-footer article .official-share .email {width:265px;height:60px;margin:auto;padding-top:30px;position:relative;}
.main-footer article .official-share .email .inputa {width:196px;height:28px;padding:0px 5px;position:absolute;top:30px;left:0px;}
.main-footer article .official-share .email p { padding-top:35px;text-align:center;}
.main-footer article .official-share .email .inputb { padding-top:5px;height:25px;width:59px;top:30px;left:207px;position:absolute; color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; text-align:center; font-size:0.875em;}
.main-footer article .External-share {height:40px;text-align:center;padding-top:25px;}
.main-footer article .External-share a {width:40px;height:40px;display:block;margin:5px;background:url(../cimg/new/icoa.png);}
.main-footer article .External-share #qq { background-position:0px 0px;}
.main-footer article .External-share #qq:hover { background-position:-40px 0px;}
.main-footer article .External-share #wb { background-position:0px -40px;}
.main-footer article .External-share #wb:hover { background-position:-40px -40px;}
.main-footer article .External-share #kj { background-position:0px -80px;}
.main-footer article .External-share #kj:hover { background-position:-40px -80px;}
.main-footer article .External-share #wx { background-position:0px -120px;}
.main-footer article .External-share #wx:hover { background-position:-40px -120px;}
.main-footer article .External-share #qb { background-position:0px -160px;}
.main-footer article .External-share #qb:hover { background-position:-40px -160px;}
.main-footer article .External-share #dou { background-position:0px -200px;}
.main-footer article .External-share #dou:hover { background-position:-40px -200px;}
.main-footer article .External-share #ren { background-position:0px -240px;}
.main-footer article .External-share #ren:hover { background-position:-40px -240px;}
.main-footer article .bottom-help {height:220px;margin-top:40px;text-align:center;}
.main-footer article .bottom-help .box a { padding-top:10px;font-size: 0.875em;color: #333 !important;}
.main-footer article .bottom-help .box a,.main-footer article .bottom-help .box b { float:left;clear:both;}
.main-footer article .bottom-help .box { width:180px;height:175px;padding-left:60px;padding-top:45px;}
.main-footer article .Partners {overflow:hidden;text-align:center;}
.main-footer article .Partners b { padding-top:20px;height:40px;display:block;}
.main-footer article .Partners .img {height:30px;overflow:hidden;}
.main-footer article .Partners img{height:30px;width: 100px;margin:0px 10px;}
.main-footer aside {background:url(../cimg/new/navbg.jpg);display:block;position:absolute;bottom:0px;}
.main-footer aside,.main-footer aside .Copyright {height:60px;}
.main-footer aside .Copyright { margin:auto;position:relative;}
.main-footer aside .Copyright img { width:265px;height:30px;position:absolute;right:0px;top:15px;}
.main-footer aside .Copyright p { position:absolute;left:0px;top:25px;}

/* for 1000px or less */
@media screen and (max-width:1200px) {/* header */
    /* font-size border color Share */
    .main-head  .menuexp{  position: fixed;top:0;z-index: 9999999999999}
    .Productsbox-a,.Productsbox-b,.Productsbox-c,.hotArea-box .Products-a,.Characteristics-products .prboxa {background-size:350px 350px;}
    .main-section figure figcaption p, .hotArea-box .Products-a .text-in, .Characteristics-products ..Customer-share .box .work .text p,.Customer-share .box time,.main-footer article .official-share .email p,.main-footer article .bottom-help .box a,.main-footer aside .Copyright {font-size:0.75em;}
    .Customer-share .box time,.main-footer article .official-share .email #inputa,.main-footer article .official-share .email p {color:#999;}.Productsbox-a .text-in b,.Productsbox-b .text-in b,.Productsbox-c .text-in b,.ico-y b,.hotArea-box .Products-a .text-in b,.Characteristics-products .prboxa .Title,.Characteristics-products .prboxa .text b,.design-services .text b,.Customer-share .box .name b,.Customer-share .box .name a,.main-footer article .epico .box b{color:#333;}
    .hotArea nav{  width:50%;}
    .main-head,.main-head .mian-nav,.main-banner,.main-banner article,.main-section,.main-section figure figcaption,.main-footer,.main-footer article,.main-footer article .External-share,.main-footer article .bottom-help,.main-footer article .Partners,.main-footer aside,.main-footer article .Partners .img  , .main-banner  .main-banner-div .img,.main-banner .main-banner-div, .hotArea .hotArea-box-div           {width:100%;min-width:1000px;}
    .main-head section,.main-section .hotpr,.main-section .hotArea,.Characteristics-products,.design-services,.hotArea-box,.Characteristics-products .banner,.Characteristics-products .banner img ,.design-services .banner img,.Customer-share,.main-footer article .epico,.main-footer aside .Copyright {width:1000px;}.main-section figure figcaption {border-bottom:1px #ddd solid;}.Customer-share .box .default,.Customer-share .box .work img,.Customer-share .box .work .text,.main-footer article .official-share .email input {border:1px #ddd solid;}
    .Shop-Cart,.right-column .login-box,.right-column .top-design{width:90px;padding-left:40px;display: inline-block; vertical-align:top;}.main-banner article a,.bn-red{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; color:#fff !important; font-size:1em;}

    /* Share over */
    .main-head .mian-nav .menu {height: 57px;width: 1%; position:absolute; top:-999px;}.main-head .mian-nav {background:url(../cimg/new/navbg.jpg);text-align:center;}.main-head section .logo {margin:0px auto;height:53px;width:143px;position:absolute;top:0px;left:0px;}.main-head section .tele {width:120px;height:30px;padding-left:30px;background:url(../cimg/new/ico.png) 0px -4px no-repeat;position:absolute;left:0px;top:70px;}
    .main-head .mian-nav ul li a {width:100%;display:block;padding-top:18px;height:39px;position:relative;}.main-head .mian-nav ul li {width:8%;}
    .Search-ico {height:40px;width:40px;background:url(../cimg/new/ico.png) 0px -30px no-repeat; display:inline-block;}.Shop-Cart .Number {height:20px;width:90px; margin-top:10px}.right-column .login-box {background:url(../cimg/new/ico.png) 0px -110px no-repeat;}.main-head .mian-nav ul li a img {position:absolute;top:10px;right:0px;}
    .index-float-top ul li a{ font-size:1em;}
    /* index banner */
    .main-banner .img {background:no-repeat center center;display:block;background-size:1701 580px;height:580px;}
    .main-banner .main-banner-div{height:580px;}
    .main-banner{z-index:-1;height:615px;}.main-banner article a{width:8px;height:8px;margin:3px;}
    /* index right nav */.right-nav .ico,.right-nav .cico {width:36px;display:block;}.right-nav .cico {height:135px;border-bottom:1px #333 solid;border-top:1px #333 solid;}.right-nav .ico:hover,.right-nav .cico:hover {background:url(../cimg/new/rightnavbg.jpg) 0px center;}/* index main section *//* index title bar */.main-section figure figcaption {height:50px;text-align:center;}
    .main-section figure figcaption mark {display:block;width:10%;padding:30px 10px 0px 10px;margin:0px auto;}
    .main-section figure figcaption p {padding:10px 0px; font-size:0.85em;}
    /* index hot Products */
    .hotpr {height:250px;margin:0px auto;padding-top:30px;position:relative;}
    .hotpr .Productsbox-a,.hotpr .Productsbox-c{height:290px;width:325px;position:absolute;}.hotpr .Productsbox-a img,.hotpr .Productsbox-c img {height:195px;width:195px;margin:0px auto;padding-top:10px;display:block;}.hotpr .Productsbox-a .discount-ico,.hotpr .Productsbox-c .discount-ico {top:20px;left:220px;}
    .hotpr .Productsbox-b .discount-ico {top:10px;left:125px;}.hotpr .Productsbox-b .text-in {height:25px;width:120px;text-align:center;}
    .hotpr .hot-banner,.hotpr .hot-banner a {height:142px;width:332px;position:absolute; background:center center none; background-size:332px 142px;}.hotpr .Productsbox-b {top:178px;left:334px;height:142px;width:332px;}
    .hotpr .Productsbox-b img {height:125px;width:125px;margin:0px auto;display:block;position:absolute;top:8px;left:30px;}.Productsbox-b .textbox {height:100px;width:150px;padding-top:40px;position:absolute;top:0px;left:170px;}
    .hotpr .hot-banner {top:30px;left:334px;}
    .hot-banner a img {height:142px;width:332px;}
    /* index hot Area */
    .hotArea {height:560px;margin:auto;}
    .hotArea nav {height:100px;text-align:center;padding-top:28px;overflow:hidden;}
    /*	.hotArea nav .ico-n,.hotArea nav .ico-y {position:relative;margin:-20px 35px 0px 35px;text-align:center;}*/.hotArea nav .ico-y {height:75px;width:75px;}.hotArea nav .ico-y img{margin:auto;padding-top:15px;width:50px;height:50px;}.ico-n b{width:65px;top:75px;}.hotArea .hotArea-box-div { height:500px; }
    .hotArea-box {height:500px;position:relative;}
    .hotArea-box .Products-a {height:234px;width:167px;position:absolute;}
    .hotArea-box .Products-a img {height:135px;width:135px;padding:15px 16px 5px 16px;}
    .hotArea-box .Products-a .text-in {height:20px;width:135px;text-align:center;padding:0px 16px; font-size:0.875em;}
    .hotArea-box .Products-a .text-in b {font-weight:bold; font-size:1em   }.hotArea .hotArea-box #b {top:0px;left:178px;}
    .hotArea .hotArea-box #c {top:244px;left:0px;}
    .hotArea .hotArea-box #d {top:244px;left:178px;}
    .hotArea .hotArea-box #e {top:0px;left:656px;}
    .hotArea .hotArea-box #f {top:0px;left:835px;}
    .hotArea .hotArea-box #g {top:244px;left:656px;}
    .hotArea .hotArea-box #h {top:244px;left:835px;}
    .hotArea-box .banner {height:478px;width:292px;position:absolute;left:355px;top:0px;background:center center no-repeat;background-size:292px 478px;}
    .hotArea-box .banner .whitebg {width:292px;height:160px;background:url(../cimg/new/whitebg.png);text-align:center;}
    .hotArea-box .banner .whitebg p {height:60px;width:260px;text-align:center;padding:20px 17px;}
    .hotArea-box .banner .whitebg input {margin:auto;}
    /* Characteristics of products */
    .Characteristics-products {height:400px;margin:auto;padding-top:20px;position:relative;}
    .Characteristics-products .banner,.Characteristics-products .banner img {height:142px;display:block;margin-bottom:14px;background-size:1000px 142px;overflow:hidden;}
    .Characteristics-products .prboxa {width:243px;height:259px;position:absolute;overflow:hidden;}
    .Characteristics-products #a {top:184px;left:0px;}
    .Characteristics-products .prboxa img {height:155px;width:155px;float:left;margin:0px 44px 10px 44px;}
    .Characteristics-products .prboxa .Title {padding:10px 41px 0px 41px;}
    .Characteristics-products .prboxa .Title,.Characteristics-products .prboxa .text {height:25px;width:160px;text-align:center;}
    .Characteristics-products .prboxa .text {padding:0px 41px; font-size:0.875em;}
    .Characteristics-products #x1 {top:179px;left:0px;}
    .Characteristics-products #x2 {top:179px;left:253px;}
    .Characteristics-products #x3 {top:179px;left:505px;}
    .Characteristics-products #x4 {top:179px;left:757px;}
    /* Design services */
    .design-services {height:380px;margin:auto;position:relative;margin-top:60px;}
    .design-services .banner,.design-services .banner img {height:208px;background-size:1000px 208px;}
    .design-services .text {height:130px;width:500px;position:absolute;}
    .design-services #boxa {top:250px;left:0px;}
    .design-services #boxb {top:250px;left:500px;}
    .design-services .text b {float:left;padding:28px 0px 0px 20px;}
    .design-services .text p {width:480px;height:60px;float:left;padding:10px 0px 0px 20px;line-height:25px;}
    /* Customer share */
    .Customer-share {height:360px;margin:60px auto 0px auto;display:block;position:relative;}
    .Customer-share .box {height:180px;width:500px;position:absolute;}
    .Customer-share .box .name {height:50px;width:400px;position:absolute;line-height:23px;overflow:hidden;}
    .Customer-share .box .default,.Customer-share .box .default img {width:42px;height:42px;position:absolute;}
    .Customer-share .box .default {top:23px;left:32px;}
    .Customer-share .box .name {top:23px;left:97px; font-size:0.75em;}
    .Customer-share .box .name b{padding-right:10px; font-size:1.2em;}
    .Customer-share .box .work {height:63px;width:400px;position:absolute;top:85px;left:97px;}
    .Customer-share .box .work img {float:left;height:63px;width:63px;}
    .Customer-share .box .work .text p {height:30px;width:308px;overflow:hidden; font-size:0.75em;}
    .Customer-share .box .work .text {height:44px;width:308px;float:left;margin-left:-1px;padding:10px;line-height:15px;}
    .Customer-share #a {top:0px;left:0px;}
    .Customer-share #b {top:0px;left:500px;}
    .Customer-share #c {top:170px;left:0px;}
    .Customer-share #d {top:170px;left:500px;}
    .Customer-share .box time {width:395px;height:20px;text-align:right;position:absolute;top:155px;left:97px; font-size:0.75em;}
    /* main-footer */
    .main-footer {height:710px;position:relative;}
    .main-footer article {height:652px;}
    .main-footer article .epico {height:53px;padding:22px 0px;margin:0px auto;position:relative;}
    .main-footer article .epico .box {width:200px;height:53px;line-height:21px;position:absolute;}
    .main-footer article .epico #a {left:0px;}
    .main-footer article .epico #b {left:200px;}
    .main-footer article .epico #c {left:400px;}
    .main-footer article .epico #d {left:600px;}
    .main-footer article .epico #e {left:800px;}
    .main-footer article .epico .box img {width:53px;height:53px;padding:0px 10px;float:left;}.main-footer article .official-share .email {width:265px;height:60px;margin:auto;padding-top:30px;position:relative;}
    .main-footer article .official-share .email .inputa {width:196px;height:28px;padding:0px 5px;position:absolute;top:30px;left:0px;}
    .main-footer article .official-share .email p { padding-top:35px;text-align:center; font-size:0.75em;}
    .main-footer article .official-share .email .inputb { padding-top:5px;height:25px;width:59px;top:30px;left:207px;position:absolute; color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; text-align:center; font-size:0.875em;}
    .main-footer article .External-share {height:40px;text-align:center;padding-top:25px;}
    .main-footer article .External-share a {width:40px;height:40px;display:block;margin:5px;background:url(../cimg/new/icoa.png);}
    .main-footer article .External-share #qq { background-position:0px 0px;}
    .main-footer article .External-share #qq:hover { background-position:-40px 0px;}
    .main-footer article .External-share #wb { background-position:0px -40px;}
    .main-footer article .External-share #wb:hover { background-position:-40px -40px;}
    .main-footer article .External-share #kj { background-position:0px -80px;}
    .main-footer article .External-share #kj:hover { background-position:-40px -80px;}
    .main-footer article .External-share #wx { background-position:0px -120px;}
    .main-footer article .External-share #wx:hover { background-position:-40px -120px;}
    .main-footer article .External-share #qb { background-position:0px -160px;}
    .main-footer article .External-share #qb:hover { background-position:-40px -160px;}
    .main-footer article .External-share #dou { background-position:0px -200px;}
    .main-footer article .External-share #dou:hover { background-position:-40px -200px;}
    .main-footer article .External-share #ren { background-position:0px -240px;}
    .main-footer article .External-share #ren:hover { background-position:-40px -240px;}
    .main-footer article .bottom-help {height:220px;margin-top:40px;text-align:center;}
    .main-footer article .bottom-help .box a { padding-top:10px; font-size:0.75em;}
    .main-footer article .bottom-help .box a,.main-footer article .bottom-help .box b { float:left;clear:both;}
    .main-footer article .bottom-help .box { width:180px;height:175px;padding-left:60px;padding-top:45px;}
    .main-footer article .Partners {overflow:hidden;text-align:center;}
    .main-footer article .Partners b { padding-top:20px;height:40px;display:block;}
    .main-footer article .Partners .img {height:30px;overflow:hidden;}
    .main-footer article .Partners img{height:30px;width: 100px;margin:0px 10px;}
    .main-footer aside {background:url(../cimg/new/navbg.jpg);display:block;position:absolute;bottom:0px;}
    .main-footer aside,.main-footer aside .Copyright {height:60px;}
    .main-footer aside .Copyright {margin:auto;position:relative;}
    .main-footer aside .Copyright img {width:265px;height:30px;position:absolute;right:0px;top:15px;}
    .main-footer aside .Copyright p {position:absolute;left:0px;top:25px; font-size:0.75em;}
}
@media screen and (max-width:980px) {/* header */
    /* font-size border color Share */
    .main-head  .menuexp{  position: fixed;top:0;z-index: 9999999999999}
    .main-head .mian-nav .menueaxpa{ top:0}
    .menuexpdown{  position: fixed;top:57px;z-index: 9999999999999; background-color: #fff}
    .Productsbox-a,.Productsbox-b,.Productsbox-c,.Characteristics-products .prboxa {background-size:400px 400px;}
    .hotArea-box .Products-a {background-size:200px 200px;}
    .right-nav .cico,.discount-ico,.Productsbox-a .text-in,.Productsbox-b .text-in,.Productsbox-c .text-in,.ico-n b,.hotArea-box .banner .whitebg p,.design-services .text p,.main-footer article .epico .box,.main-footer article .official-share .email input {font-size:0.875em;}
    .main-section figure figcaption p, .hotArea-box .Products-a .text-in, .Characteristics-products ..Customer-share .box .work .text p,.Customer-share .box time,.main-footer article .official-share .email p,.main-footer article .bottom-help .box a,.main-footer aside .Copyright,.main-head .mian-nav {font-size:0.75em;}
    .Customer-share .box time,.main-footer article .official-share .email #inputa,.main-footer article .official-share .email p,.Search-input {color:#999;}.Productsbox-a .text-in b,.Productsbox-b .text-in b,.Productsbox-c .text-in b,.ico-y b,.hotArea-box .Products-a .text-in b,.Characteristics-products .prboxa .Title,.Characteristics-products .prboxa .text b,.design-services .text b,.Customer-share .box .name b,.Customer-share .box .name a,.main-footer article .epico .box b{color:#333;}

    .hotArea nav{ width: 60%}
    .main-head,.main-head .mian-nav,.main-banner,.main-banner article,.main-section,.main-section figure figcaption,.main-footer,.main-footer article,.main-footer article .External-share,.main-footer article .bottom-help,.main-footer article .Partners,.main-footer aside,.main-footer article .Partners .img, .main-banner  .main-banner-div .img,.main-banner .main-banner-div, .hotArea .hotArea-box-div  {width:100%;min-width:768px;}
    .main-head section,.main-section .hotpr,.main-section .hotArea,.Characteristics-products,.design-services,.hotArea-box,.Characteristics-products .banner,.Characteristics-products .banner img ,.design-services .banner img,.Customer-share,.main-footer article .epico,.main-footer aside .Copyright {width:768px;}.main-section figure figcaption {border-bottom:1px #ddd solid;}.Customer-share .box .default,.Customer-share .box .work img,.Customer-share .box .work .text,.main-footer article .official-share .email input,.Search-input {border:1px #ddd solid;}
    .Shop-Cart,.right-column .login-box,.right-column .top-design{width:90px;padding-left:40px;display: inline-block;}.main-banner article a,.bn-red,.Search-input{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; }


    /* Share over */
    .main-head .mian-nav .menu {height: 57px;width: 1%; position:absolute; top:-999px;}
    .main-head {height:auto;}.main-head section {height:98px;position:relative;margin:0px auto;z-index:10;}.main-head section .logo {margin:0px auto;height:53px;width:143px;position:absolute;left:0px;}
    .main-head section .tele {width:120px;height:30px;padding-left:30px;background:url(../cimg/new/ico.png) 0px -4px no-repeat;position:absolute;left:0px;top:70px;}
    .main-head .mian-nav ul li a {width:100%;display:block;padding-top:18px;height:39px;position:relative;}.main-head .mian-nav ul li {width:8%;}
    .Search-ico {height:40px;width:40px;background:url(../cimg/new/ico.png) 0px -30px no-repeat;display: inline-block;z-index:2;}.Shop-Cart .Number {height:20px;width:90px; margin-top:10px}.right-column .login-box {background:url(../cimg/new/ico.png) 0px -110px no-repeat;}.main-head .mian-nav ul li a img {position:absolute;top:10px;right:0px;}
    /* index banner */
    .main-banner .img {background:no-repeat center center;display:block;background-size:1320px 450px;height:450px;}
    .main-banner .main-banner-div{height:450px;}
    .main-banner{z-index:-1;height:480px;}.main-banner article a{width:8px;height:8px;margin:3px;}
    /* index right nav */.right-nav .ico,.right-nav .cico {width:36px;display:block;}.right-nav .cico {height:135px;border-bottom:1px #333 solid;border-top:1px #333 solid;}.right-nav .ico:hover,.right-nav .cico:hover {background:url(../cimg/new/rightnavbg.jpg) 0px center;}/* index main section *//* index title bar */.main-section figure figcaption {height:50px;text-align:center;}
    .main-section figure figcaption mark {display:block;width:13%;padding:30px 10px 0px 10px;margin:0px auto;}
    .main-section figure figcaption p {padding-top:10px;}
    /* index hot Products */
    .hotpr {height:444px;margin:0px auto;padding-top:30px;position:relative;}
    .hotpr .Productsbox-a,.hotpr .Productsbox-c{height:290px;width:380px;position:absolute;}
    .hotpr .Productsbox-a{top:200px;left:0px;}
    .hotpr .Productsbox-a img,.hotpr .Productsbox-c img {height:195px;width:195px;margin:0px auto;padding-top:10px;display:block;}.hotpr .Productsbox-a .discount-ico,.hotpr .Productsbox-c .discount-ico {top:20px;left:250px;}
    .hotpr .Productsbox-b .discount-ico {top:10px;left:125px;}.hotpr .Productsbox-b .text-in {height:25px;width:140px;text-align:center;}
    .hotpr .hot-banner a{height:162px;width:380px;position:absolute;background:center center no-repeat;background-size:400px 170px;display:block;}
    .hotpr .Productsbox-b {top:329px;left:388px;height:162px;width:380px;position:absolute;}
    .hotpr .Productsbox-b img {height:125px;width:125px;margin:0px auto;display:block;position:absolute;top:15px;left:30px;}.Productsbox-b .textbox {height:100px;width:150px;padding-top:40px;position:absolute;top:0px;left:170px;}
    .hotpr .hot-banner {top:30px;left:0px;}
    .hot-banner a img {height:162px;width:380px;}
    /* index hot Area */
    .hotArea {height:460px;margin:auto;}
    .hotArea nav {height:100px;text-align:center;padding-top:28px;overflow:hidden;}
    /*	.hotArea nav .ico-n,.hotArea nav .ico-y {position:relative;margin:-20px 25px 0px 25px;text-align:center;}*/.hotArea nav .ico-y {height:75px;width:75px;}.hotArea nav .ico-y img{margin:auto;padding-top:15px;width:50px;height:50px;}.ico-n b{width:65px;top:75px;}.hotArea .hotArea-box-div { height:500px; }
    .hotArea-box {height:500px;position:relative;}
    .hotArea-box .Products-a {height:180px;width:128px;position:absolute;}
    .hotArea-box .Products-a img {height:110px;width:110px;padding:15px 9px 5px 9px;}
    .hotArea-box .Products-a .text-in {height:20px;width:110px;text-align:center;padding:0px 9px; font-size:0.75em;}
    .hotArea-box .Products-a .text-in b {font-weight:bold; font-size:1em;}.hotArea .hotArea-box #b {top:0px;left:134px;}
    .hotArea .hotArea-box #c {top:190px;left:0px;}
    .hotArea .hotArea-box #d {top:190px;left:134px;}
    .hotArea .hotArea-box #e {top:0px;left:506px;}
    .hotArea .hotArea-box #f {top:0px;left:640px;}
    .hotArea .hotArea-box #g {top:190px;left:506px;}
    .hotArea .hotArea-box #h {top:190px;left:640px;}
    .hotArea-box .banner {height:370px;width:226px;position:absolute;left:271px;top:0px;background:center center no-repeat;background-size:292px 478px;}
    .hotArea-box .banner .whitebg {width:226px;height:160px;background:url(../cimg/new/whitebg.png);text-align:center;}
    .hotArea-box .banner .whitebg p {height:60px;width:192px;text-align:center;padding:20px 17px;}
    .hotArea-box .banner .whitebg input {margin:auto;}
    /* Characteristics of products */
    .Characteristics-products {height:890px;margin:auto;padding-top:20px;position:relative;}
    .Characteristics-products .banner,.Characteristics-products .banner img {height:109px;width:768px;display:block;margin-bottom:14px;background-size:768px 109px;overflow:hidden;}
    .Characteristics-products .prboxa {width:379px;height:404px;position:absolute;overflow:hidden;}
    .Characteristics-products #a {top:184px;left:0px;}
    .Characteristics-products .prboxa img {height:239px;width:239px;float:left;margin:0px 70px 10px 70px;}
    .Characteristics-products .prboxa .Title {padding:20px 70px 20px 70px;}
    .Characteristics-products .prboxa .Title,.Characteristics-products .prboxa .text {height:25px;width:249px;text-align:center;}
    .Characteristics-products .prboxa .text {padding:0px 70px;}
    .Characteristics-products #x1 {top:140px;left:0px;}
    .Characteristics-products #x2 {top:140px;left:389px;}
    .Characteristics-products #x3 {top:550px;left:0px;}
    .Characteristics-products #x4 {top:550px;left:389px;}
    /* Design services */
    .design-services {height:300px;margin:auto;position:relative;margin-top:60px;}
    .design-services .banner,.design-services .banner img { width:768px;height:192px;background-size:768px 192px;}
    .design-services .text {height:130px;width:384px;position:absolute;}
    .design-services #boxa {top:195px;left:0px;}
    .design-services #boxb {top:195px;left:384px;}
    .design-services .text b {float:left;padding:28px 0px 0px 20px;}
    .design-services .text p {width:340px;height:60px;float:left;padding:10px 0px 0px 20px;line-height:25px;}
    /* Customer share */
    .Customer-share {height:360px;margin:60px auto 0px auto;display:block;position:relative;}
    .Customer-share .box {height:180px;width:384px;position:absolute;}
    .Customer-share .box .name {height:50px;width:270px;position:absolute;line-height:23px;overflow:hidden;}
    .Customer-share .box .default,.Customer-share .box .default img {width:42px;height:42px;position:absolute;}
    .Customer-share .box .default {top:23px;left:32px;}
    .Customer-share .box .name {top:23px;left:97px;}
    .Customer-share .box .name b{padding-right:10px;}
    .Customer-share .box .work {height:63px;width:400px;position:absolute;top:85px;left:97px;}
    .Customer-share .box .work img {float:left;height:63px;width:63px;}
    .Customer-share .box .work .text p {height:30px;width:200px;overflow:hidden;}
    .Customer-share .box .work .text {height:44px;width:200px;float:left;margin-left:-1px;padding:10px;line-height:15px;}
    .Customer-share #a {top:0px;left:0px;}
    .Customer-share #b {top:0px;left:384px;}
    .Customer-share #c {top:170px;left:0px;}
    .Customer-share #d {top:170px;left:384px;}
    .Customer-share .box time {width:285px;height:20px;text-align:right;position:absolute;top:155px;left:97px;}
    /* main-footer */
    .main-footer {height:710px;position:relative;}
    .main-footer article {height:652px;}
    .main-footer article .epico {height:53px;padding:22px 0px;margin:0px auto;position:relative;}
    .main-footer article .epico .box {width:153px;height:53px;line-height:21px;position:absolute;font-size:70%;}
    .main-footer article .epico #a {left:0px;}
    .main-footer article .epico #b {left:153px;}
    .main-footer article .epico #c {left:306px;}
    .main-footer article .epico #d {left:459px;}
    .main-footer article .epico #e {left:612px;}
    .main-footer article .epico .box img {width:33px;height:33px;padding:10px 10px;float:left;}
    .main-footer article .epico .box p {float:left;padding:5px;}
    .main-footer article .official-share .email {width:265px;height:60px;margin:auto;padding-top:30px;position:relative;}
    .main-footer article .official-share .email #inputa {width:196px;height:28px;padding:0px 5px;position:absolute;top:30px;left:0px;}
    .main-footer article .official-share .email p { padding-top:35px;text-align:center;}
    .main-footer article .official-share .email #inputb { padding-top:5px;height:25px;width:59px;top:30px;left:207px;position:absolute; color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; text-align:center; font-size:0.875em;}
    .main-footer article .External-share {height:40px;text-align:center;padding-top:25px;}
    .main-footer article .External-share a {width:40px;height:40px;display:block;margin:5px;background:url(../cimg/new/icoa.png);}
    .main-footer article .External-share #qq { background-position:0px 0px;}
    .main-footer article .External-share #qq:hover { background-position:-40px 0px;}
    .main-footer article .External-share #wb { background-position:0px -40px;}
    .main-footer article .External-share #wb:hover { background-position:-40px -40px;}
    .main-footer article .External-share #kj { background-position:0px -80px;}
    .main-footer article .External-share #kj:hover { background-position:-40px -80px;}
    .main-footer article .External-share #wx { background-position:0px -120px;}
    .main-footer article .External-share #wx:hover { background-position:-40px -120px;}
    .main-footer article .External-share #qb { background-position:0px -160px;}
    .main-footer article .External-share #qb:hover { background-position:-40px -160px;}
    .main-footer article .External-share #dou { background-position:0px -200px;}
    .main-footer article .External-share #dou:hover { background-position:-40px -200px;}
    .main-footer article .External-share #ren { background-position:0px -240px;}
    .main-footer article .External-share #ren:hover { background-position:-40px -240px;}
    .main-footer article .bottom-help {height:220px;margin-top:40px;text-align:center;}
    .main-footer article .bottom-help .box a { padding-top:10px;}
    .main-footer article .bottom-help .box a,.main-footer article .bottom-help .box b { float:left;clear:both;}
    .main-footer article .bottom-help .box { width:170px;height:175px;padding-left:12px;padding-top:45px;}
    .main-footer article .Partners {overflow:hidden;text-align:center;}
    .main-footer article .Partners b { padding-top:20px;height:40px;display:block;}
    .main-footer article .Partners .img {height:30px;overflow:hidden;}
    .main-footer article .Partners img{height:30px;width: 100px;margin:0px 10px;}
    .main-footer aside {background:url(../cimg/new/navbg.jpg);display:block;position:absolute;bottom:0px;}
    .main-footer aside,.main-footer aside .Copyright {height:60px;}
    .main-footer aside .Copyright {margin:auto;position:relative;}
    .main-footer aside .Copyright img {width:265px;height:30px;position:absolute;right:0px;top:15px;}
    .main-footer aside .Copyright p {position:absolute;left:0px;top:25px;}
}
@media screen and (max-width:700px) {/* header */
    /* font-size border color Share */

    .Productsbox-a,.Productsbox-b,.Productsbox-c,.Characteristics-products .prboxa {background-size:400px 400px;}
    .hotArea-box .Products-a {background-size:200px 200px;}



    .main-head section .tele,.Productsbox-a .text-in b,.Productsbox-b .text-in b,.Productsbox-c .text-in b,.hotArea-box .Products-a .text-in b,.bn-red,.Characteristics-products .prboxa .text b,.design-services .text b,.Customer-share .box .name b,.main-footer article .epico .box b  {font-size:1em;}

    .right-nav .cico,.discount-ico,.Productsbox-a .text-in,.Productsbox-b .text-in,.Productsbox-c .text-in,.ico-n b,.hotArea-box .banner .whitebg p,.design-services .text p,.main-footer article .epico .box,.main-footer article .official-share .email input {font-size:0.875em;}
    .main-section figure figcaption p, .hotArea-box .Products-a .text-in, .Characteristics-products ..Customer-share .box .work .text p,.Customer-share .box time,.main-footer article .official-share .email p,.main-footer article .bottom-help .box a,.main-footer aside .Copyright,.main-head .mian-nav {font-size:0.75em;}
    .Customer-share .box time,.main-footer article .official-share .email #inputa,.main-footer article .official-share .email p {color:#999;}.Productsbox-a .text-in b,.Productsbox-b .text-in b,.Productsbox-c .text-in b,.ico-y b,.hotArea-box .Products-a .text-in b,.Characteristics-products .prboxa .Title,.Characteristics-products .prboxa .text b,.design-services .text b,.Customer-share .box .name b,.Customer-share .box .name a,.main-footer article .epico .box b{color:#333;}

    .hotArea nav{ width: 76%}
    .main-head,.main-head .mian-nav,.main-banner,.main-banner article,.main-section,.main-section figure figcaption,.main-footer,.main-footer article,.main-footer article .External-share,.main-footer article .bottom-help,.main-footer article .Partners,.main-footer aside,.main-footer article .Partners .img,.main-head section .right-column,.hotpr .Productsbox-b,.hotpr .hot-banner,.hotpr .hot-banner a,.hotpr .Productsbox-a,.hotpr .Productsbox-c, .main-banner  .main-banner-div .img,.main-banner .main-banner-div , .hotArea .hotArea-box-div {width:100%;min-width:320px;}
    .main-head section,.main-section .hotpr,.main-section .hotArea,.Characteristics-products,.design-services,.hotArea-box,.Characteristics-products .banner,.Characteristics-products .banner img ,.design-services .banner img,.Customer-share,.main-footer article .epico,.main-footer aside .Copyright {width:100%;}.main-section figure figcaption {border-bottom:1px #ddd solid;}.Customer-share .box .default,.Customer-share .box .work img,.Customer-share .box .work .text,.main-footer article .official-share .email input {border:1px #ddd solid;}
    .Shop-Cart,.right-column .login-box,.right-column .top-design{width:70px;padding-left:40px;display: inline-block;}.main-banner article a,.bn-red{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}


    /* Share over */
    .main-head .mian-nav .menu:hover { color:#ee3434;}
    .main-head .mian-nav .menu {height: 57px;width: 100%; position:absolute; top:154px; display:block; background:url(../cimg/new/menu.png) 10px 10px no-repeat; text-align:left;}
    .main-head .mian-nav .menu b{ font-size:220%; color:#fff; line-height: 180%;  margin-left: 60px; display:block; font-weight:normal;}
    .main-head {height:auto; background:none;}.main-head section {height:154px;position:relative;margin:0px auto;}
    .main-head section .right-column .Search-input{ position:absolute;width:95%;height:38px;padding:0px 2%;top:55px;z-index:1;}
    .main-head section .logo {margin:0px auto;height:53px;width:143px;position:absolute;left:33%;}
    .main-head section .tele {width:120px;height:30px;padding-left:30px;background:url(../cimg/new/ico.png) 0px -4px no-repeat;position:absolute;left:33%;top:70px;}
    .main-head section .right-column {height:40px;position:absolute;right:0px;top:100px;}
    .main-head .mian-nav ul { position:absolute;top:-1000px;}
    .main-head .mian-nav ul li a {width:70px;display:block;padding-top:18px;top:-999px;height:39px;position:relative;}
    .Search-ico {height:40px;width:40px;background:url(../cimg/new/ico.png) 0px -30px no-repeat;display:block;position:absolute;right:10px;top:55px;}
    .Shop-Cart {float:right;height:40px;background:url(../cimg/new/ico.png) 0px -70px no-repeat;left:65%; position:absolute;}
    .Shop-Cart .Number {height:20px;width:70px; margin-top:10px}.right-column .login-box {background:url(../cimg/new/ico.png) 0px -110px no-repeat; left:10%; position:absolute;}
    .right-column .top-design {background:url(../cimg/new/ico.png) 0px -150px no-repeat;left:2%; position:absolute;}/* index banner */
    .main-banner .img {background:no-repeat center center;display:block;background-size:587px 200px;height:200px;}
    .main-banner .main-banner-div{height:200px;}
    .main-banner{z-index:-1;height:200px;margin-bottom:20px;}.main-banner article a{width:8px;height:8px;margin:3px;}
    /* index right nav */
    .right-nav {height:100%;width:36px;position:fixed;right:-110px;z-index:1000;}.right-nav .ico {height:40px;}.right-nav .cico b {font-weight:normal;padding-left:13px;width:20px;height:60px;display:block;}.cico b span {height:18px;width:18px;margin-left:-2px;margin-top:5px;text-align:center;display:block;float:left;}
    /* index main section */
    .main-section {padding-bottom:60px;display:block; overflow:hidden;}
    /* index title bar */.main-section figure figcaption {height:50px;text-align:center;}
    .main-section figure figcaption mark {display:block;width:25%;padding:35px 10px 0px 10px;margin:0px auto;font-size:1.2em;}
    .main-section figure figcaption p {padding-top:10px;}
    /* index hot Products */
    .hotpr {height:570px;margin:0px auto;padding-top:30px;position:relative;}
    .hotpr .Productsbox-a,.hotpr .Productsbox-c{height:150px;position:absolute; background-color:#e4e4e4;}
    .hotpr .Productsbox-a{top:185px;left:0px;}
    .hotpr .Productsbox-a img,.hotpr .Productsbox-c img {height:130px;width:130px;position:absolute;padding-top:10px;display:block;top:5px;left:20%;}.hotpr .Productsbox-a .discount-ico,.hotpr .Productsbox-c .discount-ico {top:10px;left:20%;}
    .hotpr .Productsbox-b .discount-ico {top:10px;left:20%;}
    .hotpr .Productsbox-a .text-in,.hotpr .Productsbox-c .text-in {height:25px;width:130px;margin:0px auto;text-align:center;}
    .hotpr .Productsbox-b .text-in {height:25px;width:150px;text-align:center;}
    .hotpr .hot-banner a{height:150px;overflow:hidden;position:absolute;background:center center no-repeat;background-size:100% auto;display:block;}
    .hotpr .Productsbox-b {top:340px;left:0px;background-color:#e4e4e4;}
    .hotpr .Productsbox-b img {height:130px;width:130px;margin:0px auto;display:block;position:absolute;top:5px;left:20%;padding-top:10px;}
    .hotpr .Productsbox-c {top:507px;right:0px;}
    .Productsbox-a .textbox,.Productsbox-b .textbox,.Productsbox-c .textbox {height:100px;width:150px;padding-top:40px;position:absolute;top:0px;left:55%;}
    .hotpr .hot-banner {top:30px;left:0px;}
    .hot-banner a img {height:162px;width:380px;}
    /* index hot Area */
    .hotArea {height:970px;margin:auto;padding-top: 15px;}
    .hotArea nav {height:100px;text-align:center;padding-top:28px;overflow:hidden;white-space:nowrap;}
    /*	.hotArea nav .ico-n,.hotArea nav .ico-y {position:relative;margin:-20px 5px 60px 5px;text-align:center;}*/
    .hotArea nav .ico-n {height:45px;width:45px;}
    .hotArea nav .ico-y {height:55px;width:55px;top:0px;}
    .hotArea nav .ico-n img{margin:auto;padding-top:2px;width:40px;height:40px;}
    .hotArea nav .ico-y img{margin:auto;padding-top:10px;width:40px;height:40px;}.ico-n b{width:45px;top:55px;}
    .ico-y b{width:55px;top:65px;font-weight:bold;}
    .hotArea .hotArea-box-div { height:900px; }
    .hotArea-box {height:500px;position:relative;}
    .hotArea-box .Products-a {height:180px;width:49%;left:0px;position:absolute; background-color:#e4e4e4;}
    .hotArea-box .Products-a img {height:110px;width:110px;padding:15px 9px 5px 9px;margin:auto;display:block;}
    .hotArea-box .Products-a .text-in {height:20px;width:110px;text-align:center;padding:0px 9px;margin:auto;display:block;}.hotArea .hotArea-box #a {top:165px;left:0px;}
    .hotArea .hotArea-box #b {top:165px;left:51%;}
    .hotArea .hotArea-box #c {top:350px;left:0px;}
    .hotArea .hotArea-box #d {top:350px;left:51%;}
    .hotArea .hotArea-box #e {top:535px;left:0px;}
    .hotArea .hotArea-box #f {top:535px;left:51%;}
    .hotArea .hotArea-box #g {top:720px;left:0px;}
    .hotArea .hotArea-box #h {top:720px;left:51%;}
    .hotArea-box .banner {height:160px;width:100%;position:absolute;left:0px;top:0px;background:center center no-repeat;background-size:100% auto;}
    .hotArea-box .banner .whitebg {width:100%;height:160px;background:url(../cimg/new/whitebg.png);text-align:center;}
    .hotArea-box .banner .whitebg p {height:60px;width:92%;text-align:center;padding:20px 4%;}
    .hotArea-box .banner .whitebg input {margin:auto;}
    /* Characteristics of products */
    .Characteristics-products {height:1680px;margin:auto;padding-top:20px;position:relative;}
    .Characteristics-products .banner,.Characteristics-products .banner img {height:100px;width:100%;display:block;margin-bottom:14px;overflow:hidden;background:center center no-repeat;background-size:705px 100px;}
    .Characteristics-products .prboxa {width:100%;height:404px;position:absolute;overflow:hidden; text-align:center; background-color:#e4e4e4;}
    .Characteristics-products #a {top:184px;left:0px;}
    .main-section .Characteristics-products a{margin:0px auto; display:block;}
    .main-section .Characteristics-products .primg{margin:0px auto;display:block; width:239px; height:239px;}
    .Characteristics-products .prboxa img {height:239px;width:239px;margin:0px auto 10px auto; display:block;}
    .Characteristics-products .prboxa .Title {padding:20px 0px 20px 0px;}
    .Characteristics-products .prboxa .Title,.Characteristics-products .prboxa .text {height:25px;width:100%;text-align:center; display:block; margin:auto;}
    .Characteristics-products .prboxa .text {padding:0px 0px;}
    .Characteristics-products #x1 {top:135px;left:0px;}
    .Characteristics-products #x2 {top:540px;left:0px;}
    .Characteristics-products #x3 {top:945px;left:0px;}
    .Characteristics-products #x4 {top:1350px;left:0px;}
    /* Design services */
    .design-services {height:430px;margin:auto;position:relative;margin-top:60px;}
    .design-services .banner,.design-services .banner img { width:100%;height:192px;background-size:768px 192px; background:center center no-repeat;}
    .design-services .text {height:110px;width:100%; text-align:center;position:absolute; padding-top:20px;}
    .design-services #boxa {top:195px;left:0px;}
    .design-services #boxb {top:350px;left:0px;}
    .design-services .text b {float: none;padding:28px 0px 0px 20px;}
    .design-services .text p {width:98%;height:60px;float:left;padding:10px 1% 0px 1%;line-height:25px;}
    /* Customer share */
    .Customer-share {height:690px;margin:60px auto 0px auto;display:block;position:relative;}
    .Customer-share .box {height:180px;width:100%;position:absolute;}
    .Customer-share .box .name {height:50px;width:60%;position:absolute;line-height:23px;overflow:hidden;}
    .Customer-share .box .default,.Customer-share .box .default img {width:42px;height:42px;position:absolute;}
    .Customer-share .box .default {top:23px;left:22px;}
    .Customer-share .box .name {top:23px;left:87px;}
    .Customer-share .box .name b{padding-right:10px;}
    .Customer-share .box .work {height:63px;width:100%;position:absolute;top:85px;left:5%;}
    .Customer-share .box .work img {float:left;height:63px;width:63px;}
    .Customer-share .box .work .text p {height:30px;width:100%;overflow:hidden;}
    .Customer-share .box .work .text {height:44px;width:80%;float: none;margin-left:-1px;padding:10px;line-height:15px; position:absolute; left:65px;}
    .Customer-share #a {top:0px; left:0px;}
    .Customer-share #b {top:180px; left:0px;}
    .Customer-share #c {top:360px; left:0px;}
    .Customer-share #d {top:540px; left:0px;}
    .Customer-share .box time {width:60%;height:20px;text-align:right;position:absolute;top:155px;left:35%;}
    /* main-footer */
    .main-footer {height:1010px;position:relative;}
    .main-footer article {height:652px;}
    .main-footer article .epico {height:110px;padding:22px 0px;margin:0px auto;position:relative;}
    .main-footer article .epico .box {width:20%;height:53px;line-height:21px;position: inherit;font-size:70%; float:left;}
    .main-footer article .epico #a {left:0px;}
    .main-footer article .epico #b {left:0px;}
    .main-footer article .epico #c {left:0px;}
    .main-footer article .epico #d {left:0px;}
    .main-footer article .epico #e {left:0px;}
    .main-footer article .epico .box img {width:43px;height:43px;padding:10px 10px;float: none; margin:auto; display:block;}
    .main-footer article .epico .box p {float: none;padding:0px; margin:auto; width:100%; text-align:center;}
    .main-footer article .official-share .email {width:265px;height:60px;margin:auto;padding-top:30px;position:relative;}
    .main-footer article .official-share .email #inputa {width:196px;height:28px;padding:0px 5px;position:absolute;top:30px;left:0px;}
    .main-footer article .official-share .email p { padding-top:35px;text-align:center;}
    .main-footer article .official-share .email #inputb { padding-top:5px;height:25px;width:59px;top:30px;left:207px;position:absolute; color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; text-align:center; font-size:0.875em;}
    .main-footer article .External-share {height:30px;text-align:center;padding-top:25px;word-break: normal;}
    .main-footer article .External-share a {width:30px;height:30px;display:block;margin:5px;background:url(../cimg/new/icoa.png); background-size:60px 210px; }
    .main-footer article .External-share #qq { background-position:0px 0px;}
    .main-footer article .External-share #qq:hover { background-position:-30px 0px;}
    .main-footer article .External-share #wb { background-position:0px -30px;}
    .main-footer article .External-share #wb:hover { background-position:-30px -30px;}
    .main-footer article .External-share #kj { background-position:0px -60px;}
    .main-footer article .External-share #kj:hover { background-position:-30px -60px;}
    .main-footer article .External-share #wx { background-position:0px -90px;}
    .main-footer article .External-share #wx:hover { background-position:-30px -90px;}
    .main-footer article .External-share #qb { background-position:0px -120px;}
    .main-footer article .External-share #qb:hover { background-position:-30px -120px;}
    .main-footer article .External-share #dou { background-position:0px -150px;}
    .main-footer article .External-share #dou:hover { background-position:-30px -150px;}
    .main-footer article .External-share #ren { background-position:0px -180px;}
    .main-footer article .External-share #ren:hover { background-position:-30px -180px;}
    .main-footer article .bottom-help {height:440px;margin-top:40px;text-align:center; position:relative;}
    .main-footer article .bottom-help .box a { padding-top:10px; width:100%; display:block;}
    .main-footer article .bottom-help .box a,.main-footer article .bottom-help .box b { float: none;clear:both;}
    .main-footer article .bottom-help .box { width:48%;height:175px;padding-left:2%;padding-top:45px; position:absolute; text-align:center;}
    .main-footer article .Partners {overflow:hidden;text-align:center;}
    .main-footer article .Partners b { padding-top:20px;height:40px;display:block;}
    .main-footer article .Partners .img {height:30px;overflow:hidden;}
    .main-footer article .Partners img{height:30px;width: 100px;margin:0px 10px;}
    .main-footer aside {background:url(../cimg/new/navbg.jpg);display:block;position:absolute;bottom:0px;}
    .main-footer aside,.main-footer aside .Copyright {height:120px;}
    .main-footer aside .Copyright {margin:auto;position:relative; text-align:center;}
    .main-footer aside .Copyright img {width:265px;height:30px;position:absolute;right:15%;top:60px; }
    .main-footer aside .Copyright p {position:absolute;left:0px;top:25px; width:100%; clear:both;}
    .main-footer article .bottom-help #a { left:0px; top:0px;}
    .main-footer article .bottom-help #b { left:50%; top:0px;}
    .main-footer article .bottom-help #c { left:0px; top:220px;}
    .main-footer article .bottom-help #d { left:50%; top:220px;}
    .Productsbox-c .text-in,.Productsbox-b .text-in  { font-size:0.75em !important;}
    .main-head  .menuexp{  position: fixed;top:0;z-index: 9999999999999}
    .main-head .mian-nav .menueaxpa{ top:0 }
    .menuexpdown{  position: fixed;top:57px;z-index: 9999999999999 ; background-color: #fff}
}


.nav-float-share,.nav-float-design,.nav-float-top,.nav-float-faq,.main-head-after-login{ right:36px;position:absolute;  }
.nav-float-share{top:307px}

.nav-float-design{top:347px}
.nav-float-top{top:0}
.nav-float-faq{top:0}

.nav-float-qrode{top:-210px; background-color: #ffffff ;}
.nav-float-weibo{top:-20px; background-color: #ffffff ;}

.main-head-after-login{ top:130px; background-color: #ffffff ;  }
.main-head-after-loginexp{ top:40px; right:0; z-index: 999999 }
.nav-float-a,.nav-float-b,.nav-float-d,.nav-float-e {  width: 255px;position:absolute;right:36px;  -moz-box-shadow:0px 0px 5px #000;-webkit-box-shadow:0px 0px 5px #000;box-shadow:0px 0px 5px #000;}
.nav-float-a {height: 195px;  z-index: 19999;   top:130px; right:36px; background-color: #ffffff    }
.nav-float-b {height:100%;display:block;position:fixed;right:36px;top:0px;z-index:999; background-color: #ffffff ;}
.nav-float-a .img {margin:auto;display:block;overflow:hidden;padding:20px 0px 0px 0px;}
.nav-float-a .img,.nav-float-a .img img {height: 75px;width: 75px;}
.nav-float-a .img img,.Progress-bar-y-a,.Progress-bar-y,.Progress-bar-x-a,.Progress-bar-x {-webkit-border-radius:200px;-moz-border-radius:200px;border-radius:200px;}
.nav-float-a .name {width:200px;height:25px;font-size:0.75em;text-align:center;margin:10px auto;}
.nav-float-a .name,.nav-float-b ul li .in {display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nav-float-a .name a {color: #ee3434;}
.nav-float-a .box a{height:28px;width: 70px;padding:7px 0px 0px 40px;position:absolute;display:block;font-size:0.85em;top:138px;}
.nav-float-a .box #a {left:10px;background:url(../cimg/new/navfloatico.png) 0px 0px no-repeat #efefef;}
.nav-float-a .box #b {left:130px;background:url(../cimg/new/navfloatico.png) 0px -35px no-repeat #efefef;}
.nav-float-b .title {  height:45px;position:absolute;top:0px;background-color:#fff;z-index:3;}
.nav-float-b .title,.nav-float-b ul li {border-bottom:1px solid #ddd;}
.nav-float-b .title,.nav-float-b ul,.nav-float-b .button,.nav-float-b ul li {width: 240px; padding:0px 7px;}
.nav-float-b .title b{padding:5px 0px 0px 15px;font-size:1.2em;display:block;color:#ee3434;}
.nav-float-b ul {height:100%;display:block;overflow:hidden;overflow-x:hidden;overflow-y:hidden;z-index:1;padding-top:46px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width: 264px;padding-bottom: 55px;}
.nav-float-b .button {height:70px;position:absolute;bottom:0px;border-top:1px dashed #ddd;background-color:#fff;z-index:2;}
.nav-float-b .button #a {float:right;margin:10px;}
.nav-float-b .button p { float:left; width:138px; overflow:hidden; height:40px; font-size:0.85em; padding-top:10px; color:#666;}
.nav-float-b .button p b { color:#ee3434;}
.nav-float-b ul li { height:107px; position:relative;}
.nav-float-b ul li .img img {height: 75px;width: 75px;}
.nav-float-b ul li .img {float: left; padding:10px; display:block;}
.nav-float-b ul li .close,.nav-float-b ul .reduction,.nav-float-b ul li #b .addition {height:16px;width:16px; display:block; cursor:pointer; margin:0px; padding:0px; border:0px; }
.nav-float-b ul li .close {background:url(../cimg/new/shopcatico.png) 0px 0px no-repeat;position:absolute;top:5px; right:10px;}
.nav-float-b ul li .close:hover {background:url(../cimg/new/shopcatico.png) -16px 0px no-repeat;}
.nav-float-b ul li .in { position:absolute;width:120px; height:20px; font-size:0.875em;text-align: left;}
.nav-float-b ul li #a { top:10px; left:95px;}
.nav-float-b ul li #b { top:35px; left:95px;}
.nav-float-b ul li #c { top:60px; left:95px; color:#666;}
.nav-float-b ul li #b .addition {background:url(../cimg/new/shopcatico.png) 0px -32px no-repeat; float:left;}
.nav-float-b ul li #b .addition:hover {background:url(../cimg/new/shopcatico.png) -16px -32px no-repeat; float:left;}
.nav-float-b ul .reduction {background:url(../cimg/new/shopcatico.png) 0px -16px no-repeat; float:left;}
.nav-float-b ul .reduction:hover {background:url(../cimg/new/shopcatico.png) -16px -16px no-repeat; float:left;}
.nav-float-b ul .number { width:25px; height:20px;color:#666; float:left; border:0px; margin:0px; padding:0px; text-align:center;}
.Progress-bar-y {background-color: #ddd; position:fixed;height: 100%;width: 3px; margin-left:3px;}
.Progress-bar-y-a{ width:8px; position:fixed; background-color:#aaa; display:block;}
.Progress-bar-x {background-color: #ddd; position:fixed;height: 3px;width: 100%; margin-top:3px;}
.Progress-bar-x-a{ height:8px; position:fixed; background-color:#aaa; display:block;}
.Progress-bar-a { position: absolute;height: 100%;width: 8px; z-index:1;}
.Progress-bar-b { position: absolute;height: 8px;width:100%; z-index:1;}
.nav-float-c { width:90px; height:33px; padding-top:7px; color:#fff; text-align:center; background-color:#494949; display:block;position:absolute;-moz-box-shadow:0px 0px 5px #000;-webkit-box-shadow:0px 0px 5px #000;box-shadow:0px 0px 5px #000; font-size:0.85em;}
.nav-float-d{ height:255px;}
.nav-float-d img{ height:240px; width:240px; margin:7px;}
.nav-float-e {height:40px; text-align:center; padding:10px 0px;}
.nav-float-e img{ width:200px;height:40px;}


html body .main-head .mian-nav .index-top-float  ,
.index-top-float-Content,
#categoryWidgetConnetS,  #categoryWidgetConnetS .index-top-float-Content
{-moz-box-shadow:0px 0px 5px #000;-webkit-box-shadow:0px 0px 5px #000;box-shadow:0px 0px 5px #000;}


html body .main-head .mian-nav .index-top-float  ,#categoryWidgetConnetS{height:auto; display:block;font-size: 14px;}
html body .main-head .mian-nav .index-top-float .index-top-float-ul li , #categoryWidgetConnetS .index-top-float-ul li  { width: 100%; display: block; float: none; text-align: left ;font-size: 14px}
html body .main-head .mian-nav .index-top-float .index-top-float-ul li:hover , #categoryWidgetConnetS .index-top-float-ul li:hover {background-color: #fff; margin-bottom: 0; height: 45px }
html body .main-head .mian-nav .index-top-float .index-top-float-ul li a , #categoryWidgetConnetS .index-top-float-ul li a{
    font-size: 14px;
    background:url(../cimg/new/navfloat.png) right 0px no-repeat; -moz-text-shadow:0px 0px 0px #000;-webkit-text-shadow:0px 0px 0px #000;text-shadow:0px 0px 0px #000;}
html body .main-head .mian-nav .index-top-float .index-top-float-ul li a:hover,  #categoryWidgetConnetS .index-top-float-ul li a:hover,
html body .main-head .mian-nav .index-top-float .index-top-float-ul li a #y, #categoryWidgetConnetS .index-top-float-ul li a #y,
html body .main-head .mian-nav .index-top-float .index-top-float-ul li .index-top-float-ul-a , #categoryWidgetConnetS  .index-top-float-ul li .index-top-float-ul-a  { background:url(../cimg/new/navfloat.png) right -45px no-repeat;
    background-color: #fff;color:#ee3434; }
html body .main-head .mian-nav .index-top-float,.index-top-float .index-top-float-ul li , #categoryWidgetConnetS  .index-top-float-ul li {width: 210px;}
html body .main-head .mian-nav .index-top-float .index-top-float-ul li a ,  #categoryWidgetConnetS  .index-top-float-ul li a  {height: 32px;width: 200px; padding:13px 0px 0px 10px; display:block; font-size:0.975em; color:#333;}
html body .main-head .mian-nav .index-top-float .index-top-float-ul li a:hover , #categoryWidgetConnetS .index-top-float-ul li a:hover  ,
html body .main-head .mian-nav .index-top-float .index-top-float-ul li #y  , #categoryWidgetConnetS  .index-top-float-ul li #y
html body .main-head .mian-nav .index-top-float .index-top-float-ul li .index-top-float-Content ul li b ,  #categoryWidgetConnetS .index-top-float-ul li .index-top-float-Content ul li b{ color:#ee3434;}







html body .main-head .mian-nav .index-top-float .index-top-float-ul li:hover ,
#categoryWidgetConnetS .index-top-float-ul li:hover { width: 155px;width: 100%;  background:none}

html body .main-head .mian-nav .index-top-float .index-top-float-ul li a:hover ,
#categoryWidgetConnetS  .index-top-float-ul li a:hover { background:none; background:url(../cimg/new/navfloat.png) right -45px no-repeat; }

html body .main-head .mian-nav .index-top-float .index-top-float-ul li .index-top-float-Content,
#categoryWidgetConnetS .index-top-float-ul li .index-top-float-Content   { display: none; width:500px; height:405px; background-color:#fff; background: center center no-repeat; position:relative; overflow:hidden;}

html body .main-head .mian-nav .index-top-float .index-top-float-ul li .index-top-float-Content ul li b ,
#categoryWidgetConnetS .index-top-float-ul li .index-top-float-Content ul li b   {font-size:1.125em; padding:21px 0px 0px 35px; display:block;}

html body .main-head .mian-nav .index-top-float .index-top-float-ul li .index-top-float-Content .index-top-float-Content-ul  a ,
#categoryWidgetConnetS  .index-top-float-ul li .index-top-float-Content .index-top-float-Content-ul  a
{ color:#333;padding:15px 0px 0px 35px; width:160px; display:block; font-size:0.975em;}

html body .main-head .mian-nav .index-top-float .index-top-float-ul li .index-top-float-Content .index-top-float-Content-ul  a:hover,
#categoryWidgetConnetS   .index-top-float-ul li .index-top-float-Content .index-top-float-Content-ul  a:hover{ color: red}

html body .main-head .mian-nav .index-top-float .index-top-float-ul li .index-top-float-Content #banner ,
#categoryWidgetConnetS  #banner
{ width:295px; height:405px; position:absolute; right:0px; top:0px;display:0px; background: none}

.phone-nav { width:100%;   display: none;   height: auto; overflow: hidden; zoom:1}
.phone-nav ul {border:1px #ddd solid;  height: auto; overflow: hidden; zoom:1; padding-bottom: 10px}
.phone-nav ul li{ width:100%;  height: auto; overflow: hidden; zoom:1}
.phone-nav ul li:hover{ background-color:#ddd;}
.phone-nav ul li a{ width:96%; padding:10px 2%; display:block; font-size:0.875em;}
.main-head-after-login {height: auto;width:130px;-moz-box-shadow:0px 0px 5px #000;-webkit-box-shadow:0px 0px 5px #000;box-shadow:0px 0px 5px #000;}
.main-head-after-login .imgname { position:relative;height:120px; width:120px; margin:5px; border-bottom:1px dashed #ddd;}
.main-head-after-login .imgname .img img { width:60px; height:60px;}
.main-head-after-login .imgname .img {margin:20px 30px; display:block;clear: both;height: 60px;width: 60px; position:absolute;}
.main-head-after-login .imgname .img {-webkit-border-radius:200px;-moz-border-radius:200px;border-radius:200px;display:block; overflow:hidden;}
.main-head-after-login .imgname .name { position:absolute;width:100px; margin:0px 10px; height:25px; top:87px;}
.main-head-after-login .imgname .name,.main-head-after-login nav ul li a{display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:center;}
.main-head-after-login .index-float-top ul li a{ width:120px; height:25px; padding:3px 5px; }
.main-head-after-login .index-float-top ul{ border-bottom:1px dashed #ddd;}
.main-head-after-login .index-float-top { width:120px;}
.main-head-after-login .button {padding: 10px 0px;width: 100%; text-align:center;}


/* Newly added */
.right-column p{font-size:0.75em; }.right-column .login-box{ word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;}
.login-box .Member-Avatar { -webkit-border-radius:200px;-moz-border-radius:200px;border-radius:200px;display:block; float:left;overflow:hidden; margin:-5px 0px 0px -35px;}
.login-box .Member-Avatar,.login-box .Member-Avatar img{width:30px; height:30px;}

.ui-loader-default{  display:none}


/* huangju 2014.12.19  add  底部增加 */

.propagandist-1200-a {margin: 0px auto;padding-top:50px;clear: both;height: 172px;width: 1200px;}
.propagandist-1200-a1 {text-align: center;float: left;height: 172px;width: 240px;}
.propagandist-1200-img {float: left;height: 130px;width: 240px;}
.propagandist-1200-text {clear: both;float: left;height: 43px;width: 240px;}
.propagandist-1200-text h2 {font-size: 14px;padding:5px 0px;color: #333;margin: 0px;font-weight: normal;}
.propagandist-1200-text h3 {font-size: 12px;color:#666;margin:0px;font-weight: normal;}

/* huangju 2014.12.19  add  弹出窗口 */
.hint-a-01-posstion{ width: 1200px; height: 100%; margin: auto}
.hint-a-01-posstion-content{ width: 400px;  height: 100%; margin: auto}
.hint-a-01 {height: auto;width: auto; position: fixed; z-index: 1119999; top:40%;}
.hint-a-01 .ico {float: left;height: auto;width: auto;}
.hint-a-01 .text {float: left;height: 105px;width: 450px;}
.hint-a-01 .text .l-b {background-image: url(../cimg/hint-a-04.png);background-repeat: repeat-x;float: left;height: 26px;width: auto;padding: 20px; max-width:336px;}
.hint-a-01 .text .l-a,.hint-a-01 .text .l-c {background-repeat: no-repeat;background-position: left center;float: left;clear:none;display:block;}
.hint-a-01 .text .l-a {height: 66px;width: 27px;background-image: url(../cimg/hint-a-03.png);}
.hint-a-01 .text .l-c {height: 66px;width: 27px;background-image: url(../cimg/hint-a-05.png);}
.hint-a-01 .text .l-c img{ border:0px;}
.hint-a-01 .text .web {clear: both;padding-left:15px;float: left;width: auto;}

.newshade{ display: none;   width:100%; height:100%; background-color: #000; position: fixed; top: 0;  opacity: 0.6; z-index: 9999999 }
.newshade_content{ display: none; position: fixed; top: 0; z-index: 999999999; width:100%; height:100%}
.newphoto{text-align: center;  width: 1200px;  margin: auto; height: 600px; padding: 100px 0 0 0; position: relative; z-index: 9999 }
.newwrong{ display: block; width: 30px; height: 30px; float: right; color: #FC0; font-weight: 600px; font-size: 1.5em}
.booklet{ z-index: 9999}
.close1,.close2{width:100%; height: 100%; position:absolute;z-index: 2}
.close2{z-index: 1}


@media screen and (max-width:600px) {
    .Customer-share .box .work .text {width: 75%;}
}
@media screen and (max-width:440px) {
    .Customer-share .box .work .text {width: 60%;}
}


/*  下拉后导航   huangju  add  20150413 */

.topnav-simple {width:100%; display:none; position: fixed;top:0; z-index:99999; background-color: #fff; height: 60px}
.topnav-simple-yy {width:100%; display:block;height:60px; background:url(../cimg/new/topnavbg01.png); position: fixed; top:0px;-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;}
.topnav-simple-logo,.topnav-simple-logo img { width:97px; height:37px; display:inline-block; padding:0px 25px 0px 0px; }
.topnav-simple-ul { width:1200px;height:60px;  display:block; margin:auto;}
.topnav-simple-logo img {padding-top:10px;}

.topnav-simple-text{ width:8%; display: inline-block; font-size:0.875em; text-align:center; color:#333; height:40px; vertical-align:top; position:relative; padding-top:20px;}
.topnav-simple-text img{ top:10px; right:0px; position:absolute;}
.topnav-simple-text .red{ background-color:#ee3434; color:#fff; width:100%; height:40px; display:block; position:absolute; top:0px; padding-top:20px;}
.topnav-simple-text .white{ color:#333; width:100%; height:40px; display:block; position:absolute; top:0px; padding-top:20px;}

.topnav-simple-ul  #topnav-simple-ul_li { width: 78%;height:60px;  display: block;  float:right }
.topnav-simple-ul #topnav-simple-ul_li li  img{ top:10px; right:0px; position:absolute;}
.topnav-simple-ul  #topnav-simple-ul_li li  .red{ background-color:#ee3434; color:#fff; width:100%; height:40px; display:block; position:absolute; top:0px; padding-top:20px;}

.topnav-simple-ul #topnav-simple-ul_li li { width:8%; display: inline-block; font-size:0.875em; text-align:center; color:#333; height:40px; vertical-align:top; position:relative; padding-top:20px;}


@media screen and (max-width:1200px) {
    .topnav-simple-ul { width:980px;}

}
@media screen and (max-width:980px) {
    .topnav-simple-ul { width:768px;}
    .topnav-simple-ul  #topnav-simple-ul_li { width: 77%;height:60px;  display: block;  float:right }
    .topnav-simple-logo,.topnav-simple-logo img {padding:0px 10px 0px 0px;}
    .topnav-simple-logo img {padding-top:10px;}
}

@media screen and (max-width:700px) {
    .topnav-simple-ul{ display:  none }
    .topnav-simple {top: -90px;}

}



/*  弹出框 */

* html .tck-box-a-2 {display:inline}/* for ie*/
html>body .tck-box-a-1 {display:table}/*for mozilla */
html>body .tck-box-a-2 {display:table;float:left}/*for mozilla */
@media all and (min-width:0px){/* opera 7 styles */
    html>body .tck-box-a-2 {display:inline-block;float:none; *float: left;}
}

.tck-box {background:url(../cimg/new/tck-bg.png);width:100%; height:100%; position: fixed;top:0; text-align:center; z-index: 9}
.tck-box-a {height:auto; margin: auto;-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000; background-color:#fff; position:absolute; display:block;}
.tck-box-a { width:600px;left:50%; margin-left:-300px;}
.tck-box-a > b { width:100%; height:30px; background-color:#333; color:#ee3434; display:block; padding-top:6px; position:relative;-moz-text-shadow:0px 0px 5px #000;-webkit-text-shadow:0px 0px 5px #000;text-shadow:0px 0px 5px #000;}
.tck-box-close { width:23px; height:23px; background:url(../cimg/new/tck-ico.png) 0px 0px no-repeat; display:block; position:absolute; right:6px; top:6px;}
.tck-box-close:hover {background:url(../cimg/new/tck-ico.png) 0px -23px no-repeat;}
.tck-box-a-1 {width:96%; height:auto;padding:20px 2%;margin:auto;text-align:center;}
.tck-box-a-1 p{ font-size:0.875em; color:#666;}
.tck-box-a-2 { width:120px; height:auto; display:block; margin:0px 20px; vertical-align:top;}
.tck-box-a-2-ico1 { width:62px; height:62px; display: block; margin:auto;}
.tck-box-a-2 b{ width:100%; font-size:0.875em; color:#333;}
.tck-box-a-2 p{ font-size:0.75em; color:#666;}
.tck-box-a-3-list {margin:20px auto 0px auto; display:block;position: relative;width: 90%;border: 1px solid #DDD;border-radius: 3px;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1) inset;outline: medium none;padding: 10px 0.5em;transition: all 0.1s ease 0s;line-height: normal; font-family: inherit; font-size: 100%;box-sizing: border-box;-moz-user-modify: read-write !important;text-rendering: optimizelegibility;color: #AAA;cursor: text;left: 0.7em;transition: color 0.2s ease 0s;}
.tck-box-a-3 p { color:#ee3434;}
.tck-box-b{ width:95%; height:200px; overflow-y:auto; display:block; margin:auto; text-align:left; margin-bottom:30px;}
.tck-box-b-t{ font:0.75em; color:#333;}
.tck-box-a-3-op{width:28%;display:inline-block; margin-left:1em;margin:20px auto 0px auto;
    transition: all 0.1s ease 0s;line-height: normal; font-family: inherit; font-size: 100%;box-sizing:
    border-box;-moz-user-modify: read-write !important;text-rendering: optimizelegibility;color: #AAA;left: 0.7em;transition: color 0.2s ease 0s;}

@media screen and (max-width:700px) {
    .tck-box-a {width: 400px;margin-left: -200px;}
}
@media screen and (max-width:400px) {
    .tck-box-a {width: 300px;margin-left: -150px;}
    .tck-box-a-2 { padding-bottom:20px;}
}


/*   类别列表 */
.list-section{ width:1200px; height:auto;margin: 0px auto 10px auto;clear: both;unicode-bidi: -moz-isolate; margin:auto; overflow:hidden; zoom:1;}
.list-l-nav{ width:200px; display: inline-block; vertical-align:top; }
.list-l-nav-a{ width:90%; margin:auto; display:block; padding:2em 0em 0em 0em;}
.list-nav-fl-l{ width:90%; padding:0.2em 0em 0.2em 10%; font-size:0.875em;display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list-l-nav-a h4{ padding:1em 0em;}
.list-nav-fl-l-red{ color:#ee3434 !important;}
.list-section-pr-box{ width:990px; display:inline-block; height:auto; vertical-align:top; padding-top:3em;}
.list-section-pr-box-nav{ width:95%; height: auto; border:1px solid #ddd; padding:0.3em 2%;}
.list-section-pr-box-nav-li{ padding-right:1.5em; font-size:0.75em; color:#666; display:inline-block;}
.list-section-pr-box-nav-li h5{ color:#333; font-size:1.1em;}

.list-section-pr-box-a {
    width: 235px;
    height: 310px;
    display: inline-block;
    margin: 0.5em 0.5em 0.5em 0em;
    background: none;
    /*position: relative;*/
    text-align: center;
    vertical-align: top;
}
.list-section-pr-box-a:hover,.list-section-pr-box-b { background:url(../cimg/new/prbg.jpg) center center no-repeat; background-size:cover;}
.list-section-pr-box-a-ico { width:130px; height:130px; display:block; margin:4em auto 0em auto; background:url(../cimg/new/list-up.png); background-size:cover;}
.list-section-pr-box-a p{ font-size:1.5em; color:#00829e;}
.list-section-pr-box-a-img,.list-section-pr-box-a-img img{ width:192px; height:192px;}
.list-section-pr-box-a-img{ display:block; margin:1em auto;}
.list-section-pr-box-a-t{display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:200px; height:25px; margin:auto; }
.list-section-pr-box-a-t1{ font-size:1em; color:#333;}
.list-section-pr-box-a-t2{ font-size:0.875em; color:#666;}
.loading-gif{ width:100%; height:auto; padding:3em 0em; text-align: center; color:#999;}
.loading-gif img{ width:20px; height:20px;}
@media screen and (max-width:1200px) {
    /*.list-section{ width:980px;}*/
    .list-section-pr-box {width: 740px;}
}
@media screen and (max-width:1000px) {
    /*.list-section{ width:768px;}*/
    .list-l-nav {width: 150px;}
    .list-section-pr-box {width: 610px;}
    .list-section-pr-box-a {width: 190px;height: 265px;}
    .list-section-pr-box-a-ico {margin: 3em auto 0em;}
    .list-section-pr-box-a-img, .list-section-pr-box-a-img img  {width: 142px;height: 142px;}
    .list-section-pr-box-a-t { width: 170px;}
}
@media screen and (max-width:700px) {
    .list-section,.list-l-nav,.list-section-pr-box { width:100%;}
    .list-l-nav-a { display:inline-block;width: 30%; vertical-align:top; border-right:1px dashed #ddd;}
    .list-section-pr-box-a {width: 49%;}
    .list-section-pr-box-a-t { width: 90%;}
    .list-section-pr-box-a-img, .list-section-pr-box-a-img img { width: 130px; height: 130px;}
    .list-section-pr-box-a { margin:0em;}

}


/*  新的类别首页 */


.p-l-a{width:100%;}
.p-l-a-1200box{ width:1200px;height:650px;display:block;margin:auto;position:relative;margin-top: 50px;}
.p-l-a-box{width:395px;height:376px;position:absolute;display:block;background:url(../cimg/new/prbg.jpg) center center no-repeat;background-size: cover;overflow:hidden;}
.p-l-a-box:hover{ background:#fff;}
.p-l-a-box-a{top:1.5em;left:0em;}
.p-l-a-box-b{top: 15.46em;left:25.15em;}
.p-l-a-box-c{top:1.5em;left:50.3em;}
.p-l-a-box-d{top: 25.4em;left: 0em;}
.p-l-a-box-e{top: 1.5em;left:25.15em;}
.p-l-a-box-f{top: 25.4em;left:50.3em;}
.p-l-a-box-text{width:190px;height:25px;position:absolute;text-align:center;display:block;color:#333;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.p-l-a-box-text-a{top:35px;left:50%;margin-left:-95px;font-size:1.1em;}
.p-l-a-box-text-b{top:65px;left:50%;margin-left:-95px;font-size:0.875em;color:#666 !important;}
.p-l-a-box-text-c{top:85px;left:50%;margin-left:-95px;font-size:0.875em;color:#666 !important;}
.p-l-a-box-text-d{top: 70px;left: 57%;margin-left: 0px;font-size: 1.1em;width:150px !important;}
.p-l-a-box-text-e,.p-l-a-box-text-f{left:57%;margin-left:0px;font-size:0.875em;color:#666 !important;width:150px !important;}
.p-l-a-box-text-e{top:100px;}
.p-l-a-box-text-f{top:120px;}
.p-l-a-box .imga{position: absolute;top: 110px;width: 250px;height: 250px;left: 50%;margin-left: -125px;}
.p-l-a-box .imgb{position: absolute;top: 10px;width: 200px;height: 200px;left: 5%;}
.p-l-a-h{top:0px;right:0px;}
.p-l-b-box {width:395px !important;height:217px !important;}
.pl-section {width: 100%;padding-bottom: 60px;display: block;}
.pl-section figure {height: 100px;text-align: center;}
.pl-section figcaption {height: 50px;text-align: center;}
.pl-section figcaption {border-bottom: 1px solid #DDD;}
.pl-section-pr-b {display: block;width:auto;padding: 30px 10px 0px;margin: 0px auto;background: none;font-size: 1.5em;}
.pl-section figure figcaption p {color: #666;font-size: 0.75em;padding: 10px 0px;}
.pl-section-pr-box{width:1200px;height:396px;margin: auto;display:block;position:relative;}
.pl-section-pr-box-img{width:394px;height:396px;position:absolute;background:center center no-repeat;background-size:396px 396px;}
.pl-section-pr-box-1{ width:390px;height:193px;}
.pl-section-pr-box-2{ width:190px;height:193px;}
.pl-section-pr-box-1:hover,.pl-section-pr-box-2:hover{ background:#fff;}
.pl-section-pr-box-1,.pl-section-pr-box-2{position:absolute;background:center center no-repeat url(../cimg/new/prbg.jpg);background-size: cover;}
.pl-section-pr-box-1-img{ width:190px;height:190px;position:absolute;top:0em;left:1em;}
.pl-section-pr-box-2-img{ width:125px;height:125px;position:absolute;top:3.8em;left:2em;}
.pl-section-pr-box-a{left:0em;top:0em;}
.pl-section-pr-box-b{left:25.15em;top:0em;}
.pl-section-pr-box-c{left:25.15em;top:12.7em;}
.pl-section-pr-box-d{left:50.15em;top:0em;}
.pl-section-pr-box-e{left:50.15em;top:12.7em;}
.pl-section-pr-box-f{left:62.7em;top:0em;}
.pl-section-pr-box-g{left:62.7em;top:12.7em;}
.pl-section-pr-t{ width:140px;height:25px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;text-align:center;position:absolute;color:#666;font-size:0.75em }
.pl-section-pr-t b{ font-size:1.25em !important;color:#333 !important;}
.pl-section-pr-t-a {top:5em;left: 18.5em;}
.pl-section-pr-t-b {top:7.5em;left: 18.5em;}
.pl-section-pr-t-c {top:1em;left: 2em;}
.pl-section-pr-t-d {top:2.8em;left: 2em;}
.pl-section-pr-b b { background-color:#fff;font-weight:normal;width:auto;padding: 0em 1em;}
.p-l-a figcaption { border-bottom: 1px solid #DDD;height: 50px;text-align: center;}
.p-l-a b { background-color: #FFF;font-weight: normal;width: auto;padding: 0em 1em;font-size: 1em;}
.p-l-a figure figcaption p {color: #666;font-size: 0.75em;padding: 10px 0px;}
.pl-r1{ width:20% !important;}
@media screen and (max-width:1200px) {
    .p-l-a-box {width: 322px;height: 307px;}
    .p-l-a-box .imga {width: 250px;height: 250px;margin-left: -125px;}
    .p-l-b-box {width: 322px !important;height: 177px !important;}
    .p-l-a-1200box,.pl-section-pr-box {width:980px;}
    .p-l-a-box-d {top: 21.3em;}
    .p-l-a-box-e {left: 20.55em;}
    .p-l-a-box-b {top: 13.20em;left: 20.55em;}
    .p-l-a-box-c {top: 1.5em;left: 41.1em;}
    .p-l-a-box-f {top:21.3em;left: 41.1em;}
    .p-l-a-box .imgb {width: 165px;height: 165px;}
    .p-l-a-box-text-e,.p-l-a-box-text-d,.p-l-a-box-text-f {width: 130px !important;}
    .p-l-a-1200box {height: 503px;}
    .pl-section-pr-box-img {width: 323px;height: 325px;background-size:325px 325px;}
    .pl-section-pr-box-1 {width: 320px;height: 158px;}
    .pl-section-pr-box-1-img {width: 150px;height: 150px;top: 0.3em;}
    .pl-section-pr-t-a {top: 4em;left: 14.2em;}
    .pl-section-pr-t-a,.pl-section-pr-t-b {width: 140px !important;}
    .pl-section-pr-t-c,.pl-section-pr-t-d {width: 130px !important;}
    .pl-section-pr-box-b {left: 21em;}
    .pl-section-pr-box-c {left: 21em;top: 10.5em;}
    .pl-section-pr-box-e {left: 41.6em;top: 10.5em;}
    .pl-section-pr-t-b {left: 14.2em;top: 6em;}
    .pl-section-pr-box-2 {width: 150px;height: 158px;}
    .pl-section-pr-box-d {left: 41.6em;}
    .pl-section-pr-box-2-img {width: 100px;height: 100px;top: 3.5em;left: 1.5em;}
    .pl-section-pr-t-c {top:0.5em;left: 1em;}
    .pl-section-pr-t-d {top:2.5em;left: 1em;}
    .pl-section-pr-t b {font-size: 1.2em !important;}
    .pl-section-pr-box-f {left: 51.7em;}
    .pl-section-pr-box-g {left:51.7em;top: 10.5em;}
    .pl-section-pr-box {height: 320px;}
}
@media screen and (max-width:980px) {
    .p-l-a-1200box,.pl-section-pr-box {width:768px;}
    .p-l-a-box {width: 253px;height: 240px;}
    .p-l-b-box {width: 253px !important;height: 175px !important;}
    .p-l-a-box .imga {width: 200px;height: 200px;margin-left: -100px;top: 90px;}
    .p-l-a-box-text-a {top: 10px;}
    .p-l-a-box-text-b {top: 35px;}
    .p-l-a-box-text-c {top: 55px;}
    .p-l-a-box-d {top: 17em;}
    .p-l-a-box .imgb { width: 135px;height: 135px;top: 20px;}
    .p-l-a-box-text-d { width: 100px !important;top: 50px;font-size: 0.875em;}
    .p-l-a-box-text-e {top: 70px;}
    .p-l-a-box-text-f {top: 90px;}
    .p-l-a-box-text-e,.p-l-a-box-text-f {width: 100px !important;}
    .p-l-a-box-f,.p-l-a-box-d {top: 16.7em;}
    .p-l-a-box-b {top:1.5em;left: 16.1em;}
    .p-l-a-box-e {left:16.1em;top: 16.7em;}
    .p-l-a-box-f,.p-l-a-box-c {left: 32.15em;}
    .p-l-a-1200box {height: 423px;}
    .pl-section-pr-box-img { width: 261px;height:264px;background-size: 265px 265px;}
    .pl-section-pr-box-1 {width: 248px;height: 137px;}
    .pl-section-pr-box-b {left: 16.7em;}
    .pl-section-pr-box-c {left:32.5em;top:0em;}
    .pl-section-pr-box-1-img {width: 120px;height: 120px;top: 0.5em;}
    .pl-section-pr-t-a, .pl-section-pr-t-b {width: 100px !important;}
    .pl-section-pr-t-a {top: 3em;left: 11.5em;}
    .pl-section-pr-t-b {left: 11.5em;}
    .pl-section-pr-box-2 {width: 122px;height: 120px;}
    .pl-section-pr-box-2-img {width: 70px;height: 70px;top: 3.1em;}
    .pl-section-pr-t-c, .pl-section-pr-t-d {width: 100px !important;}
    .pl-section-pr-box-d {left: 16.7em;top: 9em;}
    .pl-section-pr-box-f {left:24.6em;top: 9em;}
    .pl-section-pr-box-e {left:32.5em;top: 9em;}
    .pl-section-pr-box-g {left:40.4em;top: 9em;}
    .pl-section-pr-box {height: 265px;}
}
@media screen and (max-width:700px) {
    .p-l-a-box { width:100%;}
    .pl-section-pr-box {width:90%;}
    .p-l-a-1200box {width:90%; display:block; margin:30px auto 0px auto;}
    .p-l-a-box-b {top: 16.8em;left: 0em;}
    .p-l-a-1200box {height: 1273px;}
    .p-l-a-box-c {top: 32.2em;left: 0em;}
    .p-l-a-box-e {top: 58.7em;left: 0em;}
    .p-l-a-box-f {top: 69.9em;left: 0em;}
    .p-l-a-box .imga {width:300px;height:300px;margin-left: 0px;top: 20px;left:0%;}
    .p-l-a-box-text-a {top:5em;left:75%;}
    .p-l-a-box-text-b {top:8em;left:75%;}
    .p-l-a-box-text-c {top:10em;left:75%;}
    .p-l-b-box { width: 100% !important;height: 175px !important;}
    .p-l-a-box-d {left: 0em;top: 47.5em;}
    .p-l-a-box .imgb {left: 25%;}
    .pl-section-pr-box-img {width:100%;height:205px;background-size:100% auto;background-position:top center;}
    .pl-section-pr-box-b {left:0em;top:13em;}
    .pl-section-pr-box-1 {width: 100%;height: 137px;}
    .pl-section-pr-box-1-img {left:25%;}
    .pl-section-pr-t-a,.pl-section-pr-t-b {left:50%;}
    .pl-section-pr-box-c {left: 0em;top:21.8em;}
    .pl-section-pr-box-d {left:0em;top:30.7em;}
    .pl-section-pr-box-2 {width:49.5%;height: 120px;}
    .pl-section-pr-box-f {left:50.5%;top:30.7em;}
    .pl-section-pr-t-c,.pl-section-pr-t-d {left:50%;margin-left:-50px;}
    .pl-section-pr-box-2-img  {left:50%;margin-left:-35px;}
    .pl-section-pr-box-e {left:0em;top:38.6em;}
    .pl-section-pr-box-g {left:50.5%;top:38.6em;}
    .pl-section-pr-box {height: 720px;}
}
@media screen and (max-width:500px) {
    .pl-r1{ width:100% !important; margin:0em !important;}
    .p-l-a-box .imga {width: 250px;height: 250px;margin-left: -125px;top: 80px;left: 50%;}
    .p-l-a-box-text-a {top:0.5em;left: 50%;}
    .p-l-a-box-text-b {top:2em;left: 50%;}
    .p-l-a-box-text-c {top:3.5em;left: 50%;}
    .p-l-a-box .imgb {left: 5%;}
    .pl-section-pr-box-1-img {left: 5%;}
}




/*  企业专区样式  */

.e-banner-02 {width:100%;padding-top:15px;margin:auto;height:30px;text-align:center;}
.e-banner-02 .the,.e-banner-02 .se {width:8px;height:8px;margin:3px;display:block;}
.e-banner-02 .se{background-color:#333;}
.e-banner-02 .the{background-color:#ee3434;}
* html .e-banner-02 .the,* html .e-banner-02 .se {display:inline}/* for ie*/
html>body .e-banner-02 {display:table}/*for mozilla */
html>body .e-banner-02 .the,html>body .e-banner-02 .se {display:table;float:left}/*for mozilla */
@media all and (min-width:0px){/* opera 7 styles */
    html>body .e-banner-02 .the,html>body .e-banner-02 .se {display:inline-block;float:none;}
}
.e-d-01-box-01 b,.e-d-01-box-02 b{display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.e-banner-02 .the,.e-banner-02 .se{-webkit-border-radius:200px;-moz-border-radius:200px;border-radius:200px;}
.e-c-01 {width:100%;background:center center no-repeat;background-size:1800px 588px;}
.e-c-01,.e-c-02 {height:588px;}
.e-c-02 {padding-top:19px;}
.e-c-02,.e-c-02-box-a,.e-d-01,.e-e-01,.e-f-01 {margin:auto;width:1200px;position:relative;}
.e-c-02-box-a,.e-c-02-box-l,.e-c-02-box-r,.e-c-02-box-a-1 {height:255px;}
.e-c-02-box-a-1{ overflow:hidden; width:1084px; position:absolute; left:58px;}
.e-c-02-box-a {position:relative;}
.e-c-02-box-l,.e-c-02-box-r {width:58px;position:absolute;top:0px;}
.e-c-02-box-l {left:0px;background:url(../cimg/new/e-b-ico.png) 0px center no-repeat;}
.e-c-02-box-r {right:0px;background:url(../cimg/new/e-b-ico.png) -116px center no-repeat;}
.e-c-02-box-l:hover {background:url(../cimg/new/e-b-ico.png) -58px center no-repeat;}
.e-c-02-box-r:hover {background:url(../cimg/new/e-b-ico.png) -174px center no-repeat;}
.e-c-02-box-1 {height:255px;width:212px;background:url(../cimg/new/prbg.jpg) center center no-repeat;background-size:400px 400px;display: inline-block;  margin-right:1px;}
.e-c-02-box-1:hover {background:#666;color:#fff;}
.e-banner-div {position:relative;overflow:hidden;}
.e-banner{height:460px;width:100%;}
.e-banner-div,.e-banner-div .img {height:430px;width:100%;position:relative;}
.e-banner-div .img {background:no-repeat center center;background-size:1980px 430px;display:block;position:absolute;top:0px;}
.e-c-02-box-1 b {width:100%;text-align:center;padding:10px 0px;display:block;text-align:center;}
.e-c-02-box-1 img {width:190px;height:190px;margin:auto;display:block;padding-top:10px;}
.e-c-02-box-b {height:294px;width:1081px;background:url(../cimg/new/bg-01.png);position:absolute;top:278px;left:58px;text-align:center;}
.e-c-02-box-b p {height:55px;width:96%;margin:20px 2%;border-bottom:1px dashed #ddd;font-size:0.875em;color:#333; overflow:hidden;}
.e-c-02-box-b b {width:100%;text-align:center;font-size:1.2em;display:block;}
.e-c-02-box-b table {background-color:#ddd;margin:20px auto;width:90%;}
.e-c-02-box-b td {background-color:#fff;overflow:hidden;}
.e-d-01 {height:700px;margin-top:10px;}
.e-d-01-box-01,.e-d-01-box-02 {background:url(../cimg/new/prbg.jpg) center center no-repeat;position:absolute;background-size:cover;}
.e-d-01-box-01 {width:597px;height:362px;}
.e-d-01-box-02 {width:295px;height:328px;}
.e-d-01-box-01:hover,.e-d-01-box-02:hover{background:#fff;}
.e-d-01-box-01-p1 {top:0px;left:0px;}
.e-d-01-box-01-p2 {top:0px;right:0px;}
.e-d-01-box-01-p3 {top:367px;left:0px;}
.e-d-01-box-01-p4 {top:367px;left:302px;}
.e-d-01-box-01-p5 {top:367px;left:603px;}
.e-d-01-box-01-p6 {top:367px;left:905px;}
.e-d-01-box-01-imga{position:absolute;top:20px;left:20px;}
.e-d-01-box-01-imga,.e-d-01-box-01-imga img {height:315px;width:315px;}
.e-d-01-box-02-imga{position:absolute;top:10px;left:40px;}
.e-d-01-box-02-imga,.e-d-01-box-02-imga img {height:215px;width:215px;}
.e-d-01-box-dico-p1{top:30px;left:280px;}
.e-d-02-box-dico-p1{top:20px;left:210px;}
.e-d-01-box-01 b,.e-d-01-box-jg,.e-d-01-box-jg1,.e-d-01-box-02 b,.e-d-02-box-jg,.e-d-02-box-jg1 {width:240px;height:30px;text-align:center;position:absolute;}
.e-d-01-box-01 b{top:130px;left:330px;}
.e-d-01-box-01 p{font-size:0.875em;color:#666;}
.e-d-01-box-02 b {top:240px;left:27px;}
.e-d-01-box-02 p{font-size:0.875em;color:#666;}
.e-d-01-box-jg1{top:160px;left:330px;}
.e-d-01-box-jg{top:190px;left:330px;}
.e-d-02-box-jg1{top:260px;left:27px;}
.e-d-02-box-jg{top:280px;left:27px;}
.e-e-01 {height:395px;background:url(../cimg/new/qiye01.jpg) center center no-repeat;margin-top:40px;text-align:center;color:#666;font-size:1em;}
.e-f-01,.e-f-01-box {height:215px;}
.e-f-01-box{width:29%;padding:0px 2%;display:inline-block;text-align:center; vertical-align:top;}
.e-f-01-box b{font-size:0.875em;color:#333;padding:15px 0px;display:block;}
.e-f-01-box p{font-size:0.75em;color:#666;display:block;}
.e-f-ico1,.e-f-ico2,.e-f-ico3 {margin:15px auto 0px auto;display:block;width:82px;height:82px;}
.e-f-ico1 {background:url(../cimg/new/e-f-ico.png) 0px 0px no-repeat;}
.e-f-ico2 {background:url(../cimg/new/e-f-ico.png) 0px -82px no-repeat;}
.e-f-ico3 {background:url(../cimg/new/e-f-ico.png) 0px -164px no-repeat;}
@media screen and (max-width:1200px) {
    .e-section-h{ margin-top:-60px;}
    .e-c-02,.e-c-02-box-a,.e-d-01,.e-e-01,.e-f-01 {width:1000px;}
    .e-c-02-box-a-1{ width:884px;}
    .e-c-02-box-b{ width:880px;}
    .e-banner-div .img {background-size:1608px 350px;}
    .e-banner-div,.e-banner-div .img { height:350px;}
    .e-banner{ height:390px;}
    .e-d-01-box-01 {width:497px;height:301px;}
    .e-d-01-box-02 {width:295px;height:328px;}
    .e-c-02-box-1 {width:216px;}
    .e-d-01-box-01-imga,.e-d-01-box-01-imga img {height:250px;width:250px;}
    .e-d-01-box-dico-p1{left:230px;}
    .e-d-01-box-01 b{top:90px;left:260px;}
    .e-d-01-box-01 b,.e-d-01-box-jg,.e-d-01-box-jg1,.e-d-01-box-02 b,.e-d-02-box-jg,.e-d-02-box-jg1 {width:220px;}
    .e-d-01-box-jg1{top:110px;left:260px;}
    .e-d-01-box-jg{top:130px;left:260px;}
    .e-d-01-box-02 {width:246px;height:273px;}
    .e-d-01-box-01-p3 {top:306px;}
    .e-d-01-box-01-p4 {top:306px;left:251px;}
    .e-d-01-box-01-p5 {top:306px;left:503px;}
    .e-d-01-box-01-p6 {top:306px;left:754px;}
    .e-d-01-box-02-imga, .e-d-01-box-02-imga img {height: 180px;width: 180px;}
    .e-d-02-box-dico-p1 {top: 15px;left: 185px;}
    .e-d-01-box-02 b { top: 200px;left: 13px;}
    .e-d-02-box-jg1 {top: 220px;left: 13px;}
    .e-d-02-box-jg {top: 240px;left: 13px;}
    .e-d-01 {height: 530px;}
}
@media screen and (max-width:1000px) {
    .e-section-h{ margin-top:-60px;}
    .e-c-02,.e-c-02-box-a,.e-d-01,.e-e-01,.e-f-01 {width:768px;}
    .e-d-01-box-01-imga, .e-d-01-box-01-imga img {height: 200px; width: 200px;}
    .e-d-01-box-dico-p1 {left: 180px;top: 20px;}
    .e-c-02-box-a-1{ width:652px;}
    .e-c-02-box-b{ width:647px;}
    .e-f-01-box {width: 28%;}
    .e-d-01-box-01 {width:381px; height:231px;}
    .e-c-02-box-1 {width: 212px;}
    .e-d-01-box-01 b, .e-d-01-box-jg, .e-d-01-box-jg1, .e-d-01-box-02 b, .e-d-02-box-jg, .e-d-02-box-jg1 {width: 150px;}
    .e-d-01-box-01 b {top: 70px;left: 225px;}
    .e-d-01-box-jg1 {top: 90px;left: 225px;}
    .e-d-01-box-jg {top: 110px;left: 225px;}
    .e-d-01-box-01-p3 {top:236px;}
    .e-d-01-box-01-p4 {top:236px;left:194px;}
    .e-d-01-box-01-p5 {top:236px;left:387px;}
    .e-d-01-box-01-p6 {top:236px;left:581px;}
    .e-d-01-box-02 {width:187px;height:230px;}
    .e-d-01-box-02-imga, .e-d-01-box-02-imga img {height: 150px; width: 150px;}
    .e-d-01-box-02-imga {left: 20px;}
    .e-d-02-box-dico-p1 {top: 10px;left: 135px;}
    .e-d-01-box-02 b { top: 165px; left: 15px; font-size:0.875em;}
    .e-d-01-box-02 p {font-size:0.75em;}
    .e-d-02-box-jg1 {top: 185px;left: 15px; }
    .e-d-02-box-jg {top: 205px;left: 15px;}
    .e-d-01 { height: 430px;}
}
@media screen and (max-width:700px) {
    .e-c-02,.e-d-01,.e-e-01,.e-f-01 {width:100%;}
    .e-c-02{ margin-top:20px;height: 528px;}
    .e-c-02-box-a{ width:90%;}
    .e-banner-div .img {background-size: 1149px 250px;}
    .e-banner-div, .e-banner-div .img {height: 250px;}
    .e-banner {height: 275px;}
    .e-c-02-box-l, .e-c-02-box-r { position:absolute; left:-99999px;}
    .e-c-02-box-a-1 { left:0px; overflow:hidden; display:block; width:100%;white-space:nowrap;}
    .e-c-02-box-a, .e-c-02-box-l, .e-c-02-box-r, .e-c-02-box-a-1 { height: 200px;}
    .e-c-02-box-1 {width: 180px;}
    .e-c-02-box-1 img { width: 130px;height: 130px;}
    .e-c-02-box-b { width: 90%;top: 225px; display: block; margin: auto; left: 5%;}
    .e-c-02-box-b table { font-size:0.75em;}
    .e-d-01-box-01 { height:200px; width: 90%; margin:auto; display:block !important; left:5%;}
    .e-d-01-box-01-p2{ top:205px; right:5%;}
    .e-d-01 {height:820px;}
    .e-d-01-box-01-p3 {top:472px;}
    .e-d-01-box-01-p4 {top:472px;left:194px;}
    .e-d-01-box-01-p5 {top:472px;left:387px;}
    .e-d-01-box-01-p6 {top:472px;left:581px;}
    .e-d-01-box-dico-p1 {left:5%;top: 10px;}
    .e-d-01-box-01-imga, .e-d-01-box-01-imga img { height: 150px; width: 150px;}
    .e-d-01-box-01 b, .e-d-01-box-jg, .e-d-01-box-jg1, .e-d-01-box-02 b, .e-d-02-box-jg, .e-d-02-box-jg1 { width: 130px;}
    .e-d-01-box-01 b,.e-d-01-box-01 p {left: 55%;}
    .e-d-01-box-01-imga { left: 30%;}
    .e-d-01-box-02 {width: 44.5%;}
    .e-d-01-box-01-p3 {top:410px;}
    .e-d-01-box-01-p4 {top:410px;left:50%;}
    .e-d-01-box-01-p5 {top:645px;left:5%;}
    .e-d-01-box-01-p6 {top:645px;left:50.5%;}
    .e-d-01-box-01-p3 {left:5%;}
    .e-d-01-box-01-p4 {left:50.5%;}
    .e-d-02-box-dico-p1 {left:10%;}
    .e-d-01-box-02-imga {left:25%;}
    .e-d-01-box-02 b,.e-d-01-box-02 p {left: 28%;}
}
@media screen and (max-width:460px) {
    .e-d-01-box-01-imga {left:5%;}
    .e-d-01-box-02-imga {left:15%;}
    .e-d-01-box-02 b,.e-d-01-box-02 p {left:5%;}
    .e-d-01-box-02-imga, .e-d-01-box-02-imga img {height: 120px; width: 120px;}
    .e-d-01-box-02 b {top: 145px;}
    .e-d-02-box-jg1 {top: 165px;}
    .e-d-02-box-jg {top: 185px;}
    .e-e-01 {margin-top: 60px;}
}

/*  新的产品页 */
.goods-box,.goods-box-1200,.goods-pr-t-box{height:auto; display:block; overflow:hidden;}
.goods-box{ width:100%; }
.goods-box-1200{ width:1200px; margin:auto; padding:1em 0em 0em 0em;}
.crust-nav{ width:100%; height:30px;  font-size:12px; color:#666;}
.crust-nav li{ *float:left; display:inline-block; padding-left:1em;}
.crust-nav li a{/*display: inline-block;overflow: hidden; width:auto;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;*/}
.crust-nav li i{ margin-left: 1em;vertical-align: middle; display: inline-block; width: 5px; height: 9px;text-indent: -999999px;background-position: -15px -5px;overflow: hidden; background:url(../cimg/new/goods-ico.png) 0px 0px no-repeat;}
.goods-pr-t-box{ width:100%;}
.goods-pr-t-box-img{ *float: left; width:54%; display:inline-block; vertical-align:top;}
.goods-pr-t-box-in{ width:40%; padding-left:5%; display:inline-block;vertical-align:top;}
.goods-pr-t-box-img-a {width: 100%;height:640px; background:center center no-repeat; background-size: cover;}
.goods-pr-t-box-in-a{ width:100%; padding:0em 0em 0.2em 0em;overflow:hidden; height: auto;}
.goods-pr-t-box-in-a-b{ max-width:90%; font-size:1.2em; height:30px; overflow:hidden; display:inline-block;vertical-align:top;}
.goods-pr-t-box-in-a-i{ width:auto; padding:0.2em 1em; display:inline-block; background-color:#ee3434; color:#fff; font-size:0.75em;border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; vertical-align:top; margin:0.3em 1em;font-style: normal;}
.goods-pr-t-box-in-b-b{ font-size:1.8em; color:#ee3434; vertical-align:top; padding-left:0.5em;}
.goods-pr-t-box-in-b-i{ font-size:0.875em; color:#999; vertical-align:top;text-decoration:line-through; padding:0.3em 0em 0em 0.8em; font-style: normal;}
.goods-pr-t-box-in-c { font-size:12px; color:#666; overflow: inherit !important;}
.goods-pr-t-box-in-d1,.goods-pr-t-box-in-d2{display:inline-block; vertical-align:top; margin-top:10px;}
.goods-pr-t-box-in-d1{ *float: left; width:15%; }
.goods-pr-t-box-in-d2 { width:84%;}
.goods-pr-t-box-in-deliveryAdd{margin: 0px 6px 0px 0px;line-height: 18px;color: #333; display:inline-block;}
.goods-pr-t-box-in-d{ background-color:#efefef; padding:0.5em 0em; display:inline-block;}
.goods-pr-t-box-in-tri,.goods-pr-t-box-in-tri-a{line-height: 18px;color: #333; display:inline-block;}
.goods-pr-t-box-in-icon{ width:12px; height:6px; background:url(../cimg/new/goods-ico.png) 0px -21px no-repeat; display:inline-block;}
.goods-pr-t-box-in-tri:hover .goods-pr-t-box-in-tri-b{ display:block;}
.goods-pr-t-box-in-tri-a{ position:relative;}
.goods-pr-t-box-in-tri-b{border: 1px solid #D2D2D2;background-color: #FFF;font-size: 12px;position: absolute;left:-100px;top:15px; width:400px; height:200px;padding:10px; display:none; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.141); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.141); -ms-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.141); -o-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.141); -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.141); z-index:1;}
.goods-pr-t-box-in-tri-b li {float: left;cursor: pointer; width: 55px; margin: 12px 0px 0px; height: 16px;line-height: 16px;display: list-item;}
.goods-pr-t-box-in-tri-b a {color: #999;padding: 0px 5px;float: left;white-space: nowrap;text-decoration: none;}
.goods-pr-t-box-in-tri-b-c{ width:12px; height:12px; display:block; position:absolute; top:0.3em; right:0.3em; background:url(../cimg/new/goods-ico.png) 0px -27px no-repeat;}
.goods-pr-t-box-in-tri-b-d,.goods-pr-t-box-in-tri-b li a:hover{ background-color:#EE3434; color:#fff !important;}
{background-color: #FFF;white-space: nowrap;width: auto !important;min-width: 10px;padding: 0px 9px;text-align: center;border: 1px solid #B8B7BD;color: #000;text-decoration: none;}
.goods-pr-1{ display:inline-block; margin:0em 0.6em 0em 0em; background-color:#ffc600; padding:0.2em 0.4em; color:#fff;border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; vertical-align:top; text-align:center;}
.goods-pr-2{ background-color:#ff7e00;}
.goods-pr-t-box-in-e{ width:100%; padding:1em 0em; border-bottom:1px solid #ddd; border-top:1px solid #ddd; background-color:#fff !important; margin:0.5em 0em;}
.goods-e{ *float: left;  width:32%; border-right:1px solid #ddd; text-align:center; font-size:0.75em; color:#999; display:inline-block;}
.goods-e span{ color:#f86120;}
.goods-e-b{ border-right:none !important;}
.goods-pr-t-siza{ display:inline-block; padding:0.3em 0.5em; border:2px solid #ddd; margin:0em 0.2em 0.2em 0em;color: #333;cursor: pointer;}
.goods-pr-t-siza:hover,.goods-pr-t-siza-a{border:2px solid #ee3434; position:relative;}
a.goods-pr-t-siza{color: #333;}

a.goods-pr-t-siza:hover,a.goods-pr-t-siza:active,a.goods-pr-t-siza:visited,a.goods-pr-t-siza:link,a.goods-pr-t-siza:focus{text-decoration:none;color: #333;}

a.goods-pr-t-siza input{width: 50px; height: 17px; border: solid 1px #ddd; line-height: 17px; display: inline-block;text-align: center;vertical-align: top;  margin-top: -2px; }


.goods-pr-t-siza-i{ width:12px; height:12px; display:block; position:absolute; background:url(../cimg/new/goods-ico.png) 0px -9px no-repeat; bottom:0em; right:0em;}
.goods-pr-t-n,.goods-pr-t-n1{  *float: left; width:21px; height:22px; display:inline-block;}
.goods-pr-t-n{ background:url(../cimg/new/goods-ico.png) 0px -39px no-repeat; }
.goods-pr-t-n1{ background:url(../cimg/new/goods-ico.png) 0px -61px no-repeat;}
.goods-pr-t-t{ width:34px; height:20px;  border:1px solid #ededed; text-align:center;vertical-align:top;}
.goods-pr-t-t1{  *float: left;  vertical-align:top; display:inline-block;}
.goods-gy{ width:auto; display:inline-block;vertical-align:top; position:relative; padding-right:3em;}
.goods-gy-img{vertical-align:top; position:relative; width:40px; height:40px; border:2px solid #ddd;display:inline-block; background-size:cover; background-position: center center;}
.goods-gy-img-a,.goods-gy-img:hover{border:2px solid #ee3434;}
.goods-gy p{ display:inline-block;vertical-align:top; padding:1em 0em 0em 0.3em;}
.goods-gy-b-img{ width:390px; height:290px; background-position:center center; background-size:cover; position:absolute; display:none; top: -246px;left: -390px; z-index:2;}
.goods-gy:hover .goods-gy-b-img{display:block;}
.goods-pr-t-box-in-a-bn{ padding-top:2em;}
.bn-buy{     line-height: 30px;border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px; background-color:#ee3434; color:#fff !important;width:100%;height:35px; display:block; text-align:center; font-size:1.3em; padding-top:0.2em;}
.bn-buy:hover{ background-color:#b92424;}
a.bn-buy:hover,a.bn-buy:focus{text-decoration: none;}
.goods-pr-t-box-img-fx{ width:100%; padding:1em 0em;}
.goods-pr-t-box-img-fx-a{ width:69%; display:inline-block; vertical-align:top;}
.goods-pr-t-box-img-fx-b{ width:30%; display:inline-block; text-align:right;vertical-align:top; color:#999 !important; font-size:0.75em;}
.goods-pr-s{ width:11px; height:11px; display:inline-block; background:url(../cimg/new/goods-ico.png) 0px -83px no-repeat;}
.goods-pr-z1,goods-pr-z2{ width:100%;}
.goods-pr-z2{ height:15px; border-bottom:1px solid #ddd;}
.goods-pr-z3{ padding:0em 1em; background-color:#fff; font-size:1em; width:100px; display:block; margin:auto; text-align:center;}
.goods-pr-z4{ width:100%; padding:2em 0em; text-align:center;}
.goods-pr-z5{  width:30% !important; margin:0 !important;}

.goods-pr-z5 p{ display: none;}



.goods-pr-d{ width:100%; display:block; height:auto; padding:2em 0em; margin:auto; overflow:hidden;}
.goods-pr-d-a{ width:100%; border-bottom:1px solid #ddd; height:32px;}
.goods-pr-d-a-1{ display:inline-block; padding:0.3em 1em; font-size:1em; color:#333; background-color:#ddd; height:23px;}
.goods-pr-d-a-2,.goods-pr-d-a-1:hover{ background-color:#000 !important; color:#fff !important;}
.goods-pr-d-b{ width:1200px; display:block; margin:auto; overflow:hidden; height:auto;}
.goods-pr-d-b-p{ width:100%; height:auto; display:block; overflow:hidden; border-bottom:1px solid #ddd; padding:2em;}
.c-detail  .goods-pr-d-b-p table{margin:0 auto;}
.goods-pr-d-b.c-detail img{margin: 0 auto;float: none;}
.goods-pr-d-b-p1{width:100%;}
.goods-pr-d-img{ width:8%; display:inline-block; vertical-align:top;}
.goods-pr-d-img img{ width:50px; height:50px; border:1px solid #ddd; display:inline-block; margin:0em 0.5em; overflow:hidden; border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;-webkit-border-radius: 50%;}
.goods-pr-d-t{ width:90%; display:inline-block; vertical-align:top;}
.goods-pr-d-t p{ width:100%; display:block;}
.goods-pr-d-t-1{ font-size:1.13em; color:#333;}
.goods-pr-d-t-time{ font-size:0.875em; color:#999;}
.goods-pr-d-t-2{ font-size:0.75em; color:#999; padding-top:1em;}
.h-stars-a{ background:url(../cimg/new/hstars.png) repeat-x;height:13px; display:inline-block; margin-right:1em; vertical-align:top;}
.h-stars{ background:url(../cimg/new/ratingstarsn.png) repeat-x; width:65px; height:13px; display:inline-block;}
.goods-pr-d-pl {border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.169);;-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.169);;-ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.169);;-o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.169);;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.169);; width:92%;height:auto; display:block; padding:2%; margin:1em 0em;}
.goods-pr-d-pl p{ font-size:0.875em; color:#666;}
.goods-pr-d-pl span,.goods-pr-d-t span {color: #F86120;}
.goods-pr-d-t-img{ width:50px; height:50px; border: solid 1px #ddd; display:inline-block; margin:0em 0.2em 0em 0em; background-position:center center; background-size:cover;cursor: crosshair; }
.goods-pr-d-t-kfpl{ font-size:0.875em !important; padding-top:1em !important;}
.goods-pr-d-t-imga{ width:400px !important; height:400px !important;}
.goods-pr-d-t-2-dd{ display:inline-block; padding-right:2em; font-size:0.75em; color:#999;}
.goods-pr-d-pl-t1{ padding-top:1em;}
@media screen and (max-width:1200px) {
    .goods-box-1200,.goods-pr-d-b {width: 980px;}
    .goods-pr-t-box-img-a {height: 530px;}
    .goods-pr-t-box-in-tri-b {left: -150px;}
}
@media screen and (max-width:980px) {
    .goods-box-1200,.goods-pr-d-b {width: 768px;}
    .goods-pr-t-box-img-a {height: 415px;}
    .goods-pr-t-box-img-fx-b {width: 35%;}
    .goods-pr-t-box-img-fx-a {width: 59%;}
    .goods-pr-t-box-in-tri-b {width:300px;height:300px;}
    .goods-gy {padding-right:1em;}
    .goods-pr-t-box-in-d1 {width: 18%;}
    .goods-pr-t-box-in-d2 {width: 80%;}
    .goods-pr-d-pl {width: 90%;}
}
@media screen and (max-width:700px) {
    .goods-box-1200,.goods-pr-d-b {width: 100%;}
    .goods-pr-t-box-img {width: 100%;}
    .goods-pr-t-box-in {width: 90%;}
    .goods-gy {padding-right:2em;}
    .goods-pr-d-b-p {width: 95%;padding: 2em;}
    .goods-pr-d-t { width: 70%;margin-left:0%;}
    .goods-gy:hover .goods-gy-b-img{display: none;}
    .goods-pr-t-box-in-tri-b { width: 280px;height: 300px;margin-left: 40px;}
    .goods-pr-d-b-p {width: 90%;padding: 1em; display:block; margin:auto;}
    .goods-pr-d-img {width: 25%;}
    .goods-pr-d-t-a,.goods-pr-d-t-kfpl{ width:100% !important;margin-left:0% !important;}
    .goods-pr-d-t-imga {width: 250px !important;height: 250px !important;}
}
@media screen and (max-width:700px) {

}


/*2015-5-11列表页新增*/
.list-l-nav-a15511{
    width: 90%;
    margin: auto;
    display: inline-block;
    background-color:#efefef;
    border:1px solid #ddd;
    border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    -webkit-border-radius:5px;
    margin-top:2em;
    padding-bottom:1em;
}

.list-l-nav-a15511 h4{
    border-bottom:1px solid #ddd;
    padding:0.5em 1em;
    margin-bottom:1em;
}

.list-ru-5-d{
    border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    -webkit-border-radius:50%;
    background-color:#ddd;
    display:inline-block;
    width:5px;
    height:5px;
    margin:0 1em 0.1em 0;
}

.list-ru-5-d-red{
    background-color:#ee3434;
}

.list-nav-fl-l15511, .list-nav-fl-l15511-x{
    font-size:0.875em;
    padding:0.2em 0.5em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.122);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.122);
    -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.122);
    -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.122);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.122);
    display:inline-block;
    margin:0 0.5em 0.5em 0;
}

.list-nav-fl-l15511:hover, .list-nav-fl-l15511-x{
    background-color:#fac901 !important;
}

.list-l-nav-a15511{
    display:inline-block;
}

.list-l-nav-fgx15511{
    width:90%;
    display:inline-block;
    padding:0 5%;
    border-bottom:1px solid #ddd;
    margin-bottom:1em;
}

.list-l-nav-fgx15512{
    width:90%;
    height:auto;
    display:block;
    margin:auto;
}

.ist-nav-fl-l15511-delete{
    background:url(../cimg/new/goods-ico.png) 0 -27px no-repeat;
    width:12px;
    height:12px;
    display:inline-block;
    margin-left:0.5em;
}
@media screen and (max-width:700px) {
    .list-l-nav-a15511 {
        width: 100%;
        margin: 0.5em auto auto;
    }
}


/*   登陆注册   */
.login-header{ width:100%;height:90px;position: inherit;top:0px;z-index:10;}
.login-h-logo,.login-h-logo img{ width:143px;height:53px;}
.login-h-logo {margin:auto;padding-top:15px;}
.login-h-phone {width: 140px;left: 0px;height: 30px;padding-left: 30px;background: url("../cimg/new/ico.png") no-repeat scroll 0px -4px transparent;position: absolute;color: #666;font-size: 1.125em;top: 25px;}
.login-h-h{background: url("../cimg/new/ico.png") no-repeat scroll 0px -190px transparent;width:110px;padding:10px 0px 0px 40px;height:30px;font-size:0.75em;position:absolute;right:0px;top:18px;color:#666;}
.login-se-a-bh{ width:100%; height:400px; z-index:1; display:block; position:absolute; top:150px;}
.login-h-h a{ color:#666;}
.login-h-h a:hover{ color:#ee3434;}
.login-se-a{ width:100%;height:780px;z-index:0;background:top center / 1980px 780px;position:inherit;top:-90px;}
.login-se-a-1{background-color: rgb(255, 255, 255);box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.122);-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.122);-ms-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.122);-o-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.122);-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.122);position: absolute;width: 675px;height: auto;z-index: 16;left: 50%;top:20%;margin-left: -200px;}
.login-se-a-l-bt{ width:100%;height:54px;padding-top:20px;text-align:center;font-size:1.33em;color:#333;}
.login-se-a-l-t { width:100%;height:370px;position:relative;}
.login-se-a-l-t-1{ width:40%;border-right:1px solid #e8e8e8;}
.login-se-a-l-t-1,.login-se-a-l-t-2{height:350px;margin:10px 0px;position:absolute;text-align:center;}
.login-se-a-l-t-1-p{ padding-top:60px;}
.bn-login-qq {background:url(../cimg/new/login-ico.png) 20px 0px /40px 80px no-repeat #17bcfb;}
.bn-login-wb {background:url(../cimg/new/login-ico.png) 20px -40px /40px 80px no-repeat #ff8140;}
.bn-login-qq,.bn-login-wb {width:80%;height:30px;padding-top:10px;font-size:1em;color:#fff !important;text-align:center;display:block;border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px;margin:15px auto 0px auto;text-shadow: 1px 1.732px 3px rgba(0, 0, 0, 0.212);-moz-text-shadow: 1px 1.732px 3px rgba(0, 0, 0, 0.212);-ms-text-shadow: 1px 1.732px 3px rgba(0, 0, 0, 0.212);-webkit-text-shadow: 1px 1.732px 3px rgba(0, 0, 0, 0.212);-o-text-shadow: 1px 1.732px 3px rgba(0, 0, 0, 0.212);}
.bn-login-qq:hover {background:url(../cimg/new/login-ico.png) 20px 0px no-repeat #1296c9;}
.bn-login-wb:hover {background:url(../cimg/new/login-ico.png) 20px -40px no-repeat #ff6b1f ;}
.login-se-a-l-t-1-m{ color:#e8e8e8;background-color:#fff;position:absolute;right:0px;top:45%;width:20px;height:20px;margin-right: -10px;}
.login-se-a-l-t-2{width:60%;top:0px;right:0px;}
.login-se-a-l-t-2-p{ border-bottom:1px solid #ddd;width:80%;padding:0px 0px 10px 0px;margin:auto;font-size:0.75em;color:#333;}
.login-se-a-l-t-2-t {margin: 20px auto 0px;display: block;position: relative;width: 70%;border: 1px solid #DDD;border-radius: 3px;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1) inset;outline: medium none;padding: 10px 0.5em;line-height: normal;font-family: inherit;font-size: 100%;box-sizing: border-box;-moz-user-modify: read-write !important;text-rendering: optimizelegibility;color: #AAA;cursor: text;transition: color 0.2s ease 0s;}
.login-se-a-l-t-2-a{width:80%; height:20px; position: relative; margin:1em auto;display:block; font-size:0.75em; color:#333; border-bottom:1px solid #ddd; padding:1em 0em;}
.login-se-a-l-t-2-b{ text-align:left; width:50%; position:absolute; top:10%; left:5%;}
.login-se-a-l-t-2-c{ text-align:right; width:50%; position:absolute; top:10%; right:5%;}
.bn-login-se-a-l-t-2-d { font-size:1.3em; color:#fff !important; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px;  background-color: rgb(238, 52, 52); display:block; margin:auto; width: 70%; height: 35px; padding-top:5px;}
.bn-login-se-a-l-t-2-d:hover{background-color:#cd2525;}
.login-se-b{ border-bottom:1px dashed #ddd; padding:1em 0em;width:80%; height:auto; display:block; margin:auto; font-size:0.875em; color:#333; font-weight:bold;}
.login-se-b a,.login-se-c a:hover{ color:#ee3434;}
.login-se-c{ padding:0.5em 0em;width:80%; height:auto; display:block; margin:auto; font-size:0.875em;}
.login-se-c a{ color:#666;}
.login-se-e,.login-se-e-red{background-image: -moz-linear-gradient( 90deg, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.2) 75%); background-image: -webkit-linear-gradient( 90deg, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.2) 75%); background-image: -ms-linear-gradient( 90deg, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.2) 75%); box-shadow: 0.5px 0.866px 1px 0px rgba(0, 0, 0, 0.078), inset 1px 1.732px 4px 0px rgba(85, 89, 68, 0.392); height: 7px;margin:auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;}
.login-se-e{ background-color:#ddd;width:100%;position: relative; }
.login-se-e-red{background-color:#FF0000;width:25%; position:absolute; left:0px;}
.login-se-e-t{ top:-50px; position: relative;width:90%; margin:auto; display:block;}
.login-se-e-01{ width:24.7%;  display:inline-block; padding:1em 0em; text-align:center; font-size:0.875em; color:#666; vertical-align:top;}
.login-se-e-01-c,.login-se-e-01-d{ border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; width: 27px; height: 27px;  color:#fff; display: inline-block; font-size:1.5em; font-style:italic;}
.login-se-e-01-c{background-color: rgb(238, 52, 52);}
.login-se-e-01-d{background-color: rgb(102, 102, 102);}
.login-footer-a{ width:100%; height:auto; background-color:#efefef; text-align:center;}
.login-footer-a a{ padding:1.5em 3em; display: inline-block;}
.login-footer-p{ font-size:0.75em; color:#666; width:100%; padding:1em 0em; text-align:center;}
.login-se-a-l-t-2-b-1 { text-align: left; width: 100%;position: absolute; top: 10%; left: 5%;}
.login-se-a-l-t-2-re,login-se-a-l-t-1-re { height: 450px; margin: 10px 0px; position: absolute;text-align: center;}
.login-se-a-l-t-1-re { width:40%;margin: 10px 0px;position: absolute;text-align: center;border-right: 1px solid #E8E8E8;}
.login-se-a-l-t-2-re { width:60%; right:0px; top:70px; position:absolute;}
.login-se-a-l-t-re {height:470px;}
@media screen and (max-width:1200px) {
    .login-se-e-01 {width: 24%;}
}
@media screen and (max-width:980px) {
    .login-se-a-1 {width: 475px;margin-left: -100px;}
    .bn-login-qq,.bn-login-wb { font-size:0.875em;text-indent:1em;}
    .bn-login-qq {background:url(../cimg/new/login-ico.png) 0px 0px /40px 80px no-repeat #17bcfb;}
    .bn-login-wb {background:url(../cimg/new/login-ico.png) 0px -40px /40px 80px no-repeat #ff8140;}
    .bn-login-qq:hover {background:url(../cimg/new/login-ico.png) 0px 0px /40px 80px no-repeat #1296c9;}
    .bn-login-wb:hover {background:url(../cimg/new/login-ico.png) 0px -40px /40px 80px no-repeat #ff6b1f ;}
    .login-se-a-1 {margin-left: -150px;}
}
@media screen and (max-width:700px) {
    .login-se-a-1 {margin-left: 0px; width: 100%;left:0%;top: 20%;}
    .bn-login-qq,.bn-login-wb {font-size: 0.75em; text-indent:1.5em;}
    .bn-login-qq,.bn-login-wb { font-size:0.875em;text-indent:1em;}
    .bn-login-qq {background:url(../cimg/new/login-ico.png) 0px 5px /30px 60px no-repeat #17bcfb;}
    .bn-login-wb {background:url(../cimg/new/login-ico.png) 0px -28px /30px 60px no-repeat #ff8140;}
    .bn-login-qq:hover {background:url(../cimg/new/login-ico.png) 0px 5px /30px 60px no-repeat #1296c9;}
    .bn-login-wb:hover {background:url(../cimg/new/login-ico.png) 0px -28px /30px 60px no-repeat #ff6b1f ;}
    .login-se-a-l-t-1-p { font-size:0.875em;}
    .login-se-e-01 {width: 49%;}
    .login-h-phone {top:100px;}
    .login-h-h {top:90px;}
    .login-footer-a a { padding: 1.5em 2em; font-size:1em;}
    .login-se-a {height: 680px;}
    .bn-login-qq,.bn-login-wb { font-size:0.875em;text-indent:1em;}
    .bn-login-qq {background:url(../cimg/new/login-ico.png) 20% 0px /40px 80px no-repeat #17bcfb;}
    .bn-login-wb {background:url(../cimg/new/login-ico.png) 20% -40px /40px 80px no-repeat #ff8140;}
    .bn-login-qq:hover {background:url(../cimg/new/login-ico.png) 20% 0px /40px 80px no-repeat #1296c9;}
    .bn-login-wb:hover {background:url(../cimg/new/login-ico.png) 20% -40px /40px 80px no-repeat #ff6b1f ;}
    .login-se-a-l-t-1,.login-se-a-l-t-2,.login-se-a-l-t-2,.login-se-a-l-t-2-re,.login-se-a-l-t-1-re  {width:100%;}
    .login-se-a-l-t-1 {top: 300px;}
    .login-se-a-l-t-1-re {top: 430px;}
    .login-se-a {height: 780px;}
    .login-se-a-l-t-2-re { height:300px;}
    .login-se-a-l-t { height: 520px;}
    .login-se-c {border-bottom: 1px dashed #DDD;}
    .login-se-a-l-t-re {height: 570px;}
}


/*2015-5-15列表页*/
.list-section-pr-box-a-t-red{ color:#FF8600 !important; font-weight:bold;}
.list-section-pr-box-nav2015515{
    border-width: 1px;
    border-color: rgb(221, 221, 221);
    border-style: solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: rgb(239, 239, 239);
    width:100%;
    height: 37px;
}
.list-section-pr-box { padding-top: 2em !important;}
.list-section-pr-box-nav-li-bt{
    background-color:#fff;
    padding:8px 2em;
    height:20px;
    display:inline-block;
    vertical-align:text-top;
    border-radius:5px 0 0 5px;
    border-right:1px solid #ddd;
}
.list-section-pr-box-nav-li-text{padding:8px 2em;
    height:20px;border-right:1px solid #ddd;display:inline-block; font-size:0.875em !important;
    vertical-align:text-top;}
.list-section-pr-box-nav-li-text span{ padding-left:0.5em;}

/*成品购买修改*/
.goods-pr-t-box-img-a-height{ height: auto !important;}
.bn-rede, .bn-orange {cursor:pointer;border:0px;margin:0px;padding:5px 15px; border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px;color: #FFF !important; display:inline-block !important;}
.bn-orange {background-color:#ff7e00;}
.bn-rede {background-color:#ee3434;}
.bn-rede:hover {background-color:#E21212;}
.bn-orange:hover { background-color:#E37000;}
.bn-d{ padding:0.3em 2em !important;white-space:nowrap; width:auto !important; margin:0em 1em;}
.pl-section-20150206 {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
}
.pl-section-20150206:hover {
    opacity: 1;
}
.pl-section-pr-box-img:hover .pl-section-20150206 .text {
    bottom: 43%;
    margin-top: 2em;
    opacity: 1;
}
.pl-section-20150206 .text {
    bottom: 0;
    color: #fff;
    font-size: 2em;
    opacity: 0;
    position: absolute;
    text-align: center;
    transform: translateY(-55%);
    transition: all 0.3s ease 0.2s;
    width: 100%;
}

.goods-table-a {
    background-color: #e5e5e5;
}
.goods-table-a td {
    background-color: #fff;
    color: #333;
    font-size: 0.875em;
    padding: 0.5em 0.8em;
}

}

/*2015-05-12上传页面*/
.upload-20150512{
    border-width: 1px;
    border-color: rgb(181, 181, 181);
    border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(221, 221, 221);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: rgb(239, 239, 239);
    width:100%;
    height: 100%;
    display:inline-block;
    text-align:center;
}
.text-red{
    color:#ee3434;
}
.upload-swf-20150512{
    width:90%;
    display:block;
    margin:1.5em auto 0 auto;
    height:450px;
    background-color:#fff;
}
.upload-text-20150512{
    padding-top:2em;
    font-size:0.875em;
}
@media screen and (max-width:700px) {
    .upload-swf-20150512 {
        height: 250px;
    }
}
/*注册页面2015-6-9*/
.login-zctsy{width:298px; height:27px; background:url(../cimg/new/zctsy.png) no-repeat; color:#ff8140; position:absolute; font-size:0.75em; text-align:center; padding:20px 0 0 0; z-index:99; left:53px; }


/*2015-8-5*/
.header-201508051204{ width:100%; display:block; height:auto;}
.header-201508051204 .header-m{ width:1200px; height:91px; display:block; margin:0 auto;}
.header-201508051204 .header-m .tele { *float:left; width: 200px; height: 30px; padding-left: 40px; background: transparent url("../cimg/new/ico.png") no-repeat scroll 0px -4px;display:inline-block;	margin:30px 0 0 30px;font-size: 1.125em;color: #666;}
.header-201508051204 .header-m .logo{  *float:left; width:680px; padding-top:15px; height:auto; display:inline-block; text-align:center;  vertical-align:top;}
.header-201508051204 .header-m .logo img{ width:150px; height:58px;}
.header-201508051204 .header-m .right-column {   height: 40px; width: 240px; display:inline-block; vertical-align:top; padding-top:21px;}
.header-201508051204 .header-m .Shop-Cart{ width:60px;}
.header-201508051204 .header-m .right-column .Shop-Cart .Number  { width: 60px !important;}
.header-201508051204 .header-m .right-column .right-column .login-box{ width:70px !important;}
.new-topnav-20150805{ width:100%; height:34px; display:block; background-color:#ee3434;}
.new-topnav-20150805 .container{ width:1200px; display:block; margin:0 auto;}
.new-topnav-20150805 .container .l1{ *float: left; width:150px; height:26px; padding:8px 0 0 60px; background-color:#111; display:inline-block; background-image:url(../cimg/ico201508051549.png); background-repeat:no-repeat; background-position:30px -5px; color:#fff; font-size:0.875em; position:relative;}
.main-banner .main-banner-div {height: 462px !important;}
.new-topnav-20150805 .container .l1 .munu{left:0; top:34px;height:460px; width:208px; border: 1px solid #6e6e6e; background-color:#535353; position:absolute; z-index:9999; transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;-webkit-transition:all 0.2s; opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;-webkit-opacity:0; margin-top:30px;}
.new-topnav-20150805 .container .l1 .active, .new-topnav-20150805 .container .l1:hover .munu{opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;-webkit-opacity:1; margin-top:0px;}
.new-topnav-20150805 .container .l1 .m-ico{ width:129px; height:45px; display:block;  padding:0 0 0 80px; border-bottom:1px solid #6e6e6e; background-image:url(../cimg/ico201508051549.png); background-repeat: no-repeat; color:#fff;transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;-webkit-transition:all 0.2s; position:relative;}
.new-topnav-20150805 .container .l1 .m1{ background-position:40px -46px;}
.new-topnav-20150805 .container .l1 .m1:hover{background-position:40px -92px;}
.new-topnav-20150805 .container .l1 .m2{ background-position:40px -138px;}
.new-topnav-20150805 .container .l1 .m2:hover{background-position:40px -184px;}
.new-topnav-20150805 .container .l1 .m3{ background-position:40px -230px;}
.new-topnav-20150805 .container .l1 .m3:hover{background-position:40px -276px;}
.new-topnav-20150805 .container .l1 .m4{ background-position:40px -322px;}
.new-topnav-20150805 .container .l1 .m4:hover{background-position:40px -368px;}
.new-topnav-20150805 .container .l1 .m5{ background-position:40px -414px;}
.new-topnav-20150805 .container .l1 .m5:hover{background-position:40px -460px;}
.new-topnav-20150805 .container .l1 .m6{ background-position:40px -506px;}
.new-topnav-20150805 .container .l1 .m6:hover{background-position:40px -552px;}
.new-topnav-20150805 .container .l1 .m7{ background-position:40px -598px;}
.new-topnav-20150805 .container .l1 .m7:hover{background-position:40px -644px;}
.new-topnav-20150805 .container .l1 .m8{ background-position:40px -690px;}
.new-topnav-20150805 .container .l1 .m8:hover{background-position:40px -736px;}
.new-topnav-20150805 .container .l1 .m9{ background-position:40px -782px;}
.new-topnav-20150805 .container .l1 .m9:hover{background-position:40px -828px;}
.new-topnav-20150805 .container .l1 .m10{ background-position:40px -874px;}
.new-topnav-20150805 .container .l1 .m10:hover{background-position:40px -920px;}
.main-banner {height: 515px !important;}
.new-topnav-20150805 .container .l1 li{ position:relative;}
.new-topnav-20150805 .container .l1 li i{ position:absolute; left:0; top:0; height:46px; width:0px; background-color:#ee3434; transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;-webkit-transition:all 0.2s; display:block; z-index:-1;}
.new-topnav-20150805 .container .l1 li:hover i{ width:208px;}
.new-topnav-20150805 .container .l1 .m-ico .con { background-color: rgb(255, 255, 255); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.114);-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.114);-ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.114);-o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.114);-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.114);  position: absolute; width: 721px; height: 452px; padding:10px 0 0 40px; z-index: 293;left: 259px;transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;-webkit-transition:all 0.2s; opacity:0; display: inline-block; visibility:hidden;}
.new-topnav-20150805 .container .l1 .m-ico:hover .con{ left:209px;display:inline-block;opacity:1; visibility: inherit;}
.new-topnav-20150805 .container .l1 .m-ico a{ color:#fff;}
.new-topnav-20150805 .container .l1 .m-ico .k1 {top:0px;}
.new-topnav-20150805 .container .l1 .m-ico .k2 {top:-46px;}
.new-topnav-20150805 .container .l1 .m-ico .k3 {top:-92px;}
.new-topnav-20150805 .container .l1 .m-ico .k4 {top:-138px;}
.new-topnav-20150805 .container .l1 .m-ico .k5 {top:-184px;}
.new-topnav-20150805 .container .l1 .m-ico .k6 {top:-230px;}
.new-topnav-20150805 .container .l1 .m-ico .k7 {top:-276px;}
.new-topnav-20150805 .container .l1 .m-ico .k8 {top:-322px;}
.new-topnav-20150805 .container .l1 .m-ico .k9 {top:-368px;}
.new-topnav-20150805 .container .l1 .m-ico .k10 {top:-414px;}
.new-topnav-20150805 .container .l1 .m-ico .con ul{ width:418px; height:420px; overflow:hidden; display:inline-block;}
.new-topnav-20150805 .container .l1 .m-ico .con .banner{ display:inline-block; vertical-align:top; padding-top:175px;}
.new-topnav-20150805 .container .l1 .m-ico .con .banner img{ width:100%; height:auto;}
.new-topnav-20150805 .container .l1 .m-ico .con b{ font-size:1em; font-weight:normal; color:#333;}
.new-topnav-20150805 .container .l1 .m-ico .con li{ display:inline-block; width: 100%; vertical-align:top; padding:10px 0 0 0; border-bottom: 1px solid #ddd; }
.new-topnav-20150805 .container .l1 .m-ico .con li:hover{ border-bottom:1px solid #ee3434; border-bottom: 2px solid #ee3434;}

.new-topnav-20150805 .container .l1 .m-ico .con li:hover .list-a{

    margin-top:20px;
    color: #ee3434;

}
.new-topnav-20150805 .container .l1 .m-ico .con .list-a {
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    width: auto;
    padding: 5px 0;
    display: inline-block;
    color: #666;
    font-size: 0.875em;

    margin-right: 35px;
    float: left;
}


.new-topnav-20150805 ol, .new-topnav-20150805 ol li{ display:inline-block; vertical-align:top; *float:left}
.new-topnav-20150805 ol li .cn-a{ color:#fff; font-size:0.875em; padding:0.5em 1em; height:20px; display:inline-block;}
.new-topnav-20150805 ol li .cn-a:hover{ background-color:#111;}
.new-topnav-20150805 ol .f-r{ float:right;}
.new-topnav-20150805 .ol1{ width:985px;}
.new-topnav-20150805 ol .f-r .active{ background-color:#000;}
.new-topnav-20150805 .container .l1 .m-ico .bn-main{ width:100%; display:block; height:30px; padding-top:13px;}
@media screen and (max-width:1200px) {
    .new-topnav-20150805 .container, .header-201508051204 .header-m  {width: 1000px;}
    .new-topnav-20150805 .ol1 {width: 785px;}
    .header-201508051204 .header-m .tele, .header-201508051204 .header-m .right-column  {width: 210px;}
    .header-201508051204 .header-m .logo {width: 500px;}
    .right-column .login-box, .header-201508051204 .header-m .Shop-Cart{ width:60px !important;}
    .header-201508051204 .header-m .tele { margin:30px 0 0 0 !important;}
}
@media screen and (max-width:980px) {
    .new-topnav-20150805 .container, .header-201508051204 .header-m  {width: 768px;}
    .new-topnav-20150805 .container .l1 .m-ico .con {width: 521px;}
    .new-topnav-20150805 .container .l1 .m-ico .con ul { width: 300px;}
    .new-topnav-20150805 .container .l1 .m-ico .con .list-a { width:110px;}
    .new-topnav-20150805 .container .l1 .m-ico .con .banner { width:217px !important;}
    .new-topnav-20150805 .container .l1 .m-ico .con .banner { padding-top: 250px;}
    .new-topnav-20150805 .ol1 { width: 553px;}
    .header-201508051204 .header-m .logo { width:368px;}
    .header-201508051204 .header-m .tele{ width:151px;}
    .header-201508051204 .header-m .right-column { width: 200px;}
    .header-201508051204 .header-m .Shop-Cart {   width: 50px !important;}
}
@media screen and (max-width:768px) {
    .new-topnav-20150805 ol li .cn-a{ visibility:hidden;}
    .new-topnav-20150805 .container .l1, .new-topnav-20150805 .container .l1 .munu  { width:100%;}
    .new-topnav-20150805 .container .l1 .munu{ display: none}
    .new-topnav-20150805 .container .l1 .m-ico .con { display:none !important;}
    .new-topnav-20150805 ol, .new-topnav-20150805 .container .l1 .m-ico, .new-topnav-20150805 .container .l1 li{ width:100%;}
    .new-topnav-20150805 .container .l1 .m-ico{ display:block;}
    .new-topnav-20150805 .container .l1 li:hover i { width:100%;}
    .new-topnav-20150805 .container .l1 .m-ico a{ width:100%; height:36px; padding:10px 0 0 50px; display:block;}
    .new-topnav-20150805 .container .l1 .m-ico{ padding:0; margin:0; background-image:none;}
    .new-topnav-20150805 .container .l1 li, .new-topnav-20150805 .container .l1 .m-ico  { height:46px;}
    .header-201508051204 .header-m .tele { display:none;}
    .header-201508051204 .header-m .logo { width:100% !important; display:block;}
    .header-201508051204 .header-m { width:100%;height:160px;}
    .header-201508051204 .header-m .right-column{ width:100% !important; display:block; text-align:center;}
    .right-column .login-box,.header-201508051204 .header-m .Shop-Cart  { float:none; display:inline-block !important; width:60px !important; position:inherit; left:0; margin-left:2em;}
}
@media screen and (max-width:700px) {
    .main-banner .main-banner-div, .main-banner  { height: 200px !important;}
}

/*  ie兼容 */
.Shop-Cart,.Search-ico,.right-column .login-box,.right-column .top-design, .Shop-Cart,.right-column .login-box,.right-column .top-design, .Shop-Cart,.right-column .login-box,.right-column .top-design, .Search-ico, .Shop-Cart,.right-column .login-box,.right-column .top-design, .topnav-simple-text, .topnav-simple-ul #topnav-simple-ul_li li, .list-l-nav, .e-c-02-box-1, .crust-nav li a, .crust-nav li i,.list-l-nav-a15511, .login-se-e-01-c,.login-se-e-01-d, .login-footer-a a, .new-topnav-20150805 .container .l1 .m-ico .con {display:inline-block !important;
    *display:inline !important;
    *zoom:1;}



/*活动合集2015-08-28*/
.hdhj-20150828{ width:1200px; height:auto; display:block; margin:0 auto; padding:50px 0;overflow: inherit;}
.hdhj-20150828 .hdhj-l, .hdhj-20150828 .hdhj-r{ height:auto; display:inline-block; vertical-align:top; float:left;}
.hdhj-20150828 .hdhj-l{width:897px;}
.hdhj-20150828 .hdhj-r{width:284px; margin-left:15px;}
.hdhj-20150828 *{transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;-webkit-transition:all 0.2s;}
.hdhj-20150828 .hdhj-l .box{height:244px;}
.hdhj-20150828 .hdhj-l .box, .hdhj-20150828 .hdhj-r .box{ width:100%;  display:block; border:1px solid #ddd; background-color:#f7f8f9; margin-bottom:15px; }
.hdhj-20150828 .hdhj-l .box:hover, .hdhj-20150828 .hdhj-r .r-box:hover{box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.196);-moz-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.196);-ms-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.196);-o-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.196);-webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.196); background-color:#fff;}
.hdhj-20150828 .hdhj-l .box .img{ width:550px; height:auto; float:left; margin: 17px 0 0 19px; display:inline-block;}
.hdhj-20150828 .hdhj-l .box .text{ height:auto; float:left;}
.hdhj-20150828 .hdhj-l .box .text, .hdhj-20150828 .hdhj-l .box .text h2{width:328px;}
.hdhj-20150828 .hdhj-l .box .text h2{ height:40px; width:90%; padding:0 5%; font-size:24px; color:#333; text-align:center;display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; margin-top:28px; }
.hdhj-20150828 .hdhj-l .box hr{ width:20%; height:4px; background-color:#d7d7d7; display:block; margin:0 auto; border:0; border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;-webkit-border-radius:10px;}
.hdhj-20150828 .hdhj-l .box:hover hr{ width:90%; background-color:#ee3434;}
.hdhj-20150828 .hdhj-l .box p{ width:90%; height:40px; display:block; margin:0 auto; overflow:hidden; font-size:0.75em; color:#666; padding-top:20px; line-height:21px;}
.hdhj-20150828 .hdhj-l .box .text h3{ font-size:1.12em; color:#ee3434; width:90%; height:40px; margin:0 auto; padding-top:20px; text-align:center;}
.hdhj-20150828 .hdhj-l .box .text span{ font-size:0.75em; color:#999; width:90%; margin:0 auto; text-align:center; display:block;}
.hdhj-20150828 .hdhj-r .r-box{ border-top:4px solid #ddd !important;}
.hdhj-20150828 .hdhj-r .r-box:hover{ border-top:4px solid #ee3434 !important;}
.hdhj-20150828 .hdhj-r .r-box .head{ width:100%; display:block; text-align:center; padding:10px 0;}
.hdhj-20150828 .hdhj-r .r-box .news ul li { width:75%; padding:0.9em 0 0.9em 10%; margin:0 10% 0 5%; display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:0.75em; color:#666; background-image:url(../cimg/tem/newsli20150828.png); background-position:1em 1.4em; background-repeat:no-repeat; border-bottom: dashed 1px #ddd;}
.hdhj-20150828 .hdhj-r .r-box .news ul li span{ color:#999; padding-right:0.5em;}
.hdhj-20150828 .hdhj-r .r-box .news ul li:hover span{ color:#FFAE00;}
.hdhj-20150828 .hdhj-r .r-box .bn{ width:100%; text-align:center;}
.hdhj-20150828 .hdhj-r .r-box  .bn .bna{ padding:0.3em 1em; border:1px solid #ddd; background-color:#fff; font-size:0.875em; color:#999; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px; margin: 0.5em; display:inline-block;}
.hdhj-20150828 .hdhj-r .r-box  .bn .bna:hover{ background-color:#ee3434; color:#fff; border-color:#ee3434;}
.hdhj-bna{ width:100%; padding:0.9em 0; display:block; border:1px solid #ddd; color:#999; text-align:center; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px; }
.hdhj-bna:hover{ background-color:#ee3434; color:#fff;border:1px solid #ee3434;}
.hdhj-Comment{ width:90%; display:block; margin:0 auto; border-bottom:1px dashed #ddd; padding:0.8em 0; overflow: hidden;}
.hdhj-Comment .img{ float: left; width:20%;}
.hdhj-Comment .img img{width:43px; height:43px; overflow:hidden; border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;}
.hdhj-Comment .text{ width:80%; float:left;}
.hdhj-Comment .text h3{ width:100%; height:25px;font-weight:normal; color:#333; font-size:0.875em; display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hdhj-Comment .text p{ font-size:0.75em; color:#666;}
.hdhj-20150828 .pr-box{ width:90%; padding:0.9em 0; margin:0 auto; display:block; overflow:hidden;}
.hdhj-20150828 .pr-box .img{ width:40%; height:auto; display:inline-block; float:left;}
.hdhj-20150828 .pr-box .img img{ width:100%; height:auto;}
.hdhj-20150828 .pr-box .text{ width:50%;height:auto; display:inline-block; float:left; padding-left:10%; padding-top:1em;}
.hdhj-20150828 .pr-box .text h3{ width:100%; height:25px;display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:0.875em; color:#333; font-weight:normal;}
.hdhj-20150828 .pr-box .text p{ font-size:0.875em; color:#666;}
.hdhj-20150828 .pr-box .text p span{ color:#ff9140;}
.hdhj-20150828 .hdhj-l .box .img img{ width:100%; height:auto;}
@media screen and (max-width:1200px) {
	.hdhj-20150828 { width:1000px;}
	.hdhj-20150828 .hdhj-l {width: 697px;}
	.hdhj-20150828 .hdhj-l .box .img {width: 450px;}
	.hdhj-20150828 .hdhj-l .box .text, .hdhj-20150828 .hdhj-l .box .text h2 { width: 228px;}
}
@media screen and (max-width:1000px) {
	.hdhj-20150828 { width:768px;}
	.hdhj-20150828 .hdhj-l { width: 500px;}
	.hdhj-20150828 .hdhj-r {width: 250px;}
	.hdhj-20150828 .hdhj-l .box .img { width: 92%;}
	.hdhj-20150828 .hdhj-l .box {height: 444px;}
	.hdhj-20150828 .hdhj-l .box .text, .hdhj-20150828 .hdhj-l .box .text h2 { width: 100%;}
}
@media screen and (max-width:768px) {
	.hdhj-20150828 { width:100%;}
	.hdhj-20150828 .hdhj-r { display:none;}
	.hdhj-20150828 .hdhj-l {width: 100%;}
	.hdhj-20150828 .hdhj-l .box { height: auto; overflow:hidden; padding-bottom:1em;}
	.hdhj-20150828 .hdhj-l .box .text h3 { padding-top:10px;height: 30px;}
	.hdhj-20150828 .hdhj-l .box .text h2 { padding:0;}
	.hdhj-20150828 .hdhj-l .box .img {margin: 17px;}
}


.navtowk { height: auto; overflow: hidden; zoom: 1; padding: 10px 0; width: auto; }
.navtowk p { float: left; width: 33%; text-align: center; font-size: 12px; }
.navtowk img { width: 30px; height: 30px; }
.navtowk a { display: block;  }
.navtowk span { display: block; width: 100%;color: #000000;margin-top: 5px }
.bn-redenavtowk { width: 280px !important; text-align: center !important; font-weight: 800 !important; position: absolute; bottom: 15px; left: 50px }
.navtowk b { margin: auto; }

.tck-default, .tck-temp-big, .tck-temp-small, .tck-up-big, .tck-up-small, .tck-wk-big, .tck-wk-small, .tck-shop-big, .tck-shop-small, .tck-design-big { display: block; background: url(../cimg/tck-full.png); }
.tck_big, .tck-temp-big, .tck-up-big, .tck-wk-big, .tck-shop-big, .tck-design-big { width: 62px; height: 62px; }
.tck_small, .tck-temp-small, .tck-up-small, .tck-wk-small, .tck-shop-small { width: 30px; height: 30px; }
.tck-temp-big { background-position: 62px 0px; }
.tck-temp-small { background-position: 62px -257px; }
.tck-up-big { background-position: 62px -62px; }
.tck-up-small { background-position: 62px -287px; }
.tck-wk-big { background-position: 62px -124px; }
.tck-wk-small { background-position: 62px -317px; }
.tck-shop-big { background-position: 62px -186px; }
.tck-shop-small { background-position: 62px -347px; }
.tck-design-big { background-position: 62px -387px; }
.tck-temp-big:hover { background-position: 0px 0px; }
.tck-temp-small:hover { background-position: -32px -257px; }
.tck-up-big:hover { background-position: 0px -62px; }
.tck-up-small:hover { background-position: -32px -287px; }
.tck-wk-big:hover { background-position: 0px -124px; }
.tck-wk-small:hover { background-position: -32px -317px; }
.tck-shop-big:hover { background-position: 0px -186px; }
.tck-shop-small:hover { background-position: -32px -347px; }
.tck-design-big:hover { background-position: 0px -387px; }



