@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: 50px 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: 50px;position: fixed;z-index:9999;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:70%;margin:0 auto;background:url(../img/logo.png) no-repeat left center;display: block;height:50px;background-size: 40%;float: left;margin-left: 4%;}
.name{font-size: 1.4em;line-height: 50px;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:auto 46%;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: 50px;font-size: 1.6em;font-weight: bold;color:#333;position:relative;}
.topTitle span{width: 20%;height: 50px;background: url(../img/inNav.png) no-repeat center center;position: absolute;top:0;left: 65%;}
.pup{position: absolute;top: 50px;width: 50%;left: 25%;text-align: center;background:#19278b;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:#19278b; 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:#19278b;}

/*six*/
.six{ width:96%; height:auto; margin:2% 2%; display:block; overflow:hidden;}
.six li{ width:14.6%; height:auto; float:left; display:block; margin:auto 1%; overflow:hidden;}
.six li img{ width:100%; display:block; }
.six li p{font-size: 0.6em;color: #666; line-height:1.5em; 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%;}



/*首页标题*/
.title{ width:100%; display:block; overflow:hidden; text-align: center; margin:3% auto;}
.title h1{ width:100%; margin:0 auto; font-size: 1.4em;color: #333;line-height: 1.6em;background-size: 40%;}
.title span{ color:#19278b;}
.title p{ font-size:1em; text-align:center; text-transform:uppercase; color:#666;}

.title2{ width:96%; display:block; overflow:hidden; text-align: center; margin:3% 2%;}
.title2 a{ width:30%; height:2em; background:#19278b; font-size:1em; line-height:2em; text-align:center; margin:auto 1%; float:left; display:block; color:#fff; border-radius:5px;}

/*产品*/
.pro{overflow: hidden;}
.pro li{float: left;width: 43%; padding:1%; margin: 2% 2%; border:1px solid #ccc; overflow:hidden;}
.pro li a{ width:100%;}
.pro li img{display: block; max-width:152px; max-height:114px; overflow:hidden;}
.pro li p{font-size: 1.1em;color: #fff;line-height: 2em;height: 2em;overflow: hidden; text-align:center; background:#999;}

/*关于我们*/
.aboutBox{width: 100%; margin:4% auto 3%;}
.about{ width:100%; height:auto; overflow:hidden;margin: 2% auto; }
.avideo{ width:96%; height:auto; display:block; margin:0 2%; overflow:hidden;}
.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:#19278b;}
.aboutBox .more{margin-top: 4%;}
.more{width: 90%;line-height: 2.4em;background:#19278b;color: #fff;text-align: center;margin:2% auto;display: block;border-radius: 50px;}

/*team*/
.teamBox{width: 100%;padding: 1% 0 2%;background: #f6f6f6;margin:4% auto 3%;}
.team{overflow: hidden;}
.team li{float: left; display:block;width: 46%; margin: 2% 2%; overflow:hidden;}
.team li a{ width:100%;}
.team li img{display: block; max-width:162px; max-height:162px; overflow:hidden;}
.team li p{font-size: 1.1em;color: #333;line-height: 2em;height: 2em;overflow: hidden; text-align:center; }
.team li h1{height:36x;  display:block; font-size:18px; text-align:center; line-height:36px; color:#333; }
.team li h2{height:24px;  display:block; font-size:14px; text-align:center; line-height:24px; color:#666; }
.team li p{width:100%; height:30px;  display:block; font-size:14px; text-align:center; line-height:30px; color:#fff;border-radius: 5px;  background:#ccc;}
/*show*/
.showBox{  overflow: hidden;margin: 3% 0; padding-right: 2%; padding-left: 1%;}
.show{ width:99%; max-height:100px; overflow: hidden; margin:0 0.5%;}
.show li{float: left; display:block; width:31%;margin:0 1%;}
.show a{ width:100%; text-align: center;}
.show img{ width:100%;max-width: 112px;max-height:74px; overflow:hidden;}
.show li p{font-size: 12px;color: #333;line-height: 26px;height: 26px;overflow: hidden;}

/*公用标题*/
.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 #19278b;	padding-left:1.5%;}
/*新闻资讯*/
.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%;}

/*新闻资讯*/
.newsBox{width: 100%;padding: 1% 0;background: #f6f6f6;margin:4% auto 3%;}
/*回到顶部*/
.itop{width: 100%;background:#19278b;text-align: right;margin: 4% auto;}
.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:#19278b;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%;}

/*内页*/
.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;}

/*人力资源*/
.inJob{padding: 2%;}
.inJob li{overflow: hidden;padding: 2% 0px;border-bottom: 1px #ccc solid;}
.inJob div.inJLeft{float: left;width:20%;background: #f2f2f2;text-align: center;height: 3em;padding: 2% 0px;}
.inJob div.inJLeft h5{font-size: 1.2em;line-height: 1.7em;}
.inJob div.inJLeft h6{font-size: .8em;line-height: 1.2em;}
.inJob div.inJRight{float: right;width: 76%;}
.inJob div.inJRight a{line-height: 2em;color: #333;font-size: 1.1em;height:1.6em;overflow: hidden;display: block;}
.inJob div.inJRight p{line-height: 1.6em;height:1.6em;overflow: hidden;}


/*分页*/
.page{text-align: center;width: 100%;margin:2% auto;}
.pageList{text-align: center;width: 100%;}
.pageList li{padding:0 1%;display: inline-block;font-size: 1.1em;}
.pageList li a{ 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:#19278b; line-height:30px;}
.inback a{font-size:12px;text-align:center; line-height:30px; color:#fff;}

.dianji{display:block;width:160px;margin:2% auto;height:30px;border-radius:20px; font-size:12px;color:#fff;text-align:center; background:#e60012; line-height:30px;}
.dianji a{font-size:12px;text-align:center; line-height:30px; color:#fff;}

/*企业风采*/
.honor{overflow: hidden;padding: 2% 0 1%;}
.honor li{float: left;width: 46%;margin: 2% 2%;}
.honor li img{display: block; width:162px; height:126px; overflow:hidden;}
.honor li p{text-align: center;font-size: 1.1em;line-height: 1.6em;color: #333;height: 1.6em;overflow: hidden;}

/*link*/
.link{overflow: hidden;padding: 2% 0 1%;}
.link li{float: left;width: 43%;margin: 1.5% 1.5%; padding: 1.7%;border: 1px solid #ccc;}
.link li img{display: block; width:152px; height:101px; overflow:hidden;}
.link li p{text-align: center;font-size: 1.1em;line-height: 1.3em;color: #333;height: 1.3em;overflow: hidden;}

/*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:71px; overflow:hidden;}
.news li .newsR{ width:68%; height:auto; float:right; display:block;}
.news li .newsR a.news-tit{ width:100%; font-size:1.1em; line-height:2em; color:#333; height:2em; overflow:hidden; display:block;}
.news li .newsR span{ width:100%; display:block;  font-size:0.8em; height:1.2em; line-height:1.2em; color:#999;}
.news li .newsR a.news-more{ width:100%; display:block; text-align:left; font-size:1em; height:1.6em; line-height:1.6em; color:#19278b;}

/*tdui*/
.tdui{overflow: hidden; height:auto; margin-top: 2%;}
.tdui li{float: left;width: 46%;margin:2% 2%;text-align: center;}
.tdui li a{ width:100%; text-align: center;}
.tdui li img{ width:100%;max-width: 162px;max-height:162px; overflow:hidden;}
.tdui li p{font-size: 1em;color: #333;line-height: 2em;height: 2em; overflow: hidden;}

/*display*/
.display{overflow: hidden;height:auto; margin-top: 2%;}
.display li{float: left; display:block;width: 46%; margin: 2% 2%; overflow:hidden;}
.display li a{ width:100%;}
.display li img{display: block; max-width:162px; max-height:108px; overflow:hidden;}
.display li p{font-size: 1.1em;color: #333;line-height: 2em;height: 2em;overflow: hidden; text-align:center; }

/*case*/
.case{overflow: hidden;height:auto; margin-top: 2%;}
.case li{float: left; display:block;width: 46%; margin: 2% 2%; overflow:hidden;}
.case li a{ width:100%;}
.case li img{display: block; max-width:162px; max-height:108px; overflow:hidden;}
.case li p{font-size: 1.1em;color: #333;line-height: 2em;height: 2em;overflow: hidden; text-align:center; }

/*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:#19278b; 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%;}

/*在线留言*/
.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 #19278b solid;border-bottom:2px #32aee5 solid;background:#19278b;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%;}


/*four*/
.fourBox{ width:100%; height:auto; margin:30px auto;}
.four{ width:100%; height:auto;display: block; margin:0 auto; }
.four li{width: 46%;height: auto; float: left; display: block; margin: 2%;box-shadow: 2px 5px 5px rgba(0,0,0,0.4);}
.four li .fourImg{width: 100%;height: auto;display: block;overflow: hidden; margin: 0 auto;}
.four li .fourTit{font-size: 18px; line-height: 40px; font-weight: 500;display: block;text-align: center;color: #000;}
.four li span{width: 80px;height: 2px;display: block; text-align: center; background: #ccc; margin: 4px auto;}
.four li p{font-size: 14px;text-align: center;line-height: 25px;height: 25px;color: #666;}
.four li .fourM{font-size: 14px;text-align: center;line-height: 30px;color: #18268b; display: block; margin:10px auto;}


@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}}