﻿@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;}
.all{position:relative;z-index:10;right:0;background:#fff;}
#wrapper{margin:0 auto;width:100%; max-width:640px;}
.wrap{width:92%;margin:0 auto;}

/*top*/
.top{background: #f1f1f2;width: 100%;line-height: 2.2em;overflow: hidden;color: #4e4e4e;font-size:12px;text-align: center;}

/*logo*/
.logo{width:92%;margin: 3% auto 1%;padding-bottom:3%;display: block;background: url(../img/logoLine.png) no-repeat bottom center;background-size: 100%;}
.logo img{width: 60%;margin:0 auto;display: block;}

/**/
.topTitle{text-align:center;margin-bottom: 3%;}
.topTitle h2{font-size:1.8em;font-weight:bold;color: #000;}
.topTitle p{font-size: 1.2em;color: #010101;}
/*nav*/
.nav{background: #be1511;overflow: hidden;}
.nav li{width: 33%;border-right: 1px #d56764 solid;border-bottom: 1px #d56764 solid;float: left;text-align: center;line-height: 2.3em;font-size: 1.3em;}
.nav 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:1em;margin-right:1%;}
#pagenavi a.active{background:#none;}
/*inbanner*/
.inbanner{width:100%; margin:0 auto;}
.inbanner img{width:100%; margin:0 auto;}

/*搜索*/
.search{overflow: hidden;border: 1px #c9c9c9 solid;width: 60%;margin: 3% auto;border-radius: 4em;display: none;}
.search input{outline: none;float: left;border: none;}
.search input.serTxt{padding: 0 4%;line-height: 2em;width: 72%;}
.search input.serBtn{background: url(../img/iconSearch.png) no-repeat center center;background-size: 43%;width: 20%;height: 2em;float: right;}

/*知名用户*/
.partB{margin: 4% auto; overflow: hidden;}
.partBox{position: relative;width: 92%;margin:4% auto 0;}
.part{overflow: hidden;height: 45px;width: 100%;}
.part ul{width: 300%;overflow: hidden !important;}
.part li{float: left;width: 10%;border: 1px #ccc solid;margin:0 0.8% 0 0;}

.partBox a.partBtn{width:4%;height: 45px;position: absolute;top: 0px;}
.partBox a.prev{background: url(../img/arrowUL.png) no-repeat left center;left:-15px;background-size: 80%;}
.partBox a.next{background: url(../img/arrowUR.png) no-repeat right center;right:-15px;background-size: 80%;}

/*一站式服务*/
.serviceBox{padding-top: 2%;border-top: 1px #BE1511 solid;overflow: hidden;}
.service h2{color: #BE1511;}
.service p{font-size: 1.2em;color: #111;}
.solve{overflow: hidden;margin: 2% 0;position: relative;}
.solve li{float: left;width: 50%;margin:2% 0;}
.solve h4{width:46%;height:5.2em;overflow: hidden;float: left;}
.solve li.solveL01 h4{background: url(../img/iconSolve.jpg) no-repeat top center;background-size: 100%;}
.solve li.solveL02 h4{background: url(../img/iconSolve02.jpg) no-repeat top center;background-size: 100%;}
.solve li.solveL03 h4{background: url(../img/iconSolve03.jpg) no-repeat top center;background-size: 100%;}
.solve li.solveL04 h4{background: url(../img/iconSolve04.jpg) no-repeat top center;background-size: 100%;}

.solve li.solveL02 h4:hover{background: url(../img/iconSolve02H.jpg) no-repeat top center;background-size: 100%;}
.solve li.solveL03 h4:hover{background: url(../img/iconSolve03H.jpg) no-repeat top center;background-size: 100%;}
.solve li.solveL04 h4:hover{background: url(../img/iconSolve04H.jpg) no-repeat top center;background-size: 100%;}
.solve div{float: right;width: 54%;text-align: center;}
.solve h5{margin-top: 4%;font-size:1.2em;color: #111;}
.solve h6{font-size: 1.2em;color: #777;text-transform: uppercase;}
.solve em{display: block;width: 85%;height: 1.3em;}
.solve li.solveL01 em{background: url(../img/iconArrow.png) no-repeat center right;background-size:23%;}
.solve li.solveL03 em{background: url(../img/iconArrow03.png) no-repeat 22% center;background-size:23%;}
.solve li.solveL05{position: absolute;right: 1%;top:36%;width: 24%;height: 1.5em;background: url(../img/iconArrow02.png) no-repeat center center;background-size:23%;float: none;}

/*产品中心*/
.title{text-align: center;}
.title h2{font-size: 2em;color: #BE1511;line-height: 1em;}
.title p{font-size:1.4em;color: #c9c9c9;text-transform: uppercase;}

.navPro{margin:4% 0 2%;}
.proList{width: 96%;margin-left: 2%;overflow: hidden;}
.proList li{width: 46%; float: left;margin: 2% 2%;}
.proList a.proPic{width: 95%;padding: 2%;border: 1px #d6d6d6 solid;}
.proList a,.proList img{display: block;}
.proList a.proTxt{font-size: 1.1em;color: #000; text-align:center;line-height: 1.3em;height: 1.3em;overflow: hidden;}

/*hzdx*/
.title{}
.title a{/*font-size:2em;*/color: #010101;text-align: center;line-height: 2em;font-weight:normal;}
.title a:hover{ color:#be1511;}
.title p{ font-size:1em; text-align:center; line-height:1.2em; color:#333;}
.title h1{font-size:2em;color: #010101;text-align: center;line-height: 2em;font-weight:bold;}
.title h2{ font-size:1em; text-align:center; line-height:1.2em; color:#333;font-weight:normal;}
.hzdxBox{ width:100%; height:auto; margin:0 auto;}
.hzdx{width:99%; height:auto; margin:3% 0.5%; overflow:hidden;}
.hzdx li{ width:30%; height: auto;float: left;display: block;margin: 0 1.5%;}
.hzdx li img{width:60%; display: block;overflow: hidden;margin: 0 20% 5%;}
.hzdx li h1{font-size:1.4em;font-weight: normal;color: #000; text-align: center; margin-bottom: 1%;}
.hzdx li span{ height: 1px;background: #bfbfbf; display: block;margin: 5% auto;}
.hzdx li p{font-size: 0.8em;color: #000;line-height:1.6em; text-align: center;}

/*维康国际4大优势*/
.titleAdv{width: 100%;background: #BE1511;color:#fff;overflow: hidden;line-height: 3em;margin-top: 4%; text-align:center;}
.titleAdv h2{font-size:1.8em;float: left;margin-left: 4%;}
.titleAdv p{font-size: ;float: right;margin-right: 4%;text-transform: uppercase;}

.titleAdv h5{font-size:1.5em;color: #fff;margin-left: 4%;}
.adv li{padding-left:30%;margin: 4% 4% 6%; padding-bottom:5%;}
.adv li.adv01{background: url(../img/iconAdv01.png) no-repeat left top;background-size: 28%;}
.adv li.adv02{background: url(../img/iconAdv02.png) no-repeat left top;background-size: 28%;}
.adv li.adv03{background: url(../img/iconAdv03.png) no-repeat left top;background-size: 28%;}
.adv li.adv04{background: url(../img/iconAdv04.png) no-repeat left top;background-size: 28%;}
.adv li h3{color: #000;font-size: 1.3em;font-weight: bold;padding-top:2%;}
.adv li p{color: #000;font-size: 14px;line-height:1.6em;padding-right: 20px;height:3em;}


/*公司实力*/
.title02{overflow: hidden;background: #be1511;line-height: 3em;margin: 0 0;position: relative;height: 3em;}
.title02 h5{float: left;font-size:1.5em;color: #fff;margin-left: 4%;}
.title02 a{float: right;font-size: 1.3em;color: #fff;margin-right: 4%;}

.anliList{width: 100%;line-height: 2em; margin:2% auto; overflow: hidden;}
.anliList li{float: left;font-size:1em;width:18%; color: #000;text-align: center;margin: 0 1%;}
.anliList li.active{color:#be1511;}

.streBox{position: relative;}
.stre{width: 80%;margin: 0 auto;padding: 0 10%;overflow: hidden;}
.stre ul{width:100%;overflow: hidden;margin: 0 auto;}
.stre li a,.stre li img{width: 100%;display: block; position: relative;z-index: 1;}
.streBox .hd a{width: 10%;position: absolute;top: 0px;line-height:6em;font-size: 2em;color: #111;text-align: center;background: #fff;}
.streBox a.prev{left:0;}
.streBox a.next{right:0;}
.streBox li a.streTxt{ position: relative;z-index: 9;font-size: 1.5em;color: #fff;margin-top:2%;line-height:2em;text-align: center;height: 2em;overflow: hidden; margin-top: -2em; background: rgba(0,0,0,0.6);}

/*荣誉资质*/
.honor{width:94%;margin:3% auto;overflow: hidden;}
.honor li{float: left;width: 30%;margin:0 1.5%;}
.honor li a,.honor li img{display: block;width: 100%;}
.honor li a.honorPic{height: 162px;overflow: hidden;}
.honor a.honorTxt{text-align: center;font-size: 1.1em;color: #111;line-height: 1.6em;height: 1.6em;overflow: hidden;}
.honMore{ width:90%; height:2em; line-height:2em; font-size:1.4em; color:#000; text-align:center; border:1px solid #aaaaaa; margin:3% 4.5%; display:block; overflow:hidden; border-radius:5px;}
/*项目案例*/
.case{overflow: hidden;width: 94%;padding: 3%;background: #f1f1f2;margin: 0 auto 4%;}
.case li{width: 44%;padding:2%;margin: 1%;background: #fff;float: left;}
.case li h5{font-size:1.2em;color: #BE1511;}
.case a.caseTxt{color: #111;font-size:1.2em;line-height: 1.4em;height: 1.4em;overflow: hidden;}
.case a,.case a img{display: block;width: 100%;}
.case a.caseMore{background: #dadada;border-radius: 4px;width: 40%;line-height: 1.5em;text-align: center;margin-top: 1%;}

/*关于我们*/
.about{overflow: hidden;margin: 4% auto;width: 94%; padding:3% 3% 5%;background: url(../img/about-bg.jpg) top center no-repeat;}
.about img{width: 100%;display: block;margin: 2% auto;}
.about h1{font-size: 2em;color: #fff;font-weight: bold;line-height: 2em;text-align: center;}
.about p{font-size: 1.1em;line-height:2em;color: #fff;text-align: left;text-indent: 2.2em;}

/*cpzx*/
.cpzx{width: 96%;margin: 3%;overflow: hidden;}
.cpzxNav {width: 99%;line-height: 3em; margin: 5% 0.5%; overflow: hidden;}
.cpzxNav li{float: left;font-size:1.2em;width:30%;border:1px solid #aaa;border-radius: 20px; color: #000;text-align: center;margin: 0 1.3%;}
.cpzxNav li.active{color:#fff; background: #be1511;border:1px solid #be1511;}
.cpzxnr{width: 100%;margin: 2% auto;overflow: hidden;}
.cpzxlist{display:block;width: 100%;margin: 0 auto;overflow:hidden;}
.cpzxlist img{width: 99%;display:block;border:1px solid #aaa;margin: 0 0.3%;}
.cpH{display: none;}
/*新闻*/
.title03{overflow: hidden;background: #e8e8e8;line-height: 3em;margin: 0 0;position: relative;height: 3em;}
.title03 h5{float: left;font-size:1.5em;color: #fff;margin-left: 4%;}
.title03 a{float: right;font-size: 1.3em;color: #fff;margin-right: 4%;}
 
.tabTitle{left: 4%;position:absolute;width: 80%;line-height: 3em;}
.tabTitle li{float: left;font-size:1.5em;width: 40%;color: #010101;text-align: center;}
.tabTitle li.active{background: #3c3c3c;color: #fff;}
.tab{width: 94%;margin:3% auto;overflow: hidden;}
.tab .tabH{display: none;}
.newsList li{overflow: hidden;line-height: 2em;border-bottom: 1px #d2d2d2 dashed;}
.newsList a{float: left;width:78%;color: #000;font-size: 1.2em;height: 2em;overflow: hidden;}
.newsList span{width:20%;float: right; color:#010101;}

.newTitle{ width: 60%;line-height: 3em; margin: 0 20%;}
.newTitle li{float: left;font-size:1.5em;width: 50%;color: #000;text-align: center;}
.newTitle li.active{color: #be1511;}
.new{width: 94%;margin: 2% 3%;overflow: hidden;}
.newList{ width: 100%;margin: 0 auto; overflow: hidden;}
.newList li{ width:100%; height:auto; margin:5% auto;overflow:hidden;}
.newList li .newL{ width:43%; height:auto; float:left; display:block;}
.newList li .newL a.new-tit{ width:100%; font-size:1.3em; line-height:2em; color:#000; overflow:hidden; display:block;}
.newList li .newL span{ width:100%; display:block;  font-size:1.3em; height:2em; line-height:2em; color:#010101;}
.newList li .newL a.new-more{ width:100%; display:block; text-align:center; font-size:1em; height:2em; line-height:2em; color:#fff;background: #666;font-weight: normal;}
.newList li .newR{ width:54%; float:right; display:block; overflow:hidden;}
.newList li .newR img{ width:100%;/*height:151px;*/ overflow:hidden;}

/*回到顶部*/
.backTop{line-height: 3em;margin:4% 0 3%;position: relative;text-align: center;background: url(../img/backTop.png) no-repeat 34% center #be1511;}
.backTop a{font-size: 1.5em;color: #fff;} 
/*底部导航*/
.bNav{text-align: center;}
.bNav li{display: inline-block;padding: 0 2.5%;font-size:1.1em;background: url(../img/bNavLine.png) no-repeat right center;background-size:2% 60%;}
.bNav li a{color: #111;}
.bNav li.bNBorder{background: none;}
/*联系方式*/
.foot{bottom:0px;left:0px;z-index:999;width: 100%;overflow: hidden;    padding-bottom: 15%;}
.contact{text-align: left;font-size: 1em;padding:3%; margin-top:3%;color: #fff;line-height: 1.4em;background: #171717;width: 94%;}
.contact h1{font-size: 1.5em;font-weight: bold;line-height:2em;}
.contact span{display: block;height: 1px;background: #f1f1f1;margin: 1% auto;}
.contact p{font-size: 1.1em;line-height: 2em;font-weight:normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.contact h2{font-size: 0.9em;line-height: 2em;font-weight:normal;text-align: center;color: #909090;margin: 1% auto;}

/*底部*/
.footer{    position: fixed;z-index: 2;
    bottom: 0;background:#fff;width:96%;overflow:hidden;margin: 0 auto;padding: 5% 2%;}
.footer li{float:left;width:30%;text-align:center; margin: 0 1.5%;}
.footer li a{width:80%;color:#fff;height:2em;line-height:2em;padding: 3% 10%; font-size:1em;display: block;}
.footer li a img{float: left;display: block;width:30%;line-height:2em;}
.footer li a p{float: right;display: block;height:2em;line-height:2em;font-size:1em;}
.footer li .footer01{ border: 1px solid #004b96;color: #004b96;border-radius: 5px;overflow: hidden;}
.footer li .footer02{ background: #004b96;color: #fff;border-radius: 5px;overflow: hidden;}
.footer li .footer03{ border: 1px solid #959595;color: #000;border-radius: 5px;overflow: hidden;}


/*内页*/
.current{width:92%;padding:0 4%;line-height: 3em;background: #e1e0e1;height: 3em;overflow: hidden;}
.current a{color: #111;font-size: 1.5em;}
.current span{font-size: 1.5em;}

/*inav*/
.inav{width:96%;margin:3% 2%; height:auto; overflow:hidden;}
.inav a{width:44%; height:2em; float:left; display:block; margin:3% 2.5%; font-size:1.2em; line-height:2em; border:1px solid #b5b5b5; color:#000; text-align:center;}
.inav a.inavon{ color:#be1511;}
/*项目案例*/
.inCaTitle{overflow: hidden;width: 96%;margin: 0 auto;}
.inCaTitle li{float: left;width: 30%;margin:1% 1.5%;}
.inCaTitle a{display: block;text-align: center;line-height: 2em;font-size:1.2em;border: 1px #ccc solid;color: #111;}
.inCase{overflow: hidden;width: 95%;margin: 0 auto;}
.inCase li{float: left;width: 47%;margin: 1.5%;text-align: center;}
.inCase li a,.inCase li img{display: block;width: 100%;}
.inCase li a.caseTxt{font-size: 1.2em;color: #111;line-height: 1.6em;height: 1.6em;overflow: hidden;}

/*新闻*/
.inNews{width: 94%;margin: 0 auto;}
.inNews li a{font-size: 1.1em;}
.inNews li span{font-size: .7em;}
/*关于*/
.inAbout{width: 94%;margin: 0 auto 3%;}
.inAbout p{font-size: 1.1em;color: #111;}
/*联系我们*/
.inContact{width: 94%;margin: 0 auto 3%;color: #111;}
.inContact p{line-height: 1.6em;font-size: 1.1em;margin-bottom:4%;}
.inContact img{width: 100%;}

/*技术团队*/
.team{overflow: hidden;}
.team li{width: 30%;margin:1.5%;float: left;}
.team h5{text-align: center;border: 1px #b5b5b5 solid;}
.team h2{font-weight: normal;text-align: center;font-size: 1.4em;color: #111;line-height: 2em;height: 2em;overflow:hidden;}
.team p{line-height: 1.3em;color:#111;text-align: center;height: 1.3em;overflow: hidden;}
.team p.teamL{max-height: 3em;overflow: hidden;}

/*网站地图*/
.inWebMap{width:95%;margin: 0 auto;}
.inWebMap h2{font-size: 1.5em;}
.inWebMap h2 a{color: #111;}
.inWebMap ul{overflow: hidden;margin-left: 2%;margin-top: 2%;}
.inWebMap li{width: 33%;float: left;font-size: 1.2em;line-height:1.6em;}
.inWebMap li a{color: #111;}

/*分页*/
.page{text-align: center;width: 100%;margin:3% auto;}
/*.page a.pageL{float: left;width:30%;line-height: 1.6em;text-align: center;border: 1px #a0a0a0 solid;border-radius: 4px;}
.page span{font-size: 1.2em;display: inline-block;padding: 0 1%;}
.page em{width:14%;background:url(../img/pageIcon.png) no-repeat center center;height:1.6em;display: inline-block;background-size: 100%;position: absolute;top: 0px;right: 8%;}
.pageList{float: left;margin: 0 2%;width:30%;position: relative;line-height: 1.6em;}
.pageHide{position: absolute;top: 2em;height:7em;left:0px;background: rgba(0,0,0,.3);border: 1px #ccc solid;z-index: 999;width: 100%;overflow-y: auto;display: none;}
.pageHide a{float: none;display: block;line-height:2em;text-align: center;font-size: 1.2em;color: #fff;border-bottom: 1px #fff dashed;}*/


.pageList{text-align: center;width: 100%;}
.pageList a{padding:0 1%;display: inline-block;}
/*详情页*/
.deTitle{text-align: center;font-size: 1.5em;padding-bottom: 2%;color: #000; font-weight:normal;}
.deStatus{text-align: center;font-size: 1.1em;}
.deStatus{padding-bottom: 2%;border-bottom: 1px #d2d2d2 solid;margin-bottom: 2%; color:#8f8f8f;}
.deStatus span{display: inline-block;margin: 0 2%;}
.deCon p{overflow: hidden;font-size: 1.1em;color: #000;}
.deCon img{ display:block; margin:2% auto; width:100%;}
.detail{ margin:3% auto 5%;}

/*产品详情页*/
.pro-xq{text-align: center;font-size: 1.5em;padding-bottom: 2%;color: #000; font-weight:normal; width:96%; overflow:hidden; margin:2%;}
.proL{width:47%; float:left; display:block;border: 1px #e8e8e8 solid;}
.proL img{ width:100%; overflow:hidden;}
.proR{width:50%; float:right; display:block; text-align:left;}
.proR h1{font-size:1em;color: #000;line-height:2em;padding:2% 0px;border-bottom: 1px #e8e8e8 solid;font-weight: normal;}
.proR p{line-height:1.4em;color: #000;margin-top: 3%;font-size:0.8em;}
.proR p span{color: #111}
.inPNav{overflow: hidden;line-height: 38px;background: #be1511;margin-top:3%;}
.inPNav li{float: left;width:117px;text-align: center;color: #fff;cursor: pointer;}
.inPNav li.inPActive{background: #a40007;}
.inPCon{min-height: 360px;}
.inPCon .inAbout{display: none;}
 
@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}}
