@charset "utf-8";

/*@font-face {font-family:'思源黑体'; 
src: url("SourceHanSansCN-Regular.eot");
src:url('SourceHanSansCN-Regular.otf')  format('truetype');}*/

html {font-size:75%; overflow-x:hidden;}
body,ol,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6 {margin:0; padding:0; /*font-family:raycop,"source-han-sans-simplified-c","Microsoft Yahei","微软雅黑","Lucida Grande",Arial,Verdana,sans-serif;*/ font-weight:200; font-family:"source-han-sans-simplified-c","Microsoft Yahei","微软雅黑","Lucida Grande",Arial,Verdana,sans-serif; font-size:1rem; color:#000; line-height:1.5;}
ol,ul {list-style-type:none;}
h1 {font-size:2.5rem;}
h2 {font-size:2.25rem;}
h3 {font-size:2rem;}
h4 {font-size:1.75rem;}
h5 {font-size:1.5rem;}
h6 {font-size:1.25rem;}
a {text-decoration:none;}
img {display:block; width:100%; border:none;}

#vct {}
/*header*/
.header-box {position:relative; height:40px;}
.header {position:fixed; top:0; left:0; width:100%; height:40px; background:#FFF; border-bottom:solid 1px gray; z-index:99;}
.header .menu {position:relative; float:left; width:40px; height:100%;}
.menu ul {position:absolute; top:41px; left:0; background:#0099dc; overflow:auto; display:none;}
.menu ul li {height:40px; border-bottom:solid 1px #007fb7; line-height:40px;}
.menu ul li a {display:block; height:40px; font-size:1.5rem; color:#FFF;}
.menu ul li a img {display:inline; width:auto; height:13px; margin:0 5%;}
.menu ul li.logo {position:relative;}
.menu ul li.logo img {width:auto; height:26px; margin-top:7px;}
.menu ul li.logo .close {position:absolute; top:7px; right:5%; width:26px; height:27px;}
.menu ul li.logo .close img {display:block; width:100%; height:100%; margin:0;}
.menu ul li.home img {margin:0 5% 0 4%;}
.header .nav {float:left; height:100%;}
.nav .left {float:left; width:100%; height:100%;}
.nav .right {float:left; width:50%; height:100%; display:none;}
.nav ul {width:100%; height:100%;}
.nav ul li {display:inline-block; width:20%; height:26px; margin:7px 0 0 0; vertical-align:middle;}
.nav ul li.lite {display:none;}
.nav ul li img {width:auto; height:100%;}
.nav ul li.logo {height:27px; margin:7px 5% 0;}
.nav ul li.shop {/*display:block;*/margin-left: 20px;}

.nav .right a {display:inline-block; height:20px; margin:25px 0 0 18px; text-align:center; vertical-align:middle; font-size:1.25rem; color:#666; line-height:20px; -webkit-transition:.3s; transition:.3s;}

.nav .right a:hover {color:#0099dc;}
.nav .right a.group {position:relative; width:100px; background:#0099dc; color:#FFF;}
.nav .right a.group:hover .btns {display:block;}
.nav .right a.group .btns {position:absolute; top:0; left:0px; width:159px; height:159px; background:url(../images/btn_bg.png) no-repeat 50% 100%; display:none;}
.nav .right a.group .btns img {display:block; width:139px; height:39px; margin:0 auto; border:solid 1px #d5d5d5;}
.nav .right a.group .btns img:hover {border:solid 1px #0099dc;}
.nav .right a.group .btns img.tmall {margin-top:55px;}
.nav .right a.group .btns img.jd {margin-top:10px;}
.nav .right a.wechat {position:relative; width:20px; background:url(../images/wechat_off.gif) no-repeat 50% 50%;}
.nav .right a.wechat:hover {background:url(../images/wechat_on.gif) no-repeat 50% 50%;}
.nav .right a.wechat:hover img {display:block;}
.nav .right a.wechat img {position:absolute; top:30px; left:-44.5px; width:109px; height:117px; display:none;}
.qa {position:fixed; top:130px; right:-245px; width:245px; height:142px; background:url(../images/qa_bg.png) no-repeat; z-index:108; display:none;}
.qa .btn {position:fixed; top:130px; right:0; width:30px; height:142px; background:url(../images/qa_btn.png) no-repeat; cursor:pointer;}
.qa .btns {margin:50px 0 0 100px;}
.qa .btns p a {color:#0099dc;}
.qa .btns p img {width:96px; height:23px; margin-top:5px;}

.header-box .list-pro { display: block;background: #fafafc;text-align: center;padding-top: 10px;padding-bottom: 10px;border-top: 1px solid #eee;box-shadow: 0 3px 10px #eee inset; display:none; position:relative;}
.header-box .list-pro .bk1hover{ position: absolute;width: 124px;height: 100px;background: transparent;left: 50%;margin-left: -238px;top: -75px;}

.header-box .list-pro a {display:inline-block; margin: 0 30px; -webkit-transition:.3s; transition:.3s;}
.header-box .list-pro a .sp1 {font-size: 1.25rem;color: #666;}
.header-box .list-pro a img{width: auto;}

.header-box .list-pro a:hover {opacity:0.5;}
.header-box .list-pro a:hover .sp1{color: #159bde;}

/*-----header-web-----*/
.header-box.web,.header-box.web .header {height:80px;}

.header-box.web .nav{float:none;width: 1024px !important; margin: 0 auto;}

.header-box.web .header .menu {display:none;}
.header-box.web .nav .left {width:120px;}
.header-box.web .nav .right {display:block;width: 860px;     padding-left: 25px;}

.header-box.web .nav .right a { margin-left: 0;width: 125px;text-align: center;border-left: 1px solid #eee;}

.header-box.web .nav .right .list-pro {display:none;}

.header-box.web .nav .right a.group { background: url("../images/car-btn.png") 21px 0 no-repeat;color: #159bde;padding-left: 31px;}

.header-box.web .nav ul li { width: auto;height: 43px;margin-right: 15px;display:inline-block;width: 84px;display:none;}
.header-box.web .nav ul li a img {display:block;}
.header-box.web .nav ul li.logo {width:25%; height:55px; margin:7px 6% 0 0%; display:block;}

.header-box.web .nav .right a.wechat { margin-right: 0;width: 24px;margin-left: 40px;border-left:0;}

.header-box.web .nav ul li.shop {display:none;}
.header-box.web .nav ul li.lite {display:none; margin-right: 0;}
.header-box.web .qa {display:block;}
/*footer*/
.footer-box {position:relative; background:#ebebeb;}
.footer {margin:0 auto; padding:30px 0 15px 0;}
.footer .list {float:left; width:80%; display:none;}
.footer .list ul {width:100%; overflow:auto;}
.footer .list ul li {float:left; width:14%;}
.footer .list ul li dl {margin-bottom:10px;}
.footer .list ul li dl dt a {font-weight:bold; color:#0099dc;}
.footer .list ul li dl dd a {color:#666;}
.footer .btns {position:relative;}
.footer .btns .btn1 {position:relative; cursor:pointer;}
.footer .btns .btn1 .group {text-align:center;}
.footer .btns .btn1 .group img {display:inline-block; width:69px; height:19px; border:solid 1px #d5d5d5;}
.footer .btns .btn1 .group img:hover {border:solid 1px #0099dc;}
.footer .btns .btn2 {display:none;}
.footer .btns .btn2 img {float:right; width:160px; height:56px;}
.footer .btns .top {position:absolute; top:0; right:-52px; display:none;}
.footer .text {width:80%; margin:1% 10%; text-align:center; color:#666;}
.footer .logo {position:relative; width:66px; margin:0 auto; text-align:right;}
.footer .logo .wechat {position:absolute; bottom:0; left:30px; width:35px; height:29px; background:url(../images/footer_wechat_off.gif) no-repeat; display:none;}
.footer .logo .wechat:hover {background:url(../images/footer_wechat_on.gif) no-repeat;}
.copyright {border-top:solid 1px #666; color:#666; clear:both;}
.copy {margin:0 auto; padding:1% 0; overflow:auto;}
.copy a {color:#666;}
.copy .left,.copy .right {text-align:center;}
.copy .left a {display:inline-block; margin:0 1%;}
/*-----footer-web-----*/
.footer-box.web .footer {width:1024px; height:215px; padding:40px 0 10px 0;}
.footer-box.web .list {display:block;}
.footer-box.web .btns {float:left; width:20%;}
.footer-box.web .btns .btn1 {float:right; width:160px; height:56px; margin-bottom:10px; background:url(../images/footer_btn_1.gif) no-repeat;}
.footer-box.web .btns .btn1:hover .group {display:block;}
.footer-box.web .btns .btn1 .group {position:absolute; top:-129px; left:0px; width:159px; height:159px; background:url(../images/footer_btn_bg.png) no-repeat; display:none;}
.footer-box.web .btns .btn1 .group img {display:block; width:138px; height:38px; margin:10px auto 0;}
.footer-box.web .btns .btn2 {display:block;}
.footer-box.web .btns .top {display:block;}
.footer-box.web .text {float:left; margin:0; padding-top:40px; text-align:left;}
.footer-box.web .logo {float:left; width:20%;}
.footer-box.web .logo img {display:inline-block; width:122px; height:55px;}
.footer-box.web .footer .logo .wechat {display:block;}
.footer-box.web .footer .logo .wechat img {position:absolute; top:-117px; left:-37px; width:109px; height:117px; display:none}
.footer-box.web .footer .logo .wechat:hover img {display:block;}
.footer-box.web .copy {width:1024px;}
.footer-box.web .copy .left {float:right; width:50%; text-align:right;}
.footer-box.web .copy .right {float:left; width:50%; text-align:left;}
/*-----不太华丽的分割线-----*/
.vct {}
.vct.web {}