﻿/* ========== */
/* = PC HEADER = */
/* ========== */
.header{ background: #6d131e; position: relative; z-index: 3;}
.top-t{ width: 100%; height: 42px; line-height:42px; color: #6f6f6f; background: #fff; position: relative; z-index:9;}
.local{ float:left; height: 42px; padding-left: 22px; background:url(../images/ico_local.png) no-repeat left center; color: #777; position: relative;}
.local:hover .local-change{ display: block;}
.local span{ position: relative; z-index: 1; display: inline-block; padding: 0 10px; color: #6e111b; cursor: pointer; }
.local-change{ display: none; z-index: 0; position: absolute; left: 60px; top:0px; width:302px; border: 1px solid #540000;}
.local-wrap{ margin-top: 28px; background: #fff; padding:0px 10px 17px 10px; overflow: hidden; }
.local-wrap p{ margin-top: 18px; color: #545454; cursor: pointer; display: inline; float: left; line-height: 22px; height: 22px; width: 70px; overflow: hidden; text-align: center; position: relative;}
.local-change p a{ color: #545454;}
.local-wrap p:hover{ background-color: #540000;}
.local-wrap p:hover a{ color: #fff;}
.local-wrap p:hover:after{ display: none;}
.local-wrap p:after{ content: ""; position: absolute; width: 1px; height: 13px; background-color: #e5e5e5; right: 0; top: 4px;}
.local-wrap p:nth-child(4n):after{ display: none;}
.top-sub{ float: right;}
.top-sub .item{ float:right; height: 42px; border-left: 1px solid #d8d8d8; padding: 0 25px; position: relative;}
.top-sub .item>span,.top-sub .item>img,.top-sub .item>a,.top-sub .item>img,.top-sub .item>em{ display: inline-block; vertical-align: middle;}
.top-sub .item>span{ margin-right:10px;}
.top-sub .tel span{ background: url(../images/icon_tel.png) no-repeat left center; padding-left:30px;}
.top-sub .tel em{ font-weight: bold; font-size: 20px; color: #6d131e; font-family: arial;}
.top-sub .gz a{ margin: 0 2px; -webkit-transition: all ease .3s; transition: all ease .3s;}
.top-sub .gz a:hover{ opacity: .6;}
.top-sub .gzh{ padding-right: 0; cursor: pointer;}
.top-sub .gzh div{ display: none; position: absolute; top:40px; right:0; padding:5px; background:#FFFFFF;}
.top-sub .gzh:hover div{ display: block;}

.logo{ float: left; color: #FFFFFF;}
.logo img{ display: inline-block; vertical-align: middle;}
.logo span{ margin-left: 30px; display: inline-block; vertical-align: middle;}
.nav { float: right;}
.nav li { float: left; margin-top: 20px; position: relative; text-align: center; font-size: 16px;}
.nav li>a{ position: relative; z-index:8; display: inline-block; padding: 0 20px; height:44px; line-height: 44px; color: #bc8c90;}
.nav li:last-child>a{ padding-right: 0;}
.nav li:hover>a,.nav li.active>a{ color: #fff; }
.nav-slide{ display: none; position: absolute; z-index:9; left:50%; top:44px; margin-left:-70px; width:140px; background:rgba(0,0,0,.8); border-bottom: 2px solid #42080f;}
.nav-slide a{ display: block; color: #fff; line-height:40px; border-top: 1px solid rgba(255,255,255,.2);}
.nav-slide a:hover { color: #bc8c90;}

@media (max-width:960px){
	.top-sub .item{ padding: 0 8px; }
	.top-sub .item>span{ margin-right:2px;}
	.top-sub .tel span{ background: none; padding-left: 0;}
	
	.logo span{ display: none;}
	.nav li>a{ padding: 0 15px;}
}




/* ========== */
/* = PC FOOTER = */
/* ========== */
.footer1 { color: #fff; background-image:url(../images/footer_bg.jpg); position: relative; z-index: 9;}
.foot-head{ padding-bottom:35px;} 
.foot-head .left{ margin-top: -62px; float: left; width: 28.5%; background: #1e1e1e; padding: 75px 20px 20px 32px;}
.foot-head .left .box img{ float: left;}
.foot-head .left .box div{ float: left; margin-left: 10px;}
.foot-head .left .box p{ line-height: 22px;}
.foot-head .left .box span{ margin-top:14px; display: block; font-size: 40px;margin-bottom: 14px;}
.foot-head .left .box .p2{ margin-top: 2px; font-size: 20px;}				
.foot-head .left .link a{ margin: 15px 2px 0; width: 120px; height: 30px; line-height: 30px; display: inline-block; background: #ffffff; text-align: center; -webkit-transition: all ease .3s; transition: all ease .3s;}
.foot-head .left .link a img{ margin-right: 10px; display: inline-block; vertical-align: middle;}
.foot-head .left .link a span{ display:inline-block; vertical-align: middle;}
.foot-head .left .link a:hover{ opacity:.7;}
.foot-head .left .tel{ line-height: 55px;}
.foot-head .left .tel span{ font-size: 14px;}
.foot-head .left .text{ width:120%; padding: 12px 24px; background: #6d131e;}
.foot-head .left .text p{ margin-top: 10px; padding-left: 28px; background: url(../images/fico_addrer.png) no-repeat left center;}
.foot-head .left .text p:first-child{ margin-top: 0;}
.foot-head .right{ float: right; width: 67%; max-width: 820px;}
.foot-head .right ul{ padding: 60px 0; line-height: 24px;}
.foot-head .right li{ float: left; padding: 0 5%; border-right: 1px solid rgba(255,255,255,.1);}
.foot-head .right li:first-child{ padding-left: 0;}
.foot-head .right li:last-child{ border-right: none; padding-right: 0;}
.foot-head .right li a{ display: block; color: #FFFFFF; -webkit-transition: all ease .3s; transition: all ease .3s;}
.foot-head .right li div a{ opacity: .4; }
.foot-head .right li a:hover{ opacity: .7;}
.foot-head .right .con a{ display: inline-block; margin: 0 10px; color: #FFFFFF;-webkit-transition: all ease .3s; transition: all ease .3s;}
.foot-head .right .con a:hover{ opacity: .7;}

.footer-link{ padding-bottom: 30px;}
.footer-link .content{ position: relative; padding-left: 82px; line-height: 26px;}
.footer-link span{ position: absolute; top:0; left:0; line-height: 26px;}
.footer-link a{ display: inline-block; margin: 0 5px; color: #8d8d8d; color:rgba(255,255,255,.4);-webkit-transition: all ease .3s; transition: all ease .3s;}
.footer-link a:hover{ color: #acacac; color:rgba(255,255,255,.8);}

.foot-bottom { padding: 12px 0; background:rgba(0,0,0,.6);  color: #8d8d8d; color:rgba(255,255,255,.4); }
.foot-bottom span{ margin-right:8%; text-transform: uppercase;}
.foot-bottom a { color: #8d8d8d; color:rgba(255,255,255,.4); -webkit-transition: all ease .3s; transition: all ease .3s;}
.foot-bottom a:hover { color: #acacac; color:rgba(255,255,255,.8); }

@media (max-width:960px){
	.foot-head .left{ padding:50px 15px 15px;}
	.foot-head .right li{ margin-bottom:20px; width: 33.33%;}
	.foot-head .right li:first-child{ padding-left: 5%;}
	.foot-head .right li:nth-child(3n){ border-right: none;}
	.foot-head .right li:nth-child(3n+1){ clear: both;}
}



/* ========== */
/* = float-menu = */
/* ========== */
.float-menu {
	position: fixed;
	right:2%;
	top:50%;
	margin-top: -110px;
	z-index: 999;
}
.float-menu ul li {
	position: relative;
	width: 50px;
	height: 50px;
	background-color: #d1d1d1;
	color: #FFFFFF;
	text-align: center;
	border-radius: 5px;
	margin-bottom: 1px;
	-webkit-transition: all ease .1s;
	transition: all ease .1s;
	background-size: cover;
	background-repeat:no-repeat;
	cursor: pointer;
}
.float-menu ul li a{
	color: #FFFFFF;
	display: block;
	width: 50px;
	height: 50px;
}
.float-menu li:hover {
	background-color: #71001c;
}
.float-menu li:hover a{
	color:#FFFFFF;
}
.float-menu li span {
	display: none;
	padding-top: 8px;
	line-height:18px;
}
.float-menu li i{
	display: block;
	width: 50px;
	height: 50px;
	opacity: 1;
}
.float-menu li:nth-child(1){background-color: #71001c;}
.float-menu li:nth-child(1) i{display:none;}
.float-menu li:nth-child(1) span{display:block; color:#fff;}
.float-menu .icon-01{
	background-image:url(../images/f_icon1.png);
}
.float-menu .icon-02{
	background-image:url(../images/f_icon2.png);
}
.float-menu .icon-03{
	background-image:url(../images/f_icon3.png);
}
.float-menu .icon-04{
	background-image:url(../images/f_icon4.png);
}
.float-menu .icon-05{
	background-image:url(../images/f_icon5.png);
}
.float-menu li:hover span{
	display: block;
}
.float-menu li:hover i{
	opacity: 0;
}
@media (max-width:1280px){
	.home-sub li p{
		font-size: 12px;
	}
}

/* ========== */
/* = float-bottom = */
/* ========== */
.float-bottom{
	position:fixed;
	bottom:0;
	right:0;
	left:0;
	width: 100%;
	background:rgba(0,0,0,.8);
	color: #FFFFFF;
	padding: 23px 0;
	z-index: 99;
}
.float-bottom .inner-wrap{ 
	overflow: hidden;
}
.float-bottom .red{
	position: absolute;
	top:0;
	left:0;
	width:56px;
	height: 100%;
	background: #6d131e;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	line-height: 22px;
	cursor: pointer;
}
.float-bottom .red span{
	display: inline-block;
	width: 14px;
	vertical-align: middle;
	padding-bottom: 20px;
	background: url(../images/f_left.png) bottom center no-repeat;
}
.float-bottom .red i{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.float-bottom .tit{
	text-align: center;
	font-size: 18px;
	position: relative;
}
.float-bottom .tit b{
	font-size: 24px;
	margin-right: 10px;
}
.float-bottom .tit span{
	padding: 0 35px;
	z-index:1;
}
.float-bottom .tit:after{
	content:"";
	position: absolute;
	top:50%;
	left:0;
	height: 1px;
	width: 40%;
	background: #7b7a7a;
	z-index:0;
}
.float-bottom .tit:before{
	content:"";
	position: absolute;
	top:50%;
	right:0;
	height: 1px;
	width: 40%;
	background: #7b7a7a;
	z-index:0;
}
.float-bottom .con {
	margin-top: 25px;
	line-height: 40px;
}
.float-bottom .con div{
	float:left;
	width:17.5%;
}
.float-bottom .in {
	position:relative;
	margin-right: 3.125%;
	height: 40px;
	line-height:38px;
	padding:5px 10px;
	padding-left:55px;
	border: 1px solid #7b7a7a;
	border-radius:5px;
}
.float-bottom .in span {
	position: absolute;
	top:0;
	left:10px;
}
.float-bottom .in input {
	float: left;
	width: 100%;
	height: 28px;
	line-height: 28px;
	border: none;
	background: none;
	color: #FFFFFF;
}
.float-bottom .button input {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #6d131e;
	background: #FFFFFF;
	border-radius:5px;
	-webkit-transition: all ease .2s;
	transition: all ease .2s;
}
.float-bottom .button input:hover{
	font-size: 15px;
	opacity: .9;
}

@media (max-width:1440px){
	.float-bottom .inner-wrap{ 
		padding: 0 70px;
	}
}
@media (max-width:750px){
	.float-menu,.float-bottom{
		display: none;
	}
}





/* 2017-10-31 */
.fixed-get-price {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9999;
	padding: 20px 0;
	width: 100%;
	/*background: rgba(0,0,0,.8);*/
	background: rgba(0,0,0,.6);
	-webkit-transition: all ease .3s;
   -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
     -o-transition: all ease .3s;
        transition: all ease .3s;
    -webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);    
}

.fixed-get-price.active {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
}

.fixed-get-price-in {
	position: relative;
	margin: 0 auto;
	max-width: 1020px;
	width: 100%;
	overflow: hidden;
}

.get-price-img {
	float: left;
	width: 48%;
}

.get-price-img img { max-width: 100%;}

.get-price-form {
	margin-left: 48%;
	margin-right: 96px;
	overflow: hidden;
}

.get-price-form li {
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	width: 47%;
}


.get-price-form li .iptxt{
	display: block;
	padding: 10px;
	width: 100%;
	height: 40px;
	line-height: 18px;
	border: 1px solid #e1e1e1;
	background: #fff;
	box-sizing: border-box;
}

.get-price-button {
	position: absolute;
	right: 0;
	top: 0;
	width: 96px;
}

.get-price-button button {
	display: block;
	width: 100%;
	height: 96px;
	color: #fff;
	font-size: 24px;
	line-height: 30px;
	background: #540000;
	border-radius: 100%;
	box-shadow: 1px 2px 5px rgba(11,2,5,.75);
	border: 0;
	cursor: pointer;
}

.fixed-get-price-close {
 	position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    z-index: 11;
}

.small-get-price.active{width: 40px;}
.small-get-price {
	z-index: 999;
	cursor: pointer;
	position:fixed;
	left:0;
	bottom:0;
	height: 140px;
	width: 0;
	background:rgba(0,0,0,.8);
	color: #540000;
	line-height: 20px;
	padding-top: 20px;
	font-weight: bold;
	text-align: center;
	font-size: 18px;	
	overflow: hidden;
	-webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s;  -o-transition: all ease .3s;  transition: all ease .3s; transition-delay:.5s;  -webkit-transition-delay:.5s;  -moz-transition-delay:.5s; -ms-transition-delay:.5s; -o-transition-delay:.5s;
}
.small-get-price span{
	display: inline-block;
	width: 18px;
}


#cnzz_stat_icon_1253317447{ position: fixed; bottom:0; left:0; font-size: 0; height: 0; overflow: hidden;}
