@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: 100px 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; left: 0px; height: 100px;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:100px;background-size: 70%;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:#01479d;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:#01479d; 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:#01479d;}

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

/*首页标题*/
.title{ width:96%; display:block; overflow:hidden; text-align: center; margin:3% 2%;}
.title h1{ width:100%; margin:0 auto; font-size: 1.6em;color: #333;line-height: 1.6em;}
.title img{width: 70%; height: auto; display: block;  margin: 5px auto;}
.title p{ font-size:1em; text-align:center; text-transform:uppercase; color:#666;}

.title2{ width:100%; display:block; overflow:hidden; text-align: center; margin:3% auto;}
.title2 a{ width:23%; height:30px; background:#f5f5f5; font-size:12px; line-height:30px; text-align:center; margin:auto 1%; float:left; display:block; color:#333;}
.title3{ width:96%; display:block; overflow:hidden; text-align: center; margin:3% 2%;}
.title3 a{ width:30%; height:30px; background:#f5f5f5; font-size:12px; line-height:30px; text-align:center; margin:auto 1%; float:left; display:block; color:#333;}

/*ywfw*/
.ywfw{ width:100%; height:auto; margin:2% auto; display:block; overflow:hidden;}
.ywfw li{ width:21%; height:auto; float:left; display:block; margin:1% 2%; overflow:hidden;}
.ywfw li img{ width:100%; display:block; border-radius: 50%;background: #b2ddff;}
.ywfw li p{font-size: 0.8em;color: #666; line-height:2em; text-align: center; }

/*服务项目*/
.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%;}

/*anli*/
.anli{ width:100%; height:auto; margin:2% auto; display:block; overflow:hidden;}
.anliL{ width:46%; height:auto; float:left; display:block; overflow:hidden; margin:0 2% 0 2%;}
.anliL img{ width:100%; height:auto; display:block; overflow:hidden;}
.anliR{ width:50%; height:auto; float:right; display:block; overflow:hidden; }
.anliR h1{ font-size:14px; font-weight:normal; line-height:20px;height:20px; overflow:hidden; color:#000; }
.anliR p{ font-size:12px; line-height:15px; color:#666;}
.anliR p span{ font-weight:bold; color:#333;}
.anliR a{ width:80px; height:20px; margin-top:6px; font-size:12px; line-height:20px; text-align:center; display:block; background: #f6ac19;color: #fff;}

/*产品*/
.pro{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:162px; max-height:117px; overflow:hidden;}
.pro li p{font-size: 1em;color: #333;line-height: 2em;height: 2em;overflow: hidden; text-align:center; background:#f5f5f5;}

/*anli*/
.anli{overflow: hidden;}
.anli li{float: left; display:block; width: 48%; margin: 2% 1%; overflow:hidden;}
.anli li a{ width:100%;}
.anli li img{display: block; max-width:180px; max-height:120px; overflow:hidden;}
.anli li p{font-size: 1em;color: #333;line-height: 2em;height: 2em;overflow: hidden; text-align:center; background:#f5f5f5;}


/*关于我们*/
.aboutBox{width: 100%; margin:4% auto 3%; background: #f0f0f0; padding: 3% 0;}
.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;}
.about img{ width: 96%; height:auto; display: block; margin: 1% 2%;}
.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:#019fe8;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 #019fe8;	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:#01479d;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; padding-bottom: 60px ;}
.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:#01479d;width:100%;overflow:hidden; height: 100px;}
.footer ul {height: 100%;}
.footer li{float:left;width:25%;text-align:center;height: 100% ;}
.footer li a{color:#fff;height:3em;line-height:3em;font-size:1.2em;padding-left:40%;width:50%;display: block;margin:0 auto; height: 100% ;display: flex ; align-items: center ;}
.footer li .footer01{background:url(../img/iconHome.png) no-repeat 20% center;background-size: 20%;}
.footer li .footer02{background:url(../img/iconAddress.png) no-repeat 20% center;background-size: 18%;}
.footer li .footer03{background:url(../img/iconTel.png) no-repeat 20% center;background-size: 20%;}
.footer li .footer04{background:url(../img/iconMessges.png) no-repeat 20% 60%;background-size: 16%;}

/*内页*/
.sbanner{ width:100%; height:auto; margin:0 auto;}
.sbanner 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%;}
.aboT{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.aboT p{line-height: 1.6em;font-size: 1em; overflow: hidden; text-indent:2em;}
.aboT img{max-width: 100%;width:100%; display:block; margin:2% auto;}
/*企业风采*/
.honor{overflow: hidden;padding: 2% 0 1%;}
.honor li{float: left;width: 46%;margin: 2% 2%;}
.honor li img{display: block; width:162px; height:120px; overflow:hidden;}
.honor li p{text-align: center;font-size: 1.1em;line-height: 1.6em;color: #333;height: 1.6em;overflow: hidden;}


/*recruit*/
.recruit{ width:96%; height:auto; margin:3% auto;  display:block; overflow:hidden;}
.recruit li{ width: 100%; height: auto; float: left; display: block; margin-bottom: 3%;}
.recruit li .zpTit{width: 94%;height: 50px;background: #01479d; padding: 0 3%; margin: 0 auto;}
.recruit li .zpTit h1{font-size: 16px; font-weight: 500;line-height:40px;text-align: left; color: #fff; float: left; display: block; width: 75%; height: 40px;overflow: hidden;}
.recruit li .zpTit span{font-size: 16px;color: #fff;line-height: 40px; text-align: right; float: right; display: block; width: 23%; height: 40px;overflow: hidden;}
.recruit li .zpnr{width: 94%; height: auto; padding:1.5% 2.8%; border: 1px solid #ccc; margin: 0 auto;}
.recruit li .zpnr h2{font-size: 16px; line-height: 30px; color: #000; font-weight: 500;height: 30px; overflow: hidden;}
.recruit li .zpnr p{font-size: 14px; line-height: 25px; text-align: left;color: #333;}


/*分页*/
.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:#01479d; line-height:30px;}
.inback a{font-size:12px;text-align:center; line-height:30px; color:#fff;}

/*news*/
.news{line-height: 1.6em;margin-top: 2%;}
.news li{ width:100%; height:auto; margin:3% auto; padding-bottom:3%; border-bottom:1px dashed #ccc; overflow:hidden;}
.news li .newsL{ width:30%; float:left; display:block; overflow:hidden;}
.news li .newsL img{ width:100%; height:auto; max-width:106px; max-height:51px; overflow:hidden;}
.news li .newsR{ width:68%; height:auto; float:right; display:block;}
.news li .newsR a.news-tit{ width:100%; font-size:14px; line-height:20px; color:#333; height:20px; overflow:hidden; display:block;}
.news li .newsR span{ width:100%; display:block;  font-size:12px; height:16px; line-height:16px; color:#999;}
.news li .newsR a.news-more{ width:100%; display:block; text-align:left; font-size:12px; height:16px; line-height:16px; color:#01479d;}

/*详情页*/
.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 h1{font-size: 1.2em;line-height: 2em; color: #01479d;font-weight: 500;}
.inCoCon p{font-size: 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:#666;}
.inMsg h2{font-size: 1.4em;line-height: 1.4em; color:#999; text-transform: uppercase;}
.inMsg p{line-height: 1.4em; 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 #01479d solid;border-bottom:2px #01479d solid;background:#01479d;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}}