@charset "utf-8"; 

/********************************product.html******************************/
.page-menu{
	background: #e0e0e0;
	padding: 0 35px ;
	height: 60px;
	font-size: 0;
}
.page-menu a{
	width: 175px;
	display: inline-block;
	height: 100%;
	border-right: 1px solid #c3c3c3;
	color: #000000;
	font-size: 14px;
	text-align: center;
	height: 60px;
	line-height: 60px;
	transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
}

.page-menu a.cur,.page-menu a:hover{
	background: #ffffff
}
.product-list{
	margin-top: 30px;
	margin-bottom: 0px;
}
.product-list ul{
	margin-left: -15px;
	margin-right: -15px;
	
}
.product-list ul li{
	float: left;
	width: 25%;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom:20px;
}
.product-list ul li .g_price{ text-align:center; line-height:30px;}
.product-list ul li .g_price span{
       font-size: 13px;
       zoom: 1;
        display:inline-block;
        color: #F40;
		margin-right:3px;
		margin-left:4px;
}
.product-list ul li .g_price strong{
       font-size: 16px;
       zoom: 1;
        display:inline-block;
        color: #F40;
}
.title-pp {color: #3d3d3d; cursor:pointer;margin-left:4px;text-align:center; display:none;}
.product-list ul li a{
	position: relative;
	display: block;
	width: 100%;
	/*height: 100%;*/
	height:525px;
	/*border-radius: 12px;*/
	overflow: hidden;
    border: 1px solid #ededed;
	transition: all .2s;
}
.product-list ul li a:hover{border: 1px solid #f40;}
.product-list ul li .mask{
	height: 110px;
	width: 100%;
	position: absolute;
	left:0;
	bottom: -110px;
	text-align: center;
	transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
}
.product-list ul li .style{
	width: 120px;
	height: 30px;
	background: #fff;
	font-size: 18px;
	color: #000000;
	text-align: center;
	margin:12px auto 10px;
	line-height: 30px;
}
.product-list ul li .txt{
	color: #ffffff;
	font-size: 14px;
	line-height: 24px;
}
.product-list ul li:nth-child(1) .mask{
	background: rgba(13,208,192,0.61);
}
.product-list ul li:nth-child(2) .mask{
	background: rgba(15,71,163,0.61);
}
.product-list ul li:nth-child(3) .mask{
	background: rgba(57,163,15,0.61);
}
.product-list ul li:nth-child(4) .mask{
	background: rgba(250,182,0,0.61);
}
.product-list ul li:nth-child(5) .mask{
	background: rgba(13,208,192,0.61);
}
.product-list ul li:nth-child(6) .mask{
	background: rgba(15,71,163,0.61);
}
.product-list ul li:nth-child(7) .mask{
	background: rgba(57,163,15,0.61);
}
.product-list ul li:nth-child(8) .mask{
	background: rgba(250,182,0,0.61);
}

.product-list ul li:nth-child(9) .mask{
	background: rgba(13,208,192,0.61);
}
.product-list ul li:nth-child(10) .mask{
	background: rgba(15,71,163,0.61);
}
.product-list ul li:nth-child(11) .mask{
	background: rgba(57,163,15,0.61);
}
.product-list ul li:nth-child(12) .mask{
	background: rgba(250,182,0,0.61);
}

.product-list ul li:hover .mask{
	bottom: 0;
}
.video-list ul li img,.profile-list ul li img,.master-list ul li img,.master-left img{
	transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
}
.video-list ul li:hover img,.profile-list ul li:hover img,.master-list ul li:hover img,.master-left:hover img{
	transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
}

/*.product-list ul li img{
	transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
}

.product-list ul li:hover img{
	transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
}*/

.g_price-highlight{line-height: 22px; margin-top:5px; padding-left:10px;}
.g_price-highlight span{margin-right:2px;color: #F40;font-size: 18px;}
.g_price-highlight strong{font-weight: 700; color: #F40;font-size: 18px;}
.title-pgg{padding-left:10px;    color: #3d3d3d; font-size:13px; line-height:22px; margin-top:5px;}
.tithover{ color:#000;}
.tithover:hover{color: #F40;}

/********************************video.html******************************/
.video-list{
	margin-bottom: 5px;
}
.video-list ul{
	margin-top: 20px;
	margin-left: -5px;
	margin-right: -5px;
}
.video-list ul li{
	width: 33.3333%;
	/*display:inline-block;*/
	float:left;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:25px;
}
.video-list ul li>a{
	display: block;
	width: 100%;
	height: 100%;
	border:1px solid #a1a1a1;
	overflow: hidden;
}
.video-list ul li .video-img{
	position: relative;
}
.play{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -27.5px;
	margin-left: -27.5px;
	width: 55px;
	height: 55px;
}
.video-list ul li .con{
	padding:15px 20px;
}
.video-list ul li .tit{
	font-size: 19px;
	color: #3a3a3a;
	margin-bottom: 20px;
}
.video-list ul li .view{
	width: 85px;
	height: 25px;
	border-radius: 12px;
	background: #fa7d00;
	color: #fff;
	font-size: 12px;
	line-height: 25px;
	text-align: center;
}
.video-list ul li .txt{
	color: #8f8f8f;
	font-size: 14px;
	color: #8f8f8f;
	font-family: "宋体";
	margin-left: 12px;
	line-height: 25px;
}
.video-list ul li i{
	font-style: normal;
	color: #fa7d00;
	margin-right: 5px;
}
.page{
	text-align: center;
	margin-bottom: 25px;
}
.page ul li{
	display: inline-block;
	text-align: center;
	margin:0 10px;
	font-family: "宋体";
}
.page ul li a{
	color: #818181;
	transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
}
.page ul li:hover a{
	color: #fa7d00;
}

.fwvideocot{
    min-height:400px;
}
.aboufw{
    min-height:400px;
    color: #575757;
    line-height: 200%;
	margin-top:15px;
	margin-bottom:30px;
}

.video {
	display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: rgba(0, 0, 0, .8);
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.video video {
    position: absolute;
    left: 50%;
    top: 40%;
    -webkit-transform: translate(-50%, -40%);
    -moz-transform: translate(-50%, -40%);
    -o-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
    width: auto;
    min-width: 40%;
    max-height: 67%;
}
.video-close {
    position: absolute;
    left: 50%;
    top: 92%;
    z-index: 999;
    margin-left: -32px;
    transform: translateY(-92%);
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    background: rgba(225, 225, 225, .5);
    border-radius: 50%;
	font-size: 0;
    cursor: pointer;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}
.video-close:hover {
    background: rgba(250, 125, 0, .5);
}



/********************************service.html******************************/
.banner{
	position: relative;
}
.banner .txt{
	position: absolute;
	width: 100%;
	left:0;
	text-align: center;
	top: 80px;
}
.banner .txt1{
	color: #fa7100;
	font-size: 48px;
	line-height: 1;
	margin-bottom: 20px;
}
.banner .txt2{
	font-size: 20px;
	line-height: 1;
	color: #5c5c5c;
}
.banner .service-list{
	position: absolute;
	bottom: 40px;
	width: 1200px;
	left: 50%;
	margin-left: -600px;
}
.banner .service-list ul li{
	width: 25%;
	float: left;
	height: 205px;
	text-align: center;
	display: table;
	padding-left: 10px;
	padding-right: 10px;
}

.banner .service-list ul li .warp{
	display: block;
	background: rgb(0,0,0,0.3);
	display: table-cell;
	vertical-align: middle;
	transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    cursor: pointer;
}
.banner .service-list ul li:hover .warp{
	background: rgba(250,113,0,0.2);
}
.banner .service-list ul{
	margin-left: -10px;
	margin-right: -10px;
}
.banner .service-list ul li .service-txt{
	line-height: 1;
	color: #fff;
	font-size: 14px;
	margin-top: 50px;
}
.profile-list{

}
.profile-list ul{
	margin-left: -10px;
	margin-right: -10px;
}
.profile-list ul li{
	float: left;
	width: 33.33%;
	padding-left: 10px;
	padding-right: 10px;
	margin-top:25px;
}
.profile-list ul li .tit{
	color: #000000;
	font-size: 14px;
	padding-top: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e8e8e8;
}
.profile-list ul li .tit span{
	color: #ff0000;
}
.profile-list ul li .txt{
	font-family: "宋体";
	color: #656565;
	font-size: 12px;
	line-height: 24px;
	margin-top: 5px;
	margin-bottom: 5px;
/*	height: 72px;*/
	overflow: hidden;
}
.profile-list ul li .more{
	color: #656565;
	font-size:12px;
	font-family: "宋体";
	padding-top: 15px;
	border-top: 1px solid #e8e8e8;
	transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
}
.profile-list ul li .profile-img{
	overflow:hidden;
}
.profile-list ul li:hover .more{
	color: #fa7100;
}
.banner2 .txt{
	top: 30%;
}
.master-con{
	margin-top: 20px;
	margin-bottom: 20px;
}
.master-left{
	width: 295px;
	float: left;
	height: 185px;
	overflow: hidden;
}
.master-right{
	width: 580px;
	float: left;
	margin-left: 60px;
}
.master-right .tit{
	color: #000000;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 20px;
	overflow: hidden;
    white-space: nowrap;
   text-overflow:ellipsis;
}
.master-right .txt{
	color: #373737;
	font-size: 12px;
	font-family: "宋体";
	line-height: 24px;
}
.master-list ul{
	margin-left: -8px;
	margin-right: -8px;
}
.master-list ul li{
	float: left;
	width: 25%;
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 10px;
	overflow: hidden;
}


/********************************product-det.html******************************/
.bread-menu{
	margin-top: 15px;
	margin-bottom: 15px;
}
.bread-menu a{
	font-size: 14px;
	color: #404040;
	font-family: "宋体";
	line-height: 1;
}
.bread-menu a:after{
	content: ">";
	margin:0 5px;
}
.bread-menu a:last-child:after{
	display: none;
}

.pc-slide {
	width: 548px;
	float: left;
}

.view .swiper-container {
	width: 548px;
	height: 440px;
}

.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.preview .swiper-container {
	width: 471px;
	height: 129px;
	margin-left: 35px;
}

.preview .swiper-slide {
	width: 145px;
	height: 127px;
	cursor:pointer;
}
.preview .arrow-left {
	background: url(../images/arrow-left.png) no-repeat left top;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -17.5px;
	width: 20px;
	height: 35px;
	z-index: 10;
}

.preview .arrow-right {
	background: url(../images/arrow-right.png) no-repeat left bottom;
	position: absolute;
	right: 0px;
	top: 45%;
	margin-top: -17.5px;
	width: 20px;
	height: 35px;
	z-index: 10;
}

.preview img {
	padding: 1px;
}

.preview .swiper-slide-active img {
	padding: 0;
	border: 1px solid #F00;
}
.product-con2{
	width: 460px;
	float: left;
	margin-left: 40px;
}
.con-tit{
	font-size: 23px;
	color: #404040;
	line-height: 1;
	margin-bottom: 12px;
}
.g_price-c{
 margin-bottom: 13px;
}
.g_price-c span{
       font-size: 16px;
       zoom: 1;
        display:inline-block;
        color: #F40;
		margin-right:3px;
		margin-left:4px;
}
.g_price-c strong{
       font-size: 20px;
       zoom: 1;
        display:inline-block;
        color: #F40;
}
.parameter{
	font-family: "宋体";
	line-height: 24px;
	color: #404040;
	font-size: 14px;
	margin-bottom:15px;
}
.parameter-tit{
	color: #404040;
	font-size: 18px;
	margin-bottom: 10px;
	line-height: 1;
	font-family: "微软雅黑";
}
.parameter-txt{
	color: #404040;
	font-size: 14px;
	font-family: "宋体";
	line-height: 30px;
}
.num{
	margin-top: 20px;
}
.style-list p{ margin-top:20px;}
.style-list p font {
    font-size: 14px;
    color: #404040;
    margin-right: 10px;
}
.style-list p span {
    font-size: 14px;
    color: #666;
    border: 1px solid #999;
    display: inline-block;
    padding: 5px;
    cursor: pointer;
	margin-right:2px;
}
.style-list p a {
    font-size: 14px;
    color: #666;
    border: 1px solid #999;
    display: inline-block;
    padding: 5px;
    cursor: pointer;
	margin-right:2px;
}
.style-list p span:hover,.style-list p span.no{
    border: 2px solid #f60;
    padding: 4px;
	background: url(../images/on.png) no-repeat right bottom;
}
.style-list p a:hover,.style-list p a.no{
    border: 2px solid #f60;
    padding: 4px;
	background: url(../images/on.png) no-repeat right bottom;
}

.ctyre span{ display:inline-block; margin-left:20px; margin-right:3px;}
.ctyre select{ width:120px; height:32px; line-height:30px;}
.zhishao{color: #f40;}

.pro-btn a{
	display: inline-block;
	width: 165px;
	height: 50px;
	color: #ffffff;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	margin-top: 20px;
	transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    background: #fa7e00
}
.pro-btn a:nth-child(1){background-color: #ffeded; border:1px #fa7e00 solid; color:#fa7e00;}
.pro-btn a:nth-child(2){ margin-left:15px;}
.pro-btn a:hover{
	opacity: 0.9;
}
.det-pic{
	margin-top: 50px;
}
.det-tit span{
	display: block;
	width: 160px;
	height: 50px;
	background: #91c42f;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	margin:0 auto;
}
.det-tit{
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 40px;
}
.det-con{
	/*text-align: center;
	padding-bottom: 100px;*/
}
.product-consss{ display:none; min-height:300px; margin-bottom:30px; color:#666; margin-top:10px; line-height:180%;}

#nums{
	margin-left: 45px;
}
.Amount{
	width:45px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	color: #666;
	border:1px solid #d5d5d5;
	display: inline-block;
	vertical-align: middle;
	outline: none;
}
.Decrease,.Increase,.DisDe,.DisIn{
	width:30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	display: inline-block;
	border:1px solid #d5d5d5;
	font-size: 20px;
	color: #3C3C3C;
	background-color: #ededed;
	vertical-align: middle;
}
.Decrease i,.Increase i,.DisDe i,.DisIn i{
	font-style: normal;
	font-weight:800;
	font-size:20px;
}
.Decrease,.DisDe{
	border-right: none;
}
.Increase{
	border-left:none;
}
.pro-menu,.pro-menuss{
	font-size: 0;
/*	border-top: 2px solid #b3b3b3;*/
	margin-top: 35px;
	background-color: #f7f7f7;
    border: 1px solid #eee;
    border-bottom: 2px solid #fa7e00;
}
.pro-menu a,.pro-menuss a{
	width: 140px;
	height: 45px;
	display: inline-block;
	text-align: center;
	line-height: 45px;
	font-size: 14px;
	transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
	border-right:1px #f7f7f7 solid;
}
.pro-menu a.cur,.pro-menu a:hover,.pro-menuss a.cur,.pro-menuss a:hover{
	color: #fff;
	background: #fa7e00
}

.normal {
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    padding: 3px;
    width: 280px;
}
.addct{
  border: 1px solid #ccc;
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    padding: 3px;
    width: 120px;
}


/*购物车*/
.shopcar_table{width:1000px;margin:0 auto;}
.shopcar_table thead{}
.shopcar_table thead td{height:35px;background:#E4E4E4;color:#000;font-weight:bold; text-align:center;}
.shopcar_table tbody{background:#fff;border:solid 1px #ccc;}
.shopcar_table tbody td{padding:16px 0px;text-align:center;}
.shopcar_table thead td.selectLeft{ text-align:left;}
.selectLeft .alltd{ display:inline-block; line-height:30px; margin-left:-30px;}
.selectLeft .alltd input{}
.selectLeft .selectLeftGoods{display:inline-block; margin-left:50px;}

.goodImg{ margin-left:25px;}
.goodImg a img{display:block;width:100px;height:100px;padding: 5px;border: 1px solid #DEDEDE;}
.goodnames{ margin-left:15px;text-align:left;}
.goodnames h2 a{ font-size: 14px;font-weight: 400;}
.goodnames h2 a:hover{ color: #f40;}
.goodnames p{color: #999999;}
.danjias{ color:#3c3c3c;}
.pro_nums{ 
    width: 40px;
    height: 25px;
    text-align: center;
    line-height: 23px;
    font-size:13px;
    color: #343434;
    border: 1px solid #aaa;
    display: inline-block;
    vertical-align: middle;
	margin-left:0px;
    outline: none;
 }
 .deletbtn,.addbtns{
    width: 20px;
    height: 25px;
    text-align: center;
    line-height: 23px;
	margin-left:0px;
    display: inline-block;
    font-size: 20px;
    color: #444;
    border: 1px solid #e5e5e5;
    background: #f0f0f0;
    vertical-align: middle;
 }
.deletbtn:hover,.addbtns:hover{ border:1px #f60 solid; color:#f60;}
.totalPrice{color: #f40;}
.cart_dels a{color:#3c3c3c;}
.cart_dels a:hover{ color: #f40;}
.order_btn{background:#F40;margin:0 auto;margin-top:2px;width:120px;height:35px;border:none;color:#fff;font-size:16px;font-family:"微软雅黑";cursor:pointer;border-radius: 4px;}
.oderts{ text-align:right;color:#000; line-height:200%; font-size:14px; }
.oderts label{font-size:18px;font-family:"微软雅黑";color:#b20000;}
.oderts p{margin-top:5px;}
.remark {height: auto;line-height: 20px; margin: 10px auto;min-height:100px; border:1px #ccc solid;}
.small_title {height: 28px;line-height: 28px;width: 100%; background:#E4E4E4;}
.cnName {color: #000;float: left;font-family: "微软雅黑";font-size: 13px;font-weight: bold;text-indent: 10px;}
.red {color: #b20000 !important;}

.shopcar_table tbody .fromaz{background-color: #f2f7ff;}
.shopcar_table tbody .fromaz td{border-bottom:dashed 1px #dbdbdb;text-align:left;}

.shopcar_table tbody .fromaz .adrrgw{ float:left; margin-left:13px;}
.shopcar_table tbody .fromaz .bodygw{ float:left; margin-left:30px;}

.shopcar_table tbody .fromaz label{ float:left; width:85px; text-align:center; height:40px; line-height:40px;}
.shopcar_table tbody .fromaz input{ float:left; border:1px solid #ccc; height:40px; line-height:18px; width:366px; padding:5px 8px; color:#999;}
.shopcar_table tbody .fromaz p{ display:none; line-height:24px; font-size:12px; color:#ff5000; padding-left:85px;}
.shopcar_table tbody .fromaz textarea{ float:left; border:1px solid #ccc; line-height:26px; padding:5px 8px; width:366px; height:40px;}

.shopcar_table tbody .fromaz .adrinput input { border:1px solid #ff5000;}

.userinfoL{ display:block;}
.userinfoL ul li{ position:relative; float:left; font-size:14px; line-height:40px; padding-bottom:24px; width:588px;}
.userinfoL ul li label{ float:left; width:100px; text-align:right; padding-right:18px;}
.userinfoL ul li input{ float:left; border:1px solid #ccc; height:45px; line-height:18px; width:366px; padding:15px 19px; color:#999;}
.userinfoL ul li select{ float:left; border:1px solid #ccc; line-height:20px; width:120px; padding:10px 10px; color:#999;}
.userinfoL ul li .userinfoYzm{ width:242px;}
.userinfoL ul li a{ float:left; background-color:#ff5000; width:110px; margin-left:15px; text-align:center; height:45px; line-height:45px; color:#fff;}
.userinfoL ul li a:hover{ background-color: #ff8400;}
.userinfoL ul li .hqyzm{ background-color:#bebebe;background-color: #ff5000;}
.userinfoL ul li textarea{ float:left; border:1px solid #ccc; line-height:26px; padding:10px 19px; width:366px; height:98px;}
.userinfoL ul li p{display: none; position:absolute; bottom:0; left:100px; line-height:24px; font-size:12px; color:#ff5000;}
.userinfoL .userinfoFalse{ border:1px solid #ff5000;}
.userinfoAdd{ float:left; width:196px; height:50px; position:relative;}
.userinfoL .z999{ z-index:9999;}
.userinfoAdd span{ display:block; border:1px solid #ccc; height:48px; line-height:48px; background:url(../img/addDropdown1.png) 171px 22px no-repeat; width:156px; padding:0 19px; cursor:pointer;}
.userinfoAdd ul{ display:none; position:absolute; z-index:99; top:49px; left:0; background-color:#fff; border:1px solid #ccc; width:194px; border-top:0; max-height:205px; overflow-y:scroll; overflow-x:hidden;}
.userinfoL .userinfoAdd ul li{ text-align:center; width:100%; height:40px; line-height:40px; border-top:1px solid #ccc; color:#333; padding-bottom:0; cursor:pointer;}
.userinfoL .userinfoAdd ul li:hover{ color:#ff5000;}
.userinfoL ul li.imgyanzheng{ height: 50px;}
.userinfoL ul li.imgyanzheng input{ width: 232px; float: left;}
.userinfoL ul li.imgyanzheng .imgcode{ width: 88px; float: left; margin: 0 14px;}
.userinfoL ul li.imgyanzheng .imgcode img{ width: 124px; height: 50px;cursor: pointer}
.userinfoL ul li.imgyanzheng a{ float: left; font-size: 12px; color: #666; background-color: transparent; width: 84px;}
.userinfoL ul li.imgyanzheng a:hover{ text-decoration: underline;}