@charset "utf-8";
/*==============================common==================================*/
*{margin:0; padding:0;box-sizing: border-box}
body,h1,h2,h3,h4,h5,p,ul,ol,form,fieldset,figure {  margin: 0;  padding: 0;  }
h2,h3{font-weight: normal}
body {  font-family: "Futura", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "冬青黑体", "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;max-width: 720px;  margin: 0 auto;}
ul,ol
{list-style:outside none none;}
dl
{ padding:0; margin:0;}
dd
{ margin:0;}
a
{text-decoration: none; color:#333;}
/* 文章上下篇 */
.wengzhengfanye
{ width:100%; margin:0 auto;padding: 0.2rem 0}
.wengzhengfanye .wengzhengfanyeA
{ line-height:2;}
.wengzhengfanye .wengzhengfanyeB
{ line-height:2;}
.wengzhengfanye span
{ color:#666;}
.wengzhengfanye a
{ text-decoration:none; }
/* 文章类别上下页 */
.page { overflow:hidden;}
.pagelink { padding:0.2rem 0; text-align:center;}
.pagelink div{font-size: 12px}
.pagelink span,.pagelink a { display:inline-block; line-height:30px; height:30px; text-align:center; font-size:12px; padding:0 12px; border:solid 1px #dcdcdc; color:#666; margin:0 2px;}
.pagelink a:hover,.pagelink a.on { background:#e50112; color:#fff; border:solid 1px #e50112;}
.pagelink span{display:inline-block; color:#fff; background:#e50112;line-height:30px; height:30px; border:solid 1px #e50112;}
.text-cut  /*限制文字,文字超出显示冒号*/
{ overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}

/*==============================style==================================*/
.fl{ float:left}
.fr{ float:right}
.clear{clear: both}
.clearfix:before{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:""}

.clearfix:after{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:""}
.contioner {max-width: 720px;margin: 0 auto; min-width: 320px;overflow: hidden; position:relative;font-size: 0.26rem;}
.wapper{padding-bottom:1rem; position:relative;z-index:100; background:#FFF;color: #333}
.container{padding: 0 0.2rem;overflow: hidden;font-size: 0.26rem}
img{max-width: 100%}

/*============================= 首页 ============================*/
.top{overflow:hidden; background:#fff; padding: 0.25rem 0.2rem;position: relative;}
.logo img{width: 4.5rem}
.menu-button {width:50px; cursor:pointer; float:right;}
.menu-button:before { content:""; position:absolute; top:0.55rem; right:0.2rem; border-bottom:9px double #e50112; border-top:3px solid #e50112; width:25px; height:3px;}

.top_txt{width: 100%;background-color: #0a75cc;color: #fff;}
.top_txt span{display: inline-block;padding: 0.1rem 0;width: 25%;float: left;text-align: center;position: relative;}
.top_txt span:after{content:"";width: 1px;height: 0.2rem;background-color: #fff;position: absolute;display: inline-block;right: 0;top:0.2rem;}
.top_txt span:last-child:after{display: none;}

/*浮动导航*/
.top_fd {width:100%; height: 100%;position:fixed; top:0; left:0; z-index:999; display:none;}
.maskbg {background:#333; position:absolute; left:0; top:0; opacity:0.3; height:100%; width:100%;}
.mask-close{cursor:pointer; color:#fff; font-size:22px; position:absolute; top:11px; right:15px;}
.top_fd ul{overflow:hidden; background:#e50112; position:relative; top:0.89rem;overflow-y: auto;
width: 100%;height: 100%}
.top_fd ul li{width:100%;border-bottom:1px solid #fff;overflow: hidden}
.top_fd ul li a{color:#fff; height:40px; line-height:40px; font-size:14px; padding-left:30px;float: left}
.submenu-toggle{cursor:pointer;line-height:40px;color:#fff; display:inline-block; float:right; font-size:28px; padding-right:20px;}
.top_fd ul li .sub-menu {background:#fff; overflow:hidden;display: none;width: 100%}
.top_fd ul li .sub-menu a{display:block; height:35px; line-height:35px; padding-left:40px;color: #e50112;width: 100%}
.l{margin-top: 0.5rem;}
.l h3{padding-left:0.3rem;color: #fff;}
.languages{display: block;width: 23.5%;float: left;font-size: 13px;text-align: center;color: #fff;height:30px;line-height:30px;margin-right:2%;border: 1px solid #fff;
	border-radius: 10px;margin-top: 0.2rem;
}
.languages.no-r{margin-right: 0%;}
/*banner图片切换样式*/
.banner { position:relative;overflow: hidden;}

.banner li{width: 100%;height: 215px;position:relative;}
.banner li a{display:block;position:absolute;top:0;left:0;width:100%;height:inherit;}
.banner .pagination{ position: absolute; bottom:20px; width:100%; z-index:100; text-align: center;}
.banner .swiper-pagination-bullet {width:20px;height:3px;margin:0 3px!important;cursor: pointer;
	opacity: 1; background-color:#fff; border-radius:5px;}
.banner .swiper-pagination-bullet-active{background-color:#e50112;}
.banner img{width:100%;}

.title{text-align: center;}

.title h2,.nytitle h2{display: inline-block;color: #e50112;position: relative;}
.title h2:before,.nytitle h2:before{content: "";overflow: hidden;position: absolute;left: -50px;top: 25%;height: 14px;width: 42px;background: url(../img/title-bg.png) no-repeat left top;}
.title h2:after,.nytitle h2:after{content: "";overflow: hidden;position: absolute;right: -50px;top: 25%;height: 14px;width: 42px;background: url(../img/title-bg.png) no-repeat left top;}
.title p,.title2 p{font-size: 12px;color: #999;}

.title2{text-align: center;}
.title2 h2{color: #fff;}

/*.title2{margin: 0.3rem auto;background-color: #fd8739;text-align: center;padding: 0.3rem 0;}*/
/*.title2 h2{display: inline-block;color: #fff;background: url("../img/white_line.png") no-repeat center center;background-size:contain;padding: 15px;font-size: 0.5rem;}*/

/*.title2 span,.title2 p{display: block;color: #f3f3f3;font-size: 0.28rem;}*/


.oneA{overflow: hidden;padding: 0.5rem 0;}
.oneA ul{margin-top: 0.5rem;}
.oneA ul li{width: 49%;margin-right: 2%;float: left; text-align:center; border:1px solid #CCCCCC;margin-bottom: 2%; }
.oneA ul li:nth-child(2n){margin-right: 0%;}
.oneA ul li img{height: 100%}
.oneA ul li .ry_title{padding: 0.2rem;font-size: 0.25rem;text-align: center;color: #e50112;}
.oneA ul li .ry_jj{padding: 0 0.2rem 0.2rem 0.2rem;line-height: 0.45rem;font-size: 0.3rem;color: #e50112;}


.oneB{padding: 0.5rem 0;}
.oneBs {overflow: hidden;
	/*margin-bottom: 0.65rem;*/
	padding-top: 0.55rem;}
.oneBs ul li{width: 32%;
	/*margin-right: 1%;margin-left:1%;*/
	float: left;margin-bottom: 0.2rem;
}
/*.oneBs ul li:nth-child(3n){margin-right: 0;}*/
.oneBs ul li i{display: block; width: 100%;margin: 0 auto;border:1px solid #fff;border-radius: 50%;position: relative;}
.oneBs ul li i img,.oneBs ul li i span{display: block;font-style: normal;}
.oneBs ul li i img{margin: 0 auto;position: relative; width: 1rem; top:0.5rem;}
.oneBs ul li i span{color: #fff;width: 100%;text-align: center;position: relative;font-size: 0.3rem;top:0.5rem;}

.oneBs ul li .ry_img{overflow: hidden;display: table-cell;vertical-align: middle;}

.oneBs ul li .ry_img img{width: auto;height: auto;max-width: 100%;max-height: 100%;}

.oneBs ul li a .js_img{width: 100%;height: inherit;overflow: hidden;border-radius: 5px;
	transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transition: all 0.45s ease-in-out;
	-webkit-transition: all 0.45s ease-in-out;
	-o-transition: all 0.45s ease-in-out;
	-moz-transition: all 0.45s ease-in-out;
}
.oneBs ul li a .js_img img{width: 100%;height: 100%;}

.oneBs ul li a .js_img .bg{height: inherit;
	width: 210%;margin-left: -100px;}

.oneBs ul li.swiper-slide-active a .js_img{box-shadow: 3px 5px 8px #585858;
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transition: all 0.45s ease-in-out;
	-webkit-transition: all 0.45s ease-in-out;
	-o-transition: all 0.45s ease-in-out;
	-moz-transition: all 0.45s ease-in-out;
}
.oneBs ul li a p{width: 100%;margin: 0 auto;font-size: 0.32rem; background:url("../img/bg6.png") no-repeat center center;background-size: 100% 100%;
	text-align: center;color: #666;
	/*padding: 0rem 0.23rem;*/
	/*line-height:35px;height: 35px;*/
	overflow: hidden; position: relative;
	/*top:0.3rem;*/
	transition: all 0.45s ease-in-out;
	padding: 5px 10px;
	-webkit-transition: all 0.45s ease-in-out;
	-o-transition: all 0.45s ease-in-out;
	-moz-transition: all 0.45s ease-in-out;
}
.oneBs ul li.swiper-slide-active a p{
	top:0.35rem;box-shadow: 3px 3px 8px #585858;
	transition: all 0.45s ease-in-out;
	-webkit-transition: all 0.45s ease-in-out;
	-o-transition: all 0.45s ease-in-out;
	-moz-transition: all 0.45s ease-in-out;
}



.oneC{overflow: hidden;padding-top: 0.45rem;background-color: #f9f9f9;}

.oneC .tit{margin-bottom:  0.45rem;width: 100%;}

.oneC .tit img{width: 100%;max-width: 353px;}

.oneCa {color: #666;font-size: 0.3rem;line-height: 0.5rem;text-indent: 2em;padding: 0.3rem 0;}

.oneCa img{display: block;width: 100%;margin: 0.2rem auto;}

.oneCa a,.more{width:3rem; height: 0.55rem;line-height: 0.55rem;text-align: center; display: block;margin: 0 auto;background-color: #e50112;color: #fff;
	text-indent: 0;
}
.more a{color: #fff;}


.oneCs ul{margin: 0.2rem 0;}
.oneCs ul li{width: 48%;margin-right: 4%;float: left;margin-bottom: 0.2rem;}
.oneCs ul li dl{width: 100%;overflow: hidden; text-align:center}
.oneCs ul li dl img{height: 100%;}
.oneCs ul li:nth-child(2n){margin-right: 0%;}
.oneCs ul li p{width: 100%;padding: 0.2rem 0;background-color: #e4f3ff;color: #666;text-align: center;}


/*.more{width: 36%;margin: 0 auto;margin-top: 0.4rem;background-color: #fff;}*/
/*.more a{display: block;line-height: 0.55rem;text-align: center;color: #fff;background-color: #b76f25;}*/

.oneE{background-color: #efefef; overflow: hidden;padding-bottom: 0.5rem;padding-left: 0.15rem;padding-right: 0.15rem;}
.oneE .title{margin-top: 0.45rem;}
.oneE .title h2{}
.oneEs{margin-top: 0.2rem;padding-bottom: 0.2rem}
.oneEs ul li{background-color: #fffefe;box-shadow: 0 0 10px #ccc;margin-top: 0.2rem;overflow: hidden}
.oneEs ul li dl{width: 2.5rem;height:1.9rem;overflow: hidden}
.oneEs ul li dl img{max-width: 100%;transition: all 0.5s;min-height: 1.9rem}
.oneEs ul li dt{width: 100%;padding:0.2rem;line-height: 1.8}
.oneEs ul li dt span{font-size: 12px}
.oneEs ul li dt p{font-size: 12px;color: #666}
.oneEs ul li .gd{width: 100px;height: 30px;border: 1px solid #e0dddb;display: inline-block;margin-top: 20px;
	background: url("../img/oem.png") no-repeat center}
.oneE .more{box-shadow: 0 0 10px #ccc;}

.oneEs ul.left li dl{width: 100%;overflow: hidden;}
.oneEs ul.left li dl img{width: 100%;height: 100%;}
.oneEs ul.left li dt{width: 100%;}



.foot{ background-color:#27485f;padding:0.2rem;font-size:12px;color:#fff; line-height:2;}
footer{width:100%; position:fixed; bottom:0;z-index: 999;max-width: 720px;margin: 0 auto; min-width: 320px;overflow: hidden;}
footer ul {width:100%; overflow:hidden; background:#e50112; padding:0.1rem 0;}
footer ul li {width:33.3%; float:left; text-align:center;}
footer ul li i {width:30px; height:25px; display:block; margin:0 auto; background-position:center center; background-repeat:no-repeat;}
footer ul li h4 {color:#fff; font-weight:normal;font-size: 0.26rem}
footer ul li:nth-child(1) i { background-image:url(../img/footer01.png); background-size: .45rem;}
footer ul li:nth-child(2) i { background-image:url(../img/footer02.png); background-size: .34rem;}
footer ul li:nth-child(3) i { background-image:url(../img/footer03.png); background-size: .45rem;}

/*============================= 关于我们 ============================*/
.slider{height: 3.2rem;overflow: hidden}
.mynav{text-align: center;background-color: #F8F8F8}
.mynav a{display: inline-block;width: 25%;text-align: center;line-height: 1rem;font-size: 0.26rem;}
.mynav a.active{background-color: #e50112;color: #fff}
.mynav2 a{width: 20%}
.pronav{margin: 0.1rem;}
.pronav a{display: inline-block;padding: 0.1rem 0.3rem;width: unset;line-height: unset;color: #666;}
/*.pronav a{width: 33.3333%;}*/


.nytitle{text-align: center;margin: 0.4rem 0;overflow: hidden}
/*.nytitle h2{font-size: 0.34rem;color: #e50112}*/
/*.nytitle p{position: relative;color: #999;padding: 0 0.7rem;display: inline-block;margin-top: 0.1rem;font-size:12px;text-transform: uppercase}*/
/*.nytitle p:before{content: "";position: absolute;width: 0.4rem;height: 1px;background-color: #d1d1d1;left: 0;top: 10px;}*/
/*.nytitle p:after{content: "";position: absolute;width: 0.4rem;height: 1px;background-color: #d1d1d1;right: 0;top: 10px;}*/

.aboutA{overflow: hidden;margin-top: 0.4rem;}
.aboutAl,.aboutAr{width: 100%}
.aboutAr{line-height:2;
	/*margin-top: 0.3rem*/
}

.aboutB{background: url("../img/bg8.jpg") no-repeat;background-size: 100% 100%;overflow: hidden;margin-top: 0.4rem;padding: 1rem 0.2rem;}
.aboutBs{margin-top: 0.4rem;overflow: hidden}
.aboutBr{margin-top: 0.3rem}
.aboutBl div{color:#fff; }

.aboutC{margin-top: 0.4rem;overflow: hidden}
.aboutC dl{margin-bottom: 0.2rem}
.aboutC ul li{margin-bottom: 0.5rem;overflow: hidden;border: 1px solid #eee;}
.aboutC ul li span{display: inline-block;font-size: 0.32rem;color: #000;}
.aboutC ul li p{line-height: 2;margin-top: 0.2rem;padding: 0 0.2rem;}
.aboutC ul li p.ry_title{font-size: 0.35rem;font-weight: bold;}
.aboutC ul li p.ry_jj{line-height: 0.45rem;font-size: 0.3rem;color: #666;padding: 0 0.2rem 0.2rem 0.2rem;}

.aboutD{margin-top: 0.4rem;padding-bottom: 0.4rem}
.aboutD ul li{float: left;width: 48.5%;margin-bottom: 0.2rem}
.aboutD ul li:nth-child(2n){float: right}



.ry_list li{width: 49%;margin-right: 2%;margin-bottom: 0.3rem;float: left;}

.ry_list li:nth-child(2n){margin-right: 0%;}

.ry_list li .img_box{overflow: hidden;text-align: center;display: table-cell;vertical-align: middle;}

.ry_list li .img_box img{width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}

.ry_list li p{width: 100%;text-align: center;padding: 0.2rem 0.1rem;background-color: #e4f3ff;}



/*========================================= 景区项目 =====================================*/


.proD .item{margin: 0.45rem 0;padding: 0px;position: relative;}

.proD .item .bgbox{width: 100%;min-height: 200px; overflow: hidden;}

.proD .item  .bgbox .bg{width: 100%;height:inherit;min-height: 200px;-moz-animation: scPic ease-in-out 0.3s alternate;-webkit-animation: scPic ease-in-out 0.3s alternate;animation: scPic ease-in-out 0.3s alternate;
	transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}

.proD .item  .bg:before{
	bottom: 0;
	left: 0;
	right: 0;
	top: 35%;
	position: absolute;
	content: '';
	pointer-events: none;
	background-color: transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(5, 5, 5, 0.6)));
	background: -webkit-linear-gradient(top, transparent, rgba(5, 5, 5, 0.6));
	background: -moz-linear-gradient(top, transparent, rgba(5, 5, 5, 0.6));
	background: -ms-linear-gradient(top, transparent, rgba(5, 5, 5, 0.6));
	background: -o-linear-gradient(top, transparent, rgba(5, 5, 5, 0.6));
	opacity: 0;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.proD .item:hover >   .bgbox  .bg{-moz-animation: zmPic ease-in-out 0.3s alternate;-webkit-animation: zmPic ease-in-out 0.3s alternate;animation: zmPic ease-in-out 0.3s alternate;
	transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);}
.proD .item:hover > .bgbox .bg:before{opacity: 1;}
.proD .item .infobox{width: 100%; padding: 0.25rem; /*background: rgba(1, 89, 154, 0.45);*/color: #fff;}

.proD .itemt .infobox{left:unset;right: 0;}

.proD .item .infobox .info h3{font-size: 0.35rem;font-weight: bold;text-align: center;color: #666;}

.proD .item .infobox .info .subjj{margin: 0.3rem 0 0;}

.proD .item .infobox .info .subjj li{width: 49%;margin-right: 2%;margin-bottom: 0.3rem;float: left;}

.proD .item .infobox .info .subjj li:nth-child(2n){margin-right: 0;}

.proD .item .infobox .info .subjj li .subjj_img .bg{height: inherit;}

.proD .item .infobox .info .subjj li span{display: block;padding: 0.2rem;text-align: center;}

.subjjmore{display: block;
	border: 1px solid #b76f25;
	padding: 0.05rem 0rem;
	width: 1.8rem;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	font-size: 0.25rem;
	background-color: #b76f25;
	border-radius: 3px;
}





	/*========================================= 景区景色 =====================================*/

.oneJ {margin: 0.45rem auto;}

.oneJ ul li{width: 49%;float: left;margin-right: 2%;margin-bottom: 0.35rem;}

.oneJ ul li:nth-child(2n){margin-right: 0%;}

.oneJ ul li a{width: 100%;display: block;position: relative;}

.oneJ ul li a  .img_b {width: 100%; height: 280px;overflow: hidden;position: relative;}
.oneJ ul li a  .imgs {width: 100%; height: 280px;-moz-animation: scPic ease-in-out 0.3s alternate;-webkit-animation: scPic ease-in-out 0.3s alternate;animation: scPic ease-in-out 0.3s alternate;
	transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}

.oneJ ul li a  .imgs img{width: 100%;position: absolute;left:0;right: 0;top:0;bottom:0;margin: auto;}

.oneJ ul li:hover   .imgs{-moz-animation: zmPic ease-in-out 0.3s alternate;-webkit-animation: zmPic ease-in-out 0.3s alternate;animation: zmPic ease-in-out 0.3s alternate;
	transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);
}

.oneJ ul li a .ingo_bg{width: 100%;height: inherit;position: absolute;left:0;top:0;}
.oneJ ul li:hover a .ingo_bg{background: rgba(0,0,0,0.42);}

.oneJ ul li a .info{width: 100%;height: auto;position: absolute;top:30%;opacity: 1;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;-ms-transitoin:all 0.2s linear;}

.oneJ ul li a .info p{text-align: center;font-size: 0.3rem;color: #fff;font-weight: bold;position: relative;top:42%;
	/*background:rgba(0,0,0,0.5);*/
	padding: 0.3rem 0;
	background-image: linear-gradient(transparent, rgba(59, 135, 197, 0.4), transparent);
}

.oneJ ul li:hover a .info{opacity: 1;}

.panorama ul li a .ingo_bg{height: 0.2rem;opacity: 0;bottom: 0;top:unset;background: rgba(0,0,0,0.42);}

.panorama ul li:hover a .ingo_bg{height: inherit;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;-ms-transitoin:all 0.2s linear;}

.panorama ul li a .info{text-align: center;	border:0px;opacity: 1;top:35%;}

.panorama ul li a  p{position: absolute;width: 100%;bottom:0;color: #fff;text-align: center;

	padding: 8px 0;font-size: 16px;
}




/*========================================= 产品列表 =====================================*/
.productlist{overflow:hidden}
.productlist ul li{width: 48.5%;float: left;margin-top: 0.3rem}
.productlist ul li dl{width: 100%;height: 2.5rem;border: 2px solid #f1f1f1;text-align: center;position: relative;overflow: hidden}
.productlist ul li dl img{max-width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;transition: all 0.5s}
.productlist ul li dt{text-align: center;margin-top: 0.2rem;}
.productlist ul li:nth-child(2n){float: right}

/*========================================= 联系我们 =====================================*/
.contact{margin: 0.4rem auto 0.2rem;overflow: hidden}
.contact .main h3{color: #e50112;}
.contact .main p{margin-top: 0.1rem;}
.contact .wx{margin-top: 0.3rem;}
.contact .wx .fl,.contact .wx .fr{width: 48%;}
.contact .wx .fl img,.contact .wx .fr img{width: 100%;display: block;max-width: 100px;margin: 0 auto;}
.contact .wx .fl span,.contact .wx .fr span{display: block;text-align: center;}
.contact ul li{width: 50%;text-align: center;float: left;margin-bottom: 0.3rem}
.contact ul li i{display: inline-block;width: 70px;height: 70px;border-radius: 100%;background: #e50112 url(../img/lxico.png) no-repeat;transition: 300ms;  }
.contact ul li p{margin: 0.15rem 0}
.contact ul li:nth-child(1) i{background-position: -70px center;}
.contact ul li:nth-child(2) i{background-position: -142px center;}
.contact ul li:nth-child(3) i{background-position: -209px center;}


/*========================================= 在线预定 =====================================*/
.online{width: 100%;height: 510px;position: relative;background: url(../img/bg9.jpg) no-repeat center center;background-size: cover;overflow: hidden;}

.online .mainbox {width: 90%;background: url(../img/bg10.png) no-repeat;background-size: 100% 100%; position: absolute;top:10%;left:5%;padding: 0.3rem 0.2rem;}

.online .mainbox .title{width: 100%;height: 0.8rem;display: block;color: #e70012;font: normal 0.4rem Microsoft YaHei;text-align: center;border-bottom: 2px solid #e61c27;}

.online .mainbox .title img{vertical-align: bottom;margin-right: 8px; width: 0.6rem;}

#mailbox-from{margin-top: 0.2rem;}

#mailbox-from li label{    width: 70px;height: 32px;display: block;line-height: 32px;margin-right: 10px;font-weight: 700;font-size: 0.24rem;}

#mailbox-from li .text{    width: 100%;height: 34px;font: 14px/34px normal,Microsoft YaHei;font-size: 0.26rem;color: #3a3939;background: #fff;border: 1px solid #dbdbdb;border-radius: 3px;padding-left: 10px;outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#mailbox-from li input[type=date]::-webkit-inner-spin-button{visibility: hidden;}

#mailbox-from li p {width: 100%;height:7px;display: block;font-size: 12px;line-height: 20px;float: left;padding-left: 81px;}

#mailbox-from li textarea {width: 100%;height: 90px;background: #fff;border: 1px solid #dbdbdb;border-radius: 3px;padding: 10px;font: normal 14px Microsoft YaHei;color: #3a3939;outline: none;resize: none;}

#mailbox-from li .submits {width: 155px;height: 40px;background: #ffad4d;color: #fff;font-size: 14px;font-family: Microsoft YaHei;border-radius: 3px;border: none;margin-top: 35px;margin-left: 83px;cursor: pointer;margin-bottom: 20px;font-size: 0.24rem;}

#mailbox-from li .submits:hover{background-color: #e50112}

/*========================================= 工程案例 =====================================*/
.case{overflow: hidden;margin-top: 0.4rem}
.case ul li{width: 48.5%;float: left;margin: 0 0 0.2rem 0;}
.case ul li dd{width: 100%;height: 2.5rem;overflow: hidden}
.case ul li dd img{max-width: 100%}
.case ul li dt{background-color: #fff;text-align: center;margin-top: 0.15rem}
.case ul li dt h3{font-size: 0.26rem;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.case ul li dt p{color: #666;line-height: 1.8;margin-top: 5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 12px}
.case ul li:nth-child(2n){float: right}

/*========================================= 新闻中心 =====================================*/
.news{margin-top: 0.2rem;min-height: 3rem}
.news ul li{border: 1px #fff solid; border-bottom-color: #f1f1f1;background: #fff;overflow: hidden;padding: 0.2rem 0}
.news ul li dl{width: 2.5rem;height:1.8rem;overflow: hidden;}
.news ul li dl img{width: 100%;}
.news ul li dd{width: 55%;margin-left: 4%}
.news ul li dd h3{color: #444;}
.news ul li dd p{color: #727272;font-size: 12px;margin: 0.15rem 0}
.news ul li dd span{font-size: 12px;}

/*========================================= 公司业务 =====================================*/
.yewu{overflow: hidden;margin-top: 0.4rem;line-height: 2;margin-bottom: 0.5rem;min-height: 3rem}
.yewu h1{position: relative;padding-left: 16px;font-size: 0.34rem}
.yewu h1:before{content:"";position: absolute;width: 6px;height: 23px;background-color: #e50112;top: 8px;left: 0}

/*=======================================新闻详情页============================================*/
.news_info {overflow:hidden; border-bottom:1px dotted #ccc; margin:0.4rem auto 0;}
.info_title {text-align:center;}
.info_title h2 { font-size:18px; color:#000;}
.info_laiyuan { line-height:48px; font-size:12px; color:#888; text-align:center; border-bottom:1px dotted #ccc;}
.info_text { padding:20px 0;color:#333; line-height:2;}
.info_text img { max-width:100%;}
.info_picA { padding:10px; text-align:center;}
.info_picA img { max-width:100%;  width: expression(this.width > 720 ? 720: true)}

.onlines{}
.onlines ul li dd h3{font-size:0.3rem;}
.onlines ul li dd p{margin: 0.1rem 0; }
.onlines ul li dd p.prices{font-size: 0.3rem;color: #e50112;}
.onlines ul li .onmore{display: inline-block;padding: 0.05rem 0.2rem;font-size: 0.25rem;border:1px solid #e50112;border-radius: 3px;background-color: #e50112;color: #fff;}

/*******************s********分辨率兼容样式属性**************************/
@media screen and (min-width: 320px) {
	html,body{font-size:44.444px;}
}
@media screen and (min-width: 360px) {
	html,body{font-size:50px;}
}
@media screen and (min-width: 375px) {
	html,body{font-size:52.08333px;}
}
@media screen and (min-width: 385px) {
	html,body{font-size:53.47222px;}
}
@media screen and (min-width: 400px) {
	html,body{font-size:55.5555px;}
}
@media screen and (min-width: 414px) {
	html,body{font-size:57.5px;}
}
@media screen and (min-width: 420px) {
	html,body{font-size:58.3333px;}
}
@media screen and (min-width: 440px) {
	html,body{font-size:61.11111px;}
}
@media screen and (min-width: 480px) {
	html,body{font-size:66.66666px;}
}
@media screen and (min-width: 520px) {
	html,body{font-size:72.2222px;}
}
@media screen and (min-width: 560px) {
	html,body{font-size:77.7777px;}
}
@media screen and (min-width: 580px) {
	html,body{font-size:80.55555px;}
}
@media screen and (min-width: 600px) {
	html,body{font-size:83.333px;}
}
@media screen and (min-width: 640px) {
	html,body{font-size:88.8888px;}
}
@media screen and (min-width: 680px) {
	html,body{font-size:94.44444px;}
}
@media screen and (min-width: 720px) {
	html,body{font-size:100px;}
}
/***************************end分辨率兼容样式属性*************************/