@charset "utf-8";
*{margin:0;padding:0;}
html{overflow-x:hidden;-webkit-text-size-adjust:none}
ul,li,dl,dt,dd{display:block;list-style:none}
img{border:0 none;vertical-align:top;max-width:100%;}
h5,h6{font-weight: normal;}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.fn-clear{zoom:1}
.clear{diplay:block!important;float:none!important;clear:both;overflow:hidden;width:auto!important;height:0!important;margin:0 auto!important;padding:0!important;font-size:0;line-height:0}
a{text-decoration:none;outline:0;color:#666}
.fn-left{float:left}
.fn-right{float:right}
.fn-relative{position:relative}
.fn-absolute{position:absolute}
body{position:relative;overflow-x:hidden;color:#666;font-family:\5FAE\8F6F\96C5\9ED1; max-width:800px; width:100%; margin:0 auto;}
.all{position:relative;z-index:10;right:0;padding: 60px 0px 60px;}
#wrapper{margin:0 auto;width:100%; max-width:640px;}
.wrap{width:94%;margin:0 auto 0px;}
.wrap02{width: 98%;margin:0 auto;}

/*top*/
.header{width: 100%;margin: 0 auto;height: 60px;position: fixed;z-index:9999; background:#fff;/*background:url(../img/top-bg.jpg) center center no-repeat;*/box-shadow: 0 0 4px #333;top: 0px;background-size: 100% 100%;}
.top{width: 100%;height: 100%;}
.logo{width:80%;margin:0 auto;background:url(../img/logo.png) no-repeat left center;display: block;height:60px;background-size: 35%;float: left;margin-left: 4%;}
.name{font-size: 1.4em;line-height: 60px;color:#fff;font-weight: bold;display: inline-block;margin:0 2%;}
.navBtn{cursor:pointer;position:absolute;right:0;top:0%;width:18%;background:url(../img/nav.png) no-repeat right center;background-size:42%;height:100%;margin-right:10px;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}
.top .navBtn{background:url(../img/nav.png) no-repeat right center;}
.back{position: absolute;left:0px;top:0px;width: 18%;background: url(../img/home.png) no-repeat left center;background-size: auto 55%;height: 100%;margin-left:10px;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;z-index: 2;}
.topTitle{text-align: center;line-height: 60px;font-size: 1.6em;font-weight: bold;color:#333;position:relative;}
.topTitle span{width: 20%;height: 60px;background: url(../img/inNav.png) no-repeat center center;position: absolute;top:0;left: 56%;}
.pup{position: absolute;top: 60px;width: 40%;left: 30%;text-align: center;background:#08f;padding-bottom: 4%;display:none;}
.pup a{display: block;color: #fff;font-size:0.7em;line-height: 30px;border-bottom: 1px #fff dashed; font-weight:normal;}
.pup p{color: #fff;font-size:0.7em;line-height: 30px;border-bottom: 1px #fff dashed;}
.pup .second{border-bottom: 1px #fff dashed;display: none;}
.pup .second a{line-height: 30px;font-size: .7em;border: none;text-align: left;padding-left:30%;background: url(../img/round.png) no-repeat 20% center;}

/*导航*/
.panel{width:12em; background:#08f; height:100%; position:fixed; top:0; right:-12em; box-shadow:0.125em 0 0.5em rgba(0,0,0,0.2) inset;padding-top:40px;padding-bottom:60px;z-index:999;}
.panel li{ width:96%; margin:0 auto; border-bottom:1px solid #ffe4e2; font-weight:normal; font-style:normal; text-align:center; line-height:2.4em; font-size:1.2em;}
.panel li a{color:#fff;}

/*banner*/
.banner{max-width:100%;overflow:hidden;visibility:visible;position:relative;}
.banner img{width:100%;cursor:pointer}
#slider{line-height:0;text-align:center;}
#pagenavi{text-align:center;bottom:2%;width:100%;position:absolute;}
#pagenavi a{display:inline-block;width:1em;height:0.3em;margin-right:1%;background: #fff;}
#pagenavi a.active{background-color:#08f;}

.inCon{ width:100%; height:auto; margin:0 auto; overflow:hidden;}

/*首页标题*/
.title{width: 100%;height: auto; text-align: center;margin: 2% auto; overflow: hidden;}
.title h1{font-size: 24px;color: #000;text-align: center;line-height: 70px;font-weight:normal;}
.title span{width: 60px;height: 4px;display: block;  background:#08f; text-align:center;margin: 0 auto;}

/*szjy*/
.szjyBox{ width:100%; margin:3% auto 1%; height:auto; overflow: hidden; }
.szjy{ width: 100%;height: auto;display: block; margin:0 auto;}
.szjy li{width: 96%;height: auto; float: left; display: block; margin:0 2%; overflow:hidden;}
.szjy li img{width: 100%;height: auto; display: block; position:relative; z-index:1; overflow:hidden; }
.szjy li p{ width:100%; font-size: 24px;text-align: center;line-height:40px;color: #fff; background:rgba(0,136,255,0.8); position:relative; z-index:9; margin:-100px auto 100px; overflow:hidden;}



.szjyTxt{ width: 100%;height: auto; display: block; margin:0 auto; position:relative; z-index:9;padding:2% 0; overflow: hidden; background:#08f; transition:all 0.5s;}
.szjyTxt h1{font-size: 24px;text-align: center;line-height:40px;color: #fff;}
.szjyTxt p{width: 174px;height: 34px; font-size: 16px;text-align: center;line-height:34px; overflow: hidden; color: #fff; display: block; margin: 18px auto auto;border: 3px solid #ccc;}

/*jlys*/
.jlysBox{ width:100%; margin:2% auto; height:auto; overflow: hidden; }
.jlys{ width: 100%;height: auto;display: block; margin:0 auto;}
.jlys li{width: 44%;height: auto; float: left; display: block; margin:2% 3%; overflow:hidden;}
.jlys li img{ height: auto; display: block; overflow:hidden; margin:0 auto;}
.jlys li h1{ font-size: 20px;text-align: center;line-height:40px;color: #333; overflow:hidden; font-weight:500;}
.jlys li p{ font-size: 14px;text-align: center;line-height:20px;color: #999; overflow:hidden;}


/*case*/
.anliBox{ width: 100%; height: auto; padding: 3% 0;  background:url(../img/show-bg.jpg) top center no-repeat; margin:0 auto;}
.anli{ width:100%; height:auto; margin:3% auto; overflow:hidden;}
.anliL{ width: 100%;height: auto;overflow: hidden;}
.anliL img{ width: 100%; height: auto; display: block;overflow: hidden;}
.anliL p{position: relative; z-index: 9; height: 40px; font-size: 16px; color: #fff;text-align: center;line-height: 40px;overflow: hidden; margin-top: -40px; background: rgba(0,0,0,0.6);}
.anliR{ width: 100%;height: auto;overflow: hidden;margin:2% auto;}
.anliR li{width: 46%;height: auto;float: left;display: block;margin:2%; overflow: hidden;}
.anliR li img{width: 100%;height: auto;display: block;overflow: hidden;}
.anliR li p{position: relative; z-index: 9;height: 40px; font-size: 16px; color: #fff;text-align: center;line-height:40px;overflow: hidden;position: relative; z-index: 9;margin-top: -40px; background: rgba(0,0,0,0.6);}
.anliM{width: 120px;height: 34px; background: #08f;font-size: 16px;text-align: center;line-height: 34px;color: #fff; margin: 10px auto;display: block;}
	
/*news*/
.newBox{ width:100%; height:auto; margin:0 auto 2%; overflow:hidden; }
.new{ width:96%; height:auto; margin:0 2%; overflow:hidden; cursor: pointer;}
.new li{ width: 100%; height: auto; float: left;display: block;margin:2% auto;}
.new li img{width: 100%;height: auto;overflow: hidden;}
.new li h1{ font-size: 20px; text-align: left; line-height: 40px; color: #333;font-weight: bold;}
.new li h2{ font-size: 14px; text-align: left; line-height: 25px; color: #999;font-weight: normal;}
.new li p{ font-size: 14px; text-align: left; line-height: 25px; height: 75px; color: #666;font-weight: normal;}
.new li h3{ font-size: 14px; text-align: left; line-height: 25px; color: #666;font-weight: 500; display: block; transition: 1s;}
.new li span{ width: 360px;height: 0px; background: #08f; display: block; margin-top: 14px; transition: 0.5s;}


/*服务项目*/
.item{overflow: hidden;margin-left: 2%;}
.item li{float: left;width: 30%;margin: 3% 1.53%;}
.item a.item img{display: block;width: 100%;}
.item a{display: block;position: relative;}
.item p{font-size: 1.2em;color: #fff;font-weight: bold;line-height: 2em;text-align: center;left: 0px;top: 20%;position: absolute;width:100%;}

/*产品*/
.pro{ width:100%; height:auto; overflow: hidden;}
.pro li{float: left; display:block; width: 46%; margin: 2% 2%; overflow:hidden;}
.pro li a{ width:100%;}
.pro li img{display: block; max-width:173px; max-height:230x; overflow:hidden;}
.pro li p{font-size: 1em;color: #333;line-height: 2em;height: 2em;overflow: hidden; text-align:center; background:#f2f2f2;}

/*关于我们*/
.aboutBox{width: 100%; margin:4% auto 3%; background:url(../img/3.jpg) bottom center no-repeat;}
.aboTit{ width:100%; height:auto; margin:0% auto; display:block; overflow:hidden; background:url(../img/abo-bg.jpg) top center no-repeat;padding:3% 0;}
.aboTit h1{ width:100%; margin:0 auto; font-size: 1.6em;color: #333;line-height: 1.6em; text-align:center; }
.aboTit img{width: 70%; height: auto; display: block;  margin: 5px auto;}
.about{ width:100%; height:auto; overflow:hidden;margin: 0% auto; padding:3% 0; }
.about p{ width:96%; margin:0 2%; line-height: 1.6em; text-align:left;font-size: 1em; overflow: hidden; color:#333; text-indent:2em;}
.about p a{ color:#f6ac19;}
.aboutBox .more{margin-top: 4%;}
.more{width: 90%;line-height: 2.4em;background:#08f;color: #fff;text-align: center;margin:2% auto;display: block;border-radius: 50px;}

/*公用标题*/
.com_title{	width:92.1875%;	margin:0.18rem auto 0.18rem;}
.com_title h3{font-size: 1em; line-height: 1.6em; color:#000;	border-left:0.3em solid #08f;	padding-left:1.5%;}
/*新闻资讯*/
.newsBox{width: 100%; margin:4% auto 3%;}
.new_c{ padding:1% 0 2%;}
.new_c ul li{ border-bottom:#dcdcdc dashed 1px; padding-right:10%; background:url(../img/n02.png) no-repeat 97% center; background-size:2.5% auto;}
.new_c ul li a{ color:#333; display:block; line-height:2em;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:1em; padding-left:3%;}

/*adv*/
.adv{ width:100%; height:auto; margin:2% auto 0;}
.adv img{ width:100%; height:auto; display:block; margin:0 auto;}

/*回到顶部*/
.itop{width: 100%;background:#08f;text-align: right;margin: 0 auto 4%;}
.itop a{display:inline-block;padding-right: 6%;font-size: 1.2em;color: #fff;font-weight: bold;background:url(../img/top.png) no-repeat right center;margin-right: 4%;line-height:2em;}
/*联系*/
.contact{line-height:1.5em;font-size:1.1em;color:#666;text-align: center;}
.contact p{ font-size:1em; line-height:1.5em; text-align:left; color:#666;}
/*底部*/
.footer{position:fixed;bottom:0px;left:0px;z-index:999;background:#08f;width:100%;overflow:hidden;}
.footer li{float:left;width:25%;text-align:center;}
.footer li a{color:#fff;height:3em;line-height:3em;font-size:1.2em;padding-left:40%;width:50%;display: block;margin:0 auto;}
.footer li .footer01{background:url(../img/iconHome.png) no-repeat 20% center;background-size: 34%;}
.footer li .footer02{background:url(../img/iconAddress.png) no-repeat 20% center;background-size: 34%;}
.footer li .footer03{background:url(../img/iconTel.png) no-repeat 20% center;background-size: 32%;}
.footer li .footer04{background:url(../img/iconMessges.png) no-repeat 20% 60%;background-size: 26%;}

/*one*/
.one{width: 100%;height: auto;margin: 0 auto; padding: 2% 0 2%; /*background: url(../img/1.jpg) top center no-repeat; background-size: 60%;*/}
.one h1{ font-size:24px; font-weight:normal; text-align:center; color:#333; line-height:40px; height:40px; overflow:hidden;}
.one h1 span{ color:#00b38c;}
.one img{ width: 96%;height: auto;display: block; margin: 2% auto;}

/*tdyq*/
.tdyqBox{width: 100%;height: auto;margin: 0 auto; padding: 2% 0;/* background: url(../img/2.jpg) top center no-repeat;*/}
.tdyq{ width: 100%;height: auto; display: block; margin: 2% auto; overflow: hidden;}
.tdyq li{ width: 80%; height: auto;padding: 5.8%; float: left;display: block; margin:2% 4%;}
.tdyq li h1{ float: left;display: block; font-size: 48px; line-height: 70px; width: 23%;}
.tdyq li p{ float: right;display: block; width: 75%; font-size: 14px; line-height: 24px;}


/*bdsh*/
.bdshBox{width: 100%;height: auto;margin: 0 auto; padding:2% 0;/* background: url(../img/5.jpg) top center no-repeat;*/}
.bdsh{ width:  94%;height: auto; display: block; margin: 2% auto; overflow: hidden;}
.bdsh li{ width: 96%; height: auto;padding: 1.8%; float: left; display: block; margin: 2% auto; border-radius: 5px; overflow: hidden; background: #63c7c9;}
.bdsh li h1{font-size: 20px; line-height: 36px; text-align: center; color: #fff;font-weight: 500;}
.bdsh li span{ width: 100%; height: 1px; display: block;margin: 1% auto 1%; color: #fff; background: #fff; }
.bdsh li img{width: 20px;height: 15px;display: block;margin: 1% auto 1%;}
.bdsh li p{font-size: 16px; line-height: 30px; color: #333;}

/*hhr*/
.hhrBox{ width:100%; height:auto; margin:0 auto; padding-top:260px; overflow:hidden;/* background:url(../img/6.jpg) top center no-repeat;*/}
.hhr{ width:100%; display:block; margin:2% auto; height:auto; overflow:hidden;}
.hhr li{ width:46%; height:auto; float:left; display:block; margin: 2%; cursor: pointer;}
.hhr li img{ width:100%; height:auto; display:block; overflow:hidden;}
.hhr li p{ color:#333; font-size:1em; line-height:1em;height:1em; text-align:center;}

/*cshhr*/
.cshhr{width: 100%;height: auto;margin: 0 auto; padding: 2% 0;/* background: url(../img/7.jpg) top center no-repeat;*/}
.cshhr h1{ font-size:24px; font-weight:normal; text-align:center; color:#333; line-height:40px; overflow:hidden;}
.cshhr img{ width: 100%;height: auto;display: block; margin: 20px auto;}
.cshhr a{ width:200px; height:40px; margin:3% auto;overflow: hidden; display:block; color:#fff; font-size:18px; font-weight:normal; line-height:40px; text-align:center; border-radius:30px; background:#f90;}
.cshhr a:hover{ background:#00b38c; color:#fff;}

/*内页*/
.inbanner{ width:100%; height:auto; margin:0 auto;}
.inbanner img{ width:100%; height:auto; display:block; margin:0 auto;}
.inCurrent{width: 94%;margin: 0 auto;color: #333;line-height:1.2em;border-bottom: 1px #ccc solid;padding:2.5% 0;}
.inCurrent a{margin: 0px 2%;}

/*关于我们*/
.inAbout{line-height: 1.6em;margin-top: 2%;}
.inAbout p{line-height: 1.6em;font-size: 1em; overflow: hidden; text-indent:2em;}
.inAbout img{max-width: 100%;width:100%; display:block; margin:2% auto;}
.inabo-tit{ width:100%; margin:3% auto; overflow:hidden;}
.inabo-tit h1{ font-size:1.6em; text-align:left; font-weight:400; color:#333;}
.inabo-tit span{ width:40px; height:3px; background:#00b38c; margin:3% 0 1%; display:block;}
/*aboys*/
.aboysBox{ width:96%; height:auto; margin:0 2%; overflow:hidden;}
.aboys{ width:100%; height:auto; margin:3% auto; overflow:hidden;}
.aboys li{ width:16%; float:left; display:block; margin:auto 2%;}
.aboys li img{ width:80%; display:block; margin:0 auto 1%;}
.aboys li span{ width:20px; height:2px; display:block; background:#00b38c; margin:5px auto;}
.aboys li p{ width:100%; height:auto; font-size:1em; text-align:center; line-height:1.5em; color:#333;}

.honor{ width:96%; height:auto; margin:2% auto; overflow:hidden;}
.honor li{ width:100%; height:auto; float:left; display:block;  margin:% auto;}
.honor li img{ width:100%; height:auto; display:block; overflow:hidden;}

/*关于我们*/
.join1Box{width:96%; height:auto; margin:2% auto; overflow:hidden;}
.join1{width:100%; height:auto; margin:2% auto; overflow:hidden;}
.join1 p{line-height: 1.6em;font-size: 1em; overflow: hidden; text-indent:2em;}
.join1 img{max-width: 100%;width:100%; display:block; margin:2% auto;}

/*join*/
.join{line-height: 1.6em;margin-top: 2%;}
.joinL{ width:100%; height:auto; display:block; overflow:hidden;}
.joinL img{ width:100%; height:auto; display:block;}
.joinR{ width:98%; height:auto; display:block; overflow:hidden;}
.joinR h1{font-size:1.2em; line-height:1.5em; color:#08f; font-weight:bold; text-align:center; display:block; margin:2% auto;}
.joinR p{ font-size:0.8em; line-height:1.6em; color:#333; text-indent:1.6em;}
/*jmys*/
.jmys{ width:100%; height:auto; display:block; margin:2% auto; overflow:hidden;}
.jmys li{ width:41%; height:auto; padding:2%; border:1px solid #ccc; float:left; display:block; margin:2% 2%;}
.jmys li h1{ font-size:16px; text-align:center; line-height:30px; color:#333;}
.jmys li span{ width:60px; height:2px; display:block; background:#08f; margin:5px auto 10px;}
.jmys li p{ font-size:14px; line-height:22px; text-align:center; color:#666;}

/*分页*/
.page{text-align: center;width: 100%;margin:2% auto;}
.pageList{text-align: center;width: 100%;}
.pageList a{padding:0 1%;display: inline-block;font-size: 1.1em;}

.inpage{display:block;width:90%; padding:0 5%;height:24px; line-height:24px;font-size: 12px; color:#333; background:#ddd; border-radius:10px; margin:2% auto;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-indent:0.1rem;}
.inpage a{ font-size:12px; text-align:left;}
.inback{display:block;width:100px;margin:2% auto;height:30px;border-radius:20px; font-size:12px;color:#fff;text-align:center; background:#08f; line-height:30px;}
.inback a{font-size:12px;text-align:center; line-height:30px; color:#fff;}

/*news*/
.news{ width:96%; height:auto; margin:3% 2%;}
.news li{ width:100%; height:auto;border: none; border-bottom:1px solid #ccc;overflow: hidden; float:left; display:block; margin:2% auto;padding:0 0 2%;}
.news li .newsL{ width:100%; height:auto; float:none; display:block;}
.news li .newsL img{ width:100%; height:auto; display: block;overflow: hidden;}
.news li .newsC{ width:100%; height:auto; float:none; display:block; margin: 0 auto;}
.news li .newsC h1{ text-align:left; font-size:18px; font-weight:bold; line-height:40px; height:40px; overflow:hidden; color: #333;}
.news li .newsC span{display: block; font-size:14px; font-weight:normal; line-height:25px; height:25px; overflow:hidden;color: #999;}
.news li .newsC p{ text-align:left; font-size:14px; font-weight:normal; line-height:25px; max-height:75x; overflow:hidden;color: #999;}
.news li .newsM{display: none;}

.gsjsBox{width:100% ;height: auto;margin: 3% auto; padding-bottom: 10%; background: url(../img/gsjs.png) bottom right no-repeat; overflow:hidden;}
.gsjs{ width:90%; height:auto; margin:3% auto; overflow:hidden; padding: 2%; background: #fff;}
.gsjs p{font-size:14px; text-align:left; line-height:25px; color:#666; margin-top:0;}
.csrBox{width:100% ;height: auto;margin: 3% auto; overflow:hidden;}
.csr{ width:100%; height:auto; margin:3% auto; overflow:hidden;}
.csrL{ width:100%; height:auto; display: block; overflow: hidden;}
.csrL img{ width:100%; height:auto; display: block; overflow: hidden;}
.csrR{ width: 100%; height:auto; display: block; overflow: hidden;}
.csrR h1{ font-size:20px;line-height:50px; text-align:center;color:#08f;font-weight: 500;}
.csrR h2{ font-size:16px;line-height:30px;  text-align:center; color:#666; font-weight: normal;}
.csrR p{ font-size:14px;line-height:25px;margin-top: 10px; text-align:center; color:#666; margin-top: 30px;}
.ppgs{ width:96%; height:auto; margin:2%; overflow:hidden;}
.ppgs h1{ font-size:24px; text-align:center; line-height:50px; color:#333;font-weight: 500;}
.ppgs span{ font-size:16px; text-align:center; line-height:30px; color:#666; display: block;}
.ppgs img{ width:100%; height:auto; margin:0 auto; overflow:hidden;}

/*fzqjBox*/
.fzqjBox{width:100% ;height: auto;margin: 3% auto; background: url(../img/fzhan1.jpg) bottom center no-repeat;padding: 2% 0;}
.fzqj{ width:90%; height:auto; margin:3% auto ; overflow:hidden; padding: 2%; background: #fff;}
.fzqj h1{ font-size:20px;line-height:40px;}
.fzqj span{ font-size:16px;line-height:30px;}
.fzqj p{ font-size:14px;line-height:20px;}
.fzfxBox{width:100% ;height: auto;margin: 3% auto; background: url(../img/fzhan2.jpg) bottom center no-repeat;padding: 2% 0;}
.fzfx{ width:90%; height:auto; margin:3% auto; overflow:hidden; padding: 2%; background: #fff;}
.fzfx h1{ font-size:20px;line-height:40px;}
.fzfx span{ font-size:16px;line-height:30px;}
.fzfx p{ font-size:14px;line-height:20px;}
.fzfour{ display: none; width:100%; height:auto; margin:0 auto; overflow:hidden;}
.fzfour img{ width:100%; height:auto; display:block; margin:0 auto;}

/*honor*/
.honorBox{ width:100%; margin:0 auto; height:auto;}
.honorTit{ width:100%; height:auto; margin:3% auto; overflow:hidden;}
.honorTit h1{ font-size:24px;line-height:40px;text-align: center;}
.honorTit p{ font-size:16px;line-height:30px; text-align: center;}
.honor{ width:96%; display:block; margin:3% 2% auto; padding: 3% 0 5%; height:auto; overflow:hidden;}
.honor li{ width:46%; height:auto; float:left; display:block; margin: 2%;}
.honor li img{width: 183px;height: 69px;}


/*camp*/
.camp{overflow: hidden; height:auto; margin-top: 2%;}
.camp li{float: left;width: 96%;margin:2% 2%;text-align: center;}
.camp li a{ width:100%; text-align: center;}
.camp li img{ width:100%; overflow:hidden;}
.camp li h1{ font-size:18px; text-align:left; line-height:30px; font-weight:normal; color:#333;}
.camp li span{ font-size:12px; text-align:left; line-height:25px;height:25px; color:#666;display: block;overflow: hidden;}
.camp li p{font-size: 1em;color: #333;line-height: 2em;max-height: 6em; overflow: hidden;}
.camp li h2{ width:158px; height:28px; border:1px solid #08f; font-size:14px; color:#666; text-align:center; line-height:28px; display:block; margin:1% 0 auto auto;}

/*jmsq*/
.jmsq { width:90%;margin:2% auto auto;overflow:hidden; }
.messages{ width:100%; margin:10px auto; overflow:hidden;}
.messages input,.messages select,.messages textarea{ margin:0; padding:0; background:none; border:0; font-family:"Microsoft Yahei";}
.messlist { width:100%; height:30px; margin:10px auto;}
.messlist label{ float:left; width:20%; height:30px; font-size:14px; line-height:30px; text-align:right; padding-right:10px;}
.messlist input{ float:left; width:70%; height:28px; padding-left:5px; border:#ccc 1px solid; border-radius:3px;}
.messlist.textareas{ height:130px; margin:20px auto;}
.messlist textarea{ float:left; width:75%; height:130px; border:#ccc 1px solid; border-radius:3px;}
.messsub{ padding:10px 0 0 110px;}
.messsub input{ width:30%; height:30px; background:#ddd; font-size:14px; font-weight:normal; cursor:pointer; margin-right:5px}
.messsub input:hover{ background:#08f; color:#fff;}

/*详情页*/
.inDetail{width: 94%;margin:2% auto;}
.inDetail h2.inDTop{font-size: 1em;color: #ccc;}
.inDetail .inDTitle{font-size: 1.2em;color: #333;text-align: center;}
.inDetail div.inDMsg{text-align: center;}
.inDMsg span{display: inline-block;margin:1% 2% 0;font-size: .9em;color: #999;}
.inDCon{margin-top: 1%;min-height: 300px;}
.inDCon h1{ line-height: 1.5em;font-size: 1.1em;color: #333; font-weight:600;}
.inDCon p{overflow: hidden; line-height: 1.5em;font-size: 1em;color: #333; text-indent:2em;}
.inDCon img{max-width: 100%; display:block; margin:2% auto;}

.inBack{display: block;width: 30%;line-height: 2.2em;background:#eee;color:#333;text-align: center;margin:4% auto;border-radius:4px;font-size: 1.2em;}
.inBack:hover{background: #97c618;}

/*联系我们*/
.inCoTitle{font-size: 1.2em;color: #333;line-height: 1.4em;padding:2% 0px;margin: 2% 0;}
.inCoCon p{font-size: 1.1em;line-height: 2em;}
.inCoCon img{max-width: 100%; display:block; margin:2% 0;}

/*在线留言*/
.inMsg{text-align: center;}
.inMsg h1{font-size: 1.8em;line-height: 2em; color:#999;}
.inMsg p{line-height: 1.2em; text-align:center;}
.inMessages{margin-top:6%;}
 .inMessages li{overflow: hidden;line-height: 2em;margin-bottom:4%;}
.inMessages li span{float:left;width: 18%;font-size: 1.1em;text-align: right;}
.inMessages li input{width: 74%;float: left;border:1px #ccc solid;line-height:2em;margin-left:2%;padding-left: 2%;}
.inMessages li textarea{width:74%;float: left;border:1px #ccc solid;line-height:2em;margin-left:2%;padding-left: 2%;display: block;height: 4em;}
.subBtn{margin-left:22%;width: 30%;line-height: 2em;border:1px #08f solid;border-bottom:2px #08f solid;background:#08f;font-size: 1.2em;color:#fff;padding-right: 2%;}

/*详情页*/
.inTeTop{margin-top: 2%;}
.inTeTop h3{padding: 2%;border: 1px #ccc solid;width: 40%;margin: 0 auto;}
.inTeTop img{display: block;width: 100%;}
.inTeTop h2{font-size: 1.2em;color: #333;text-align: center;line-height: 2em;}
.inTeTips{overflow: hidden;border-bottom: 1px #ccc dashed;line-height: 1.8em;padding-bottom: 2%;}
.inTeTips span,.inTeTips em{font-style: normal;float: left;}
.inTeTips em{margin: 0 2%;}
.inTeList{margin: 2% 0;}
.inTeList li{line-height: 1.8em;}
.inTeList li strong{color: #333;}
.inTitle{background: #f2f2f2;line-height: 2em;border-left: 3px #014694 solid;padding-left: 2%;font-size: 1.2em;color: #333;margin: 3% 0;}

.inDCon{line-height: 1.6em;margin-top: 2%;}
.inDCon p{overflow: hidden;}
.inDCon img{max-width: 100%;}


@media screen and (max-width:640px){body,html{font-size:16px}}
@media screen and (max-width:540px){body,html{font-size:15px}}
@media screen and (max-width:480px){body,html{font-size:14.5px}}
@media screen and (max-width:420px){body,html{font-size:14px}}
@media screen and (max-width:360px){body,html{font-size:13.5px}}
@media screen and (max-width:320px) {body,html{font-size:12.5px}}