@charset "utf-8";

/**关于我们**/
.OtherTop{height:72px;border-bottom:1px solid #ccc;line-height:72px;}
.OtherTop ul li{float:left;}
.OtherTop ul li a{padding:0 30px;display:block;color:#666;}
.OtherTop ul li.hover a,.OtherTop ul li:hover a{border-bottom:1px solid #05639e;color:#05639e;}
/**公司概况**/
.aboutOne ul li{width:239px;float:left;text-align:center;border-right:1px solid #ccc;}
.aboutOne ul li.active{width:240px;border-right:none;}
.aboutOne ul li mark{font-size: 40px;font-style: normal;display: block;font-family: "Times New Roman",Times,serif;color: #05639e;font-weight:500;font-style:italic;}
.aboutOneCont{width:96%;margin:50px 2%;text-align:left;}
.aboutOneCont p{font-size: 16px;color: #666;line-height:32px;margin:0 0 15px;text-indent:2em;}
/**我们一直在成长**/
.aboutTwo{height:356px;background:url(../images/aboutTwoImg.jpg) no-repeat center top;margin:40px 0 0;float:left;}
/**整体运作服务能力**/
.aboutThree{height:750px;overflow:hidden;}
.aboutThree ul li{width:354px;height:99px;border-bottom:1px solid #ccc;}
.aboutThree ul li i{display:block;width:30px;height:30px;border-radius:50%;color:#FFF;line-height:30px;text-align:center;background-color: #05639e;margin-right:10px;margin-top:35px;}
.aboutThree ul li p{font-size:14px;line-height:99px;color:#666;}
.aboutThree ul li mark{font-size: 18px;color: #05639e;font-weight: 400;}
.aboutThree ul li i.pr{margin:35px 0 0 10px;}
.aboutThree ul li:nth-child() p,.aboutThree ul li:nth-child() p,.aboutThree ul li:nth-child() p{}

.aboutThrFlash{width:428px;float:left;margin:0 32px;text-align:center;border-radius:50%;overflow:hidden;}
.aboutThrFlash img{width:410px;height:410px;padding:8px;border:1px solid #0074bd;border-radius:50%;}

.aboutThrFlash ol{display:inline-block;margin-top:80px;}
.aboutThrFlash ol li{width:15px;height:15px;background:#000;border-radius:50%;float:left;margin:0 10px;}
.aboutThrFlash ol li.hover,.aboutThrFlash ol li:hover{background:#0061B0;}

.aboutTop{width:100%;text-align:center;margin-top:74px;float:left;}
.OtherAboutTop{margin-bottom:50px;}
.aboutTop h3{font-size:35px;color:#363636;font-weight:bold;}
.aboutTop mark{width:90px;height:2px;background:#ccc;margin:20px auto;display:block;}
.aboutTop p{font-size:14px;color:#888;}
/**整体运作服务能力**/
.aboutFour{height:799px;background:url(../images/aboutFourImg.jpg) no-repeat center top;overflow:hidden;}
.aboutFour h3,.aboutFour p{color:#FFF;}
.aboutFour ul li{width:480px;margin-bottom:50px;}
.aboutFour ul li h3{font-size:18px;font-weight:bold;}
.aboutFour ul li p{font-size:14px;line-height:30px;margin-top:10px;}

.aboutPartner .service{margin:0;overflow:hidden;}
.aboutPartner .service section{width:200%;}
.aboutPartner .service ul{float:left;}

.Partner img{width:100%;}

.SevBotton{width:100%;float:left;text-align:center;margin:30px 0 0 0;display:none;}
.SevBotton ul{display:inline-block;}
.SevBotton ul li{width:15px;height:15px;border-radius:50%;background:#d3d5d5;float:left;margin:0 5px;}
.SevBotton ul li.hover,.SevBotton ul li:hover{background:#0061b0;}

/**联系我们**/
.contactCont{width:100%;float:left;margin:40px 0;}
.contactCont address{float:left;font-size:14px;color:#666;line-height:30px;}
.contactCont address p.title{border-bottom:1px solid #ccc;padding-bottom:20px;}
.contactCont ul{display:block;margin-top:30px;}
.contactCont ul li{width:92px;margin-left:30px;float:left;}
.contactCont ul li:first-child{margin:0;}
.contactCont ul li p{font-size:14px;color:#666;line-height:30px;text-align:center;}
.contactCont img{border:1px solid #ccc;}


/**荣誉证书**/
.otherBorder{float:left;margin:0 auto 50px;}
.thrInOne ul li{width:346px;height:;float:left;margin:40px 81px 0 0;}
.thrInOne ul li.active{margin:40px 0 0 0;}
.thrInOne ul li mark{height:238px;width:346px;overflow:hidden;display:block;}
.thrInOne ul li mark #caseList{height:238px;width:346px;text-align:center;display: table-cell;vertical-align:middle;}
.thrInOne ul li img{cursor:pointer;}
.caseList{width:100%;}
.thrInOne ul li h3{height:45px;width:346px;background:#f5f5f5;line-height:45px;text-align:center;color:#333;font-size:14px;}
.thrInOne ul li mark #caseList{height:238px;width:346px;text-align:center;display: table-cell;vertical-align:middle;}
.thrInOne ul li:nth-child(2){animation-delay:0.2s;-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;-moz-animation-delay:0.2s;-o-animation-delay:0.2s;}
.thrInOne ul li:nth-child(3){animation-delay:0.4s;-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;-moz-animation-delay:0.4s;-o-animation-delay:0.4s;}
.thrInOne ul li:nth-child(4){animation-delay:0.6s;-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;-moz-animation-delay:0.6s;-o-animation-delay:0.6s;}
.thrInOne ul li:nth-child(5){animation-delay:0.8s;-webkit-animation-delay:0.8s;-moz-animation-delay:0.8s;-moz-animation-delay:0.8s;-o-animation-delay:0.8s;}
.thrInOne ul li:nth-child(6){animation-delay:0.9s;-webkit-animation-delay:0.9s;-moz-animation-delay:0.9s;-moz-animation-delay:00.9s;-o-animation-delay:0.9s;}

.StepList ul li h3{height:55px;overflow:hidden;}
.maskGray{width:100%;height:100%;background:rgba(0,0,0,.6);position:fixed;left:0px;top:0px;display:none;}
.bigImg{max-width:800px;background:#FFF;left:50%;top:20%;position:fixed;transform:translateX(-50%);text-align:center;display:none;}
.bigImg h3{font-size:12px;font-weight:600;padding:5px 0 15px;margin-left:15px;}
.bigImg h3 img{width:50px;float:right;margin-right:15px;cursor:pointer;}
.bigImg img.left{position:absolute;left:-80px;top:170px;}
.bigImg img.right{position:absolute;right:-80px;top:170px;}
/**荣誉证书**/
.aboutHonor ul li mark{width:344px;height:246px;border:1px solid #ccc;margin-bottom:14px;display:block;overflow:hidden;}
.aboutHonor ul li img{height:218px;margin-top:14px;}
.aboutHonor .productImgimg{width:100%;max-height:880px;}
.bigImg img{max-width:450px;margin:0 auto;float:none;}
.CaseBigImg img{max-width:650px;}
.aboutHonor .more,.OverTeamTwo a.more{width:150px;height:50px;line-height:50px;text-align:center;display:block;font-size:16px;background:#f5f5f5;clear:both;color:#9b9b9b;margin:50px 504px 0;float:left;}

.CaseHoner ul li{width:285px;float:left;margin:40px 20px 0 0;overflow:hidden;}
.CaseHoner ul li.active{margin:40px 0 0 0;}
.CaseHoner ul li mark{height:214px;width:285px;overflow:hidden;display:block;margin:0;}
.CaseHoner ul li mark #caseList{height:214px;width:285px;text-align:center;display: table-cell;vertical-align:middle;}
.CaseHoner ul li img{max-width:100%;max-height:100%;cursor:pointer;margin:0;}
.caseList{width:100%;}
.CaseHoner ul li h3{height:45px;width:285px;background:#f5f5f5;line-height:45px;text-align:center;color:#333;font-size:14px;}
.CaseHoner ul li mark #caseList{height:214px;width:285px;text-align:center;display: table-cell;vertical-align:middle;}
.CaseHoner ul li:nth-child(2){animation-delay:0.2s;-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;-moz-animation-delay:0.2s;-o-animation-delay:0.2s;}
.CaseHoner ul li:nth-child(3){animation-delay:0.4s;-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;-moz-animation-delay:0.4s;-o-animation-delay:0.4s;}
.CaseHoner ul li:nth-child(4){animation-delay:0.6s;-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;-moz-animation-delay:0.6s;-o-animation-delay:0.6s;}
.CaseHoner ul li:nth-child(5){animation-delay:0.8s;-webkit-animation-delay:0.8s;-moz-animation-delay:0.8s;-moz-animation-delay:0.8s;-o-animation-delay:0.8s;}
.CaseHoner ul li:nth-child(6){animation-delay:0.9s;-webkit-animation-delay:0.9s;-moz-animation-delay:0.9s;-moz-animation-delay:00.9s;-o-animation-delay:0.9s;}
.CaseHoner ul li:nth-child(7){animation-delay:1s;-webkit-animation-delay:1s;-moz-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;}
.CaseHoner ul li:nth-child(8){animation-delay:1.1s;-webkit-animation-delay:1.1s;-moz-animation-delay:1.1s;-moz-animation-delay:1.1s;-o-animation-delay:1.1s;}

/**人才团队**/
.teamCont ul li{width:100%;height:390px;border-bottom:1px solid #ccc;float:left;}
.teamCont ul li h3{width:256px;height:256px;border:1px solid #e5e5e5;border-radius:50%;margin:60px 0 0 150px;}
.teamCont ul li span{width:240px;height:240px;display:block;overflow:hidden;border-radius:50%;margin:8px;float:left;}
.teamCont ul li img{width:240px;height:240px;}
.teamCont dl{width:600px;margin:100px 80px 0 0;}
.teamCont dl dt{font-size:25px;color:#333;}
.teamCont dl dt mark{font-size:16px;color:#888;margin-left:10px;}
.teamCont dl dd{font-size:14px;color:#333;line-height:30px;margin-top:15px;}
.teamCont ul li.active h3{margin:60px 80px 0 0;}
.teamCont ul li.active dl{margin:100px 0 0 150px;}
.teamCont ul li:hover img{width:110%;height:110%;margin:-5%;}



.productList{width:100%;background:#f5f5f5;margin-bottom:44px;float:left;}
/**产品分类头部**/
.OterClassTop{background:#3d4550;height:80px;}
.otherMenuLeft{height:40px;border-left:5px solid #f38100;margin:20px  0 0 0;}
.otherMenuLeft h3{line-height:40px;font-size:22px;color:#FFF;margin-left:18px;}
.OterClassTop h4,.OterClassTop h4 a{color:#6b798c;font-size:12px;margin-top:56px;}
/**产品头部**/
.OterTop{text-align:center;}
.OterTop h3{background:rgba(0,0,0,0);display:inline-block;margin:44px 0 7px;}
.OterTop h3 mark{padding:0 16px;font-size:30px;color:#444;line-height:30px;float:left;}
.OterTop h3 span{width:69px;height:1px;background:#ccc;display:inline-block;margin-top:14px;float:left;}
.OterTop h4{color:#aaaaaa;font-size:14px;line-height:26px;}
/**产品分类**/
.proClass{float:left;height:35px;overflow:hidden;text-align:center;margin-top:48px;}
.proClass h4{width:100%;height:1px;background:#dddddd;margin-top:17px;}
.proClass ol{display:inline-block;margin-top:-18px;}
.proClass ol li{float:left;margin-left:23px;}
.proClass ol li:first-child{margin:0;}
.proClass ol li a{display:block;background:#eeeeee;padding:0 30px;border:1px solid #dddddd;border-radius:35px;font-size:16px;color:#3d4550;line-height:33px;}
.proClass ol li.hover a,.proClass ol li:hover a{background:#06639e;color:#FFF;border:1px solid #0089e1;}

.ProCont ol{width:100%;float:left;margin-top:45px;padding-bottom:30px;border-bottom:1px solid #ccc;}
.ProCont ol li{width:378px;float:left;margin:25px 30px 0 0;overflow:hidden;}
.ProCont ol li.active{margin-right:0;}
.ProCont ol li mark{width:378px;height:283px;overflow:hidden;display:block;border:1px solid #ccc;}
.ProCont ol li img{width:100%;height:283px;}
.ProCont ol li:hover img{ transform:scale(1.2,1.2);}
.ProCont ol li h3{width:378px;text-indent:1em;font-size:16px;color:#333;line-height:48px;float:left;text-align:center;}







/***修改**/
aside{width:236px;float:left;}
/**侧栏头部**/
.asideTop,.PasideTop{width:236px;height:205px;color:#FFF;}
.PasideTop{width:236px;height:128px;position:relative;}
.PasideTop h3{width:236px;height:57px;font-size:26px;text-align:center;color:#FFF;position:absolute;left:0;bottom:0;}

.OterAside{margin-top:-77px;}
.OterAside img{float:left;}
aside ul{width:228px;border-left:8px solid #e4e4e4;padding:30px 0 15px 0;background:#FFF;}
aside ul li{width:100%;float:left;}
aside ul li h3{width:100%;border-left:8px solid #e4e4e4;float:left;margin-left:-8px;}

aside ul li p{width:200px;height:42px;border-bottom:1px solid #e2e2e2;float:right;}
aside ul li mark{width:8px;height:8px;border:1px solid #999;border-radius:50%;float:left;margin:16px 0}
aside ul li span{width:4px;height:4px;margin:2px;background:#999;border-radius:50%;float:left;;}
aside ul li a{display:block;width:180px;float:right;height:100%;font-size:16px;margin:auto;line-height:42px;}

aside ul li.hover h3,aside ul li:hover h3{border-left:8px solid #444;}
aside ul li.hover a,aside ul li:hover a{color:#1071b8;}
aside ul li.hover mark,aside ul li:hover mark{border:1px solid #1071b8;}
aside ul li.hover span,aside ul li:hover span{background:#1071b8;}

/**二级**/
aside ul ul,aside ul ul ul{width:100%;float:left;padding:5px 0 0 0;border:none;}
aside ul ul.submenu li{height:auto;border:none;margin:0;}
aside ul ul.submenu li a{font-size:14px;line-height:26px;color:#444;}
aside ul ul.submenu li:hover a,aside ul ul.submenu li.hover a{color:blue;}
aside ul ul.submenu li:hover ul li a,aside ul ul.submenu li.hover ul li a{color:#999;}
/**三级**/
aside ul ul ul.subTmenu li a{font-size:12px;color:#999;}
aside ul ul.submenu li ul.subTmenu li:hover a,aside ul ul.submenu li ul.subTmenu li.hover a{color:#0b9508;}
aside ul ul.submenu,aside ul ul ul.subTmenu{display:none;}
aside ul li.hover ul.submenu{display:block;}
aside ul li ul li.hover ul.subTmenu{display:block;}

/**右头部**/
.RightTop{width:900px;height:34px;float:right;padding-bottom:15px;border-bottom:1px solid #ccc;}
.RightTop h3{line-height:34px;color:#1071b8;font-size:22px;font-weight:500;float:left;border-left:8px solid #1071b8;padding-left:15px;}
.RightTop p{float:right;line-height:12px;font-size:12px;color:#ccc;margin-top:22px;}
.RightTop p a{font-size:12px;color:#ccc;}
.RightTop p mark{color:#666;}

.PcontRight{width:900px;float:left;margin:-40px 0 0;padding:40px 32px;background:#f5f5f5;}
.proCont ul{width:100%;margin:37px 0 0 0;float:left; }
.proCont ul li{width:275px;float:left;margin:0 37px 37px 0;}
.proCont ul li.active{margin-right:0;}
.proCont ul li mark{width:273px;height:234px;border:1px solid #ccc;float:left;display:block;overflow:hidden;}
.proCont ul li mark img{width:273px;height:234px;}
.proCont ul li h3{width:100%;line-height:55px;font-size:15px;color:#FFF;text-align:center;float:left;background:url(../images/productImgBg.jpg) no-repeat center top;}
.proCont ul li:hover img{width:120%;height:120%;margin:-10%;}
.proCont ul li:hover h3{background:url(../images/productImgBg2.jpg) no-repeat center top;}


/***修改结束***/





/**产品详情**/
/*
aside{width:265px;float:left;margin-top:76px;border-top:1px solid #ccc;padding-top:30px;}
.asideTop{width:100%;height:45px;font-size:18px;color:#ccc;line-height:45px;border-bottom:4px solid #39b54a;margin-bottom:30px;}
.asideTop h3{width:100%;height:45px;font-size:30px;color:#39b54a;text-align:center;float:left;line-height:normal;}
aside ul li{width:100%;float:left;margin-bottom:10px;}
aside ul li a.pronav{padding:20px 35px 20px 20px;background-color:#e9eff4;color:#665555;font-size:16px;display:block;border-radius:5px;}
aside ul li:hover a.pronav,aside ul li.hover a.pronav{background-image:url(../images/asideImg.png);background-color:#05639e;color:#FFF;background-repeat:no-repeat;background-position:center right;}
*/
.asideMenu{width:100%;float:left;}
.asideMenu li a{width:225px;height:40px;display:block;border-bottom:1px dashed #ccc;font-size:14px;line-height:40px;padding-left:20px;margin-left:10px;}
.asideMenu li:hover a,.asideMenu li.hover a{background:url(../images/productShowArray.png) no-repeat right center;}

.AsideRight{width:900px;float:right;margin-top:76px;border-top:1px solid #ccc;padding-top:30px;}


.proShow{width:635px;height:475px;overflow:hidden;float:left;}
.proShow img{width:100%;}
.AsideRightTop{margin:40px 0 0 0;float:left;}
.AsideRightTop dl{width:215px;height:475px;background:#f2f2f2;float:right;padding:0 15px;}
.AsideRightTop dl span{display:block;height:30px;font-size:16px;color:#aaaaaa;border-bottom:1px solid #ccc;margin:30px 0 15px 0;}
.AsideRightTop dl dt{color:#005285;font-size:22px;}
.AsideRightTop dl dd.kong{height:100px;color:#005285;font-size:22px;margin-top:28px;}
.AsideRightTop dl dd span{margin-top:0px;}
.AsideRightTop dl dd h3{color:#0b9508;font-size:27px;line-height:45px;text-align:center;font-family:myFirstFont;}
@font-face{font-family:myFirstFont;src: url('../font/Franklin Gothic Medium.ttf');}
.AsideRightTop dl dd a{background:#05639e;color:#FFF;line-height:45px;text-align:center;display:block;border-radius:5px;}
.AsideRightInfo img{margin:60px 0 50px;}
.AsideRightInfo h3{font-size:16px;color:#0fa123;line-height:35px;}
.AsideRightInfo p{font-size:16px;color:#666;line-height:35px;}


/**新闻中心**/
.listBack{width:100%;float:left;background:#FFF;}
.newsList ul li{background:#eee;float:left;}
.newsList ul li h3{margin:30px 0 20px;}
.newsList ul li mark{color:#FFF;font-size:16px;background:#61a600;background:#0071bc;}
.newsList ul li h3 a{color:#000;}
.newsList ul li .WholeNewsCont a{color:#888;}

.newsListCont ul li{width:590px;height:120px;float:left;margin:30px 0 0 0;background:#f3f3f3;}
.newsListCont ul li.active{float:right;}
.newsListCont ul li mark{width:80px;height:80px;float:left;display:block;background:#fff;text-align:center;font-size:12px;color:#999;margin:20px 0 0 20px;transition:all 0.3s ease-in 0s;}
.newsListCont ul li strong{font-size:25px;color:#666;display:block;font-weight:100;margin:10px 0 0;transition:all 0.3s ease-in 0s;}
.newsListCont ul li section{width:446px;height:80px;margin:20px 0 0 30px;float:left;transition:all 0.3s ease-in 0s;}
.newsListCont ul li h3{font-size:16px;color:#444;}
.newsListCont ul li h3 time{float:right;font-size:12px;color:#ccc;display:none;}
.newsListCont ul li p{font-size:13px;color:#999;margin-top:12px;line-height:26px;}

.newsListCont ul li:hover mark{background:#0071bc;color:#FFF;margin:0 0 0 20px;}
.newsListCont ul li:hover strong{color:#FFF;}
.newsListCont ul li:hover section{margin:20px 0 0 20px;}
/***列表分页**/
.page{width:100%;text-align:center;float:left;margin:60px 0 0 0;}
.page ol{display:inline-block;}
.page ol li{background:none;float:left;margin:0 5px;height:44px;width:46px;overflow:hidden;}
.page ol li a,.page ol li span{display:block;height:42px;width:44px;line-height:42px;border:1px solid #ccc;font-size:16px;text-align:center;background:#fff;transition:all 0.3s linear 0s;}
.page ol li span{background:#eee;color:#666;}
.page ol li.hover a,.page ol li:hover a{color:#FFF;background:#05639e;}
.proPage ol li.hover a,.proPage ol li:hover a{background:#0074bd;}

/**新闻详情**/
.newsShow img{display:block;margin:30px auto;}
.newShowTop{width:100%;height:110px;border-bottom:4px solid #0071bc;text-align:center;margin-top:60px;}
.newShowTop h3{font-size:20px;font-weight:bold;color:#333;}
.newShowTop h4{font-size:14px;color:#0071bc;margin-top:20px;}
.newShowTop h4 mark,.newShowTop h4 time{font-size:14px;color:#888;margin-right:10px;}

.newShowCont p.title{margin-top:40px;}
.newShowCont p{font-size:14px;color:#666;line-height:32px;margin:10px 0; text-indent:2em;}

/**详情分页**/
.showEnd h3{width:100%;height:50px;border:1px solid #e7e7eb;border-left:none;border-right:none;margin:60px 0 40px;}
.showEnd h3 mark,.showEnd h3 mark a{width:600px;font-size:14px;line-height:50px;display:block;float:left;height:50px;}
.showEnd h3 mark.prev a{width:570px;padding-left:30px;background:url(../images/showArray.png) no-repeat left center;}
.showEnd h3 mark.next a{width:570px;padding-right:30px;background:url(../images/showArray2.png) no-repeat right center;text-align:right;}
.showEnd h3 mark a{color:#333;}
.showEnd h4{width:100%;}
.showEnd h4 a{width:125px;height:40px;background:#0071bc;line-height:40px;text-align:center;font-size:14px;color:#FFF;display:block;float:right;}

/**案例列表**/
/*
.caseCont ul li{width:100%;height:419px;margin-top:70px;float:left;}
.caseCont h3{width:600px;height:419px;overflow:hidden;background:#f6f6f6;}
.caseCont h3 img{width:100%;}
.caseCont dl{width:600px;height:419px;background:#f6f6f6;}
.caseCont dl dt{width:460px;float:left;margin:120px 70px 40px;color:#05639e;font-size:22px;}
.caseCont dl dd{width:460px;float:left;margin:0 70px;color:#ccc;font-size:14px;line-height:30px;}
*/

/**案例详情**/
/*
.caseShowTop{width:100%;height:80px;border-bottom:3px solid #ccc;text-align:center;margin-top:60px;}
.caseShowTop h3{font-size:30px;color:#39b54a;text-align:center;}
.caseShowCont{border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:40px;}
.caseShowCont p{ text-indent:inherit;}
.caseShowCont p img{max-width:100%;margin:0 auto;display:block;}
*/
/**招聘**/
.recInfo ul li{width:430px;float:left;margin-right:20px;}
.recInfo ul li.active{width:300px;margin:0;}
.recInfo h1{width:100%;line-height:50px;float:left;font-size:18px;font-size:#333;margin:10px 0 0;cursor:pointer;border:1px solid #ccc;border-radius:50px;text-indent:2em;}
.recInfo h1 img{float:right;margin:5px 40px 0 0;}

.recInfo section{display:none;}
.recInfo h3{width:100%;float:left;font-size:16px;font-size:#333;margin:10px 0 0;}
.recInfo h3.title{font-size:20px;font-size:#000;font-weight:bold;margin:0;}
.recInfo p,.recInfo h3 span{width:90%;float:left;font-size:12px;color:#444;line-height:30px;margin:10px 0 0;}
.recInfo p.title{width:auto;display:inline-block;float:none;}
.recInfo h3 span{float:none;}

section{width:100%;float:left;margin:0 0 30px 0;}



@media screen and (max-width: 640px)
{
	img{width:100%;display:inline-block;}
	header{max-width:640px;min-width:320px;background:#f7f7f7;position:fixed;top:0;left:0;z-index:99998;}
	.container{max-width:100%;}
	.mobile,header nav{display:none;}
	#ogo,.hide{width:100%;display:block;}
	#logo{width:55%;display:inline-block;float:left;margin:3% 7.5% 0;}
	
	#arrow{width:15%;max-width:70px;float:left;}
	#arrow img{width:100%;display:none;}
	#arrow img.arrowOne{display:block;}
	.productList{border:none;}
	/**导航**/
	#nav{width:85%;height:100%;background:#111;position:fixed;top:0;left:-85%;left:;overflow-x:hidden;overflow-y:scroll;z-index:999999999;}
	#nav ul{width:100%;float:left;display:block;}
	#nav ul li a{width:100%;height:40px;color:#bebebe;font-size:16px;border-bottom:1px solid #2f3031;display:block;line-height:40px;float:left;}
	#nav ul li span{margin-left:2%;background:rgba(0,0,0,.1);display:none;}
	#nav ul li font{width:6px;height:6px;border:1px solid #ccc;display:block;float:left;border-radius:50%;margin:16px 5%;}
	#nav ul li h3 mark{width:1em;height:3px;display:block;margin:18px 3% 0 0;float:right;background:#4a4a4a;position:relative;display:none;}
	#nav ul li h3 i{width:1em;height:3px;display:block;float:right;background:#4a4a4a;position:absolute;left:0;top:0;transform:rotate(90deg);}
	#nav ul li.hover h3 a{background:#0086e6;color:#FFF;}
	#nav ul li.hover h3 font{border:1px solid #FFF;background:#0086e6;}
	
	.nav img{max-width:6%;float:left;margin:3% 0 0 75%;}
	.nav{width:100%;float:left;height:30px;position:absolute;top:0;left:0;z-index:9999;display:none;}
	
	.subnav,.menunav{display:none;}
	#nav ul li .subnav li font{width:10px;height:10px;border:none;border-radius:none;margin:15px 2% 0 5%;margin:15px 2% 0 12%;float:left;overflow:hidden;}
	#nav ul li .subnav li font img{width:auto;height:100%;float:left;}
	#nav ul li .subnav li span{display:block;float:left}
	
	#nav ul li .menunav li font{margin:15px 4% 0 5%;margin:15px 4% 0 20%;}
	
	
	/**分类**/
	.mComprClass{width:100%;position:relative;float:left;}
	.mComprClass h2{width:100%;height:1.5em;verflow:hidden;background:rgba(61,69,80,.8);float:left;overflow:hidden;}
	.mComprClass h2 span{width:auto;color:#FFF;font-size:.6em;margin:.6em 0 .6em .6em;text-align:center;display:block;float:left;}
	.mComprClass h2 a{width:6%;float:right;display:block;margin:0 5% 0 0;height:1.5em;}
	.mComprClass h2 img{display:inline-block;margin-top:.5em;}
	
	#wholeClass{width:100%;height:100%;position:absolute;top:2.3em;background:#000;display:none;text-align:center;z-index:9999;}
	#wholeClass ul li a{width:100%;background:#FFF;font-size:.78em;display:block;text-align:left;text-indent:2em;padding:.8em 0;border-bottom:1px solid #d9d9d9;color:#888;}
	#wholeClass ul li.hover a,#navPro ul li:hover a{background:#f0f0f0;}
	#wholeClass ul li.btn_up a{background:#FFF;text-align:center;display:block;}
	#wholeClass ul li.btn_up a img{width:10%;display:block;margin:0 auto;}
	
	
	.newsListCont,.mobileShow{width:94%;float:left;margin-bottom:0;padding:0 3%;background:#f5f5f5;}
	.mlistBack{padding:0;}
	.newsListCont ol li time{width:100%;float:left;font-size:13px;color:#999;font-family:"方正中等线简体";margin-bottom:10px;font-family:Arial, Helvetica, sans-serif;}
	.newsListCont ol li{width:100%;float:left;margin:10% 0 0;border-bottom:1px solid #e5e5e5;padding-bottom:8%;}
	.newsListCont li h3{margin:15px 0 10px;color:#333;}
	.newsListCont li p{color:#888;}
	.mobileMain{margin:0;padding:0;background:#f5f5f5;}
	.newShowCont p.title {margin-top: 0;}
	/**分页**/
	.page{margin-top:30px;}
	.page ul,.page ol{display:inline-block;margin:15px 0;}
	.page ul li,.page ol li{float:left;width:32px;height:32px;margin:0 5px;overflow:hidden;}
	.page ul li a,.page ul li span,.page ol li a,.page ol li span{width:30px;height:30px;line-height:30px;font-size:13px;}
	
	.productList{background:#f5f5f5;border-top:none;padding-bottom:10px;float:left;}
	.footer h4{width: 96%;font-size: 12px;text-align:center;padding:5% 2%;color:#666;border:1px solid #ccc;border-left:none;border-right:none;float:left;}
	.footFix{width:100%;background:url(../images/indexProTopImg.jpg) repeat center top;background:#0086e6;overflow:hidden;position:fixed;bottom:0;}
	.footFix ul li{width:25%;max-width:160px;float:left;padding:2% 0;text-align:center;}
	.footFix ul li mark{width:100%;text-alingn:center;color:#FFF;display:block;font-size:.8em;}
	.footFix ul li img{width:100%;margin:0 auto;}
	.footFix ul li:nth-child(2) img{width:22%;max-width:33px;}
	.footFix ul li:nth-child(3) img{width:27%;max-width:41px;}
	.footFix ul li:nth-child(1) img{width:33.5%;max-width:51px;}
	.footFix ul li:nth-child(4) img{width:28%;max-width:42px;}
	.footFix ul li a{width:100%;display:block;float:left;}
	.mobileFoot{width:100%;float:left;}
	
	.newShowTop{width:100%;height:auto;border-bottom:none;text-align:center;margin:0;padding:5% 0;}
	.newShowTop h3{font-size:18px;}
	.newShowTop h3 time{color:#888;margin-top:1%;font-size:12px;display:block;font-weight:100;}
	.newShowCont p{margin:0;}
	
	/**产品中心**/
	.mOterTop h3{display:none;}
	.mOterTop h5{width:100%;font-size:20px;text-align:center;margin:5% 0;float:left;}
	.mOterTop h5 mark{font-size:14px;color:#888;display:block;text-transform:uppercase;}
	
	.mProCont{width:94%;padding:0 3%;float:left;margin-top:5%;}
	.mProCont ol li{width:48%;float:left;margin-bottom:3%;}
	.mProCont ol li.active{width:48%;float:right;}
	.mProCont ol li h3{font-size:.8em;color:#666;text-align:center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	
	.mobileProShow,.mobileHonor,.mobileContact{width:94%;padding:0 3%;float:left;}
	#aboutFlash h3{text-align:center;font-size:18px;color:#333;margin:5% 0;}
	#aboutFlash span{width:10%;float:left;margin-top:18%;}
	#aboutFlash span.next3{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);}
	#aboutFlash span img{display:none;}
	.aboutFlash{width:70%;float:left;margin:0 5%;overflow:hidden;}
	.aboutFlash ul{width:400%;float:left;}
	.aboutFlash ul li{width:25%;float:left;}
	
	.mobileProShow ol{width:100%;float:left;margin:5% 0 0 0;}
	.mobileProShow ol h3{font-size:16px;color:#333;float:left;width:100%;margin:0 0 3% 0;}
	.mobileProShow ol li{width:100%;float:left;margin:1% 0;padding-bottom:3%;border-bottom:1px dotted #ccc;}
	.mobileProShow ol li mark{float:left;width:20%;font-size:16px;color:#0089e1;}
	.mobileProShow ol li span{float:left;width:80%;font-size:16px;color:#666;}
	.mobileProShow ol img{width:100%;float:left;}
	
	/**荣誉证书**/
	.mobileHonor ol li{width:48%;float:left;margin:0 0 5% 0;}
	.mobileHonor ol li mark{width:100%;height:10em;overflow:hidden;float:left;}
	.mobileHonor ol li img{height:10em;margin:auto;display:block;}
	.mobileHonor ol li.active{float:right;}
	.mobileHonor ol li h3{width:100%;float:left;font-size:14px;color:#666;text-align:center;margin-top:3%;}
	.mobileHonor .more{width:30%;margin:3% 35% 5%;heihgt:auto;display:block;font-size:16px;float:left;background:#eee;text-align:center;color:#333;}
	
	.bigImg{max-width:640px;min-width:320px;margin:0;position:fixed;left:0;top:15%;}
	.bigImg img{width:100%;float:left;}
	
	.service{width:94%;overflow:hidden;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;margin:0 3%;float:left;box-sizing:border-box;}
	.service ul li{float:left;width:50%;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;overflow:hidden;box-sizing:border-box;}
	.service ul li.active{width:50%;}
	.service ul li a{display:block;height:100%;border:1px solid #ffffff;text-align:center;box-sizing:border-box;overflow:hidden;cursor:default;}
	.service ul li a:hover{border-color:#eeeeee;}
	.mmore{width:100%;float:left;margin-bottom:6%;}
	.mmore a,.mmore mark{width:35%;line-height:2em;margin:0 auto;transition:all 0.3s ease-in 0s;text-align:center;border-radius:2em;font-size:.8em;display:block;}
	.mmore a:hover,.mmore mark{background:#0e679f;color:#FFF;}
	.mmoretop{margin-top:;}
	.mmoretop a,.mmoretop mark{background:#0e679f;color:#FFF;}
	
	/**实景**/
	.mobileReal section ol li{width:48%;float:left;text-align:center;margin-bottom:2%;}
	.mobileReal section ol li.active{float:right;}
	.mobileReal section ol li mark{height:9em;overflow:hidden;display:block;background:#000}
	.mobileReal section ol li h3{font-size:14px;line-height:1.8em}
	
	/**联系我们**/
	.mobileContact address{width:100%;font-size:14px;color:#444;margin:0;line-height:2em;}
	.mobileMap a{width:100%;float:left;text-align:center;line-height:2em;font-size:14px;margin:2% 0 4%;}
	
	
	/**首页页尾**/
	.indexEnd{float:left;margin:.6em 0 1em;}
	.wholeTop{width:94%;padding:0 3%;text-align:center;float:left;width:100%;margin:5% 0;}
	.wholeTop h3{font-size:1.2em;color:#333;}
	.wholeTop p{font-size:.8em;color:#888;margin:1% 0 0 0;}
	
	.address{width:94%;padding:0 3%;float:left;}
	.address h3{font-size:.8em;color:#333;margin:.5em 0;}
	.address p{font-size:.6em;color:#9b9b9b;line-height:1.8em;}
	.address p span{color:#686868;text-decoration:underline;}
	
	.indexEnd h4{width:100%;padding:1em 0;margin:1em 0;font-size:0.6em;text-align:center;background:#f3f3f3;color:#9b9b9b;float:left;}
	.indexEnd h4 a{color:#9b9b9b;}
	
	/**首页**/
	.WholeTop{width:94%;padding:0 3%;text-align:center;float:left;margin-top:2em; }
	.WholeTop h4{width:100%;height:1.5em;background:url(../images/TopImgBG.jpg) repeat-x  bottom;margin:0 auto;}
	.WholeTop h4 mark{display:inline-block;padding:0 .5em;font-family:Agency FB;color:#999;font-size:1.5em;letter-spacing:2px;height:1.5em;background:#FFF;text-transform:uppercase;}
	.WholeTop h3{font-size:1.5em;font-weight:bold;text-align:center;color:#0e679f;margin-top:4%;}
	.WholeTop h3 span{color:#0e679f;font-weight:bold;}
	.WholeTop p{width:100%;float:left;text-align:center;color:#999;font-size:.8em;}
	.WholeTop p img{max-width:31px;margin:0}
	
	
	/**链接到内页**/
	.mobileMore{width:100%;float:left;margin-top:8%;}
	.mobileMore a{width:40%;height:2.5em;line-height:2.5em;font-size:.85em;color:#0089e1;border-radius:2em;border:1px solid #ccc;display:block;text-align:center;margin:0 auto;}
	
	.mobileMainOne{height:auto;background:none;}
	
	/**精品案例**/
	.mCaseCont,.mCaseShow{width:94%;padding:0 3%;margin-top:5%;float:left;}
	.mCaseCont ol li{margin:0 0 5% 0;}
	.mCaseCont h3{width:100%;font-size:.8em;line-height:1.5em;text-align:center;}
	
	.caseShowCont{border:none;margin:0;}
	.caseShowCont p img{float:left;}
	
	.mIndexCase{width:94%;padding:0 3%;float:left;text-align:center;}
	.mIndexCase li h3{width:100%;float:left;font-size:1em;margin:0 0 3%;color:#05639e;}
	
	/**关于我们**/
	.aboutBridfCont,.mobileHistory{width:94%;padding:0 3%;border:none;}
	.aboutImg{margin:3% 0 8%;float:left;}
	.aboutBriefing p{line-height:1.8em;font-size:.8em;color:#666;text-align:left;margin-bottom:5%;}
	
	.mAboutOne{width:94%;padding:0 3%;}
	.mAboutOne p{width:100%;float:left;font-size:.8em;line-height:2em;color:#6b6b6b;}
	
	/**招聘**/
	.recInfo{width:94%;padding:0 3%;float:left;}
	.recInfo h3{width:100%;float:left;font-size:1em;font-size:#333;margin:10px 0 0;}
	.recInfo h3.title{font-size:1.5em;font-size:#000;font-weight:bold;margin:0;}
	.recInfo p{width:90%;float:left;font-size:.8em;color:#444;line-height:30px;margin:10px 0 0;}
	.recInfo p.title{width:auto;display:inline-block;float:none;}
	section{width:100%;float:left;margin:0 0 30px 0;}
	
}
}

@media screen and (max-width: 580px)
{
	#nav ul li a{font-size:15px;}
	.newsListCont li p{line-height:20px;}
	.mobileReal section ol li mark{height:8em;}
}
@media screen and (max-width: 450px)
{
	#nav ul li a{font-size:14px;}
	.nav img{max-width:6%;float:left;margin:2% 0 0 75%;}
	.newsListCont li p{line-height:20px;font-size:13px;}
	.mobileProShow ol li mark,.mobileProShow ol li span{font-size:14px;}
	.mobileReal section ol li mark{height:6.2em;}
}
@media screen and (max-width: 400px)
{
	#nav ul li a{font-size:13px;}
	.newsListCont li h3{font-size:14px;}
	.newsListCont li p{line-height:20px;font-size:.7em;}
	
	/**分页**/
	.ProCont ol li h3{font-size:12px;color:#666;text-align:center;}
	.mobileProShow ol li mark,.mobileProShow ol li span{font-size:13px;}
	.mobileReal section ol li mark{height:5.8em;}
	
	.mobileMore a{width:45%;font-size:.7em;}
}
@media screen and (max-width: 350px)
{
	.mobileProShow ol li mark,.mobileProShow ol li span{font-size:12px;}
	.mobileHonor ol li h3{font-size:12px;}
	.more{width:30%;margin:0 35% 5%;display:block;font-size:13px;}
	
	.mobileReal section ol li mark{height:4.8em;}
	.mobileMore a{width:60%;font-size:.6em;}
}