@charset "utf-8";
/* CSS Document */
/*----------------------整体样式--------------------------------------*/
*{padding-bottom: 0px;border-right-width: 0px;list-style-type: none;margin: 0px; padding-left: 0px;padding-right: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; text-decoration: none;padding-top: 0px}
body{margin:0; padding:0; font-family:"微软雅黑";font-size:12px; color:#6d6565;background:#f3f6fb;width:100%}
html{font-size:100%;}
h1,h2,h3,h4,ul,li,dl,dt,dd,p,b,img,a,i,em{margin:0; padding:0;list-style:none; border:0;  font-weight:normal; font-style:normal; text-decoration:none; outline:none; }
img{max-width:100%;display:block;}
a{color:#666666}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.clear{width: 100%;clear:both;font-size:0;overflow:hidden;background-color:#FFF}

.wrapper{margin:0 auto; width:100%; max-width:640px;overflow:auto;background-color:#FFF}
.kong{width:100%;padding-bottom:50%;}
/*导航*/
#modal { display:none; }
#pageslide { display:none; background:#b78d43;position: fixed;top: 0;width:50%; max-width:320px; height:100%;z-index: 999999;}
.nav{width:100%; float:left; font-size:16px;}
.navli{float:left;width:100%}
.navli a{ padding:5% 0 5% 10%;width:90%;font-size:14px;text-align:left; float:left; border-bottom:1px solid #c4984b;background:#b78d43}
.navli a span{ float:left; width:90%; color:#fff; padding-left:10%;font-size:16px;background:url(../images/nav_ico.png) no-repeat 0px center; }
.navli ul{ float:left; display:none;width:80%; padding:2% 0 2% 20%;background:#b78d43;border-bottom:1px solid #000;}
.navli li{ float:left;width:100%; padding:3% 0;}
.navli li a{padding:0 0;width:100%;font-size:14px; color:#fff;text-align:left;  float:left;background:none;border-bottom:0}

/*main*/
.main{width:100%;overflow:hidden;padding-bottom:17.5%}
/*header*/
.header-box{width:100%;background-color:#cdb265}
.header{overflow:hidden;background-color:#cdb265;margin:0 auto}
.header div{float:left}
.head_menu,.header-return,.header-login{width:17.1875%}
.inheader-logo{width:65.625%;font-size:2.2rem;text-align:center}

/*首页*/
.banner{width:100%;overflow:hidden}
.in-dh{width:120%;overflow:hidden}
.in-dh li{width:16%;float:left;margin:2% 1.5% 2% 3%}
.in-dh li a{display:block;width:100%;text-align:center;line-height:2.3;color:#FFF;overflow:hidden;padding-bottom:3.5%}
.in-dh li a div{width:60%;margin:12% auto 0}
.in-dh li .dh1{background:#f54e6d}
.in-dh li .dh2{background:#4fcfea}
.in-dh li .dh3{background:#fb8794}
.in-dh li .dh4{background:#51bc5b}
.in-pro-title{width:100%;background-color:#b78d43;overflow:hidden;position:relative}
.pro-box1{padding:2.5% 1.5% 2.5% 4.5%;color:#FFF;float:left;overflow:hidden}
.pro-box1 div{width:100%;overflow:hidden;padding-right:15%}
.pro-box1 div span{display:block;width:16%;float:left;margin:5% 10% 0 0}
.pro-box1 div em{float:left;font-size:1.3rem}
.pro-box1 p{width:100%;text-align:center;text-transform:uppercase;color:#a96c00}
.pro-box2{width:0.3%;float:left;padding:3.3% 0 0 0;}
.pro-box3{padding:2.5% 0 2.5% 3.1%;float:left;color:#FFF;line-height:1.55;width:50%;}
.in-more{width:10%;position:absolute;right:6.3%;bottom:0;background-color:#FFF;text-align:center;padding:0.6% 0;border-top-left-radius:5px;border-top-right-radius:5px;text-transform:uppercase}
.in-more a{color:#91610b;font-size:0.8rem}
.in-pro{width:100%;overflow:hidden}
.in-prolist li{width:100%;overflow:hidden;margin-bottom:0.7%}
.in-prolist li a{display:block;width:100%;position:relative}
.in-prolist .box1{width:49.5%;float:left}
.in-prolist .box2{width:50%;float:right}
.protext{background:#000;display:block;float:left;opacity: 0.8;overflow: hidden;padding: 2% 0;width: 100%;text-align: center;position: absolute;left:0;bottom:0;text-overflow: ellipsis;white-space: nowrap;z-index: 9;color:#FFF}
.p1{background-color:#56bdc7}
.p2{background-color:#f96e88}
.p3{background-color:#ed9941}
.p4{background-color:#66cbd8}
.p5{background-color:#ed9941}
.p6{background-color:#a482aa;padding:1% 0;}
.in-news{width:100%;padding-bottom:10%}
.in-news li{width:100%;overflow:hidden;border-bottom:1px solid #e4e9e7}
.in-news li a{display:block;width:78%;padding:2.8% 0;float:left;overflow:hidden;text-overflow: ellipsis;white-space: nowrap}
.in-news li span{display:block;width:1.1%;float:left;margin:3.95% 2.5% 0}
/*公司简介*/
.page{width:100%;background-color:#FFF;padding:1% 0 10% 0}
.page-main{background-color:#FFF}
.page-title{width:100%;text-align:center;color:#a07909;font-size:1.4rem;padding:3% 0;line-height:2;background-color:#fcf5e2;position:relative}
.return{width:3.8%;position:absolute;top:22%;left:3.28%;cursor:pointer}
.menu_but{position:absolute;right:3.75%;top:27%;font-size:1.2rem;color:#F00;cursor:pointer}
.about{width:95%;margin:0 auto;line-height:2.4}
.nav2{background:#cdb265;opacity:0.9;position:absolute;padding:0 2%;width:21.8%;right:0;display:none}
.nav2 ul{right:0;}
.nav2 li{float:left;width:100%}
.nav2 a{ padding:5% 0;width:100%; text-align:center; color:#fff;text-align:center; float:left; font-weight:normal ;font-size:1rem}

.up-down{width:92%;margin:3% auto 0;overflow:hidden}
.up-down li{width:100%;margin-bottom:2%;overflow:hidden}
.up-down .ruturn-button{display:block;width:25%;background-color:#b78d43;line-height:2;padding:1.5% 0;border-radius:7px;font-family:"微软雅黑";color:#FFF;font-size:1rem;margin-left:28%;float:left;margin:3% 0 0 37.4%;text-align:center}
.up-down .updown a{display:block;width:100%;padding:2.5% 0;background-color:#cdb265;color:#FFF;text-indent:1em;overflow:hidden;white-space:nowrap;text-overflow: ellipsis}
.mycollect{width:100%;overflow:hidden;border-bottom:2px solid #e5e5e5}
.mycollect-list{width:93%;overflow:hidden;margin:0 auto;padding:3.8% 0}
.mycollect-list dt{width:30%;float:left;border:1px solid #e5e5e5}
.mycollect-list dd{width:66%;overflow:hidden;float:right;line-height:2;color:#000}
.mycollect-list dd .title{font-size:1.1rem;margin-bottom:1%}
.mycollect-list dd .title a{color:#000}
.baoming{width:100%;overflow:hidden;line-height:3.5}
.baoming .but{display:block;width:29%;text-align:center;color:#FFF;line-height:2;padding:1.5% 0;background-color:#d2226b;float:left;margin:0 0 3.8% 5.3%;font-size:1.1rem}
.baoming .join{background-color:#000;color:#ffe46e;margin-left:2.2%}
.baoming span{float:right;margin-right:5%;color:#d2226b}
/*每日客片*/
.up-next{width:65%;margin:8% auto 5%;overflow:hidden}
.up-next a{display:block;width:23%;float:left;text-align:center;padding:2% 0;border-radius:5px;color:#FFF}
.up-next .up{background-color:#cdb265}
.up-next .next{background-color:#b78d43}
.select-number{float:left;width:42%;margin:1% 5% 0;padding:1% 0;font-size:1rem;background:#FFF;border:1px solid #d9d9d9}
.xq-title{width:100%;text-align:center;color:#000}
.xqing{border-top:2px solid #e5e5e5;margin-top:1%}
.xqing-box{padding:2% 0 3.8% 0}
.xqing-box dt{width:100%}
.kcsz-xq{width:93%;margin:0 auto 2.5%;line-height:2;}
/*我要留言*/
.message{width:100%;margin-top:5%}
.message li{width:100%;border-bottom:2px solid #e1e1e1;line-height:2.2;padding:1% 0 0.5% 0}
.message li p{width:92%;margin:0 auto;overflow:hidden}
.message li .user{color:#c76cc9}
.message li .huifu{color:#d2226b}
.xqing-box .fczx{width:50%;clear:left;margin-left:25%}
/*作品展示*/
.page-pro{width:100%;overflow:hidden;margin-bottom:6%}
.page-pro li{width:46%;float:left;margin:1.5% 0.4% 0 2.6%}
.page-pro li a{display:block;width:100%;text-align:center;line-height:2.5;color:#b78d43}
.yuding{display:block;width:25.78%;text-align:center;padding:1.5% 0;background:#b78d43;color:#FFF;margin:0 auto 4.5%}
/*地图*/
#allmap{width:100%;height:627px;overflow: hidden; position: relative; z-index: 0; background-color: rgb(243, 241, 236); color: rgb(0, 0, 0); text-align: left}
#allmap img{max-width:none;display:inline}
/*footer*/
.footer{width:100%;overflow:hidden;position:fixed;bottom:0;background-color:#b78d43;z-index:9999}
.footerbox{background-color:#b78d43;margin:0 auto;overflow:hidden}
.f-dh{width:120%;overflow:hidden}
.f-dh li{width:15.2%;float:left;margin:2.2% 2.2% 0 3.46%}
.f-dh li a{display:block;width:100%;text-align:center;line-height:3.2;color:#FFF;font-size:1rem}
.f-dh li a div{width:42%;margin:0 auto}

@media screen and (min-width:640px){
	body,html{font-size:1rem}
	.header{width:640px}
	.footerbox{width:640px}
}
@media screen and (min-width:452px) and (max-width: 639px){
	body,html{font-size:0.9rem}
	.page-title{font-size:1.2rem}
	.select-number{font-size:0.9rem}
	.pro-box1 div em{font-size:1.2rem}
	.in-more a{font-size:0.75rem}
	.up-down .ruturn-button{font-size:0.9rem}
	.menu_but{font-size:1.05rem}
}
@media screen and (min-width:322px) and (max-width: 451px){
	body,html{font-size:0.88rem}
	.page-title{font-size:1.1rem}
	.select-number{font-size:0.8rem}
	.pro-box1 div em{font-size:1.1rem}
	.in-more a{font-size:0.6rem}
	.up-down .ruturn-button{font-size:0.8rem}
	.menu_but{font-size:1rem}
}
@media screen and (max-width:400px){
	body,html{font-size:0.85rem}
	.page-title{font-size:1rem}
	.select-number{font-size:0.75rem}
	.pro-box1 div em{font-size:0.9rem}
	.in-more a{font-size:0.55rem}
	.up-down .ruturn-button{font-size:0.7rem}
	.menu_but{top:27%;font-size:0.9rem}
}
@media screen and (max-width:321px){
	body,html{font-size:0.82rem}
	.wrapper{width:320px}
	.f-dh li a{font-size:0.8rem}
	.select-number{font-size:0.7rem}
	.pro-box1 div em{font-size:0.9rem}
	.page-title{font-size:0.95rem}
	.in-more a{font-size:0.5rem}
	.up-down .ruturn-button{font-size:0.7rem}
	.menu_but{top:27%;font-size:0.8rem}
}

.pages{height:30px; 
	width:80%;
	margin:0 auto;
	margin-top:4%;
	margin-bottom:10px;
	}
.pre-page{width:14%; 
	height:25px; line-height:25px;
	display:block; 
	text-indent:3px;
	margin:0 auto; overflow:auto; border:1px solid #c2c2c2; border-radius:2px; color:#000; text-align:center; box-shadow:0px 2px 3px #ddd inset; background:#fff;float:left;margin-left:15%;}