/*header*/
.pop-search{display:none;z-index:999;position:absolute;top:45px;right:0;width:240px;height:35px;font-size:0;border:1px solid #ddd;background:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;overflow:hidden}
.pop-search input{display:inline-block;border:0;background:none;vertical-align:top}
.pop-search input.in1{width:188px;height:33px;line-height:33px;padding:0 10px;}
.pop-search input.in2{width:50px;height:33px;background:#e60012 url(../images/search.png) no-repeat center;cursor:pointer}

.menu-header{height:100px;width:100%; z-index:9999;position:fixed;top:0;left:0; background:#fff;}
.menu-header .fixed-nav{height:100px;width:100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff);zoom:1;-webkit-animation:gupIn 1s 0.1s both;-moz-animation:gupIn 1s 0.1s both;animation:gupIn 1s 0.1s both;}
.menu-header .fixed-nav ul.first{border-bottom:0}
.menu-header .fixed-nav .logo{line-height:60px; margin-top: 20px;}
.menu-header .fixed-nav .logo img{height:60px; max-height:60px;}
.menu-header .fixed-nav .nav{margin:0;}
.header{width:100%;height:100px; position:relative;}
.header .logo{float:left;line-height:60px;overflow:hidden; margin-top: 20px; }
.header .logo img{ width:auto; max-height:60px; }
.header .nav{float:right;}
.header .nav ul.first > .nav-li{float:left;height:100px;line-height:98px;}
.header .nav ul.first > .nav-li > a{display:block;font-size:18px;color:#666; padding:0 22px;text-align:center}
.header .nav ul.first > .nav-li > a:hover{ color:#e60012;}
.header .nav ul.first > .nav-li > a.on{color:#e60012; font-weight: bold;}
.header .nav ul.first > .nav-li span.flag{margin-left:10px;vertical-align:1px}

.drop-list{display:none;z-index:99999;position:absolute;top:80px; left:0; width: 100%; height:auto;padding-top:3rem; background:hsla(0,0%,100%,.8); box-shadow:0 4px 2px hsla(0,6%,67.1%,.1);}
.drop-wrap{ display: inline-block; width: 100%; height:auto; }
.drop-wrap .second-title{ float: left; width: 20%; line-height:50px; text-align:right; font-size: 18px; color:#000;font-weight:bold; padding-right:20px;}
.drop-wrap .second{float: left; width: 80%; text-align:left;}
.drop-list ul.second li{float: left; max-width: 25%;line-height:30px; }
.drop-list ul.second li:hover{background-color: #e60012; color:#fff;}
.drop-list ul.second li .second-list{}
.drop-list ul.second li .second-list .sub-list{ width:100%;background-color: #000; }
.drop-list ul.second li a{display:block;font-size:16px;color:#666;padding:10px 20px;}
.drop-list ul.second li a .fa{margin-right:5px}
.drop-list ul.second li a:hover{background-color: #e60012; color:#fff; font-weight: bold;text-indent:0.5em}
.drop-list ul.second li:last-child a{}
.drop-list ul.sub2 li a{padding-left:35px;color:#666}
.header .nav ul.first > li .drop-wrap{ margin-left:15%; }

/*mobile-nav*/
.mask-bg{display:none;z-index:99999;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5)}
.mobile-nav-btn{display:none;float:right;width:50px;height:50px;text-align:center;line-height:50px;font-size:24px;color:#fff;background:#e60012;cursor:pointer}
.mobile-nav{z-index:999999;position:fixed;width:250px;height:100%;top:0;left:-250px;background:#fff;overflow:auto;-moz-box-shadow:2px 2px 5px #ccc;-webkit-box-shadow:2px 2px 5px #ccc;box-shadow:0 1px 2px #ccc;}
.mobile-nav ul{font-size:14px;border-bottom:2px solid #e60012;padding:10px}
.mobile-nav ul li{font-size:14px;}
.mobile-nav .m-top li{font-size:16px;color:#e60012;text-align:center}
.mobile-nav ul li a{display:block;font-size:14px;padding:5px 0}
.m-nav-list li .m-nav-a{position:relative}
.m-nav-list li .m-nav-a a{display:inline-block;width:150px;font-weight:bold}
.m-nav-list li .fa{position:absolute;top:0;right:0;display:block;width:50px;height:30px;text-align:center;line-height:30px}
.m-nav-list li .m-nav-sub{display:none}
.m-nav-list li .m-nav-sub a{font-size:12px;}
.mobile-nav ul li.language a{display:inline-block}
.mobile-nav ul li.language span.flag{margin-left:10px;vertical-align:1px}
.mobile-nav ul li .pop-search{display:block;position:static;width:230px;}
.mobile-nav ul li .pop-search .in1{width:178px}
.mobile-nav ul:last-child{border:0}

/*banner*/
.banner{width:100%;height:520px;}
#banner{width:100%;background:#2c2c2c;overflow:hidden}
#banner a{display:block;height:520px;background-position:center;}
#banner .owl-dots{z-index:100;position:absolute;left:0;bottom:40px;width:100%;text-align:center}
#banner .owl-dots .owl-dot{display:inline-block;margin:0 5px;}
#banner .owl-dots .owl-dot span{display:block;width:15px;height:15px;background:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
#banner .owl-dots .owl-dot.active span{background:#e60012;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}

/*footer*/
.footer{ width:100%; }
.foot-main{background: #f5f5f5; border-bottom: 1px solid #e6e6e6;}
.foot-main .box{background-size:auto 100%; padding:5% 10px 2%}
/*////foot-style1////*/
.foot-main .sys-ft-info{ float:left;  width:54%; display:inline-block; }
.foot-main .sys-ft-info dl {
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
	max-width:33%;
}
.foot-main .sys-ft-info dl:first-child {
	width:33%;
}
.foot-main .sys-ft-info dl:nth-child(2) {
	width:33%;
}
.foot-main .sys-ft-info dl:nth-child(3) {
	width:33%;
}
.foot-main .sys-ft-info dl:last-child {
	width:33%;
}
.foot-main .sys-ft-info dl dt {
    margin-bottom: 10px;
    font-size: 18px;
    color: #333;
}
.foot-main .sys-ft-info dl dd {
	width:100%;
}
.foot-main .sys-ft-info a {
	font-size:16px;
    color: #666;
	word-break: break-all;
    word-wrap: break-word;
}
.foot-main .sys-ft-info a:hover{ color:#e60012;}
.foot-main .sys-link{ float:left; display: inline-block; width:30%; }
.foot-main .sys-link h3{margin-bottom: 10px;font-size: 18px;color: #333;}
.foot-main .sys-link div{width:100%; display: inline-block; margin-bottom: 10px; }
.foot-main .sys-link span{ padding-left: 10px; font-size: 16px; line-height: 30px;}
.foot-main .sys-link i{  display: inline-block; width:30px; height:30px;  }
.foot-main .sys-link i img{ width: 30px; height: 30px;}
.foot-main .sys-link .phone{display: inline-block;  }
.foot-main .sys-link .phone span{display: inline-block; font-size: 26px;  line-height: 40px; color:#e60012;}
.foot-main .sys-link .phone i img{padding-bottom: 10px;}

.foot-main .sys-footer-codebox {
	width:16%;
	float:right;
	position:relative;
}
.foot-main .sys-footer-codebox .wechatQRCode{ display:block; width: 100%; text-align:center;}
.foot-main .sys-footer-codebox .wechatQRCode img{width: 120px; height: 120px;}
.foot-main .sys-footer-codebox .QR-title{ display:block; text-align: center; font-size:16px; height: 30px; line-height: 30px;}

.foot-bottom{background:#f5f5f5;padding:20px 0}
.foot-bottom .copyright{font-size:16px;color:#666;text-align:center}

/* 主要css样式*/
.stores {
    max-width: 1200px;
	display: block;
	background: #f5f5f5;
	padding: 20px 0;
	margin-left:auto;
	margin-right:auto;
}
.stores .text{ 
	float:left; 
	width:50%; 
	display: block; 
    flex-wrap: wrap;
    font-size: 16px;
    line-height: 26px;
    color: #666;
}
.stores ul {
	float:right;
	width:50%;
	display: block;
}
.stores li {
    float: left;
    text-align: center;
    font-size: 16px;
}
.stores .icon {
    margin: 0 auto 10px;
    display: block;
    width: 80px;
    height: 80px;
}
.stores em {
    display: block;
}
.stores li, .stores em {
    width: 150px;
}

.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px; display: none;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}

.main-im .im_main{ display:block;}
.main-im .im_main .im-top {display:block;width:94px;height:15px;margin-bottom: 2px;}
.main-im .im_main .im-body{ display:block; }
.main-im .im_main .shop-container{position:relative; width:94px;height:107px;background:url(../images/bgjd.png) no-repeat center center;float:left;}
.main-im .im_main .shop-show{width:107px;height:107px;position:absolute;right:0;bottom:5px; display: none;}
.main-im .im_main .shop-show .shop-ma{ background-color: #fff; width:107px;height:107px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-container{position:relative; width:94px;height:107px;background:url(../images/bgwx.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:107px;height:107px;position:absolute;right:0;bottom:5px; display: none;}
.main-im .im_main .weixing-show .weixing-ma{background-color: #fff; width:107px;height:107px;padding-left:5px;padding-top:5px;}
.main-im .im_main .phone-container{position:relative; width:94px;height:107px;background:url(../images/bgphone.png) no-repeat center center;float:left;}
.main-im .im_main .phone-show{width:107px;height:107px;position:absolute;right:0;bottom:5px; display: none;}
.main-im .im_main .phone-show .phone-ma{background-color: #fff; width:107px;height:107px;padding-left:5px;padding-top:5px;}

.main-im .im_main .im-bottom {float: left; display:block;width:94px;height:15px;}
.main-im .im_main .go-top{width:50px;height:50px;background:url(../images/gotop.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:52px;}
.main-im .close-im{position:absolute;right:0;top:-20px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{display: none; cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}