@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* project id 887578 */
  src: url('//at.alicdn.com/t/font_887578_nunj3c6lmr.eot');
  src: url('//at.alicdn.com/t/font_887578_nunj3c6lmr.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_887578_nunj3c6lmr.woff') format('woff'),
  url('//at.alicdn.com/t/font_887578_nunj3c6lmr.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_887578_nunj3c6lmr.svg#iconfont') format('svg');
}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;appearance: none;border-radius:0;
}
input{
   -webkit-appearance: none;
   border-radius:0;
}   

textarea { -webkit-appearance: none;appearance: none;} 
select { -webkit-appearance: none;appearance: none;} 
@media only screen and (min-width: 320px) {
html{ font-size: 50px;}
}
@media only screen and (min-width: 360px) {
html{ font-size: 56.25px;}
}
@media only screen and (min-width: 375px) {
html{ font-size: 58.59px;}
}
@media only screen and (min-width: 400px) {
html{ font-size: 62.5px;}
}
@media only screen and (min-width: 414px) {
html{ font-size: 64.68px;}
}
@media only screen and (min-width: 640px) {
html{ font-size: 100px;}
}
@media only screen and (min-width: 780px) {
html{ font-size: 120px;}
}
.clear{clear: both;float: none;}

.noinfo{
	font-size: 14px;
	color: #FF6600;
	background-color: #FFFFCC;
	text-align: center;
	padding: 14px;
	clear: both;
	float: none;
	margin-top: 20px;
	margin-bottom: 20px;
}
@media screen and (min-width: 1182px) {
/*大屏浏览器*/
body{font-size:13px;font-family:"微软雅黑";margin:0;color:#444444;padding-top:0;padding-bottom:0}
ul{margin:0;padding:0}
a{color:#444444;text-decoration:none}
a:hover{color:#333333;text-decoration:underline}
p{margin:0}
li{list-style-type:none}
.max-wrap{clear:both;float:none;max-width:1652px;margin-right:auto;margin-left:auto}
#header{background-color:rgba(35,47,62,.45);min-width:1200px;padding-right:10px;padding-left:10px;position:absolute;left:0;top:0;right:0;z-index:10}
body.mainbody #header{background-color:rgba(35,47,62,1);}
#header .top_bar{height:40px;position:relative;clear:both;float:none;padding-top:20px;padding-bottom:20px}
#header .top_bar .logo{position:absolute;height:40px;left:40px;top:20px;z-index:10005}
#header .top_bar .logo img{height:40px}
#header .top_bar .menu{position:absolute;left:0;top:20px;width:100%;padding-left:280px;right:0;box-sizing:border-box;z-index:10004}
#header .top_bar .menu ul li{float:left;padding-right:60px;line-height:40px;position:relative;height:50px}
#header .top_bar .menu ul li>a{font-size:17px;color:#FFF;display:inline-block;text-decoration:none;font-weight:700;font-family:"微软雅黑"}
#header .top_bar .menu ul li>a:hover{color:#728ddc;text-decoration:none}
#header .top_bar .menu ul li:hover>a{color:#728ddc;text-decoration:none}
#header .top_bar .menu ul li.even>a:after{content:"\e600";font-family:iconfont;font-size:8px;vertical-align:middle;margin-left:4px}
#header .top_bar .menu ul li .sub{background-color:#FFF;position:absolute;max-height:0;width:200px;top:60px;z-index:10000;-moz-box-shadow:0 0 5px rgba(0,0,0,.2);-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);margin-left:-130px;left:50%;right:50%;overflow:hidden;-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s}
#header .top_bar .menu ul li:hover .sub{max-height:1000px}
#header .top_bar .menu ul li .sub a{color:#666;display:block;clear:both;float:none;font-size:13px;padding-left:20px;text-decoration:none;padding-top:8px;padding-bottom:8px;height:auto;line-height:normal;font-weight:400}
#header .top_bar .menu ul li .sub a:hover{color:#728ddc;background-color:#F5F5F5}
#header .top_bar .user{position:absolute;top:26px;right:0;z-index:10006;text-align:right}
#header .top_bar .user .not{white-space:nowrap;display:inline-block;height:26px;border:1px solid rgba(255,255,255,.4);line-height:26px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin-top:10px}
#header .top_bar .user .not a{color:#FFF;margin-right:8px;margin-left:8px;line-height:26px}
#header .top_bar .user .logged{white-space:nowrap;display:inline-block;height:34px;padding-left:8px;line-height:34px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#FFF}
#header .top_bar .user .logged:before{content:"\e6a0";font-family:iconfont;font-size:18px;vertical-align:middle;margin-left:4px;line-height:16px}
#header .top_bar .user .logged a{color:#FFF;margin-left:4px;background-color:#728ddc;vertical-align:middle;display:inline-block;padding-right:6px;padding-left:6px;line-height:24px;height:24px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#header .top_bar .user .logged a:hover{text-decoration:none;background-color:#728ddc;opacity:.82}
#header .so_bar{height:60px;position:relative;z-index:2000;box-sizing:border-box;}
#header .so_bar .allproducts{position:absolute;width:250px;left:0px;top:0px;z-index:2001}
#header .so_bar .allproducts .tit{background-color:#728ddc;line-height:42px;height:42px;color:#FFF;text-align:left;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;padding-left:20px;border-bottom-width: 18px;border-bottom-style: solid;border-bottom-color: #FFFFFF;}
#header .so_bar .allproducts .tit:before{content:"\e60b";font-family:iconfont;font-size:12px;vertical-align:middle;margin-left:4px;line-height:16px;font-weight:400;margin-right:10px}
#header .so_bar .allproducts .box .phone-head{ display:none;}

body.mainbody #header .so_bar .allproducts .tit{border-bottom-width: 0px;}
body.mainbody #header .so_bar .allproducts .box{padding-top:0px;overflow: hidden;max-height:0px;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
body.mainbody #header .so_bar .allproducts .box.show{max-height:1000px;padding-top:10px;}

#header .so_bar .allproducts .box{ background-color:#FFF;width:250px;position:absolute;left:0;top:42px;height:500px;padding-top:10px;box-sizing:border-box;-moz-box-shadow:0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:0 0 6px rgba(0,0,0,.1);box-shadow:0 0 6px rgba(0,0,0,.1)}
#header .so_bar .allproducts .box dl{margin:0;padding:0}

#header .so_bar .allproducts .box dl dd a{font-size:12px;white-space:nowrap;display:inline-block;margin-right:12px;margin-bottom:8px;color:#666}
#header .so_bar .allproducts .box dl dt a{text-decoration:none;display:block;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px; font-size:14px;color:#000}
#header .so_bar .allproducts .box dl:hover dt a{color:#728ddc}
#header .so_bar .allproducts .box dl:hover dt a:before{margin-left:4px}
#header .so_bar .allproducts .box dl dt a:before{font-family:iconfont;font-size:18px;vertical-align:middle;font-weight:400;margin-right:5px;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#header .so_bar .allproducts .box dl.c1 dt a:before{content:"\e719"}
#header .so_bar .allproducts .box dl.c2 dt a:before{content:"\e6af"}
#header .so_bar .allproducts .box dl.c3 dt a:before{content:"\e602"}
#header .so_bar .allproducts .box dl.c4 dt a:before{content:"\e601"}
#header .so_bar .allproducts .box dl.c5 dt a:before{content:"\e6a4"}
#header .so_bar .allproducts .box dl.c6 dt a:before{content:"\e6af"}
#header .so_bar .allproducts .box dl.c7 dt a:before{content:"\e618"}
#header .so_bar .allproducts .box dl.c8 dt a:before{content:"\e63f"}
#header .so_bar .allproducts .box dl.c9 dt a:before{content:"\e607"}

#header .so_bar .search{padding-left:280px;position:absolute;left:0;top:0;right:0;z-index:1000;width:100%;box-sizing:border-box;padding-right:340px}
#header .search .so-type{background-color:#f5f5f5;height:42px;width:134px;position:absolute;left:280px;top:0;line-height:42px;text-align:center;-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;z-index:1000}
#header .search .so-type span.arrow{display:block;height:10px;width:10px;position:absolute;top:0;right:20px;cursor:pointer}
#header .search .so-type span.arrow:before{content:"\e600";font-family:iconfont;font-size:12px;vertical-align:middle;margin-left:4px;line-height:16px;font-weight:400}
#header .search .so-type.expanded{-moz-border-radius:3px 0 0 0;-webkit-border-radius:3px 0 0 0;border-radius:3px 0 0 0}
#header .search .so-type.expanded ul.cur li{color:#999}
#header .search .so-type ul.cur li{display:none;cursor:pointer}
#header .search .so-type ul.cur li.on{display:inline-block}
#header .search .so-type .down{background-color:#f5f5f5;position:absolute;width:134px;left:0;top:42px;line-height:32px;display:none;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;overflow:hidden}
#header .search .so-type .down li{cursor:pointer}
#header .search .so-type .down li.on,#header .search .so-type .down li:hover{color:#000;background-color:#FFF}
#header .so_bar .search .so-bar{background-color:#FFF;height:42px;margin-left:134px;line-height:42px;margin-right:100px;overflow:hidden}
#header .so_bar .search .so-bar input{height:100%;width:100%;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;padding-left:20px;outline:0}
#header .so_bar .search .so-bar input::-webkit-input-placeholder{color:#a5a5a5}
#header .so_bar .search .submit{line-height:42px;color:#FFF;text-align:center;position:absolute;height:42px;width:100px;top:0;right:340px;background-color:#728ddc;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;cursor:pointer}
#header .so_bar .search .submit input{height:100%;width:100%;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;color:#FFF;-webkit-appearance:none;appearance:none;outline:0;background-color:transparent;padding-left:0;cursor:pointer;outline:0;position:absolute;left:0;top:0;right:0;bottom:0;box-sizing:border-box}
#header .so_bar .search .submit:before{content:"\e603";font-family:iconfont;font-size:16px;vertical-align:middle;margin-left:4px;line-height:42px;font-weight:400;margin-right:10px;position:absolute;padding-left:10px;top:1px}
#header .right-operate{width:300px;position:absolute;top:0;right:0;text-align:right;z-index:10002}
#header .right-operate .cart{float:right;height:52px;margin-left:15px;z-index:1008}
#header .right-operate .cart .title-cart{line-height:42px;color:#FFF}
#header .right-operate .cart .title-cart .ico{display:inline-block;height:38px;width:38px;margin-right:10px;text-align:center;background-color:#40BF80;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:relative;vertical-align:middle}
#header .right-operate .cart .title-cart .ico a{display:block;height:100%;width:100%;line-height:36px}
#header .right-operate .cart .title-cart .ico a:after{content:"\e64d";font-family:iconfont;font-size:24px;vertical-align:middle}
#header .right-operate .cart .title-cart .ico i{font-size:11px;color:#000;background-color:#FFF;text-align:center;display:block;height:20px;width:20px;position:absolute;top:0;right:-8px;font-style:normal;line-height:20px;text-decoration:none;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
#header .right-operate .cart .title-cart a{color:#FFF;text-decoration:none}
#header .right-operate .cart .title-cart .tt{vertical-align:middle;display:inline-block}
#header .right-operate .cart .title-cart strong{color:#F90}
#header .right-operate .cart .cartbox{background-color:#FFF;width:280px;position:absolute;top:50px;right:0;box-sizing:border-box;text-align:left;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4);display:none;z-index:100000}
#header .right-operate .cart .cartbox .tips{font-size:12px;line-height:22px;padding:10px}
#header .right-operate .cart .cartbox .tips strong{color:#F60}
#header .right-operate .cart .cartbox .tips a{line-height:34px;color:#FFF;background-color:#40BF80;text-align:center;display:inline-block;float:right;height:34px;width:60px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin-top:8px;text-decoration:none}
#header .right-operate .cart .cartbox ul{display:table;clear:both;float:none;width:100%;margin-top:10px}
#header .right-operate .cart .cartbox ul li{display:table-row-group}
#header .right-operate .cart .cartbox ul li .pic{vertical-align:middle;display:table-cell;width:50px;padding:10px}
#header .right-operate .cart .cartbox ul li .text{vertical-align:middle;display:table-cell;padding-top:10px;padding-bottom:10px;padding-right:30px;position:relative}
#header .right-operate .cart .cartbox ul li .text i{display:block;height:18px;width:18px;margin-top:-9px;position:absolute;top:50%;right:10px;bottom:50%;font-style:normal}
#header .right-operate .cart .cartbox ul li .text i a{display:block;text-decoration:none}
#header .right-operate .cart .cartbox ul li .text i a:after{content:"\e617";font-family:iconfont;font-size:14px;vertical-align:middle}
#header .right-operate .cart .cartbox ul li:nth-child(2n) .pic,#header .right-operate .cart .cartbox ul li:nth-child(2n) .text{background-color:#f2f5ff}
#header .right-operate .cart .cartbox ul li .text p{font-size:12px;color:#999;padding-top:8px}
#header .right-operate .favorites a:after{content:"\e60d";font-family:iconfont;font-size:26px;vertical-align:middle;color:#FFF}
#header .right-operate .mysite a:after{content:"\e608";font-family:iconfont;font-size:26px;vertical-align:middle;color:#FFF}
#header .right-operate .favorites{float:right;height:42px;margin-left:15px;line-height:42px}
#header .right-operate .favorites a,#header .right-operate .mysite a{display:inline-block;height:100%;width:100%;text-decoration:none}
#header .right-operate .mysite{float:right;height:42px;line-height:42px}
#header .right-operate .favorites a,#header .right-operate .mysite a{position:relative}
#header .right-operate .favorites a div,#header .right-operate .mysite a div{line-height:20px;background-color:#FFF;height:20px;width:80px;margin-left:-40px;position:absolute;left:50%;top:-10px;right:50%;font-size:11px;text-align:center;clear:both;float:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;opacity:0;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;color:#666}
#header .right-operate .favorites a:hover div,#header .right-operate .mysite a:hover div{top:-16px;opacity:1}
#header .right-operate .favorites a div i,#header .right-operate .mysite a div i{background-color:#FFF;display:block;height:8px;width:8px;margin-left:-2px;position:absolute;left:50%;right:50%;bottom:-4px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#header.mini-header{background-color:rgba(35,47,62,.85);height:50px;position:fixed;}
#header.mini-header .top_bar .logo{height:30px;top:10px}
#header.mini-header .top_bar .logo img{height:30px}
#header.mini-header .allproducts{display:none}
#header.mini-header .search{display:none}
#header.mini-header .search{display:none}
#header.mini-header .right-operate .cart .title-cart .tt{display:none}
#header.mini-header .top_bar .menu{top:0;padding-left:220px}
#header.mini-header .top_bar .menu ul li{height:50px;padding-right:30px}
#header.mini-header .top_bar .menu ul li{line-height:50px}
#header.mini-header .top_bar .menu ul li>a{font-size:13px}
#header.mini-header .top_bar .menu ul li .sub{top:50px}
#header.mini-header .top_bar .user{top:7px;font-size:12px;right:156px}
#header.mini-header .top_bar .user .not{margin-top:5px}
#header.mini-header .so_bar{height:1px;position:relative;width:100%;top:0;left:0;right:0;z-index:10005}
#header.mini-header .right-operate{width:150px;top:-80px;right:0;position:absolute;z-index:10005}
#header.mini-header .right-operate .mysite{height:50px;line-height:50px}
#header.mini-header .right-operate .favorites{height:50px;line-height:50px}
#header.mini-header .right-operate .cart .title-cart{line-height:50px}
#header.mini-header .right-operate .mysite a:after{font-size:20px}
#header.mini-header .right-operate .favorites a:after{font-size:20px}
#header.mini-header .right-operate .cart .title-cart .ico{display:inline-block;height:26px;width:26px}
#header.mini-header .right-operate .cart .title-cart .ico a{line-height:22px}
#header.mini-header .right-operate .cart .title-cart .ico a:after{font-size:18px}
#header.mini-header .right-operate .cart .title-cart .ico i{height:14px;width:14px;line-height:16px;top:-2px;right:-6px}
#header.mini-header .right-operate .favorites a div,#header.mini-header .right-operate .mysite a div{display:none}
.fillheight{ height:140px;}
#footer{background-color:#232f3e;clear:both;float:none;width:100%}
#footer .submenu{padding-right:10px;padding-left:10px;max-width:1652px;min-width:1200px;clear:both;float:none;margin-right:auto;margin-left:auto;padding-top:40px;padding-bottom:40px}
#footer .submenu .box{display:table;clear:both;float:none;margin-right:auto;margin-left:auto}
#footer .submenu .box dl{vertical-align:top;display:table-cell;color:#CCC;text-align:left;min-width:200px}
#footer .submenu .box dl dt{clear:both;float:none;padding-bottom:20px;text-align:left;margin:0;padding-top:0;padding-right:0;padding-left:0;color:#ccc;font-size:14px}
#footer .submenu .box dl dd{clear:both;float:none;margin:0;padding:0}
#footer .submenu .box dl dd a{color:#999;clear:both;float:none;padding-top:8px;padding-bottom:8px;font-size:13px;display:inline-block}
#footer .submenu .box dl dd.text{font-size:13px;line-height:24px;color:#999;padding-top:8px}
#footer .submenu .box dl dd .l{float:left;width:100px;color:#999;text-align:center;font-size:12px}
#footer .submenu .box dl dd .xiaochengxu{margin-right:50px}
#footer .submenu .box dl dd .l img{height:auto;width:100px}
#footer .foot{font-size:13px;line-height:24px;color:#999;text-align:center;padding-top:20px;padding-bottom:20px;border-top-width:1px;border-top-style:solid;border-top-color:rgba(255,255,255,.05)}
#footer .foot a{color:#CCC}
#footer .foot p.icp img{vertical-align:middle;height:16px;margin-right:5px}
#onlineservice{position:fixed;z-index:1000000;height:auto;width:50px;right:50px;bottom:50px;padding-top:70px}
#onlineservice .avatar{height:110px;width:110px;position:absolute;top:-80px;right:-30px}
#onlineservice .avatar .b1{height:110px;width:110px;position:absolute;left:0;top:0;background-color:rgba(114,141,220,.1);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;z-index:1}
#onlineservice .avatar .b2{height:94px;width:94px;position:absolute;left:8px;top:8px;background-color:rgba(114,141,220,.3);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;z-index:2}
#onlineservice .avatar .b3{height:86px;width:86px;position:absolute;left:12px;top:12px;z-index:3;background-image:url(../images/kf_b3.png)}
#onlineservice .avatar .b3{animation:b3 2.5s infinite linear}
@keyframes b3{0%{transform:rotate(1deg)}
100%{transform:rotate(360deg)}

}
#onlineservice .avatar .btn{height:62px;width:62px;position:absolute;left:24px;top:24px;z-index:4}
#onlineservice .avatar .btn img{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
#onlineservice .avatar .line{background-color:#728ddc;height:30px;width:2px;position:absolute;left:55px;top:85px;font-size:0;line-height:0;overflow:hidden}
#onlineservice .avatar .tips{line-height:22px;background-color:#728ddc;height:22px;width:96px;color:#FFF;position:absolute;left:7px;top:115px;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;font-size:12px;text-align:center}
#onlineservice .kf-list ul li{background-color:rgba(0,0,0,.3);height:50px;width:50px;margin-top:4px;line-height:50px;text-align:center;cursor:pointer;position:relative}
#onlineservice .kf-list ul li .con{background-color:rgba(0,0,0,.8);min-height:50px;min-width:140px;padding-right:20px;padding-left:20px;position:absolute;right:10px;color:#FFF}
#onlineservice .kf-list ul li.qq .con{bottom:-54px;text-align:left;width:120px;min-height:120px;min-width:120px;padding-top:10px;padding-bottom:10px}
#onlineservice .kf-list ul li.qq .con a{display:block;color:#FFF;line-height:26px;padding:0;height:26px;margin-top:2px;margin-right:0;margin-bottom:2px;margin-left:0;width:100%;box-sizing:border-box}
#onlineservice .kf-list ul li.qq .con a:before{content:"\e61b";font-family:iconfont;font-size:16px;vertical-align:middle;color:#FFF;margin-right:8px}
#onlineservice .kf-list ul li.qq .con i{background-image:url(../images/jt.png);height:10px;width:5px;display:inline-block;right:-5px;overflow:hidden;position:absolute;bottom:74px;margin:auto;top:auto}
#onlineservice .kf-list ul li.weixin .con{min-height:100px;min-width:100px;padding:10px;height:100px;width:100px;top:-30px}
#onlineservice .kf-list ul li .con img{height:auto;width:100px}
#onlineservice .kf-list ul li .layer{display:none;position:absolute;height:100%;width:100%;top:0;right:50px}
#onlineservice .kf-list ul li:hover .layer{display:block}
#onlineservice .kf-list ul li .con i{background-image:url(../images/jt.png);height:10px;width:5px;display:inline-block;top:50%;right:-5px;overflow:hidden;position:absolute;margin-top:-5px;bottom:50%}
#onlineservice .kf-list ul li .con a{color:#FFF;text-decoration:none}
#onlineservice .kf-list ul li:hover{background-color:rgba(114,141,220,.8)}

#onlineservice .kf-list ul li:after{font-family:iconfont;font-size:26px;vertical-align:middle;color:#FFF}
#onlineservice .kf-list ul li.tel:after{content:"\e633"}
#onlineservice .kf-list ul li.weixin:after{content:"\e6af"}
#onlineservice .kf-list ul li.qq:after{content:"\e61b"}
#onlineservice .kf-list ul li.top:after{content:"\e63a"}

.flickr{text-align: center;clear: both;float: none;padding-top: 40px;padding-bottom: 15px;}
.flickr span,.flickr a{display: inline-block;margin-right: 3px;margin-left: 3px;padding-right: 8px;padding-left: 8px;border: 1px solid #ebebeb;line-height: 34px;height: 34px;min-width:22px;color:#999999;}
.flickr a:hover,.flickr .current{color: #FF9900;text-decoration: none;background-color: #FFFFFF;}
}
@media screen and (min-width: 992px) and (max-width: 1181px) {
/*小屏浏览器*/
.max-wrap{max-width:1180px;}
#footer .submenu{max-width:1180px;min-width:992px;}
#header{min-width:992px;}
#footer .submenu{max-width:1180px;min-width:992px;}

body{font-size:13px;font-family:"微软雅黑";margin:0;color:#404040;padding-top:0;padding-bottom:0}
ul{margin:0;padding:0}
a{color:#404040;text-decoration:none}
a:hover{color:#728ddc;text-decoration:underline}
p{margin:0}
li{list-style-type:none}
body.mainbody #header{background-color:rgba(35,47,62,1);}
.max-wrap{clear:both;float:none;max-width:1652px;margin-right:auto;margin-left:auto}
#header{background-color:rgba(35,47,62,.45);min-width:992px;padding-right:10px;padding-left:10px;position:absolute;left:0;top:0;right:0;z-index:10}
#header .top_bar{height:40px;position:relative;clear:both;float:none;padding-top:20px;padding-bottom:20px}
#header .top_bar .logo{position:absolute;height:40px;left:30px;top:20px;z-index:10005}
#header .top_bar .logo img{height:40px}
#header .top_bar .menu{position:absolute;left:0;top:20px;width:100%;padding-left:250px;right:0;box-sizing:border-box;z-index:10004}
#header .top_bar .menu ul li{float:left;padding-right:30px;line-height:40px;position:relative;height:50px}
#header .top_bar .menu ul li>a{font-size:15px;color:#FFF;display:inline-block;text-decoration:none;font-weight:700;font-family:"微软雅黑"}
#header .top_bar .menu ul li>a:hover{color:#728ddc;text-decoration:none}
#header .top_bar .menu ul li:hover>a{color:#728ddc;text-decoration:none}
#header .top_bar .menu ul li.even>a:after{content:"\e600";font-family:iconfont;font-size:8px;vertical-align:middle;margin-left:4px}
#header .top_bar .menu ul li .sub{background-color:#FFF;position:absolute;max-height:0;width:200px;top:60px;z-index:10000;-moz-box-shadow:0 0 5px rgba(0,0,0,.2);-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);margin-left:-130px;left:50%;right:50%;overflow:hidden;-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s}
#header .top_bar .menu ul li:hover .sub{max-height:1000px}
#header .top_bar .menu ul li .sub a{color:#666;display:block;clear:both;float:none;font-size:13px;padding-left:20px;text-decoration:none;padding-top:8px;padding-bottom:8px;height:auto;line-height:normal;font-weight:400}
#header .top_bar .menu ul li .sub a:hover{color:#728ddc;background-color:#F5F5F5}
#header .top_bar .user{position:absolute;top:26px;right:0;z-index:10006;text-align:right}
#header .top_bar .user .not{white-space:nowrap;display:inline-block;height:26px;border:1px solid rgba(255,255,255,.4);line-height:26px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin-top:10px}
#header .top_bar .user .not a{color:#FFF;margin-right:8px;margin-left:8px;line-height:26px}
#header .top_bar .user .logged{white-space:nowrap;display:inline-block;height:34px;padding-left:8px;line-height:34px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#FFF}
#header .top_bar .user .logged:before{content:"\e6a0";font-family:iconfont;font-size:18px;vertical-align:middle;margin-left:4px;line-height:16px}
#header .top_bar .user .logged a{color:#FFF;margin-left:4px;background-color:#728ddc;vertical-align:middle;display:inline-block;padding-right:6px;padding-left:6px;line-height:24px;height:24px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#header .top_bar .user .logged a:hover{text-decoration:none;background-color:#728ddc;opacity:.82}
#header .so_bar{height:60px;position:relative;z-index:2000}
#header .so_bar .allproducts{position:absolute;width:220px;left:0px;top:0px;z-index:2001}
#header .so_bar .allproducts .tit{background-color:#728ddc;line-height:42px;height:42px;color:#FFF;text-align:left;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;padding-left:20px;border-bottom-width: 18px;border-bottom-style: solid;border-bottom-color: #FFFFFF;}
#header .so_bar .allproducts .tit:before{content:"\e60b";font-family:iconfont;font-size:12px;vertical-align:middle;margin-left:4px;line-height:16px;font-weight:400;margin-right:10px}
#header .so_bar .allproducts .box .phone-head{ display:none;}

body.mainbody #header .so_bar .allproducts .tit{border-bottom-width: 0px;}
body.mainbody #header .so_bar .allproducts .box{padding-top:0px;overflow: hidden;max-height:0px;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
body.mainbody #header .so_bar .allproducts .box.show{max-height:1000px;padding-top:10px;}

#header .so_bar .allproducts .box{background-color:#FFF;width:220px;position:absolute;left:0;top:42px;height:500px;padding-top:10px;box-sizing:border-box;-moz-box-shadow:0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:0 0 6px rgba(0,0,0,.1);box-shadow:0 0 6px rgba(0,0,0,.1)}

#header .so_bar .allproducts .box dl{margin:0;padding:0}
#header .so_bar .allproducts .box dl dd a{font-size:12px;white-space:nowrap;display:inline-block;margin-right:12px;margin-bottom:8px;color:#666}
#header .so_bar .allproducts .box dl dt a{text-decoration:none;display:block;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;color:#000}
#header .so_bar .allproducts .box dl:hover dt a{color:#728ddc}
#header .so_bar .allproducts .box dl:hover dt a:before{margin-left:4px}
#header .so_bar .allproducts .box dl dt a:before{font-family:iconfont;font-size:18px;vertical-align:middle;font-weight:400;margin-right:5px;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#header .so_bar .allproducts .box dl.c1 dt a:before{content:"\e719"}
#header .so_bar .allproducts .box dl.c2 dt a:before{content:"\e6af"}
#header .so_bar .allproducts .box dl.c3 dt a:before{content:"\e601"}
#header .so_bar .allproducts .box dl.c4 dt a:before{content:"\e62a"}
#header .so_bar .allproducts .box dl.c5 dt a:before{content:"\e6a4"}
#header .so_bar .allproducts .box dl.c6 dt a:before{content:"\e6af"}
#header .so_bar .allproducts .box dl.c7 dt a:before{content:"\e618"}
#header .so_bar .allproducts .box dl.c8 dt a:before{content:"\e63f"}
#header .so_bar .allproducts .box dl.c9 dt a:before{content:"\e607"}

#header .so_bar .search{padding-left:250px;position:absolute;left:0;top:0;right:0;z-index:1000;width:100%;box-sizing:border-box;padding-right:300px}
#header .search .so-type{background-color:#f5f5f5;height:42px;width:114px;position:absolute;left:250px;top:0;line-height:42px;text-align:center;-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;z-index:1000}
#header .search .so-type span.arrow{display:block;height:10px;width:10px;position:absolute;top:0;right:20px;cursor:pointer}
#header .search .so-type span.arrow:before{content:"\e600";font-family:iconfont;font-size:12px;vertical-align:middle;margin-left:4px;line-height:16px;font-weight:400}
#header .search .so-type.expanded{-moz-border-radius:3px 0 0 0;-webkit-border-radius:3px 0 0 0;border-radius:3px 0 0 0}
#header .search .so-type.expanded ul.cur li{color:#999}
#header .search .so-type ul.cur li{display:none;cursor:pointer}
#header .search .so-type ul.cur li.on{display:inline-block}
#header .search .so-type .down{background-color:#f5f5f5;position:absolute;width:114px;left:0;top:42px;line-height:32px;display:none;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;overflow:hidden}
#header .search .so-type .down li{cursor:pointer}
#header .search .so-type .down li.on,#header .search .so-type .down li:hover{color:#000;background-color:#FFF}
#header .so_bar .search .so-bar{background-color:#FFF;height:42px;margin-left:114px;line-height:42px;margin-right:100px;overflow:hidden}
#header .so_bar .search .so-bar input{height:100%;width:100%;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;padding-left:20px;outline:0}
#header .so_bar .search .so-bar input::-webkit-input-placeholder{color:#a5a5a5}
#header .so_bar .search .submit{line-height:42px;color:#FFF;text-align:center;position:absolute;height:42px;width:100px;top:0;right:300px;background-color:#728ddc;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;cursor:pointer}
#header .so_bar .search .submit input{height:100%;width:100%;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;color:#FFF;-webkit-appearance:none;appearance:none;outline:0;background-color:transparent;padding-left:0;cursor:pointer;outline:0;position:absolute;left:0;top:0;right:0;bottom:0;box-sizing:border-box}
#header .so_bar .search .submit:before{content:"\e603";font-family:iconfont;font-size:16px;vertical-align:middle;margin-left:4px;line-height:42px;font-weight:400;margin-right:10px;position:absolute;padding-left:10px;top:1px}
#header .right-operate{width:300px;position:absolute;top:0;right:0;text-align:right;z-index:10002}
#header .right-operate .cart{float:right;height:52px;margin-left:15px;z-index:1008}
#header .right-operate .cart .title-cart{line-height:42px;color:#FFF}
#header .right-operate .cart .title-cart .ico{display:inline-block;height:38px;width:38px;margin-right:10px;text-align:center;background-color:#40BF80;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:relative;vertical-align:middle}
#header .right-operate .cart .title-cart .ico a{display:block;height:100%;width:100%;line-height:36px}
#header .right-operate .cart .title-cart .ico a:after{content:"\e64d";font-family:iconfont;font-size:24px;vertical-align:middle}
#header .right-operate .cart .title-cart .ico i{font-size:11px;color:#000;background-color:#FFF;text-align:center;display:block;height:20px;width:20px;position:absolute;top:0;right:-8px;font-style:normal;line-height:20px;text-decoration:none;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
#header .right-operate .cart .title-cart a{color:#FFF;text-decoration:none}
#header .right-operate .cart .title-cart .tt{vertical-align:middle;display:inline-block}
#header .right-operate .cart .title-cart strong{color:#F90}
#header .right-operate .cart .cartbox{background-color:#FFF;width:280px;position:absolute;top:50px;right:0;box-sizing:border-box;text-align:left;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4);display:none;z-index:100000}
#header .right-operate .cart .cartbox .tips{font-size:12px;line-height:22px;padding:10px}
#header .right-operate .cart .cartbox .tips strong{color:#F60}
#header .right-operate .cart .cartbox .tips a{line-height:34px;color:#FFF;background-color:#40BF80;text-align:center;display:inline-block;float:right;height:34px;width:60px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin-top:8px;text-decoration:none}
#header .right-operate .cart .cartbox ul{display:table;clear:both;float:none;width:100%;margin-top:10px}
#header .right-operate .cart .cartbox ul li{display:table-row-group}
#header .right-operate .cart .cartbox ul li .pic{vertical-align:middle;display:table-cell;width:50px;padding:10px}
#header .right-operate .cart .cartbox ul li .text{vertical-align:middle;display:table-cell;padding-top:10px;padding-bottom:10px;padding-right:30px;position:relative}
#header .right-operate .cart .cartbox ul li .text i{display:block;height:18px;width:18px;margin-top:-9px;position:absolute;top:50%;right:10px;bottom:50%;font-style:normal}
#header .right-operate .cart .cartbox ul li .text i a{display:block;text-decoration:none}
#header .right-operate .cart .cartbox ul li .text i a:after{content:"\e617";font-family:iconfont;font-size:14px;vertical-align:middle}
#header .right-operate .cart .cartbox ul li:nth-child(2n) .pic,#header .right-operate .cart .cartbox ul li:nth-child(2n) .text{background-color:#f2f5ff}
#header .right-operate .cart .cartbox ul li .text p{font-size:12px;color:#999;padding-top:8px}
#header .right-operate .favorites a:after{content:"\e60d";font-family:iconfont;font-size:26px;vertical-align:middle;color:#FFF}
#header .right-operate .mysite a:after{content:"\e608";font-family:iconfont;font-size:26px;vertical-align:middle;color:#FFF}
#header .right-operate .favorites{float:right;height:42px;margin-left:15px;line-height:42px}
#header .right-operate .favorites a,#header .right-operate .mysite a{display:inline-block;height:100%;width:100%;text-decoration:none}
#header .right-operate .mysite{float:right;height:42px;line-height:42px}
#header .right-operate .favorites a,#header .right-operate .mysite a{position:relative}
#header .right-operate .favorites a div,#header .right-operate .mysite a div{line-height:20px;background-color:#FFF;height:20px;width:80px;margin-left:-40px;position:absolute;left:50%;top:-10px;right:50%;font-size:11px;text-align:center;clear:both;float:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;opacity:0;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;color:#666}
#header .right-operate .favorites a:hover div,#header .right-operate .mysite a:hover div{top:-16px;opacity:1}
#header .right-operate .favorites a div i,#header .right-operate .mysite a div i{background-color:#FFF;display:block;height:8px;width:8px;margin-left:-2px;position:absolute;left:50%;right:50%;bottom:-4px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#header.mini-header{background-color:rgba(35,47,62,.85);height:50px;position:fixed;}
#header.mini-header .top_bar .logo{height:30px;top:10px}
#header.mini-header .top_bar .logo img{height:30px}
#header.mini-header .allproducts{display:none}
#header.mini-header .search{display:none}
#header.mini-header .search{display:none}
#header.mini-header .right-operate .cart .title-cart .tt{display:none}
#header.mini-header .top_bar .menu{top:0;padding-left:220px}
#header.mini-header .top_bar .menu ul li{height:50px;padding-right:30px}
#header.mini-header .top_bar .menu ul li{line-height:50px}
#header.mini-header .top_bar .menu ul li>a{font-size:13px}
#header.mini-header .top_bar .menu ul li .sub{top:50px}
#header.mini-header .top_bar .user{top:7px;font-size:12px;right:156px}
#header.mini-header .top_bar .user .not{margin-top:5px}
#header.mini-header .so_bar{height:1px;position:relative;width:100%;top:0;left:0;right:0;z-index:10005}
#header.mini-header .right-operate{width:150px;top:-80px;right:0;position:absolute;z-index:10005}
#header.mini-header .right-operate .mysite{height:50px;line-height:50px}
#header.mini-header .right-operate .favorites{height:50px;line-height:50px}
#header.mini-header .right-operate .cart .title-cart{line-height:50px}
#header.mini-header .right-operate .mysite a:after{font-size:20px}
#header.mini-header .right-operate .favorites a:after{font-size:20px}
#header.mini-header .right-operate .cart .title-cart .ico{display:inline-block;height:26px;width:26px}
#header.mini-header .right-operate .cart .title-cart .ico a{line-height:22px}
#header.mini-header .right-operate .cart .title-cart .ico a:after{font-size:18px}
#header.mini-header .right-operate .cart .title-cart .ico i{height:14px;width:14px;line-height:16px;top:-2px;right:-6px}
#header.mini-header .right-operate .favorites a div,#header.mini-header .right-operate .mysite a div{display:none}
.fillheight{ height:140px;}
#footer{background-color:#232f3e;clear:both;float:none;width:100%}
#footer .submenu{padding-right:10px;padding-left:10px;max-width:100%;min-width:992px;clear:both;float:none;margin-right:auto;margin-left:auto;padding-top:40px;padding-bottom:40px}
#footer .submenu .box{display:table;clear:both;float:none;margin-right:auto;margin-left:auto}
#footer .submenu .box dl{vertical-align:top;display:table-cell;color:#CCC;text-align:left;min-width:200px}
#footer .submenu .box dl dt{clear:both;float:none;padding-bottom:20px;text-align:left;margin:0;padding-top:0;padding-right:0;padding-left:0;color:#ccc;font-size:14px}
#footer .submenu .box dl dd{clear:both;float:none;margin:0;padding:0}
#footer .submenu .box dl dd a{color:#999;clear:both;float:none;padding-top:8px;padding-bottom:8px;font-size:13px;display:inline-block}
#footer .submenu .box dl dd.text{font-size:13px;line-height:24px;color:#999;padding-top:8px}
#footer .submenu .box dl dd .l{float:left;width:100px;color:#999;text-align:center;font-size:12px}
#footer .submenu .box dl dd .xiaochengxu{margin-right:50px}
#footer .submenu .box dl dd .l img{height:auto;width:100px}
#footer .foot{font-size:13px;line-height:24px;color:#999;text-align:center;padding-top:20px;padding-bottom:20px;border-top-width:1px;border-top-style:solid;border-top-color:rgba(255,255,255,.05)}
#footer .foot a{color:#CCC}
#footer .foot p.icp img{vertical-align:middle;height:16px;margin-right:5px}
#onlineservice{position:fixed;z-index:1000000;height:auto;width:50px;right:50px;bottom:50px;padding-top:70px}
#onlineservice .avatar{height:110px;width:110px;position:absolute;top:-80px;right:-30px}
#onlineservice .avatar .b1{height:110px;width:110px;position:absolute;left:0;top:0;background-color:rgba(114,141,220,.1);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;z-index:1}
#onlineservice .avatar .b2{height:94px;width:94px;position:absolute;left:8px;top:8px;background-color:rgba(114,141,220,.3);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;z-index:2}
#onlineservice .avatar .b3{height:86px;width:86px;position:absolute;left:12px;top:12px;z-index:3;background-image:url(../images/kf_b3.png)}
#onlineservice .avatar .b3{animation:b3 2.5s infinite linear}
@keyframes b3{0%{transform:rotate(1deg)}
100%{transform:rotate(360deg)}
}
#onlineservice .avatar .btn{height:62px;width:62px;position:absolute;left:24px;top:24px;z-index:4}
#onlineservice .avatar .btn img{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
#onlineservice .avatar .line{background-color:#728ddc;height:30px;width:2px;position:absolute;left:55px;top:85px;font-size:0;line-height:0;overflow:hidden}
#onlineservice .avatar .tips{line-height:22px;background-color:#728ddc;height:22px;width:96px;color:#FFF;position:absolute;left:7px;top:115px;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;font-size:12px;text-align:center}
#onlineservice .kf-list ul li{background-color:rgba(0,0,0,.3);height:50px;width:50px;margin-top:4px;line-height:50px;text-align:center;cursor:pointer;position:relative}
#onlineservice .kf-list ul li .con{background-color:rgba(0,0,0,.4);min-height:50px;min-width:140px;padding-right:20px;padding-left:20px;position:absolute;right:10px;color:#FFF}
#onlineservice .kf-list ul li.qq .con{bottom:-54px;text-align:left;width:120px;min-height:120px;min-width:120px;padding-top:10px;padding-bottom:10px}
#onlineservice .kf-list ul li.qq .con a{display:block;color:#FFF;line-height:26px;padding:0;height:26px;margin-top:2px;margin-right:0;margin-bottom:2px;margin-left:0;width:100%;box-sizing:border-box}
#onlineservice .kf-list ul li.qq .con a:before{content:"\e61b";font-family:iconfont;font-size:16px;vertical-align:middle;color:#FFF;margin-right:8px}
#onlineservice .kf-list ul li.qq .con i{background-image:url(../images/jt.png);height:10px;width:5px;display:inline-block;right:-5px;overflow:hidden;position:absolute;bottom:74px;margin:auto;top:auto}
#onlineservice .kf-list ul li.weixin .con{min-height:100px;min-width:100px;padding:10px;height:100px;width:100px;top:-30px}
#onlineservice .kf-list ul li .con img{height:auto;width:100px}
#onlineservice .kf-list ul li .layer{display:none;position:absolute;height:100%;width:100%;top:0;right:50px}
#onlineservice .kf-list ul li:hover .layer{display:block}
#onlineservice .kf-list ul li .con i{background-image:url(../images/jt.png);height:10px;width:5px;display:inline-block;top:50%;right:-5px;overflow:hidden;position:absolute;margin-top:-5px;bottom:50%}
#onlineservice .kf-list ul li .con a{color:#FFF;text-decoration:none}
#onlineservice .kf-list ul li:hover{background-color:rgba(114,141,220,.8)}
#onlineservice .kf-list ul li:after{font-family:iconfont;font-size:26px;vertical-align:middle;color:#FFF}
#onlineservice .kf-list ul li.tel:after{content:"\e633"}
#onlineservice .kf-list ul li.weixin:after{content:"\e6af"}
#onlineservice .kf-list ul li.qq:after{content:"\e61b"}
#onlineservice .kf-list ul li.top:after{content:"\e63a"}
.flickr{text-align: center;clear: both;float: none;padding-top: 40px;padding-bottom: 15px;}
.flickr span,.flickr a{display: inline-block;margin-right: 3px;margin-left: 3px;padding-right: 8px;padding-left: 8px;border: 1px solid #ebebeb;line-height: 34px;height: 34px;min-width:22px;color:#999999;}
.flickr a:hover,.flickr .current{color: #FF9900;text-decoration: none;background-color: #FFFFFF;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
/*IPAD、移动端大屏、平板*/
body{font-size:.16rem;font-family:"微软雅黑 Light";margin:0;color:#404040;padding-top:0;padding-bottom:0}
ul{margin:0;padding:0}
a{color:#404040;text-decoration:none}
a:hover{color:#728ddc;text-decoration:underline}
p{margin:0}
li{list-style-type:none}
.fillheight{ height:1.2rem;}
body.mainbody #header{background-color:rgba(35,47,62,1);}
.max-wrap{clear:both;float:none;width:100%;margin-right:auto;margin-left:auto}
#header{height:1.2rem;background-color:rgba(35,47,62,.45);width:100%;position:fixed;left:0;top:0;right:0;z-index:10}
#header .top_bar{height:.6rem;position:relative;clear:both;float:none}
#header .top_bar .logo{position:absolute;height:.6rem;left:.2rem;top:.1rem;z-index:10005}
#header .top_bar .logo img{height:.4rem}
#header .top_bar .menu{position:absolute;left:0;top:0;width:100%;padding-left:2rem;right:0;box-sizing:border-box;z-index:10004}
#header .top_bar .menu ul li{float:left;padding-right:.17rem;line-height:.6rem;position:relative;height:.6rem}
#header .top_bar .menu ul li>a{font-size:.2rem;color:#FFF;display:inline-block;text-decoration:none;font-family:"微软雅黑"}
#header .top_bar .menu ul li .sub{display:none}
#header .top_bar .user{position:absolute;top:.1rem;right:.2rem;z-index:10006;text-align:right}
#header .top_bar .user .not{white-space:nowrap;display:inline-block;height:.34rem;border:1px solid rgba(255,255,255,.4);line-height:.34rem;-moz-border-radius:.04rem;-webkit-border-radius:.04rem;border-radius:.04rem;margin-top:.05rem;float:right}
#header .top_bar .user .not a{color:#FFF;margin-right:.08rem;margin-left:.08rem;line-height:.34rem}
#header .top_bar .user .logged{white-space:nowrap;display:inline-block;height:.4rem;padding-left:.08rem;line-height:.4rem;-moz-border-radius:.04rem;-webkit-border-radius:.04rem;border-radius:.04rem;color:#FFF}
#header .top_bar .user .logged strong{display:none}
#header .top_bar .user .logged:before{content:"\e6a0";font-family:iconfont;font-size:.24rem;vertical-align:middle;margin-left:.04rem;line-height:.24rem}
#header .top_bar .user .logged a{color:#FFF;margin-left:.05rem;background-color:#728ddc;vertical-align:middle;display:inline-block;padding-right:.05rem;padding-left:.05rem;line-height:.36rem;height:.36rem;-moz-border-radius:.04rem;-webkit-border-radius:.04rem;border-radius:.04rem}
#header .top_bar .user .logged a:hover{text-decoration:none;background-color:#728ddc;opacity:.82}
#header .so_bar{height:.6rem;position:relative;z-index:2000}
#header .so_bar .allproducts{position:absolute;width:.4rem;left:.2rem;top:.05rem;z-index:2001}
#header .so_bar .allproducts .tit{background-color:#728ddc;line-height:.4rem;height:.4rem;width:.4rem;color:#FFF;text-align:center;-moz-border-radius:.04rem .04rem .04rem .04rem;-webkit-border-radius:.04rem .04rem .04rem .04rem;border-radius:.04rem .04rem .04rem .04rem;overflow:hidden;padding-left:.4rem;box-sizing:border-box}
#header .so_bar .allproducts .tit span{display:block;position:absolute;height:.4rem;width:.4rem;left:0;top:0;right:0;bottom:0}
#header .so_bar .allproducts .tit.close:before{content:"\e617";font-size:.34rem}
#header .so_bar .allproducts .tit:before{content:"\e63b";font-family:iconfont;font-size:.24rem;vertical-align:middle;line-height:.4rem;width:.4rem;height:.24rem;font-weight:400;position:absolute;left:0;top:0;text-align:center;display:block}
#header .so_bar .allproducts .box{background-color:#FFF;width:3.6rem;position:absolute;left:0;top:.55rem;padding-top:.1rem;padding-bottom:.1rem;box-sizing:border-box;-moz-box-shadow:0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:0 0 6px rgba(0,0,0,.1);box-shadow:0 0 6px rgba(0,0,0,.1);display:none}
#header .so_bar .allproducts .box .phone-head{ display:none;}
#header .so_bar .allproducts .box dl{margin:0;padding:0}
#header .so_bar .allproducts .box dl dd a{font-size:.16rem;white-space:nowrap;display:inline-block;margin-right:.13rem;margin-bottom:.08rem;color:#666}
#header .so_bar .allproducts .box dl dt a{text-decoration:none;display:block;padding-top:.1rem;padding-right:.2rem;padding-bottom:10px;padding-left:.2rem;font-size:.19rem;color:#000}
#header .so_bar .allproducts .box dl:hover dt a{color:#728ddc}
#header .so_bar .allproducts .box dl:hover dt a:before{margin-left:4px}
#header .so_bar .allproducts .box dl dt a:before{font-family:iconfont;font-size:.26rem;vertical-align:middle;font-weight:400;margin-right:5px;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#header .so_bar .allproducts .box dl.c1 dt a:before{content:"\e719"}
#header .so_bar .allproducts .box dl.c2 dt a:before{content:"\e6af"}
#header .so_bar .allproducts .box dl.c3 dt a:before{content:"\e601"}
#header .so_bar .allproducts .box dl.c4 dt a:before{content:"\e62a"}
#header .so_bar .allproducts .box dl.c5 dt a:before{content:"\e6a4"}
#header .so_bar .allproducts .box dl.c6 dt a:before{content:"\e6af"}
#header .so_bar .allproducts .box dl.c7 dt a:before{content:"\e618"}
#header .so_bar .allproducts .box dl.c8 dt a:before{content:"\e63f"}
#header .so_bar .allproducts .box dl.c9 dt a:before{content:"\e607"}
#header .so_bar .search{position:absolute;left:.8rem;top:.05rem;height:.4rem;right:1.8rem;z-index:1000;box-sizing:border-box}
#header .search .so-type{background-color:#f5f5f5;height:.4rem;width:1.2rem;position:absolute;left:0;top:0;line-height:.4rem;text-align:center;-moz-border-radius:.04rem 0 0 .04rem;-webkit-border-radius:.04rem 0 0 .04rem;border-radius:.04rem 0 0 .04rem;z-index:1000}
#header .search .so-type span.arrow{display:block;height:.12rem;width:.12rem;position:absolute;top:0;right:.12rem;cursor:pointer}
#header .search .so-type span.arrow:before{content:"\e600";font-family:iconfont;font-size:.14rem;vertical-align:middle;margin-left:.02rem;line-height:.14rem;font-weight:400}
#header .search .so-type.expanded{-moz-border-radius:.04rem 0 0 0;-webkit-border-radius:.04rem 0 0 0;border-radius:.04rem 0 0 0}
#header .search .so-type.expanded ul.cur li{color:#999}
#header .search .so-type ul.cur li{display:none;cursor:pointer}
#header .search .so-type ul.cur li.on{display:inline-block}
#header .search .so-type .down{background-color:#f5f5f5;position:absolute;width:1.2rem;left:0;top:.4rem;line-height:.36rem;display:none;-moz-border-radius:0 0 .04rem .04rem;-webkit-border-radius:0 0 .04rem .04rem;border-radius:0 0 .04rem .04rem;overflow:hidden}
#header .search .so-type .down li{cursor:pointer}
#header .search .so-type .down li.on,#header .search .so-type .down li:hover{color:#000;background-color:#FFF}
#header .so_bar .search .so-bar{background-color:#FFF;height:.4rem;margin-left:1.2rem;line-height:.4rem;margin-right:.8rem;overflow:hidden}
#header .so_bar .search .so-bar input{height:100%;width:100%;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;font-size:.17rem;padding-left:.2rem;outline:0}
#header .so_bar .search .so-bar input::-webkit-input-placeholder{color:#a5a5a5}
#header .so_bar .search .submit{line-height:.4rem;color:#FFF;text-align:center;position:absolute;height:.4rem;width:.8rem;top:0;right:0;background-color:#728ddc;-moz-border-radius:0 .04rem .04rem 0;-webkit-border-radius:0 .04rem .04rem 0;border-radius:0 .04rem .04rem 0;cursor:pointer}
#header .so_bar .search .submit input{font-size:.17rem;height:100%;width:100%;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;color:#FFF;-webkit-appearance:none;appearance:none;outline:0;background-color:transparent;padding-right:.3rem;cursor:pointer;outline:0;position:absolute;left:0;top:0;right:0;bottom:0;box-sizing:border-box}
#header .so_bar .search .submit:before{content:"\e603";font-family:iconfont;font-size:.22rem;vertical-align:middle;margin-left:.06rem;line-height:.4rem;font-weight:400;margin-right:.04rem;position:absolute;top:.01rem}
#header .right-operate{width:22%;position:absolute;top:.05rem;right:.1rem;text-align:right;z-index:10002}
#header .right-operate .cart{float:right;height:.4rem;margin-left:.1rem;z-index:1008}
#header .right-operate .cart .title-cart{line-height:.4rem;color:#FFF}
#header .right-operate .cart .title-cart .ico{display:inline-block;height:.4rem;width:.4rem;margin-right:.1rem;text-align:center;background-color:#40BF80;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:relative;vertical-align:middle}
#header .right-operate .cart .title-cart .ico a{display:block;height:100%;width:100%;line-height:.36rem}
#header .right-operate .cart .title-cart .ico a:after{content:"\e64d";font-family:iconfont;font-size:.24rem;vertical-align:middle}
#header .right-operate .cart .title-cart .ico i{font-size:11px;color:#000;background-color:#FFF;text-align:center;display:block;height:.2rem;width:.2rem;position:absolute;top:0;right:-.08rem;font-style:normal;line-height:.2rem;text-decoration:none;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
#header .right-operate .cart .title-cart a{color:#FFF;text-decoration:none}
#header .right-operate .cart .title-cart .tt{display:none}
#header .right-operate .cart .title-cart strong{color:#F90}
#header .right-operate .cart .cartbox{display:none;overflow:hidden;height:0;width:0}
#header .right-operate .favorites a:after{content:"\e60d";font-family:iconfont;font-size:.34rem;vertical-align:middle;color:#FFF}
#header .right-operate .mysite a:after{content:"\e608";font-family:iconfont;font-size:.36rem;vertical-align:middle;color:#FFF}
#header .right-operate .favorites{float:right;height:.4rem;margin-left:.06rem;line-height:.4rem}
#header .right-operate .favorites a,#header .right-operate .mysite a{display:inline-block;height:100%;width:100%;text-decoration:none}
#header .right-operate .mysite{float:right;height:.4rem;line-height:.4rem}
#header .right-operate .favorites a,#header .right-operate .mysite a{position:relative}
#header .right-operate .favorites a div,#header .right-operate .mysite a div{display:none}
#header.mini-header{background-color:rgba(35,47,62,.85);}
#footer{background-color:#232f3e;clear:both;float:none;width:100%}
#footer .submenu{padding-right:.2rem;padding-left:.2rem;clear:both;float:none;margin-right:auto;margin-left:auto;padding-top:.1rem;padding-bottom:.4rem}
#footer .submenu .box{clear:both;float:none;margin-right:auto;margin-left:auto}
#footer .submenu .box dl{color:#CCC;width:50%;display:block;float:left}
#footer .submenu .box dl dt{clear:both;float:none;padding-bottom:.1rem;margin:0;padding-top:0;padding-right:0;padding-left:0;color:#ccc;font-size:.18rem;display:block}
#footer .submenu .box dl dd{clear:both;float:none;margin:0;padding:0;display:block}
#footer .submenu .box dl dd ul li{display:inline-block}
#footer .submenu .box dl dd a{color:#999;padding-top:.08rem;padding-bottom:.08rem;display:inline-block;white-space:nowrap;margin-right:.2rem}
#footer .submenu .box dl dd.text{line-height:.28rem;color:#999;padding-top:.08rem}
#footer .submenu .box dl dd .l{float:left;width:100px;color:#999;text-align:center;font-size:.13rem}
#footer .submenu .box dl dd .xiaochengxu{margin-right:.5rem}
#footer .submenu .box dl dd .l img{height:auto;width:1rem}
#footer .foot{line-height:.28rem;color:#999;text-align:center;padding-top:.24rem;padding-bottom:.24rem;border-top-width:1px;border-top-style:solid;border-top-color:rgba(255,255,255,.1);clear:both;float:none}
#footer .foot a{color:#CCC}
#footer .foot p.icp img{vertical-align:middle;height:.16rem;margin-right:.05rem}
#onlineservice{position:fixed;z-index:1000000;height:auto;width:.5rem;right:.3rem;bottom:.3rem;padding-top:.7rem}
#onlineservice .avatar{height:1.1rem;width:1.1rem;position:absolute;top:-.8rem;right:-.3rem}
#onlineservice .avatar .b1{height:1.1rem;width:1.1rem;position:absolute;left:0;top:0;background-color:rgba(114,141,220,.1);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;z-index:1}
#onlineservice .avatar .b2{height:.94rem;width:.94rem;position:absolute;left:.08rem;top:.08rem;background-color:rgba(114,141,220,.3);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;z-index:2}
#onlineservice .avatar .b3{height:.86rem;width:.86rem;position:absolute;left:.12rem;top:.12rem;z-index:3;background-image:url(../images/kf_b3.png);background-size:auto 100%;}
#onlineservice .avatar .b3{animation:b3 2.5s infinite linear}
@keyframes b3{0%{transform:rotate(1deg)}
100%{transform:rotate(360deg)}
}
#onlineservice .avatar .btn{height:.62rem;width:.62rem;position:absolute;left:.24rem;top:.24rem;z-index:4}
#onlineservice .avatar .btn img{width:100%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
#onlineservice .avatar .line{background-color:#728ddc;height:.3rem;width:.02rem;position:absolute;left:.55rem;top:.85rem;font-size:0;line-height:0;overflow:hidden}
#onlineservice .avatar .tips{line-height:0.22rem;background-color:#728ddc;height:.22rem;width:.96rem;color:#FFF;position:absolute;left:.07rem;top:1.15rem;-moz-border-radius:.12rem;-webkit-border-radius:.12rem;border-radius:.12rem;font-size:.12rem;text-align:center}
#onlineservice .kf-list ul li{background-color:rgba(0,0,0,.3);height:.5rem;width:.5rem;margin-top:.04rem;line-height:.5rem;text-align:center;cursor:pointer;position:relative}
#onlineservice .kf-list ul li .con{background-color:rgba(0,0,0,.4);min-height:.5rem;min-width:1.4rem;padding-right:.2rem;padding-left:.2rem;position:absolute;right:.1rem;color:#FFF}
#onlineservice .kf-list ul li.qq .con{bottom:-.54rem;text-align:left;width:1.2rem;min-height:1.2rem;min-width:1.2rem;padding-top:.1rem;padding-bottom:.1rem}
#onlineservice .kf-list ul li.qq .con a{display:block;color:#FFF;line-height:.26rem;padding:0;height:.26rem;margin-top:.02rem;margin-right:0;margin-bottom:.02rem;margin-left:0;width:100%;box-sizing:border-box}
#onlineservice .kf-list ul li.qq .con a:before{content:"\e61b";font-family:iconfont;font-size:.16rem;vertical-align:middle;color:#FFF;margin-right:.08rem}
#onlineservice .kf-list ul li.qq .con i{background-size:auto 100%;background-image:url(../images/jt.png);height:.1rem;width:.05rem;display:inline-block;right:-.05rem;overflow:hidden;position:absolute;bottom:.74rem;margin:auto;top:auto}
#onlineservice .kf-list ul li.weixin .con{min-height:1rem;min-width:1rem;padding:.1rem;height:1rem;width:1rem;top:-.3rem}
#onlineservice .kf-list ul li .con img{height:auto;width:1rem}
#onlineservice .kf-list ul li .layer{display:none;position:absolute;height:100%;width:100%;top:0;right:.5rem}
#onlineservice .kf-list ul li:hover .layer{display:block}
#onlineservice .kf-list ul li .con i{background-image:url(../images/jt.png);background-size:auto 100%;height:.1rem;width:.05rem;display:inline-block;top:50%;right:-.05rem;overflow:hidden;position:absolute;margin-top:-.05rem;bottom:50%}
#onlineservice .kf-list ul li .con a{color:#FFF;text-decoration:none}
#onlineservice .kf-list ul li:hover{background-color:rgba(114,141,220,.8)}
#onlineservice .kf-list ul li:after{font-family:iconfont;font-size:.2rem;vertical-align:middle;color:#FFF}
#onlineservice .kf-list ul li.tel:after{content:"\e633"}
#onlineservice .kf-list ul li.weixin:after{content:"\e6af"}
#onlineservice .kf-list ul li.qq:after{content:"\e61b"}
#onlineservice .kf-list ul li.top:after{content:"\e63a"}
.flickr{text-align: center;clear: both;float: none;padding-top: .4rem;padding-bottom: .0rem;}
.flickr span,.flickr a{display: inline-block;margin-right: .03rem;margin-left: .03rem;padding-right: .08rem;padding-left: .08rem;border: 1px solid #ebebeb;line-height: .34rem;height: .34rem;min-width:.22rem;color:#999999;}
.flickr a:hover,.flickr .current{color: #FF9900;text-decoration: none;background-color: #FFFFFF;}
}

@media screen and (max-width: 767px) {
/*手机端*/
body{font-size:.26rem;font-family:"微软雅黑";margin:0;color:#666666;padding-top:0;padding-bottom:0}
ul{margin:0;padding:0}
a{color:#666666;text-decoration:none}
a:hover{color:#666666;text-decoration: none;}
p{margin:0}
li{list-style-type:none}

.max-wrap{clear:both;float:none;width:100%;margin-right:auto;margin-left:auto}
#header{
background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(35,47,62,.4)), to(rgba(35,47,62,.0)));
background-image: -webkit-linear-gradient(top, rgba(35,47,62,.4), rgba(35,47,62,.0));
height:.8rem;
width:100%;position:fixed;left:0;top:0;right:0;z-index:10000000;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
#header.mini-header{background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(35,47,62,.5)), to(rgba(35,47,62,.0)))}
#header .top_bar{height:.6rem;position:relative;clear:both;float:none}
#header .top_bar .logo{position:absolute;height:.7rem;left:.2rem;top:.1rem;z-index:10005}
#header .top_bar .logo img{height:.6rem}
#header .top_bar .menu{display:none}
#header .top_bar .user{display:none}
#header .top_bar .user .not{white-space:nowrap;display:inline-block;height:.34rem;border:1px solid rgba(255,255,255,.4);line-height:.34rem;-moz-border-radius:.04rem;-webkit-border-radius:.04rem;border-radius:.04rem;margin-top:.05rem;float:right}
#header .top_bar .user .not a{color:#FFF;margin-right:.08rem;margin-left:.08rem;line-height:.34rem}
#header .top_bar .user .logged{white-space:nowrap;display:inline-block;height:.4rem;padding-left:.08rem;line-height:.4rem;-moz-border-radius:.04rem;-webkit-border-radius:.04rem;border-radius:.04rem;color:#FFF}
#header .top_bar .user .logged strong{display:none}
#header .top_bar .user .logged:before{content:"\e6a0";font-family:iconfont;font-size:.24rem;vertical-align:middle;margin-left:.04rem;line-height:.24rem}
#header .top_bar .user .logged a{color:#FFF;margin-left:.05rem;background-color:#728ddc;vertical-align:middle;display:inline-block;padding-right:.05rem;padding-left:.05rem;line-height:.36rem;height:.36rem;-moz-border-radius:.04rem;-webkit-border-radius:.04rem;border-radius:.04rem}
#header .top_bar .user .logged a:hover{text-decoration:none;background-color:#728ddc;opacity:.82}
#header .so_bar{z-index:10000000000}
#header .phone-masklayer{z-index:1000000000;background-color:rgba(0,0,0,.6);position:fixed;height:100%;width:100%;left:0;top:0;right:0;bottom:0;display:none}
#header .so_bar .allproducts{position:absolute;height:.5rem;top:.15rem;z-index:10000000000;right:.2rem}
#header .so_bar .allproducts .tit{line-height:.5rem;height:.5rem;width:.5rem;color:#FFF;text-align:center;-moz-border-radius:.04rem .04rem .04rem .04rem;-webkit-border-radius:.04rem .04rem .04rem .04rem;border-radius:.04rem .04rem .04rem .04rem;overflow:hidden;padding-left:.5rem;box-sizing:border-box}
#header .so_bar .allproducts .tit span{display:block;position:absolute;height:.5rem;width:.5rem;left:0;top:0;right:0;bottom:0}
#header .so_bar .allproducts .tit.close:before{content:"\e617";font-size:.48rem}
#header .so_bar .allproducts .tit:before{content:"\e63b";font-family:iconfont;font-size:.42rem;vertical-align:middle;line-height:.5rem;width:.5rem;height:.5rem;position:absolute;left:0;top:0;text-align:center;display:block}
#header .so_bar .allproducts .box{background-color:#FFF;width:76%;padding-top:0;position:fixed;padding-top:0;padding-bottom:.1rem;box-sizing:border-box;-moz-box-shadow:0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:0 0 6px rgba(0,0,0,.1);box-shadow:0 0 6px rgba(0,0,0,.1);display:none;z-index:10000000000;height:100%;top:0;right:0;overflow:auto;-webkit-overflow-scrolling:touch}
#header .so_bar .allproducts .box .phone-head{background-color:#F4F8FF;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#F4F4F4;padding:.3rem;box-sizing:border-box}
#header .so_bar .allproducts .box .phone-head .user{padding-bottom:.15rem;height:.8rem}
#header .so_bar .allproducts .box .phone-head .user span{color:#FFF;background-color:#728ddc;display:inline-block;float:right;height:.6rem;line-height:.6rem;margin-top:.1rem;padding-right:.2rem;padding-left:.2rem;-moz-border-radius:.08rem;-webkit-border-radius:.08rem;border-radius:.08rem;margin-left:.1rem}
#header .so_bar .allproducts .box .phone-head .user span.reg{background-color:#40bf80}
#header .so_bar .allproducts .box .phone-head .user img{vertical-align:middle;height:.8rem;width:.8rem;margin-right:.2rem;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
#header .so_bar .allproducts .box .phone-head .so{padding-top:.15rem}
#header .so_bar .allproducts .box .phone-head .so input.keywords{font-size:.26rem;background-color:#FFF;height:.6rem;width:100%;padding-left:.2rem;padding-right:.2rem;box-sizing:border-box;-webkit-appearance:none;appearance:none;outline:0;border:1px solid #EBEBEB}
#header .so_bar .allproducts .box dl{margin:0;padding-top:.1rem;padding-right:0;padding-bottom:.1rem;padding-left:0}
#header .so_bar .allproducts .box dl dd a{white-space:nowrap;display:inline-block;margin-right:.13rem;margin-top:.06rem;margin-bottom:.06rem;color:#888}
#header .so_bar .allproducts .box dl dt a{text-decoration:none;display:block;padding-top:.1rem;padding-right:.2rem;padding-bottom:.01rem;padding-left:.3rem;font-size:.26rem;}
#header .so_bar .allproducts .box dl:hover dt a{color:#728ddc}
#header .so_bar .allproducts .box dl:hover dt a:before{margin-left:4px}
#header .so_bar .allproducts .box dl dt a:before{font-family:iconfont;font-size:.38rem;vertical-align:middle;font-weight:400;margin-right:5px;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#header .so_bar .allproducts .box dl.c1 dt a:before{content:"\e719"}
#header .so_bar .allproducts .box dl.c2 dt a:before{content:"\e6af"}
#header .so_bar .allproducts .box dl.c3 dt a:before{content:"\e601"}
#header .so_bar .allproducts .box dl.c4 dt a:before{content:"\e62a"}
#header .so_bar .allproducts .box dl.c5 dt a:before{content:"\e6a4"}
#header .so_bar .allproducts .box dl.c6 dt a:before{content:"\e6af"}
#header .so_bar .allproducts .box dl.c7 dt a:before{content:"\e618"}
#header .so_bar .allproducts .box dl.c8 dt a:before{content:"\e63f"}
#header .so_bar .allproducts .box dl.c9 dt a:before{content:"\e607"}
#header .so_bar .search{display:none;position:absolute;left:.8rem;top:.05rem;height:.4rem;right:1.8rem;z-index:1000;box-sizing:border-box}
#header .search .so-type{background-color:#f5f5f5;height:.4rem;width:1.2rem;position:absolute;left:0;top:0;line-height:.4rem;text-align:center;-moz-border-radius:.04rem 0 0 .04rem;-webkit-border-radius:.04rem 0 0 .04rem;border-radius:.04rem 0 0 .04rem;z-index:1000}
#header .search .so-type span.arrow{display:block;height:.12rem;width:.12rem;position:absolute;top:0;right:.12rem;cursor:pointer}
#header .search .so-type span.arrow:before{content:"\e600";font-family:iconfont;font-size:.14rem;vertical-align:middle;margin-left:.02rem;line-height:.14rem;font-weight:400}
#header .search .so-type.expanded{-moz-border-radius:.04rem 0 0 0;-webkit-border-radius:.04rem 0 0 0;border-radius:.04rem 0 0 0}
#header .search .so-type.expanded ul.cur li{color:#999}
#header .search .so-type ul.cur li{display:none;cursor:pointer}
#header .search .so-type ul.cur li.on{display:inline-block}
#header .search .so-type .down{background-color:#f5f5f5;position:absolute;width:1.2rem;left:0;top:.4rem;line-height:.36rem;display:none;-moz-border-radius:0 0 .04rem .04rem;-webkit-border-radius:0 0 .04rem .04rem;border-radius:0 0 .04rem .04rem;overflow:hidden}
#header .search .so-type .down li{cursor:pointer}
#header .search .so-type .down li.on,#header .search .so-type .down li:hover{color:#000;background-color:#FFF}
#header .so_bar .search .so-bar{background-color:#FFF;height:.4rem;margin-left:1.2rem;line-height:.4rem;margin-right:.8rem;overflow:hidden}
#header .so_bar .search .so-bar input{height:100%;width:100%;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;font-size:.17rem;padding-left:.2rem;outline:0}
#header .so_bar .search .so-bar input::-webkit-input-placeholder{color:#a5a5a5}
#header .so_bar .search .submit{line-height:.4rem;color:#FFF;text-align:center;position:absolute;height:.4rem;width:.8rem;top:0;right:0;background-color:#728ddc;-moz-border-radius:0 .04rem .04rem 0;-webkit-border-radius:0 .04rem .04rem 0;border-radius:0 .04rem .04rem 0;cursor:pointer}
#header .so_bar .search .submit input{font-size:.17rem;height:100%;width:100%;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;color:#FFF;-webkit-appearance:none;appearance:none;outline:0;background-color:transparent;padding-right:.3rem;cursor:pointer;outline:0;position:absolute;left:0;top:0;right:0;bottom:0;box-sizing:border-box}
#header .so_bar .search .submit:before{content:"\e603";font-family:iconfont;font-size:.22rem;vertical-align:middle;margin-left:.06rem;line-height:.4rem;font-weight:400;margin-right:.04rem;position:absolute;top:.01rem}
#header .right-operate{display:none;width:22%;position:absolute;top:.05rem;right:.1rem;text-align:right;z-index:10002}
#header .right-operate .cart{float:right;height:.4rem;margin-left:.1rem;z-index:1008}
#header .right-operate .cart .title-cart{line-height:.4rem;color:#FFF}
#header .right-operate .cart .title-cart .ico{display:inline-block;height:.4rem;width:.4rem;margin-right:.1rem;text-align:center;background-color:#40BF80;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:relative;vertical-align:middle}
#header .right-operate .cart .title-cart .ico a{display:block;height:100%;width:100%;line-height:.36rem}
#header .right-operate .cart .title-cart .ico a:after{content:"\e64d";font-family:iconfont;font-size:.24rem;vertical-align:middle}
#header .right-operate .cart .title-cart .ico i{font-size:11px;color:#000;background-color:#FFF;text-align:center;display:block;height:.2rem;width:.2rem;position:absolute;top:0;right:-.08rem;font-style:normal;line-height:.2rem;text-decoration:none;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
#header .right-operate .cart .title-cart a{color:#FFF;text-decoration:none}
#header .right-operate .cart .title-cart .tt{display:none}
#header .right-operate .cart .title-cart strong{color:#F90}
#header .right-operate .cart .cartbox{display:none;overflow:hidden;height:0;width:0}
#header .right-operate .favorites a:after{content:"\e60d";font-family:iconfont;font-size:.34rem;vertical-align:middle;color:#FFF}
#header .right-operate .mysite a:after{content:"\e608";font-family:iconfont;font-size:.36rem;vertical-align:middle;color:#FFF}
#header .right-operate .favorites{float:right;height:.4rem;margin-left:.06rem;line-height:.4rem}
#header .right-operate .favorites a,#header .right-operate .mysite a{display:inline-block;height:100%;width:100%;text-decoration:none}
#header .right-operate .mysite{float:right;height:.4rem;line-height:.4rem}
#header .right-operate .favorites a,#header .right-operate .mysite a{position:relative}
#header .right-operate .favorites a div,#header .right-operate .mysite a div{display:none}
#footer{background-color:#232f3e;clear:both;float:none;width:100%}
#footer .submenu{padding-right:.2rem;padding-left:.2rem;clear:both;float:none;margin-right:auto;margin-left:auto;padding-top:.1rem;padding-bottom:.4rem}
#footer .submenu .box{clear:both;float:none;margin-right:auto;margin-left:auto}
#footer .submenu .box dl{color:#CCC;width:50%;display:block;float:left}
#footer .submenu .box dl dt{clear:both;float:none;padding-bottom:.1rem;margin:0;padding-top:0;padding-right:0;padding-left:0;color:rgba(255, 255, 255, 0.6);font-size:.28rem;display:block}
#footer .submenu .box dl dd{clear:both;float:none;margin:0;padding:0;display:block}
#footer .submenu .box dl dd ul li{display:inline-block}
#footer .submenu .box dl dd a{color:rgba(255, 255, 255, 0.4);padding-top:.08rem;padding-bottom:.08rem;display:inline-block;white-space:nowrap;margin-right:.2rem}
#footer .submenu .box dl dd.text{line-height:.36rem;color:#999;padding-top:.08rem}
#footer .submenu .box dl dd.text a{padding-top:0;padding-bottom:.06rem}
#footer .submenu .box dl dd .l{float:left;width:40%;color:#999;text-align:center;font-size:0}
#footer .submenu .box dl dd .xiaochengxu{margin-right:.5rem}
#footer .submenu .box dl dd .l img{height:auto;width:100%}
#footer .foot{line-height:.36rem;color:rgba(255, 255, 255, 0.4);text-align:center;padding-top:.24rem;padding-bottom:.24rem;padding-left:.2rem;padding-right:.2rem;border-top-width:1px;border-top-style:solid;border-top-color:rgba(255,255,255,.1);clear:both;float:none;font-size:.24rem}
#footer .foot a{color:rgba(255, 255, 255, 0.4);  }
#footer .foot .p{display:none}
#footer .foot p.icp{font-size:.18rem;padding-top:.1rem}
#footer .foot p.icp img{vertical-align:middle;height:.26rem;margin-right:.05rem}
#onlineservice{position:fixed;z-index:1000000;height:auto;width:.6rem;right:.1rem;bottom:1rem;padding-top:0}
#onlineservice .avatar{display:none;height:1.1rem;width:1.1rem;position:absolute;top:-.8rem;right:-.3rem}
#onlineservice .avatar .b1{height:1.1rem;width:1.1rem;position:absolute;left:0;top:0;background-color:rgba(114,141,220,.1);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;z-index:1}
#onlineservice .avatar .b2{height:.94rem;width:.94rem;position:absolute;left:.08rem;top:.08rem;background-color:rgba(114,141,220,.3);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;z-index:2}
#onlineservice .avatar .b3{height:.86rem;width:.86rem;position:absolute;left:.12rem;top:.12rem;z-index:3;background-image:url(../images/kf_b3.png);background-size:100%}
#onlineservice .avatar .b3{animation:b3 2.5s infinite linear}
@keyframes b3{0%{transform:rotate(1deg)}
100%{transform:rotate(360deg)}
}
#onlineservice .avatar .btn{height:.62rem;width:.62rem;position:absolute;left:.24rem;top:.24rem;z-index:4}
#onlineservice .avatar .btn img{width:100%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
#onlineservice .avatar .line{background-color:#728ddc;height:.3rem;width:.02rem;position:absolute;left:.55rem;top:.85rem;font-size:0;line-height:0;overflow:hidden}
#onlineservice .avatar .tips{line-height:.22rem;background-color:#728ddc;height:.22rem;width:.96rem;color:#FFF;position:absolute;left:.07rem;top:1.15rem;-moz-border-radius:.12rem;-webkit-border-radius:.12rem;border-radius:.12rem;font-size:.12rem;text-align:center}
#onlineservice .kf-list ul li{background-color:rgba(0,0,0,.3);height:.6rem;width:.6rem;margin-top:.04rem;line-height:.6rem;text-align:center;cursor:pointer;position:relative}
#onlineservice .kf-list ul li .con{background-color:rgba(0,0,0,.4);min-height:.6rem;min-width:2rem;padding-right:.2rem;padding-left:.2rem;position:absolute;right:.2rem;color:#FFF}
#onlineservice .kf-list ul li.qq .con{bottom:-.64rem;text-align:left;width:1.2rem;min-height:1.8rem;min-width:2.6rem;padding-top:.1rem;padding-bottom:.1rem}
#onlineservice .kf-list ul li.qq .con a{display:block;color:#FFF;line-height:.4rem;padding:0;height:.4rem;margin-top:.02rem;margin-right:0;margin-bottom:.02rem;margin-left:0;width:100%;box-sizing:border-box}
#onlineservice .kf-list ul li.qq .con a:before{content:"\e61b";font-family:iconfont;font-size:.32rem;vertical-align:middle;color:#FFF;margin-right:.08rem}
#onlineservice .kf-list ul li.qq .con i{background-image:url(../images/jt.png);background-size:auto 100%;height:.1rem;width:.05rem;display:inline-block;right:-.05rem;overflow:hidden;position:absolute;bottom:.74rem;margin:auto;top:auto}
#onlineservice .kf-list ul li.weixin .con{min-height:1.6rem;min-width:1.6rem;padding:.1rem;height:1.6rem;width:1.6rem;top:-.7rem}
#onlineservice .kf-list ul li .con img{height:auto;width:1.6rem}
#onlineservice .kf-list ul li .layer{display:none;position:absolute;height:100%;width:100%;top:0;right:.5rem}
#onlineservice .kf-list ul li:hover .layer{display:block}
#onlineservice .kf-list ul li .con i{background-image:url(../images/jt.png);background-size:auto 100%;height:.1rem;width:.05rem;display:inline-block;top:50%;right:-.05rem;overflow:hidden;position:absolute;margin-top:-.05rem;bottom:50%}
#onlineservice .kf-list ul li .con a{color:#FFF;text-decoration:none}
#onlineservice .kf-list ul li:hover{background-color:rgba(114,141,220,.8)}
#onlineservice .kf-list ul li:after{font-family:iconfont;font-size:.4rem;vertical-align:middle;color:#FFF}
#onlineservice .kf-list ul li.tel:after{content:"\e633"}
#onlineservice .kf-list ul li.weixin:after{content:"\e6af"}
#onlineservice .kf-list ul li.qq:after{content:"\e61b"}
#onlineservice .kf-list ul li.top:after{content:"\e63a"}
.flickr{text-align: center;clear: both;float: none;padding-top: .6rem;padding-bottom: .1rem;}
.flickr span,.flickr a{ font-size:.2rem;display: inline-block;margin-right: .03rem;margin-left: .03rem;padding-right: .08rem;padding-left: .08rem;border: 1px solid #ebebeb;line-height: .34rem;height: .34rem;min-width:.22rem;color:#999999;}
.flickr a:hover,.flickr .current{color: #FF9900;text-decoration: none;background-color: #FFFFFF;}
}