﻿/*pad*/

@media screen and (max-width:1200px) {	
.indexPage{width:100%;overflow:hidden;}
.innerPage{width:100%;overflow:hidden;}
.wrapper{width:auto;padding:0 15px;}

.gh{
	position:absolute; right:0; z-index:100; padding:5px;
    height:30px;width:30px;  border-radius:50%; border:1px solid #303135;
    top:12px;margin-right:20px; 
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor: pointer;
	display: none;
	z-index: 9999;
}

.gh.selected {transform: rotate(90deg);}
.gh a{background-color: #303135;
	 display: block;
	 height:2px;line-height: 0;
	 position: relative;
	 top: 50%;
	 transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	 -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	 -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	 width: 70%;  margin:-2px auto 0; 
}
	
.gh a:after,.gh a:before{
	background-color: #303135;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
}

.gh a:after {top:5px;}
.gh a:before {top:-4px;}
.gh.selected a:after, .gh.selected a:before {top: 0;   background-color: #303135;   }
.gh.selected a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.gh.selected a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.gh.selected{ top:18px; border:none;}
.gh.selected a {background-color: transparent !important;}


.rightFixed{display:none;}


.header .gh{ display:block;}
.header{position:relative;top:0;left:0;width:100%;height:auto;padding:20px 0;z-index:9999; }
.header .nav{background:#fff; margin-left:0;position:fixed; left:0; 
top:0; height:100%; width:100%; float:none; display:block;  display:none;}	  
.header .nav ul{background:#fff;padding-top:50px;} 
.header .nav li{float:none;text-align: center;padding:0;display:block;height:auto;
line-height:55px;border-bottom:1px solid #e3e3e3;background:none;}
.header .nav li.minLogo{display:block;border-bottom:none;}
.header .nav li.minLogo img{width:120px;margin-top:20px;}
.header .logo{width:265px!important;margin-top:0;float:none;}
.header .logo img{height:auto;width:100%;padding-top:0;}

.banner{height:auto;}
.fullSlide{position:relative;margin:0 auto; overflow:hidden;width:100%;min-height:auto !important;}
.fullSlide .bd{position:relative; z-index:0;min-height:auto !important;}
.fullSlide .bd li{overflow:hidden; position:relative;width:100%;min-height:auto !important;}
.fullSlide .bd li img{width:100%;display:block;min-height:auto !important;} 
.fullSlide .bd li a{display:block;}
.fullSlide .hd {width:100%;position:absolute; height:4px;bottom:4px; text-align:center; 
font-size:0; z-index:1;left:0;margin-left:0;}
.fullSlide .hd ul{text-align:center;padding-left:0;}
.fullSlide .hd li{margin: 0 3px;height:2px;overflow: hidden; width:25px; cursor: pointer;display:inline-block; *display:inline; zoom:1;background: #fff;}
.fullSlide .hd .on{ background: #04532e;}
.fullSlide .bd li .hide1{display:block;}
.fullSlide .bd li .show1{display:none;}



.cut{padding:0 0;background:#b29873; height:35px;overflow:hidden;position:relative;margin-top:0;}
.cut h6{font-size:12px;height:85px; line-height:35px;
color:#fff;text-align:center;overflow:hidden;}
.cut h6 span{width:33.333%;float:left;height:85px;}
.cut img{display:none;}
.cut h6 i{padding:0 5px;}


.bandStory{padding:50px 0;margin:0 15px;}
.bandStory .w_title{text-align: center;z-index:2;}
.bandStory .w_title h5{font-size:28px;margin-top:-32px;}
.bandStory .story{padding:0 15px;position:relative;}
.bandStory .story .txt{float:right;/*width:58%;*/ width:100%;        padding:35px 0;}
.bandStory .story .txt p{font-size:12px;border:none;line-height:25px;}
.bandStory .story .txt p.none{border-bottom:none;}
.bandStory .story img{position:absolute;top:-50px;left:0;width:245px;height:auto;
display:none;}
.bandStory .more{display:none;}






.storageBase{padding-bottom:30px;}
.storageBase .base{width:100%;float:none;}
.storageBase .base dl dd{float:left;width:47%;padding:0 1.5%;}
.storageBase .base dl dd .pic{height:auto;}
.storageBase .base dl dd .pic img{width:100%;height:100%;}
.storageBase .base dl dd .txt{padding-top:5px;}
.storageBase .base dl dd .txt h5{font-size:16px;color:#3c3d46;margin-bottom:5px;}
.storageBase .base dl dd .txt span{font-size:12px;color:#3c3d46;}
.storageBase .list{width:100%;float:none;padding-top:30px;}
.storageBase .list ul li{border-bottom:1px solid #c4c4c5;padding-bottom:20px;
margin-bottom:20px;}
.storageBase .list ul li h5{font-size:15px; color:#3c3d46;font-weight:550;
margin-bottom:5px;
white-space:initial;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.storageBase .list ul li span{color:#6b6d76;font-size:12px;font-weight:550;}


.salesHotline{padding:50px 0;}
.salesHotline .pic{width:100%;margin:0 auto;position:relative;}
.salesHotline .pic img{display:block;margin:0 auto;width:100%;height:auto;}
.salesHotline .pic .font{position:absolute;
top:50%;left:50%;margin-left:-60px;margin-top:-30px;
width:120px;height:60px;}


.foot{background:#3c3d46;padding:30px 0;}
.foot .footList{width:100%;position:relative;float:none;}
.foot .footList:after{display:none;}
.foot .footList ul{display:none;}
.foot .footList .copyright{padding-top:0;text-align: center;}
.foot .footList .copyright span{display:block;font-size:12px;}
.foot .footList .copyright img{display:none;}
.foot .weima{display:none;}


.innerPage .header{position:relative;height:auto;padding:20px 0;}
.innerBanner{display:none;}

.opsition{background:#f4f4f4;height:100%;line-height:55px;}
.opsition a{font-size:14px;color:#b29873;margin-right:0;display:inline-block;*display:inline;zoom:1;
padding-right:15px;margin-right:15px;
background-size:7px 12px;}
.opsition a.on,.opsition a:hover{color:#04532E;}
.opsition .icon{display:none;}
.opsition1 a{background:none;}



.brandstory{padding:60px 0;}
.brandstory .pic{width:auto;float:none;}
.brandstory .pic img{margin-top:0;display:block;margin:0 auto;width: ;height:;}
.brandstory .txt{width:auto;float:none;padding-top:50px;}
.brandstory .txt h5{font-size:28px;text-align: center;}
.brandstory .txt p{font-size:12px;padding-right:0;padding-top:20px;}





.proList{padding:50px 0 10px;}
.proList ul{position:relative;}
.proList ul li{float:left;width:47%;padding:0 1.5%;margin-bottom:30px;}
.proList ul li .pic{height:auto;border:1px solid #fff;}
.proList ul li .pic img{display:block;margin:0 auto;width:100%;height:auto;}
.proList ul li .txt{padding:15px 10px 0;font-size:13px;color:#3c3d46;}
.proList ul li .txt span.prise{font-size:12px;color:#3c3d46;float:right;}
.proList ul li :hover .pic{border:1px solid #02542e;}
.proList ul li:hover .txt{color:#02542e;}
.proList ul li:hover span.prise{color:#02542e;}

.paging{text-align: center;padding-bottom:50px;}
.paging ul li{display:inline-block;*display:inline;zoom:1;margin:0 2px;}
.paging ul li a{display:inline-block;*display:inline;zoom:1;padding:0 8px;
height:25px;line-height:25px;font-size:11px;color:#1f273f;border:1px solid #969696;background:#fff;}
.paging ul li a.on,.paging ul li a:hover{background:#b29873;border-color:#b29873;
color:#fff;}



.salesCenter{padding:30px 0;}
.salesCenter .map{padding-bottom:30px;width:100%;}
.salesCenter .map img{display:block;margin:0 auto;width:100%;}
.salesCenter .adress span{font-size:16px;color:#3c3d46;}
.salesCenter .adress p{font-size:14px;color:#3c3d46;}
.salesCenter .adress p span{margin-right:25px;}
.salesCenter .adress li{margin-bottom:15px;}
.innerform{background:#b29873;padding:20px 0;}
.innerform li{overflow:hidden;margin-bottom:20px;}
.innerform li .inpt{overflow:hidden;width:46%;}
.innerform li label{width:12%;height:40px;line-height:40px;}
.innerform li .text{width:86%; height:40px;border:none;font-size:16px;color:#3c3d46;
background:#fff;text-indent:15px;border:1px solid #c1c1c1;}
.innerform li .inpt1{width:100%;}
.innerform li .inpt1 label{width:5%;}
.innerform li .tera{width:93.3%;height:140px;padding-top:10px;}
.innerform li .inpt3{width:100%;padding-top:20px;}
.innerform li .inpt3 .btn{width:100%;height:40px;border:none;
font-size:16px;color:#fff;background:#04532e;cursor:pointer;}
.innerform li .inpt2 .text1{width:40%;margin:0 2%;}
.innerform li .inpt2 .yzm{width:20%;margin:0 3%;height:40px;border:1px solid #c1c1c1;}
.innerform li .inpt2 .change{width:15%;font-size:16px;color:#3c3d46;line-height:40px;}




.teamod .focusBox{position:relative;}
.teamod .focusBox ul.piclist{width:100%;margin:0 auto;}
.teamod .focusBox .prev,.teamod .focusBox .next{display:none !important;}
.teamod .focusBox .prev:hover,.teamod .focusBox .next:hover{display:none !important;}
.teamod .focusBox .hd { text-align: center; font-size:0; z-index:1; padding-top:20px;}
.teamod .focusBox .hd li{width:10px;height:10px;display:inline-block;*display:inline;zoom:1;
border-radius:50px;background:#b29873;margin:0 3px;}
.teamod .focusBox .hd .on{background:#04532E; }
.teamod dl{padding-top:30px;overflow:hidden;}
.teamod dl dd{float:left;width:47%;padding:0 1.5%;margin-bottom:10px;}
.teamod .pic{height:auto;border:1px solid #fff;}
.teamod .pic img{display:block;margin:0 auto;width:100%;height:100%;}
.teamod .txt{padding-top:20px;font-size:14px;color:#3c3d46;line-height:15px;}
.teamod .txt span.prise{font-size:12px;color:#3c3d46;float:right;}


}

@media screen and (max-width:1124px) {
.proDetail{padding:50px 0;position:relative;}
.game163{position:relative;}
.game163 .bigImg{height:440px; width:100%; 
 position:relative; border:1px solid #c1c1c1;}
.game163 .bigImg li img{width:100%; height:440px;display:block;}
.tempWrap{width:100% !important;position:relative;overflow:hidden;}

.game163 .smallScroll{height:80px;width:100%;position:relative;padding-top:10px;}
/*.game163 .sPrev,.game163 .sNext{display:none;}*/

.game163 .sPrev,.game163 .sNext{position:absolute;top:50%;margin-top:-10px;width:18px;height:30px;
display:inline-block;*display:inline;zoom:1;font-size:0;}
.game163 .sNext{background:url(../img/iconPrev.jpg) no-repeat center;background-size:18px 30px;left:0;}
.game163 .sPrev{background:url(../img/iconNext.jpg) no-repeat center;background-size:18px 30px;right:0;}
.game163 .smallImg{width:92%;margin:0 auto;}
.game163 .smallImg ul{height:80px;width:100%; overflow: hidden;}
.game163 .smallImg li{float:left;display: inline;margin-right:5px;}
.game163 .smallImg img{ border:1px solid #c1c1c1; width:132px; height:78px;}


.proDetail .proTxt{position:inherit;top:0;right:0;width:auto;padding-top:50px;}
.proDetail .proTxt span.name{font-size:28px;color:#3c3d46;}
.proDetail .proTxt span.prise{font-size:14px;color:#b29873;float:right;padding-top:10px;}
.proDetail .proTxt p{font-size:12px;color:#3c3d46;line-height:25px;padding-top:15px;}
	
}


@media screen and (max-width:780px) {

.innerform li{margin-bottom:10px;}
.innerform li .inpt{float:none;width:100%;}
.innerform li .inpt1{float:none;width:100%;}
.innerform li .inpt2{float:none;width:100%;}
.innerform li .inpt3{float:none;width:100%;}
.innerform li .inpt4{margin-top:10px;}
.innerform li label{width:10%;height:40px;line-height:30px;font-size:12px;}
.innerform li .text{width:88%;height:30px;font-size:12px;}
.innerform li .inpt1 label{width:10%;}
.innerform li .tera{height:50px;margin-bottom:7px;}
.innerform li .inpt2 .text1{width:38%;margin:0 1.5%;}
.innerform li .inpt2 .yzm{height:30px;}
.innerform li .inpt2 .change{font-size:14px;}
.innerform li .inpt3{padding-top:10px;}



	
}

@media screen and (max-width:434px) {
.gh{width:20px;height:18px;top:15px;}
.header .logo{width:185px !important;}		
	

.proDetail{padding:50px 0;position:relative;}
.game163{position:relative;}
.game163 .bigImg{height:300px; width:100%; 
 position:relative; border:1px solid #c1c1c1;}
.game163 .bigImg li img{width:100%; height:300px;display:block;}
	
/*.game163 .smallScroll{height:40px;width:100%;position:relative;padding-top:10px;}
.game163 .smallImg{width:100%;margin:0 auto;}
.game163 .smallImg ul{height:40px;width:100%; overflow: hidden;}
.game163 .smallImg li{float:left;display: inline;margin-right:5px;}
.game163 .smallImg img{ border:1px solid #c1c1c1; width:58px; height:38px;}*/


.game163 .smallScroll{height:60px;width:100%;position:relative;padding-top:10px;}
.game163 .sPrev,.game163 .sNext{position:absolute;top:50%;margin-top:-7px;width:14px;height:20px;
display:inline-block;*display:inline;zoom:1;font-size:0;}
.game163 .sNext{background:url(../img/iconPrev.jpg) no-repeat center;background-size:14px 20px;left:0;}
.game163 .sPrev{background:url(../img/iconNext.jpg) no-repeat center;background-size:14px 20px;right:0;}
.game163 .smallImg{width:90%;margin:0 auto;}
.game163 .smallImg ul{height:60px;width:100%; overflow: hidden;}
.game163 .smallImg li{float:left;display: inline;margin-right:5px;}
.game163 .smallImg img{ border:1px solid #c1c1c1; width:81px; height:58px;}



.salesHotline .pic .font{position:absolute;
top:50%;left:50%;margin-left:-90px;margin-top:-20px;
width:180px;height:40px;}


}


@media screen and (max-width:375px) {
.bandStory{padding:50px 0;}
.bandStory .w_title{position:relative;margin-top:-10px;}
.bandStory .w_title h5{font-size:24px;margin-top:-32px;}	
.bandStory .story img{position:absolute;top:-15px;left:-5px;width:120px;height:auto;}
.bandStory .story .txt{padding:15px 0;}


.teamod .w_title h5{font-size:24px;margin-bottom:5px;}
.scrollBox{padding-top:30px;}
/*.piclist{width:100% !important;}*/


/*.game163 .smallScroll{height:30px;width:100%;position:relative;padding-top:10px;}
.game163 .smallImg{width:100%;margin:0 auto;}
.game163 .smallImg ul{height:40px;width:100%; overflow: hidden;}
.game163 .smallImg li{float:left;display: inline;margin-right:5px;}
.game163 .smallImg img{ border:1px solid #c1c1c1; width:52px; height:38px;}*/

.game163 .smallScroll{height:60px;width:100%;position:relative;padding-top:10px;}
.game163 .sPrev,.game163 .sNext{position:absolute;top:50%;margin-top:-8px;width:10px;height:16px;
display:inline-block;*display:inline;zoom:1;font-size:0;}
.game163 .sNext{background:url(../img/iconPrev.jpg) no-repeat center;background-size:10px 16px;left:0;}
.game163 .sPrev{background:url(../img/iconNext.jpg) no-repeat center;background-size:10px 16px;right:0;}
.game163 .smallImg{width:90%;margin:0 auto;}
.game163 .smallImg ul{height:60px;width:100%; overflow: hidden;}
.game163 .smallImg li{float:left;display: inline;margin-right:5px;}
.game163 .smallImg img{ border:1px solid #c1c1c1; width:72px; height:58px;}



}


@media screen and (max-width:320px) {

.opsition a{font-size:12px;color:#b29873;margin-right:0;display:inline-block;*display:inline;zoom:1;
padding-right:15px;margin-right:15px;
background-size:7px 12px;}	

.proDetail{padding:50px 0;position:relative;}
.game163{position:relative;}
.game163 .bigImg{height:260px; width:100%; 
 position:relative; border:1px solid #c1c1c1;}
.game163 .bigImg li img{width:100%; height:260px;display:block;}


.game163 .smallScroll{height:40px;width:100%;position:relative;padding-top:10px;}
.game163 .sPrev,.game163 .sNext{position:absolute;top:50%;margin-top:-1px;width:10px;height:16px;
display:inline-block;*display:inline;zoom:1;font-size:0;}
.game163 .sNext{background:url(../img/iconPrev.jpg) no-repeat center;background-size:10px 16px;left:0;}
.game163 .sPrev{background:url(../img/iconNext.jpg) no-repeat center;background-size:10px 16px;right:0;}
.game163 .smallImg{width:90%;margin:0 auto;}
.game163 .smallImg ul{height:40px;width:100%; overflow: hidden;}
.game163 .smallImg li{float:left;display: inline;margin-right:5px;}
.game163 .smallImg img{ border:1px solid #c1c1c1; width:52px; height:38px;}



}

