@charset "UTF-8";
.pc{
	display:none  !important; 
}
.base{
	margin:0 auto;  max-width:1280px;
}
.ntitle {
    line-height: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    color: black;
    margin-bottom: 12px;
}

.ncontent {
    line-height: 25px;
    padding-bottom: 55px;
}

.ninfo {
    color: #999;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin-bottom: 15px;
}
.ncontent img{
	max-width:100%;
}
.header{
	height:100px; background:url(../pics/nav.png) repeat-x left top;
}
.h-base{
	max-width:1500px; padding:0px 50px; margin:0 auto;
}
.header .h-base a.logo{
	height:100px; line-height:100px; float:left;
}
.header .h-base .navs{
	width:985px; float:right;
}
.header .h-base .navs ul li{
	width:16%; float:left; text-align:center; position:relative;
}
.header .h-base .navs ul li>a{
	display:block; color:white; font-size:16px; text-decoration:none; line-height:100px; height:100px;
}
.header .h-base .navs ul li>a>span{
	display:none;
}
.header .h-base .navs ul li div{
	position:absolute; top:100px; background:white; height:70px; width:max-content; overflow:hidden; left:-50%; display:none; z-index:1000;
}
.header .h-base .navs ul li div.tpcat_3{
	left:-86%;
}
.header .h-base .navs ul li div.tpcat_16{
	left:-27%;
}
.header .h-base .navs ul li div.tpcat_2{
	left:0%;
}
.header .h-base .navs ul li:hover div{
	display:block;
}
.header .h-base .navs ul li div a{
	display:inline-block; text-decoration:none; width:130px; text-align:center; line-height:70px; color:#333; height:70px;
}
.header .h-base .navs ul li div a:hover{
	background:url(../pics/l.png) no-repeat center bottom;
}
.header .h-base .navs ul li:hover>a,.header .h-base .navs ul li.cur>a{
	background:#333333; color:white;
}
.header .h-base>a.mulu{
	display:none;
}
.qsr-ppt{
	position:relative; background:url(../pics/q_1.jpg) no-repeat center top; padding:160px 0px; padding-bottom:80px; overflow:hidden;
}
.qsr-bb{
	position:relative;
}
.qsr-bb .wleft{
	width:50%; float:left; padding:0px 80px; padding-top:70px;
}
.qsr-bb .wleft .title{
	margin-bottom:50px;
}
.qsr-bb .wleft .content{
	color:#999999; line-height:50px; margin-bottom:50px;
}
.qsr-bb .wleft .content p{
	margin-bottom:20px;
}
.qsr-bb .wright{
	width:50%; float:right;
}
.qsr-bb .wright img{
	max-width:100%;
}
.qsr-bb .wleft .content p:first-child{
	height:250px; margin-bottom:20px;
}
.qsr-bb .wleft .mtb{
	text-align:right; position:absolute; width:50%; height:125px; bottom:80px; left:0px;
}
.flinks{
	line-height:32px; margin-bottom:12px; color:white;
}
.flinks a{
	display:inline-block; margin-left:18px; text-decoration:none; margin-left:13px; margin-right:10px;
}
.footer{
	height:250px; background:url(../pics/footers.png) repeat-x left top; padding-bottom:45px;
}
.foot-left{
	width:750px; float:left; padding-top:45px;
}
.foot-right{
	width:200px; float:right;
}

.foot-left .k1{
	line-height:38px; margin-bottom:20px; color:white;  font-size:16px; 
}

.foot-left .k1 font{
	display:inline-block; margin:0px 15px; height:28px; line-height:28px; background: url(../pics/lis.png) no-repeat center center; width:18px; position:relative; top:10px; 
}

.foot-left .k2{
	line-height:45px; margin-bottom:15px;
}

.foot-left .k2 a{
	display:inline-block; margin-right:30px; background:#717171; width:42px; line-height:42px; border-radius:50%; text-align:center; height:42px;
}

.foot-left .k3{
	line-height:35px; color:white; 
}
.foot-left .k3 a{
	color:white; 
}
.foot-left .k3 a:hover{
	color:white;
	text-decoration: underline;
}
.foot-right a.back{
	width:60px; height:60px; color:white; padding:7px 5px; line-height:25px; background:#636363; line-height:23px; display:inline-block; text-align:center; text-decoration:none;
}
.foot-right a.back font{
	display:block; line-height:23px;
}
.foot-right .rsb{
	margin-top:120px; line-height:32px; text-align:right; color:white;
}
.foot-right a{
	color:white;
}
.foot-right a.back:hover{
	background:black;
}
.msg-ppt{
	position:relative;
}
.msg-ppt img{
	width:100%;
}
.msg-fos{
	position:absolute; left:25%; width:50%; height:75%; top:13%;
}
.fomse{
	width:620px; margin:0 auto; color:white;
}
.fomse .title{
	line-height:60px; font-size:36px; margin-bottom:5px; text-align:center;
}
.fomse .tels{
	line-height:60px; margin-bottom:20px; font-size:24px; text-align:center;
}
.fomse ul li{
	border-bottom:solid 1px #929996; position:relative; height:65px; margin-bottom:5px; 
}
.fomse ul li input{
	width:100%; height:60px; line-height:40px; padding:10px 18px; font-size:18px; color:white; border:none; outline:none; background:none;
}
.fomse ul li.txt{
	height:110px;
}
.fomse ul li.txt textarea{
	height:85px; width:100%; line-height:29px; padding:15px 18px; color:white; border:none; outline:none; background:none;
}

.fomse ul li input::-webkit-input-placeholder,.fomse ul li textarea::-webkit-input-placeholder{
	color:white; font-size:16px;
}
.fomse .ozs{
	text-align:center; margin-top:45px;
}
.fomse .ozs button{
	display:inline-block; width:185px; height:44px; border-radius:22px; text-align:center; background:none; border:solid 1px #929996; line-height:44px; color:white; outline:none; font-size:16px;
}

.fomse ul li:last-child{
	padding-right:108px;
}

.fomse ul li:last-child .img{
	width:100px; height:35px; position:absolute; bottom:8px; right:8px; background:#f0f0f0; overflow:hidden;
}

.pw1{
	 background:#222222;
}
.pw1 .left{
	float:left; padding:40px 65px; padding-top:80px; color:#999999; line-height:38px; width:41%;  background:url(../pics/w.png) no-repeat 87% bottom; height:100%;
}
.pw1 .right{
	float:right; width:59%;
}
.pw1 .right img{
	max-width:100%;
}
.pw1 .left .content{
	line-height:46px; padding-bottom:200px;
}
.pw1 .left .content font{
	font-size:20px; color:white;
}
.pw1 .left .content p{
	margin-bottom:22px;
}
.pw2{
	background:#F7F7F7; padding:90px 0px;
}
.pw2 .title{
	height:85px; line-height:85px; text-align:center; margin-bottom:15px;
}

.pw2 .content{
	width:960px; margin:0 auto; line-height:42px; color:#666666; text-align:center;
}
.pw30{
	background:url(qd/pics/pw2.jpg) center center fixed; background-size:cover; height:760px;
}
.pw3 img{
	max-width:100%;
}
.pw4{
	background:#F7F7F7; padding:90px 0px;
}
.pw4 .title{
	height:65px; line-height:65px; text-align:center; margin-bottom:15px; color:#333333; font-size:30px;
}
.pw4 ul{
	padding:0px 90px;
}
.pw4 ul li{
	width:30%; margin-right:5%; float:left; text-align:center; padding:0px 40px;
}
.pw4 ul li:last-child{
	margin-right:0px;
}
.pw4 ul li .img{
	line-height:60px; margin-bottom:10px;
}
.pw4 ul li .desc{
	line-height:36px; color:#999999;
}
.pw5{
	background:url(qd/pics/pw0.jpg) center center fixed; background-size:cover; height:680px;
}
.page-ppt{
	margin-bottom:40px;
}
.page-ppt img{
	width:100%;
}
.contact-base{
	max-width:1500px; padding:0px 50px; margin:0 auto;
}
.contact-maps{
	margin-bottom:65px; position:relative; padding-left:430px; height:800px;
}
.contact-maps .shops{
	position:absolute; width:430px; background:white; left:0px; top:0px; height:100%;
}
.mains{
	background:#F7F7F7;
}
.contact-maps .shops .scha{
	background:black; padding:60px 52px; color:white;
}
.contact-maps .shops .scha .title{
	line-height:36px; color:white; font-size:18px; margin-bottom:10px;
}
.contact-maps .shops .scha select{
	display:block; width:100%; height:56px; line-height:56px; border-radius:3px; background:#FFFFFF; color:#999; font-size:16px; padding:0px 13px; outline:none;
}
.contact-maps .shops .scha select:last-child{
	margin-top:25px;
}
.shoplists{
	background:#EDEDED;
}
.shoplists li{
	padding:10px 0px; border-bottom:solid 1px #CCCCCC; cursor:pointer;
}
.shoplists li .title{
	padding:0px 40px; height:35px; padding-left:30px;
}
.shoplists li .title font{
	padding-left:25px; background:url(../pics/show_ico.png) no-repeat 2px center; display:inline-block; line-height:35px; font-size:18px;
}
.shoplists li .content{
	padding:5px 55px; color:#666; line-height:30px; display:none;
}
.shoplists li .content .add{
	height:46px; line-height:23px; overflow:hidden; color:#999; margin-bottom:10px;
}
.shoplists li.cur{
	background:white; border-color:white;
}
.shoplists li.cur .content{
	display:block;
}
.ditu{
	height:100%;
}
.bg-main{
	background:#f7f7f7; padding-bottom:65px;
}
.kj1{
	margin-bottom:15px;
}
.kj1 .left{
	width:50%; padding:0px 190px; padding-top:150px; padding-right:70px; float:left;
}
.kj1 .left .jj{
	padding-left:100px; margin-top:55px; color:#999999;
}
.kj1 .left .title{
	margin-bottom:55px; margin-left:60px; border-bottom:solid 4px #333333; height:80px; line-height:80px; font-size:90px; position:relative; color:#333; text-transform:Capitalize;
}
.kj1 .left .title font{
	margin-left:12px; font-size:18px; 
}
.kj1 .left .jj .tit{
	margin-bottom:20px; height:75px; position:relative; font-size:24px; color:#333333; line-height:70px;
}
.kj1 .left .jj .tit font{
	height:6px; width:45px; background:#E0E0E0; position:absolute; left:0px; bottom:0px; border-radius:2px;
}
.kj1 .left .jj .desc{
	line-height:27px;
}
.kj1 .right{
	width:50%; float:right; text-align:right;
}
.kj1 .right img{
	max-width:100%;
}
.kj2{
	position:relative;  background:#333333; color:white;
}
.kj2>a{
	position:absolute; top:45%; width:46px; height:46px; line-height:46px; text-align:center; font-size:18px; background:#333333; text-decoration:none; color:white; border:solid 1px white; border-radius:50%;
}
.kj2>a.left{
	left:85px;
}
.kj2>a.right{
	right:65px;
}
.kj2>a:hover{
	background:white; color:#333;
}
.kj2 .spaces{
	width:100%; overflow:hidden; padding-right:30%; display:none; position:relative;
}
.kj2 .spaces .left img{
	max-width:100%;
}
.kj2 .spaces .right{
	width:23%; position:absolute; right:7%; top:0px; height:100%; padding:0px 65px; padding-top:170px;
}
.kj2 .spaces .right .tit{
	margin-bottom:20px; height:75px; position:relative; font-size:24px; color:#fff; line-height:70px; transition: all 0.6s; left:60px; opacity:0;
}
.kj2 .spaces.cur .right .tit{
	left:0px; opacity:1;
}
.kj2 .spaces .right .tit font{
	height:6px; width:45px; background:#fff; position:absolute; left:0px; bottom:0px; border-radius:2px;
}
.kj2 .spaces .right .desc{
	line-height:35px; color:#999999; transition: all 0.6s; position:relative; top:60px; opacity:0;
}
.kj2 .spaces.cur .right .desc{
	top:0px; opacity:1;
}
.sproduct{
	min-height:650px; background:#f7f7f7 url(../pics/p_bg.jpg) no-repeat right top;
}
.base-p{
	max-width:1550px; margin:0 auto; padding:0px 50px; padding-top:100px; width:100%;
}
.base-p .title{
	margin-bottom:55px;
}
.base-p .title img{
	max-width:100%;
}
.products li{
	background:white; width:32%; float:left; margin-right:2%; position:relative; z-index:100; 
}
.products{
	padding-bottom:35px;
}
.products li:nth-child(3n+0){
	margin-right:0px;
}
.products li a.img{
	display:block; overflow:hidden; 
}
.products li a.img img{
	width:100%; transition: all 0.5s;  filter: grayscale(100%);
}
.products li:hover a.img img{
	transform: scale(1.05); filter: grayscale(0%);
}
.products li a.txt{
	display:block; height:70px; line-height:70px; text-align:center; position:relative;   font-size:16px; text-decoration:none;
}
.products li a.txt .bg{
	position:absolute; left:0px; top:0px; width:0px; height:100%; background:#383838; transition: all 0.5s;  
}
.products li:hover a.txt .bg{
	width:100%; opacity:0.8;
}
.products li a.txt font{
	height:1px; position:relative; background:white; display:inline-block; width:60px; position:relative; bottom:5px; left:0px; transition: all 1.0s;
}
.products li a.txt font.t1{
	left:-10px;
}
.products li a.txt font.t2{
	left:10px;
}
.products li:hover a.txt font.t1{
	left:0px;
}
.products li:hover a.txt font.t2{
	left:0px;
}
.products li a.txt span{
	display:inline-block; margin:0px 18px; color:#666; position:relative; z-index:100;
}
.products li:hover a.txt span{
	color:white;
}
.page-title{
	text-align:center;
}
.page-title .tmt{
	display:inline-block; height:39px; position:relative; padding:0px 60px; font-size:36px; color:#333; line-height:39px;
}
.page-title .tmt font{
	position:absolute; top:18px; height:1px; background:#333333; width:100%; z-index:0; left:0px;
}
.page-title .tmt span{
	line-height:39px; background:#F7F7F7; padding:0px 23px; position:relative; z-index:50; display:inline-block;
}
.subnav{
	text-align:center; margin-bottom:35px; margin-top:22px;  
}
.subnav a{
	display:inline-block; text-decoration:none; margin:0px 25px; color:#999999; font-size:16px; padding:0px 1px; line-height:40px; height:45px;
}
.subnav a.cur,.subnav a:hover{
	color:#333333; border-bottom:solid 2px #333333;
}

.plist li{
	width:48%; float:left; margin-bottom:28px; text-align:center; margin-right:4%;
}
.plist li:nth-child(even){
	margin-right:0px;
}
.plist li a.img{
	 overflow:hidden; display:block; max-height:450px;
}
.plist li a.img img{
	width:100%; transition: all 0.6s;  
}
.plist li:hover a.img img{
	transform: scale(1.05);  
}
.plist li a.txt{
	height:52px; line-height:52px; display:block; overflow:hidden; position:relative; text-align:center; text-decoration:none; font-size:16px; color:#666666;
}
.plist li a.txt font{
	width:0px; z-index:0; height:100%; background:black; opacity:0.9; position:absolute; left:0px; bottom:0px; transition: all 0.6s;  
}
.plist li:hover a.txt font{
	width:100%;
}
.plist li:hover a.txt{
	color:white;
}
.plist li a.txt span{
	position:relative; z-index:10;
}
.sce-h{
	padding-top:55px;
}
.nav2{
	text-align:center; line-height:38px; text-align:center; padding-top:45px;
}
.nav2 a{
	display:inline-block; color:#777; text-decoration:none; margin:0px 12px; font-size:16px; padding:0px 22px; border:solid 1px #f0f0f0; border-radius:2px; height:36px; line-height:36px; 
}
.nav2 a span{
	display:none;
}
.nav2 a.cur,.nav2 a:hover{
	color:white; border-color:#636363; background:#636363;
}
@media screen and (max-width: 1760px) {
	
	.kj1 .left .title{
		height: 68px;
		line-height: 68px;
		font-size: 70px;
	}
	
	.qsr-bb .wleft .content {
    line-height: 45px;
	}
	
	.qsr-bb .wleft .mtb {
    bottom: 0px;
	}
	
	.kj2 .spaces .right{
		padding-top:140px;
	}
	
	
	
}
@media screen and (max-width: 1560px) {
	
	.qsr-ppt{
	 background:url(../pics/q_1.jpg) no-repeat center -90px; 
	}
	
	.qsr-bb .wleft .content{
		line-height:40px;
	}
	.qsr-bb .wleft .content p:first-child{
		height:240px;
	}
 
	
	.qsr-bb .wleft{
		 padding:0px 50px;
	}
	.qsr-bb .wright{
		padding-top:5px;
	}
	.qsr-bb .wleft .mtb{
		bottom:0px;
	}
	
}

@media screen and (max-width: 1490px) {
	
	.kj1 .left .title{
		height: 60px;
		line-height: 60px;
		font-size: 62px;
	}
	
	.kj2 .spaces{
		padding-right:35%;
	}
	.kj2 .spaces .right{
		width:28%; padding-top:105px;
	}
	
	.kj1 .left{
		padding-top:120px;
	}
	
	.base-p .title img{
		max-width:400px;
	}
	
	.contact-maps{
		padding-left:400px;
	}
	.contact-maps .shops{
		width:400px;
	}
	
	.pw30{
	height:640px;
	}
	.pw5{
	height:540px;
	}
	
	.fomse .title {
    line-height: 30px;
    font-size: 20px;
    margin-bottom: 5px;
    text-align: center;
		}
		
	.fomse .tels {
    line-height: 33px;
    margin-bottom: 20px;
    font-size: 16px;
    text-align: center;
	}
	
	.msg-fos{
		top:8%;
	}
		
}

@media screen and (max-width: 1380px) {
	
	.kj1 .left .title{
		height: 46px;
		line-height: 46px;
		font-size: 50px;
	}
	
	.qsr-bb .wleft .mtb{
		height:60px;
	}
	.qsr-bb .wleft .mtb img{
		height:60px;
	}
	
	.kj2 .spaces .right{
		width:29%; padding-top:90px;
	}
}