@charset "utf-8";
/* 效果CSS开始 */
.mod18{width:460px;position:relative;margin:0 auto;overflow: hidden;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px;background:url(/style/home/images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:220px;width:32px;height:48px;}
.mod18 #prev,.mod18 #next{top:490px;width:10px;height:16px;}
.mod18 #prevTop{background:url(/style/home//images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(/style/home/images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:10px;background:url(/style/home/images/nextBtn.png) no-repeat;}
.mod18 li{float:left;text-align: center;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:460px;height:377px;position:absolute;color:#fff;}
.mod18 .cf a img{height: 100%;}
.mod18 .picBox{width:460px; height:394px;position:relative;overflow:hidden;padding-top:40px;}
.mod18 .picBox ul{height:377px;position:absolute; left:0;}
.mod18 .picBox li{padding-left:0px; padding-right:1px; width:460px;height:377px;}


.mod18 .listBox{width:460px;height:60px;margin:0 auto;position:relative; overflow:hidden;}

.mod18 .listBox ul{position:absolute; width:900px;}
.mod18 .listBox li{width:60px;height:40px;padding-right: 10px; cursor:pointer;position:relative; opacity: 1;}

.mod18 .listBox li a{display:block;width:60px;background-color:#cfa972;opacity: 0.6;}
.mod18 .listBox img{background-color:white;opacity: 0.6;width:60px;height:60px;}
.mod18 .listBox .on a{opacity: 1;}
.mod18 .listBox .on img{opacity: 1;}
.mod18 .listBox .on i{display:block;}
.mod18 .listBox .cf img{height: 40px;}

.cpbody{height: 540px;}
.cpbody .fl{width: 460px;}
.cpbody .fr{width: 780px;padding-top: 40px;padding-left: 40px;}
.cpbody .fr h3{text-align: left;font-size: 36px;}
.cpbody .fr .desc{margin:80px 0px;line-height: 36px;color: #333;font-size: 16px;}
.cpbody .fr .but a{width: 157px;height: 50px;color: white;background:#cc0000;border-radius: 5px;text-align: center;display: block;line-height: 50px;}

.cpnav{width: 1280px;margin:auto;}
.cpnav ul li{height: 40px;float: left;width:150px;line-height: 40px;text-align: center;font-size: 14px;color: #333;}
.cpnav ul li.cur{background:#cc0000; color: white;}

.cp1{padding:30px;}


.shuai p{line-height: 48px; height: 48px;font-size: 14px; color: #333;}
.shuai p span{font-size: 16px; color: red;margin:0px 5px;font-weight: bold;}
/*右侧产品导航*/

 .accordion {
 	width: 100%;
 	width: 300px;
 	margin: 0px auto 20px;
 	background: #FFF;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;
 	min-height: 900px;
 }

.accordion .link {
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 20px;
	color: #4D4D4D;
	font-size: 14px;
	font-weight: 700;
	border-bottom: 1px solid #CCC;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion .link a{color: #4D4D4D;}

.accordion li:last-child .link {
	border-bottom: 0;
}

.accordion .submenu{display: none;}
.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}

.accordion .open .link a{
	color: red;
}

.accordion li.open i {
	color: #b63b4d;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/
 .submenu {
 	display: none;
 	background: #444359;
 	font-size: 14px;
 }

 .submenu li {
 	border-bottom: 1px solid #4b4a5e;
 }


 .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #d9d9d9;
 	padding: 12px;
 	padding-left: 30px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }

 .submenu a:hover {
 	background: #b63b4d;
 	color: #FFF;
 }

  .submenu li.cur a{background: #b63b4d;
 	color: #FFF;}

.cproduct{background:#f5f5f5;}.cproduct .fr{width: 950px;}
.cproduct .fr ul li{width: 300px;float:left; height: 360px;background: white;border-radius: 10px;margin-top: 20px;margin-right: 20px;}
.cproduct .fr ul li a{display: block;text-align: center;font-size: 15px;color: #333;}
.cproduct .fr ul li a img{width: 100%;height: 100%; transition: all 0.5s;}
.cproduct .fr ul li a img:hover{transform: scale(1.2);}
.cproduct .fr ul li a:nth-last-child(1){margin-top: 15px;width: 260px;height: 40px;border:1px solid #dcdcdc;border-radius: 40px;
	margin-left: 20px;line-height: 40px;font-size: 14px;
}
.cproduct .fr ul li a:nth-last-child(1):hover{background: black;color: white;}
.cproduct .fr ul li a:nth-child(1){width: 160px;margin:30px 0px 10px 70px;min-height: 160px;}
.cproduct .fr ul li a h3{margin:10px 0px;}
.cproduct .fr ul li a p{margin-top: 30px;}
.cproduct .fr ul li a:hover{color: red;}
.cproduct .fr ul li.cur{margin-right: 0px;}


/*获取报价弹出层*/

.reveal-modal-bg { position: fixed; height: 100%; width: 100%; z-index: 100; display: none; top: 0; left: 0; background:rgba(00, 00, 00, 0.8) }		
.reveal-modal { visibility: hidden; top: 150px; left: 50%; margin-left: -300px; width: 520px; position: absolute; z-index: 101; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); background-color: #FFF; 		}			
.reveal-modal.small{ width: 200px; margin-left: -140px;}	
.reveal-modal.medium{ width: 400px; margin-left: -240px;}	
.reveal-modal.large{ width: 600px; margin-left: -340px;}	
.reveal-modal.xlarge{ width: 800px; margin-left: -440px;}		
.reveal-modal .close-reveal-modal { font-size: 22px; line-height: 0.5; position: absolute; top: 8px; right: 11px; color: #333; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; 		} 



	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.2);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 43.5%;
		margin-left: -300px;
		width: 520px;
		background: #eee url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 9999;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
#myModal{width:700px;height:700px;background: white;}
#myModal span{display:block;margin:15px 0px;}
#myModal span i{color: red;font-weight: bold;}
#myModal input{width: 300px;height: 40px;line-height: 40px;color: #333;font-size: 14px;border:1px solid #d9d9d9;text-indent:10px;}
#myModal .sosuo{padding-left: 200px;}
#myModal .form-group button{cursor:pointer;width: 302px;height: 40px;background:#cc0000;color: white;text-align: center;font-size: 16px;margin-top: 20px;border:none;}
#myModal .form-group button:hover{background:#1bc1ff;}