@charset "utf-8";
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
a, a:hover, a:active, a:focus {
	text-decoration: none;
	outline: none;
}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
.content,.container{margin-left:auto; margin-right:auto; width:1200px;}
.clr:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.clr {
	display:block
}

html[xmlns] .clr {
	display: block
}

* html .clr {
	height: 1%
}
.module-header {
	width: 100%;
	min-width: 1350px;
	padding: 0 100px;
	height: 90px;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(0,0,0,.6);
	/* background-color: #fff */
}

.module-header .header_logo {
	width: 245px;
	height: 64px;
	overflow: hidden;
	margin-top: 13px
}

.module-header .header_logo img {
	display: block;
	width: 100%
}

.module-header .header-box {
	height: 100%;
	width: 903px;
}

.module-header .header-box .header-nav {
	height: 100%
}

.module-header .header-box .header-nav li {
	margin: 0 21.5px;
	float: left;
}

.module-header .header-box .header-nav li .link-a {
	padding-bottom: 5px;
	font-size: 16px;
	transition: all .3s;
	line-height: 90px;
	box-sizing: border-box;
	color: #000;
}

.module-header .header-box .header-nav li:hover .link-a {
	border-bottom: 1px solid #ee3e3e;
	color: #ee3e3e;
}

.module-header .header-box .header-nav li:hover .xiala {
	height: auto;
	padding: 35px 0
}

.module-header .header-box .header-nav li.btn-hover .link-a {
	border-bottom: 1px solid #ee3e3e;
	/*color: #21406a*/
}

.module-header .header-box .header-nav li .xiala {
	transition: all .3s;
	width: 100%;
	height: 0;
	overflow: hidden;
	position: absolute;
	top: 90px;
	left: 0;
	z-index: 999;
	min-width: 1200px !important;
	background-color: #fff;
	box-shadow: 0 1px 10px #ccc
}

.module-header .header-box .header-nav li .xiala .xiala_nav {
	width: 1200px;
	padding: 0 100px;
	box-sizing: border-box;
	margin: 0 auto
}

.module-header .header-box .header-nav li .xiala .xiala_nav .page_nav {
	width: 150px;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	margin-bottom: 18px
}

.module-header .header-box .header-nav li .xiala .xiala_nav .page_nav .xbtn {
	font-size: 13px;
	display: block;
	margin-top: 15px;
	text-align: center;
	width: 100%;
	transition: all .3s;
	box-sizing: border-box;
	padding-bottom: 3px;
	border-bottom: 1px solid transparent
}

.module-header .header-box .header-nav li .xiala .xiala_nav .page_nav:hover .xbtn {
	border-color: #ee3e3e;
	color: #ee3e3e;
}

.module-header .search_tb {
	width: 31px;
	height: 30px;
	overflow: hidden;
	background: url(../images/search.png) no-repeat center/cover;
	margin: 30px;
	cursor: pointer
}

.module-header .search_box {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none
}

.module-header .search_box .search_hover {
	width: 506px;
	height: 30px;
	padding: 0 22px 12px;
	position: absolute;
	top: 21px;
	left: 50%;
	margin-left: -275px;
	border-bottom: 1px solid #666
}

.module-header .search_box .search_hover .ipt-txt {
	border: none;
	width: 420px;
	height: 30px
}

.module-header .search_box .search_hover .ipt-txt:focus {
	outline: 0
}

.module-header .search_box .search_hover .ipt-btn {
	border: none;
	width: 31px;
	height: 30px;
	background: url(../images/search.png) no-repeat center/cover;
	cursor: pointer
}

.module-header .search_box .search_hover .off {
	width: 30px;
	height: 30px;
	margin-left: 20px;
	background: url(../images/off.png) no-repeat center/cover
}

/*footer*/
.bottom{color:#999999;background-color: #efefef;padding-top:3%;padding-bottom:2%;}
.bottom .auto-inner{position: relative;width: 90%;margin: 0 auto;}
.bottom .other{position: absolute;width: 358px;font-size: 16px;top: 0;}
.bottom .other img{
    max-width: 100%;
}
.bottom .other .pic .forimg{
    /* height: 70px; */
}
.bottom .contact{ padding-top:8%; padding-bottom:5%}
.bottom .contact span{position: relative;display:block;padding-left:30px;line-height:24px;margin-bottom:8px;color: #4c4c4c;font-size: 14px;}

.bottom .contact span.tel:before{ background-position: center top}
.bottom .contact span.email:before{ background-position: center center}
.bottom .contact span.address:before{ background-position: center bottom}
.bottom .shop_share{}
.bottom .shop_share span{ position:relative; background-color:#2b2b2e; border-radius:100px; display: inline-block;width:17.74%; max-width: 48px; margin-right:2.5%;}
.bottom .shop_share{}
.bottom .shop_share span{ position:relative; background-color:#2b2b2e; border-radius:100px; display: inline-block;width:17.74%; max-width: 48px; margin-right:2.5%;}
.bottom .shop_share span:last-child{ margin-right:0}
.bottom .shop_share a{display:block;padding: 0px;float: left;}
.bottom .shop_share a img{/* opacity:0.5; */display:block;width: 100%;}
.bottom .shop_share .img{/* display:none; *//* position:absolute; */width: 37px;bottom:60px;max-width:none;margin-left: 10px;}
.bottom .shop_share span:hover .img{ display:block;}
.bottom .follow{ margin:auto; display:none; text-align:center; width:50%; position:relative}
.bottom .follow:before{ content:''; width:100%; height:1px; position:absolute; top:50%; left:0; background:#2b2b2e}
.bottom .follow span{ background-color:#15141a; padding:0px 10px; position:relative; z-index:2}
.bottom .caidan{padding-left: 410px;min-height: 298px;}
.bottom .caidan .sub{float: left;width: calc(100%/5);text-align: center;}
.bottom .caidan .sub:nth-child(3){width: 16.6%;}
.bottom .caidan dl{/* float:right */}
.bottom .caidan dt a{color: #00479d;font-size: 18px;}
.bottom .caidan dd{ padding-top:10px;}
.bottom .caidan dd span{display: block;color: #4c4c4c;font-size: 14px;padding: 5px 0;}
.bottom .caidan dd a{ color: #999999}
.bottom .caidan a:hover{ color: #ac1e2d}
.bottom .foot_link{padding-top: 2%;padding-bottom: 2%;line-height: 30px;}
.bottom .foot_link dt{font-weight: normal;position: absolute;padding: 0 10px;background-color: #973437;color: #fff;line-height: inherit;}
.bottom .foot_link dt:before{content: '';right: -16px;top: 6px;position: absolute;border: solid 8px transparent;border-left-color: #973437;}
.bottom .foot_link ul{ padding-left: 100px}
.bottom .foot_link ul li{ float: left; padding: 5px 10px;}
.bottom .foot_link ul li a{color: #4c4c4c;}
.bottom .foot_link ul li a:hover{ color: #ac1e2d}

.copyright{font-size: 16px;color: #fff;background-color: #22509e;padding:1% 0;}
.copyright a{color: #fff;}
.copyright .fl{float: left;color: #fff;}
.copyright .fl .icp{ display:inline-block; white-space:normal}
.copyright .fr{float: right;text-align: right;color: #fff;}
.copyright .fr a{ position: relative; margin-right: 10px;}
.copyright .fr a:before{ content: ''; display: block; background: #999; position: absolute; right: -6px; width: 1px; height: 50%;; top: 25%;}
.copyright .fr a:last-child{ margin-right: 0}
.copyright .fr a:last-child:before{ display: none}
.wap_nav{ display: none}
@media(min-width:880px){
.bottom .foot_link dd{ display: block!important}
}
@media(max-width:1024px){
.bottom .caidan{ padding-left:0}
.bottom .other{ position:relative; padding-bottom:3%}
.bottom .caidan dl{ float:none}
.copyright{font-size: 14px;}
}
@media(max-width:880px){
.bottom .pic{ max-width:60%; margin:auto}
.bottom .contact{ padding-top: 3%; padding-bottom: 2%}
.bottom .contact span.email,
.bottom .contact span.address{ display:none;}
.bottom .contact span.tel{ display: inline-block;  font-size: 22px}
.bottom .shop_share{ margin:auto; padding-top:2%; padding-bottom:3%; max-width:100%;text-align: center}
.bottom .other{ margin:auto; width:auto; text-align:center}
.bottom .follow{ display:block}
.bottom .caidan{ display: none}
.bottom .foot_link{ padding-top: 0; display: none}
.bottom .foot_link dt{ position: relative;}
.bottom .foot_link dt b{ position: absolute; width: 100%; height: 100%;}
.bottom .foot_link dt:before{ content:''; border:solid 8px transparent; display:block; position:absolute; right:20px; border-top-color:#fff; top:10px;  transition: 0.5s;}
.bottom .foot_link dt.show:before{border-top-color:transparent; border-bottom-color:#fff; top:0px;}
.bottom .foot_link dd{ display:none; position:absolute; width:100%; bottom:30px;border-radius:4px 4px 0 0; background-color:#23232c; z-index: 10}
.bottom .foot_link dd ul{ padding-left: 0}
.bottom .foot_link dd li{ float: none; padding: 0}
.bottom .foot_link dd a{ display:block; padding:5px 10px; border-bottom:solid 1px #141419; line-height:22px; font-size:14px;}

.copyright{ padding-bottom:65px;}
.copyright .fr{ float: none; text-align: center }
.copyright .fl{ float: none; text-align: center}

.wap_nav{ display: block; position: fixed; z-index: 99; width: 100%; bottom: 0; background: #c8192a}
.wap_nav ul li{ width: 25%; float: left; text-align: center; border-right: solid 1px #d82e3e}
.wap_nav ul li a{ font-size: 14px; color: #fff; display: inline-block; padding-top:30px; padding-bottom:3px; background: no-repeat center 8px; background-size:22px;}
.wap_nav ul li:nth-child(1) a{background-image: url(../images/n_icon1.png);}
.wap_nav ul li:nth-child(2) a{background-image: url(../images/n_icon2.png);}
.wap_nav ul li:nth-child(3) a{background-image: url(../images/n_icon3.png);}
.wap_nav ul li:nth-child(4) a{background-image: url(../images/n_icon4.png);}
.wap_nav ul li:nth-child(4){ border-right: none;}
}
.elevator {position: fixed;right: 10px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 200;border-bottom: 0;width: 70px;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2)}
.elevator .ul li {position: relative;}
.elevator .ul li:not(:last-child) {border-bottom: 1px solid #eee}
.elevator .ul li .icon {text-align: center;display: block;line-height: 30px;padding-top: 37px;background: no-repeat center 15px;font-size: 12px;color: #999;background-size: 26px auto;}
.elevator .ul .li_4 .icon {background-color: #ca172c;color: #fff}
.elevator .ul li .content {position: absolute;right: 100%; top: 0;display: none;}
.elevator .ul li:hover .content {display: block;}
.elevator .ul li .shopping {box-shadow: 0 0 10px rgba(0,0,0,0.5);background-color: #fff;margin-right: 10px;}
.elevator .ul li .shopping .item {text-align: center;padding: 4px 10px;width: 130px;font-size: 16px;}
.popup-wrap {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 100;display: none}
.popup-wrap .main {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 96%;}
.popup-wrap .title {text-align: center; margin: 0 0 10px;font-size: 24px;font-weight: 500}
.popup-wrap .form-message {background-color: #fff;border-radius: 4px;max-width: 1000px;margin: 0 auto;padding: 2% 80px;position: relative}
.popup-wrap .form-message .close {cursor: pointer;position: absolute; right: 15px;top: 15px;width: 50px;height: 50px;background: url(../images/close2.png) no-repeat center center;background-size:30px;}
.popup-wrap .form-message form {width: 100%}
.popup-wrap .form-message form .form-item {overflow: hidden;margin-bottom: 15px;}
.popup-wrap .form-message form .inline-box {margin: 0 -10px;}
.popup-wrap .form-message form .form-item .inline {width: 50%;float: left;padding: 0 10px;}
.popup-wrap .form-message form .label {font-size: 16px;}
.popup-wrap .form-message form input {display: block;width: 100%;height: 45px;line-height: 45px;border: 0;background-color: #f8f8f8;color: #666;font-size: 16px;padding: 0 20px}
.popup-wrap .form-message form textarea {display: block;width: 100%;height: 100px;padding: 10px 20px;border: 0;background-color: #f8f8f8;color: #333;font-size: 16px;}
.popup-wrap .form-message form .btn_submit {width: 120px;margin: 0 auto;background-color: #ca172c;color: #fff;cursor: pointer}
.popup-wrap .form-message form .form-item .form-select .inline {width: 33.3333%}
.popup-wrap .form-message form select {display: block;width: 100%;height: 45px;border: 0;background-color: #f8f8f8;color: #666;font-size: 16px;padding: 0 20px;}
.auto-inner {
    max-width: 90%;
    margin: 0 auto;
    color: #999999;
}
/*footer*/