@charset "utf-8";
/* CSS Document */

.productList{background:#f5f5f5;border-top:5px solid #0089e1;padding-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;}
.OterTop h5{font-size:20px;text-align:center;margin:5% 0;}
.OterTop h5 mark{font-size:14px;color:#888;display:block;text-transform:uppercase;}
/**产品分类**/
.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:#0089e1;color:#FFF;border:1px solid #0089e1;}

/**产品内容**/
.product-List-cont ul{margin:0;padding:0;}
.product-List-cont ul li {margin:0 0 15px;}
.product-List-cont,aside{margin:50px 0;}

/**产品-新闻推荐**/
.proNews{width:100%;height:370px;border:1px solid #ccc;box-sizing:border-box;background:#FFF;overflow:hidden;float:left;}
.proNews h3{width:1140px;height:25px;overflow:hidden;float:left;margin:18px 0 22px 29px;}
.proNews h3 span{height:25px;display:block;font-size:18px;color:#005e99;line-height:25px;text-indent:1em;border-left:5px solid #f38100;}

.proNews dl{width:264px;margin-left:29px;float:left;}
.proNews dl dd.title{font-size:14px;color:#666;margin:16px 0 10px;}
.proNews dl dd{font-size:12px;color:#ccc;line-height:20px;}
.proNews ul{width:810px;float:left;margin-left:59px;}
.proNews ul li{width:373px;height:27px;border-bottom:1px dotted #ccc;float:left;margin-bottom:12px;line-height:27px;}
.proNews ul li.active{float:right;}

.proNews ul li mark{width:7px;height:7px;display:inline-block;border-radius:50%;background:#444;margin:10px 12px 0 2px;float:left;}
.proNews ul li a{width:260px;height:27px;display:inline-block;font-size:14px;color:#666;text-overflow: ellipsis;overflow:hidden;float:left;white-space: nowrap;line-height:none}
.proNews ul li time{width:86px;height:27px;display:inline-block;font-size:12px;color:#aaa;float:right;}
.proNews ul li:hover a{color:#005e99;}

.product-List-cont{width:930px;float:right;}
.product-List-cont ul li{width:300px;margin-right:15px;}
.product-List-cont ul li mark{width:298px;height:298px;}
.product-List-cont ul li mark img{width:298px;height:298px;}
.product-List-cont ul li h3{width:300px;background-size:cover;}

/*****列表分页***/
.page{text-align:center;float:left;border-top:1px solid #ccc;}
.page ul{display:inline-block;margin:34px 0 0;}
.page ul li{float:left;width:46px;height:46px;margin:0 5px;}
.page ul li a,.page ul li span{width:44px;heihgt:44px;line-height:44px;text-align:center;border:1px solid #ccc;display:block;transition:all 0.3s ease-in 0s;background:#f2f2f2;color:#666;}
.page ul li span{display:none;}
.page ul li:hover a,.page ul li.hover a{background:#005e99;color:#FFF;border:1px solid #3a82af;}

/**产品详情**/
.proShowTop{height:540px;}
.borBack{width:1198px;border:1px solid #ccc;background:#FFF;margin:35px 0 24px;float:left;}
.proShowSame{width:1132px;margin:35px 0 0 33px;overflow:hidden;}
.proShowSameLeft{width:98px;margin-right:30px;}
.proShowSameMiddle{width:452px;}
.proShowSameRight{width:522px;;}
.proShowSameLeft ul{width:98px;float:left;}
.proShowSameLeft ul li{width:98px;height:98px;margin-bottom:20px;}
.proShowSameLeft ul li img{width:98px;height:98px;}

#divcss5 { width: 450px; height: 450px;border: 1px solid #ccc; position: relative; }
#divcss5 img{width:100%;}
#divcss5 .small_pic { width: 450px; height: 450px; background: #eee; position: relative; }
#divcss5 .float_layer { width: 100px; height: 100px; border: 1px solid #000; background: #fff; filter: alpha(opacity: 30); opacity: 0.3; position: absolute; top: 0; left: 0; display:none; }
#divcss5 .mark {width:100%; height:100%; position:absolute; z-index:2; left:0px; top:0px; background:red; filter:alpha(opacity:0); opacity:0;}
#divcss5 .big_pic { position: absolute; top: -1px; left: 480px; width:450px; height:450px; overflow:hidden; border:1px solid #CCC; display:none;background:rgba(255,255,255,.9);opacity:.9;}
#divcss5 .big_pic img {width:600px; height:600px;position:absolute; top: -30px; left: -80px;transition:none;}

.proShowSameRight h3{border-bottom:2px solid #d1d1d1;line-height:55px;font-size:25px;color:#dc7501;}
.proShowSameRight ul{width:100%;float:left;margin:50px 0 70px;}
.proShowSameRight ul li{border-bottom:1px solid #ededed;padding-bottom:10px;margin-bottom:10px;float:left;}
.proShowSameRight ul li p{width:261px;float:left;line-height:20px;}
.proShowSameRight ul li span{width:70px;display:block;float:left;font-size:14px;color:#0f68b4;font-weight:bold;}
.proShowSameRight ul li mark{width:190px;display:block;float:left;font-size:14px;color:#444;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.proShowSameRight section{width:520px;height:100px;border:1px solid #dedede;background:#f2f2f2;float:left;}
.proShowSameRight section span{font-size:18px;line-height:18px;color:#3d4550;display:block;float:left;margin:41px 0 0 43px;}
.proShowSameRight section mark{font-size:40px;line-height:40px;color:#444;display:block;font-family:Bebas Neue;float:left;margin-top:30px;}
.proShowSameRight section a{width:110px;height:35px;font-size:18px;line-height:35px;color:#FFF;display:block;float:left;margin:32px 0 0 47px;background:#3d4550;text-align:center;border-radius:5px;}


.proShowInfoTop{height:40px;background:#dddddd;}
.proShowInfoTop span{width:130px;background:#0f68b4;line-height:40px;font-size:16px;color:#fdf0ea;display:block;text-align:center;}
.proShowInfo{padding-bottom:50px;}
.proShowInfo img{width:100%;float:left;margin-top:52px;}

.proShowInfoCont ul li{width:274px;overflow:hidden;margin-right:12px;background:#99F;float:left;}
.proShowInfoCont ul li mark{width:272px;overflow:hidden;}
.proShowInfoCont ul li h3{width:274px;overflow:hidden;}

/**新闻列表**/
.newsListCont ul li{width:590px;height:120px;float:left;margin:76px 0 0 0;background:#FFF;}
.newsListCont ul li.active{float:right;}
.newsListCont ul li mark{width:80px;height:80px;float:left;display:block;background:#ededed;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 h3{font-size:16px;color:#444;}
.newsListCont ul li h3 time{float:right;font-size:12px;color:#ccc;display:none;}
.newsListCont ul p{font-size:13px;color:#999;margin-top:12px;line-height:26px;}

.newsListCont ul li:hover mark{background:#0089e1;color:#FFF;margin:0 0 0 20px;}
.newsListCont ul li:hover strong{color:#FFF;}
.newsListCont ul li:hover section{margin:20px 0 0 20px;}

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

.newShowCont h3 mark{font-size:14px;color:#333;margin-left:5px;}
.newShowCont p{font-size:14px;color:#666;line-height:32px;margin:52px 0 0;}

/**详情分页**/
.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:12px;line-height:50px;display:block;float:left;height:50px;}
.showEnd h3 mark.prev a{width:595px;padding-left:5px;}
.showEnd h3 mark.next a{width:595px;padding-right:5px;text-align:right;}
.showEnd h3 mark a{color:#999;display:inline-block;font-size:12px;}
.showEnd h4{width:100%;float:left;}
.showEnd h4 a{width:125px;height:40px;background:#0089e1;line-height:40px;text-align:center;font-size:14px;color:#FFF;display:block;float:right;}

/**关于我们**/
.mainTop{height:56px;background:#f6f6f6;}
.mainTop p{width:100%;text-align:right;color:#716b6b;font-size:14px;line-height:56px;}
.mainTop p a{color:#f38100;}

.ClassTop{width:100%;height:72px;border-bottom:1px solid #ccc;line-height:72px;float:left;}
.ClassTop li{float:left;}
.ClassTop li a{padding:0 15px;display:block;color:#333;}
.ClassTop li.hover a{/*border-bottom:1px solid #0061b0;*/color:#009bff;}
/**头部**/
.aboutTop{text-align:center;margin-top:38px;}
.aboutTop h3{font-size:35px;font-weight:bold;color:#363636;}
.aboutTop h4{font-size:14px;color:#888;}
.aboutTop hr{width:90px;background:#ccc;border:none;height:1px;margin:15px auto;}

/**公司概况**/
.aboutBridfCont p{width:100%;font-size: 16px;color: #666;line-height:40px;float:left;text-indent:2em;}
.aboutBridfCont mark{width:100%;height:215px;float:left;margin:78px 0 50px;}
.aboutBridfCont p.aboutOneTop{margin-top:15px;}

/**企业宣传片**/
.aboutTwo{width:100%;float:left;height:356px;background:url(../images/aboutTwoImg.jpg) no-repeat center top;margin:110px 0 56px;}
.aboutTwo p{font-size:26px;color:#FFF;text-align:center;line-height:480px;}

/**公司文化**/
.aboutCulture{margin-bottom:40px;display:none;}
.aboutCultureCont{width:458px;float:left;margin:150px 0 0 0;}
.aboutCultureCont p{width:436px;text-align: left;padding-left: 22px;background: url(../images/aboutCulture.png) no-repeat left center;color: #555555;line-height: 22px;font-size:14px;margin-bottom: 10px;}
.aboutCulture img{margin-top:0;float:right;}
.aboutCulture p.active{text-indent:6em;}

/**发展历程**/
.aboutHistory{height:700px;background-color:#f9f9f9;overflow:hidden;}
.aboutHistoryContTop{background:#;margin-top:100px;}
.aboutHistoryContTop span{width: 13px;height: 20px;display: block;cursor: pointer;background: url(../images/aboutArray.png) no-repeat;}
.aboutHistoryContTop span.prev{float:left;}
.aboutHistoryContTop span.next{ transform:rotate(180deg);float:right;}
.aboutHistoryContTop section{width:1080px;float:left;display:inline-block;margin:0 47px;overflow:hidden;position:relative;}
.aboutHistoryContTop section h3{width:20px;height:20px;position:absolute;right:0;top:0;}
.aboutHistoryContTop ul{width:1000%;}
.aboutHistoryContTop ul li{width:240px;height:108px;line-height:40px;margin:0 0 0 0;padding:0;float:left;}
.aboutHistoryContTop ul li mark{display:block;width:20px;height:20px;background:#0089e1;border-radius:50%;cursor:pointer;}
.aboutHistoryContTop ul li p{font-size:14px;color:#555;}
.aboutHistoryContTop ul li.hover mark{display:block;width:20px;height:20px;background:url(../images/aboutHistoryArray.png) no-repeat center top;background:#f38100;border-radius:20px;}
.aboutHistoryContTop div{width:100%;height:0px;margin-bottom:-10px;}
.aboutHistoryContTop div hr{width:1062px;margin:10px 69px 0;height:0px;border:none;border-top:1px dashed #ccc;}

.aboutHistoryContMain{width:100%;height:268px;background:#FFF;}
.aboutHistoryContMain section{width:100%;float:left;display:none;}
.aboutHistoryContMain section.hover{display:block;}
.aboutHistoryContMain span{width:525px;height:268px;float:left;display:block;background:#f3f3f3;}
.aboutHistoryContMain span img{height:100%;margin:0 auto;display:block;float:none;}
.aboutHistoryContMain p{width:496px;float:left;margin:65px 0 0 45px;font-size:16px;color:#555;line-height:35px;}

.aboutStructureCont img{display:block;margin:0 auto 60px;}

/**联系我们**/
.contactCont address{float:left;font-size:14px;color:#666;line-height:48px;}
.contactCont img{border:1px solid #ccc;}
/**在线留言**/
.OnMessage{width:100%;float:left;margin:50px 0;}
.OnMessage input,.OnMessage textarea{width:100%;height:35px;border:1px solid #ccc;padding-left:10px;color:#666;box-sizing:border-box;margin-bottom:10px;float:left;}
.OnMessage input{width:460px;}
.OnMessage p{width:540px;height:35px;float:left;overflow:hidden;font-size:14px;color:#666;margin:0 0 30px 0;}
.OnMessage mark{width:80px;float:left;display:block;color:#666;font-size:14px;line-height:35px;}
.OnMessage p.active{float:right;}
.OnMessage section{width:100%;float:left;}
.OnMessage section mark{width:100%;float:left;}
.OnMessage textarea{height:150px;max-height:150px;max-width:1200px;line-height:30px;}
.OnMessage button{background:#0061b0;border:none;width:140px;height:34px;font-size:14px;line-heihgt:34px;text-align:center;cursor:pointer;color:#FFF;margin-top:30px;}

/**荣誉证书**/
.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:1s;-webkit-animation-delay:1s;-moz-animation-delay:1s;-moz-animation-delay:01s;-o-animation-delay:1s;}

.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;position:absolute;left:50%;top:20%;display:none;margin-left:-400px;}
.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{position:fixed;text-align:center;margin-left:-220px;display:none;}
.bigImg img{max-width:450px;vertical-align:middle; display:table;}
.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;}

/**企业实景**/
.aboutReal ul li mark{width:346px;height:218px;background-color:rgba(0,0,0,.06);display:block;overflow:hidden;}
.aboutReal ul li img{height:218px;margin:0 auto;display:block;}
.aboutReal .productImgimg{width:100%;max-height:880px;}

/**解决方案**/
.solution img{width:100%;float:left;}


/**客户案例**/
.caseCont{width:728px;}
.caseCont img{width:435px;height:435px;}
.caseCont p{width:503px;height:149px;padding:25px 30px;float:left;background:#eeeeee;font-size:13px;color:#666;line-height:30px;}
.caseCont h3{width:165px;float:left;font-size:35px;color:#888;font-family:"方正正大黑简体";}
.caseCont h3 mark{font-size:18px;color:#444;display:block;line-height:30px;}
.caseCont h3 img{width:24px;height:23px;display:block;margin:7px 0 0 8px;}

.caseListTop{height:199px;margin-bottom:18px;float:left;}
.caseListTop h3 img{margin-bottom:43px;}
.caseListEnd{height:219px;float:left;}
.caseListEnd h3 img{margin-bottom:47px;}
.caseListEnd p{width:523px;height:179px;padding:20px;float:left;background:#eeeeee;font-size:13px;color:#666;line-height:30px;}


/**加入我们**/
.JoinCont .sec50{width:100%;float:left;margin:40px 0 0;}
.JoinCont section:last-child{margin:40px 0 80px;}
.JoinCont h3{width: 100%;font-weight:bold;margin:20px 0 0 0;float: left;}
.JoinCont h3.title{background-color:#ddd;line-height: 40px;}
.JoinCont p{width: 99%;font-size: 16px;color: #666;line-height: 30px;margin-left:10px;float: left;}


@media screen and (max-width: 640px)
{
	img{width:100%;display:inline-block;}
	header{max-width:640px;min-width:320px;background:#FFF;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:43.4%;display:inline-block;float:left;margin:4% 13.3% 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:99999;}
	#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;float:left;}
	.mComprClass h2{width:100%;height:1.5em;verflow:hidden;background:rgba(61,69,80,.8);float:left;overflow:hidden;}
	.mComprClass h2 span{color:#FFF;font-size:.6em;margin:.6em 0;margin-left:5%;display:block;float:left;}
	.mComprClass h2 a{width:6%;float:right;display:block;margin-right:5%;}
	
	#wholeClass{width:100%;height:100%;position:absolute;top:2.3em;background:#000;display:none;text-align:center;}
	#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;}
	
	.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;}
	/**分页**/
	.page{margin-top:30px;}
	.page ul{display:inline-block;margin:15px 0 0;}
	.page ul li{float:left;width:32px;height:32px;margin:0 5px;}
	.page ul li a,.page ul li span{width:30px;heihgt: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;}
	
	/**产品中心**/
	.OterTop h3{display:none;}
	
	.ProCont{width:94%;padding:0 3%;float:left;}
	.ProCont ol li{width:48%;float:left;margin-bottom:3%;}
	.ProCont ol li.active{width:48%;float:right;}
	.ProCont ol li h3{font-size:14px;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{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{width:auto;height:10em;margin:0 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%;display:block;font-size:16px;float:left;background:#eee;text-align:center;color:#333;}
	
	.maskGray{display:none;}
	.bigImg{max-width:640px;min-width:320px;width:100%;margin:0;position:fixed;left:0;top:15%;display:none;}
	.bigImg img{width:100%;float:left;background:#000;}
	
	/**实景**/
	.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;}
	
	/**首页**/
	.mobileITop{width:94%;padding:0 3%;float:left;}
	.mobileITop h3{font-size:1.5em;font-weight:bold;text-align:center;color:#0089e1;margin-top:6%;}
	.mobileITop h3 span{color:#f38100;font-weight:bold;}
	.mobileITop h4{width:100%;float:left;text-align:center;margin:2% 0;}
	.mobileITop h4 mark{width:100%;text-align:center;font-size:.7em;color:#999;margin:0 0 .4em;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;display:block;float:left;}
	.mobileITop h4 img{margin:0 auto;float:left;display:block;}
	.mobileITop h5{width:100%;float:left;text-align:center;color:#999;font-size:.8em;}
	.mobileITop h5 img{margin:0 .5em;max-width:13px;}
	.mobileITop h6{width:100%;float:left;margin:3% 0 0;}
	.mobileITop h6 img{margin:0 auto;clear:both;display:block;}
	
	/**精品案例**/
	.mobileBouCase{width:94%;padding:0 3%;position:relative;margin-top:10%;float:left;}
	.mobileBouCase span{width:6%;float:left;display:block;margin-top:50%;}
	.mobileBouCase span.mobilePrev{float:left;}
	.mobileBouCase span.mobileNext{transform:rotate(180deg);float:right;}
	
	.mobileBouCaseImg{width:80%;float:left;overflow:hidden;margin:0 4%;}
	.mobileBouCaseImg ul{width:400%;float:left;display:;}
	.mobileBouCaseImg ul li{width:25%;float:left;color:#333;text-align:center;background:#eee;}
	.mobileBouCaseImg ul li mark{display:none;}
	.mobileBouCaseImg ul li h3{width:100%;float:left;margin:.6em 0 0;}
	.mobileBouCaseImg ul li h3 p{font-size:25px;text-align:center;margin:10px 25px 0;display:none;}
	.mobileBouCaseImg ul li h3 span{width:60%;margin:0 20%;max-width:290px;display:block;}
	.mobileBouCaseImg ul li p{font-size:.7em;line-height:2em;margin:0 5% 2%;text-align:left;}
	.mobileBouCaseImg ul li div{width:100%;transition:all 0.3s ease-in 0s;}
	.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;}
	
	.mobileProCont{margin-top:5%;}
	
	.mobileAboutTop{width:94%;padding:0 3%;}
	.mobileAboutTop section{width:100%;float:left;}
	.mobileAboutTop h3{font-size:1em;margin:4% 0 2%;text-align:center;color:#333;}
	.mobileAboutTop p a{font-size:.7em;color:#666;line-height:2em;}
	
	.mobileNewsListCont ol li {margin:4% 0 0 0;}
	
	/**关于我们**/
	.aboutBridfCont,.mobileHistory{width:94%;padding:0 3%;}
	.aboutImg{margin:3% 0 8%;float:left;}
	.aboutBriefing p{line-height:1.8em;font-size:.8em;color:#666;text-align:left;margin-bottom:5%;}
	.aboutBridfCont p.aboutOneTop{margin-top:0;}
	
	/**加入我们**/
	.jionBriefing section{border-bottom:1px solid #ccc;}
	.jionBriefing section:last-child{border-bottom:none;}
	
	.jionBriefing h3{display:block;margin:3% 0 0;font-size:1em;font-weight:bold;text-align:left;}
	.jionBriefing p{margin:0 0 5% 2%;}
	
}
}

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