@charset "utf-8";
html,body{width:100%;height:100%;margin:0 auto;padding:0;font-size:12px;font-family:"微软雅黑";color:#555;text-align:left;background:url('../Images/bg.jpg') no-repeat center 50px #F5F5F5;}
ul{padding:0;margin:0;list-style-type:none}
img{border:0;vertical-align:middle;}
h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0;font-weight:normal;}
.right{float:right}
.left{float:left}
.clear{clear:both;}
.zoom{zoom:1;}
.hidden{overflow:hidden}
a{color:#555;text-decoration:none;padding:0;margin:0;}
a:hover{color:#005EAD;text-decoration:none;}
.cursor{cursor:pointer}
.disno{display:none}
.relative{position:relative;}
.absolute{position:absolute;}
input,textarea,select{outline:none;resize:none;vertical-align:middle;font-size:13px;line-height:normal;font-family:"微软雅黑";}
.yh{font-family:Microsoft YaHei,"微软雅黑",Lucida,Verdana,Hiragino Sans GB,STHeiti,WenQuanYi Micro Hei,Droid Sans Fallback,SimSun,sans-serif;}
.body{width:100%;text-align:center;margin-left:auto;margin-right:auto;min-width:1200px;}
.resize{width:1200px;margin-left:auto;margin-right:auto;text-align:left;}
.mt20{margin-top:20px;}
.mt15{margin-top:15px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt5{margin-top:5px;}
.mb20{margin-bottom:20px;}
.mb15{margin-bottom:15px;}
.mb10{margin-bottom:10px;}
.mb5{margin-bottom:5px;}
.mr20{margin-right:20px;}
.mr15{margin-right:15px;}
.mr10{margin-right:10px;}
.mr5{margin-right:5px;}
::-moz-selection{background:#333;color:#fff;text-shadow:none;}
::selection{background:#333;color:#fff;text-shadow:none;}

/*bgimg*/
.bgimg{background:url('../Images/PageBg.jpg') no-repeat center 0 #f5f5f5}
.bgimg1{background:url('../Images/PageBg1.jpg') no-repeat center 0 #fff}
.bgimg2{background:url('../Images/PageBg2.jpg') no-repeat center 0 #f5f5f5}
.bgimg3{background:url('../Images/PageBg3.jpg') no-repeat center 0 #f5f5f5}

/*topMask*/
.topMask{z-index:1219;position:absolute;top:162px;width:100%;left:0;height:10px;background:url('../Images/topMaskBg.png') repeat-x center top;}

/*toperWrap*/
.toperWrap{background:url('../Images/bg.gif') #333;font-family:Arial;padding:14px 0;}
.toperWrap .tel{color:#009CFF;background:url('../Images/tel.png') no-repeat 0 center;padding-left:18px;}
.toperWrap .mail{margin-right:20px;color:#FFB243;background:url('../Images/mail.png') no-repeat 0 center;padding-left:18px;}
.toperWrap .left{width:240px;height:16px;background:url('../Images/top.png') no-repeat 0 center;margin-left: 200px;padding:0px;}
/*headWrap*/
.headWrap{}

.headWrap .logo{width:450px;margin:0px 0 0 30px;}
.headWrap .logo img{width: 280px;}
/* .headWrap .logo{width:400px;margin:5px 0 0 30px;} */
.headWrap .mainNavigate{width:720px;}
.headWrap .mainNavigate ul{}
.headWrap .mainNavigate ul li{float:left;}
.headWrap .mainNavigate ul li a{display:block;height:120px;text-align:center;width:120px;}
.headWrap .mainNavigate ul li a span{display:block;font-size:16px;color:#333;line-height:120px;}
.headWrap .mainNavigate ul li:hover a{background:#ddd;}
.headWrap .mainNavigate ul li:hover a span{color:#333}
.headWrap .mainNavigate ul li.active a{background:url('../Images/bg.gif') #333;}
.headWrap .mainNavigate ul li.active a span{color:#fff}

/*焦点图*/
.focus{width:100%;height:580px;overflow:hidden;position:relative;}
.focus .loader{width:100%;height:550px;background:#fff;overflow:hidden;position:absolute;left:0;top:0}
.focus ul{height:550px;overflow:hidden;}
.focus ul li{z-index:10;position:absolute;display:none;width:100%;height:550px;left:0;top:0;overflow:hidden;}
.focus ul li a{display:block;width:100%;height:100%;}
.focus .focusNum{z-index:30;position:absolute;bottom:0;left:0;padding:10px 0;width:100%;text-align:center;}
.focus .focusNum span{z-index:99;cursor:pointer;height:0;overflow:hidden;width:100px;height:5px;margin:0 5px;background:#C1C1C1;display:inline-block;-moz-border-radius:100px;-khtml-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.focus .focusNum span:hover,.focus .focusNum span.active{background:red;width:150px;}

/*serviceItems*/
.resize1{width: 1240px;border: 1px dashed;margin: 0px auto;}
ul.serviceItems{margin:50px auto 20px;margin-left: 20px;}
ul.serviceItems li{float:left;display:block;width:120px;height:150px;margin-bottom:2px;}
ul.serviceItems li a{display:block;width:120px;height:150px;background:url('../Images/ico.jpg') no-repeat;text-indent:-8000px;}
ul.serviceItems li a.s1{background-position:0 0;}
ul.serviceItems li a.s2{background-position:-120px 0;}
ul.serviceItems li a.s3{background-position:-240px 0;}
ul.serviceItems li a.s4{background-position:-360px 0;}
ul.serviceItems li a.s5{background-position:-480px 0;}
ul.serviceItems li a.s6{background-position:-600px 0;}
ul.serviceItems li a.s7{background-position:-720px 0;}
ul.serviceItems li a.s8{background-position:-840px 0;}
ul.serviceItems li a.s9{background-position:-960px 0;}
ul.serviceItems li a.s10{background-position:-1080px 0;}

/*sectionBlock*/
.sectionBlock{padding:30px 0;}
.sectionBlock.gray{background:#F5F5F5;padding:40px 0;}
.sectionBlock.withe{background:#fff;padding:40px 0;}
.sectionBlock .blockTitle{text-align:center;margin:20px auto 10px;}
.sectionBlock .blockTitle h3{font-size:35px;font-weight:normal;color:#007BC4;border-bottom:1px solid #DADADA;display:block;text-align:center;padding-bottom:10px;}
.sectionBlock.gray .blockTitle h3{border-bottom:1px solid #DADADA;}
.sectionBlock.withe .blockTitle h3{border-bottom:1px solid #e5e5e5;}
.sectionBlock .blockTitle h3 span{background:url('../Images/line.gif') no-repeat center bottom;padding-bottom:11px;}
.sectionBlock .blockTitle p{margin-top:10px;color:#333;}
.sectionBlock .more{text-align:center;padding:30px 0}
.sectionBlock .more a{font-size:18px;background:url('../Images/plus.png') no-repeat 30px center #fff;border:1px solid #ccc;padding:10px 40px 10px 60px;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.sectionBlock .more a:hover{border:1px solid #aaa;color:#000}
.sectionBlock .subTitle{text-align:center;padding:20px 0}
.sectionBlock .subTitle a{margin:0 10px;font-size:12px;background:#fff;border:1px solid #ccc;padding:5px 20px;-moz-border-radius:100px;-khtml-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.sectionBlock .subTitle a:hover{border:1px solid #aaa;color:#000}
.sectionBlock .subTitle a.active{background:#FF6C00;border:1px solid #FF6C00;color:#fff}

/*caseGrid*/
.caseGrid{margin-top:50px;}
.caseGrid ul{}
.caseGrid ul li{box-shadow:0px 2px 3px #d9dbdb;float:left;_display:inline;margin-right:20px;margin-bottom:20px;width:386px;height:410px;position:relative;overflow:hidden;background:#fff;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.caseGrid ul li.last{margin-right:0;}
.caseGrid ul li .casePhoto{margin:5px;display:block;width:376px;height:328px;overflow:hidden;}
.caseGrid ul li .caseName{text-align:center;font-size:20px;height:72px;line-height:72px;}
.caseGrid ul li .intro{display:none;position:absolute;left:5px;bottom:77px;width:356px;background:#000;padding:10px;color:#fff;font-size:14px;}
.caseGrid ul li.hover{-moz-box-shadow:#aaa 0 0 5px;-webkit-box-shadow:#aaa 0 0 5px;-khtml-box-shadow:#aaa 0 0 5px;box-shadow:#aaa 0 0 5px}
.caseGrid ul li s{display:block;position:absolute;left:-500px;top:0;width:376px;height:348px;background:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.8),rgba(255,255,255,0));background:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.8),rgba(255,255,255,0));background:-o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.8),rgba(255,255,255,0));background:-ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.8),rgba(255,255,255,0));transform:skewx(-45deg);-o-transform:skewx(-45deg);-moz-transform:skewx(-45deg);-webkit-transform:skewx(-45deg);-moz-animation:none;pointer-events:none;}
.caseGrid ul li:hover s{-webkit-animation:light 2s ease-in-out infinite;-moz-animation:light 2s ease-in-out infinite;-o-animation:light 2s ease-in-out infinite;animation:light 2s ease-in-out infinite;}
@-moz-keyframes light{
	0%{left:-355px;}
	35%{left:485px;}
	65%{left:485px;}
	100%{left:-355px;}
}
@-webkit-keyframes light{
	0%{left:-355px;}
	40%{left:485px;}
	60%{left:485px;}
	100%{left:-355px;}
}
@-o-keyframes light{
	0%{left:-355px;}
	35%{left:485px;}
	65%{left:485px;}
	100%{left:-355px;}
}
@keyframes light{
	0%{left:-355px;}
	35%{left:485px;}
	65%{left:485px;}
	100%{left:-355px;}
}
.caseGrid.h li{height:460px;}
.caseGrid.h li .caseType{text-align:left;font-size:12px;border-top:1px solid #ececec;padding:10px 10px;color:#007BC4}
.caseGrid.h li .intro{bottom:127px;}

/*partner*/
.partner{margin:50px auto;}
.partner .partnerRool{position:relative;height:150px;}
.partner .partnerRool a.partnerPrev{cursor:pointer;z-index:10;position:absolute;width:18px;height:18px;left:580px;bottom:-35px;display:block;background:url('../Images/slideArrow.gif') no-repeat 0 0}
.partner .partnerRool a.partnerNext{cursor:pointer;z-index:10;position:absolute;width:18px;height:18px;right:580px;bottom:-35px;display:block;background:url('../Images/slideArrow.gif') no-repeat -18px 0}
.partner .partnerRool a.partnerPrev:hover{background-position:0 -18px;}
.partner .partnerRool a.partnerNext:hover{background-position:-18px -18px;}
.partner .partnerRool .partnerRoolChilds{background:#e5e5e5;padding:1px;}
.partner .partnerRool .partnerRoolChilds ul{}
.partner .partnerRool .partnerRoolChilds ul li{margin-left:1px;display:block;width:237px;height:148px;float:left;position:relative;}
.partner .partnerRool .partnerRoolChilds ul li img{width:237px;height:148px;}

/*newsList*/
.newsList{margin-top:30px;}
.newsList ul{}
.newsList ul li{float:left;width:540px;margin-right:120px;margin-bottom:20px;padding-bottom:20px;background:url('../Images/dashed.gif') repeat-x 0 bottom}
.newsList ul li.eve{margin-right:0;}
.newsList ul li.last{background:none;margin-bottom:0;}
.newsList ul li .date{width:100px;background:url('../Images/cricle.gif') no-repeat;height:100px;color:#fff;text-align:center;}
.newsList ul li .date .d{padding:10px 0 0}
.newsList ul li .date .d span{font-size:42px;display:block;}
.newsList ul li .photo{width:100px;height:100px;}
.newsList ul li .photo .mask{left:0;top:0;width:100px;height:100px;background:url('../Images/photoMask.png') no-repeat;}
.newsList ul li .content{width:420px;padding-top:20px}
.newsList ul li .content a{font-weight:bold;color:#222;font-size:16px;}
.newsList ul li .content a:hover{color:#005EAD;text-decoration:underline;}
.newsList ul li .content p{color:#777;padding:5px 0 0;line-height:20px;}

/*bottomMenu*/
.bottomMenu{padding:40px 0;background:url('../Images/footerBg.gif') no-repeat center bottom #fff}
.bottomMenu ul{float:left;width:120px;height:200px;padding:0 0 0 35px;display:block;margin-right:20px;border-right:1px solid #eee}
.bottomMenu ul li{padding:4px 0;}
.bottomMenu ul li h3{font-size:16px;color:#000;}
.bottomMenu ul li a{font-size:12px;color:#777;}
.bottomMenu ul li a:hover{color:#000;text-decoration:none;}
.bottomMenu .contactInfo{width:450px;}
.bottomMenu .contactInfo .line{height:30px;line-height:30px;margin-bottom:15px;font-size:14px;}
.bottomMenu .contactInfo .line.tel{background:url('../Images/icoTel.gif') no-repeat 0 center;padding:0 0 0 40px;}
.bottomMenu .contactInfo .line.qq{background:url('../Images/icoQQ.gif') no-repeat 0 center;padding:0 0 0 40px;}
.bottomMenu .contactInfo .line.email{background:url('../Images/icoEmail.gif') no-repeat 0 center;padding:0 0 0 40px;}
.bottomMenu .contactInfo .line span{font-size:22px;padding-left:5px;color:#ff3c00}

/*footerWrap*/
.footerWrap{background:#E1E1E1;height: 150px;}
.footerWrap .footer{width:1200px;margin: 0px auto;border: 0px solid;}
.footerWrap .footer .left{padding:40px 0;width: 1000px;margin: 0px auto;border: 0px solid;}
.footerWrap .footer .right{}
.footerWrap .footer .right img{width: 120px;height: 120px;margin-top: 15px;}
.footerWrap .footer .subnav{text-align:center;}
.footerWrap .footer .subnav a{padding-right:10px;padding-left:5px;color:#222;border-right:1px solid #ccc;}
.footerWrap .footer .subnav a.last{padding-right:0;border-right:none;}
.footerWrap .footer .copyright{margin:10px 0;color:#999}

/*sideScroll*/
.sideScroll{position:fixed;width:54px;right:0;bottom:0;z-index:100;}
.sideScroll ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #888;}
.sideScroll ul li .sideBox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#555;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.sideScroll ul li .sideTop{width:54px;height:54px;line-height:54px;display:inline-block;background:#555;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.sideScroll ul li .sideTop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.sideScroll ul li img{float:left;}

/*articleWrap*/
.articleWrap{}
.articleWrap .articleTitle{border-bottom:1px solid #dee1e2;padding:80px 100px 50px;text-align:center;}
.articleWrap .articleTitle h3{font-size:30px;color:#007BC4;}
.articleWrap .articleTitle p{font-size:14px;padding-top:25px;color:#717171;}
.articleWrap .articleDetail{width:960px;text-align:left;margin:0px auto;padding:60px 0px;color:#555;line-height:24px;font-size:13px;}
.articleTagLabel{margin:0px auto;padding-bottom:10px;font-size:14px;color:#717171;}
.articleTagLabel a{margin-right:10px;background:#007BC4;font-size:16px;color:#FFF;display:inline-block;font-size:12px;padding:2px 10px;-moz-border-radius:100px;-khtml-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.articleTagLabel a:hover{background:#444;}
.articlePage{margin:0px auto;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:10px 0px;}
.articlePage dl dt{float:left;font-size:14px;color:#404040;line-height:26px;}
.articlePage dl dd{float:right;padding-top:5px;}
.articlePage a.return{background:#007BC4;font-size:16px;color:#FFF;display:inline-block;font-size:14px;padding:8px 30px;-moz-border-radius:100px;-khtml-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.articlePage a.return:hover{background:#444;}

/*articleWrap*/
.caseWrap{}
.caseWrap .caseTitle{border-bottom:1px solid #dee1e2;padding:80px 100px 50px;text-align:left;}
.caseWrap .caseTitle .caseInfo{padding-left:100px;width:500px;}
.caseWrap .caseTitle .caseInfo span{font-size:45px;color:#333;}
.caseWrap .caseTitle .caseInfo a.view{font-size:14px;background:#e5e3e6;border:1px solid #ced2da;padding:5px 20px;-moz-border-radius:100px;-khtml-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.caseWrap .caseTitle .caseInfo a.view:hover{border:1px solid #aaa;color:#000}
.caseWrap .caseTitle .caseInfo p{line-height:22px;color:#777;font-size:14px;padding:10px 0}
.caseWrap .caseTitle .caseNav{padding-right:100px;width:210px;padding-top:20px;}
.caseWrap .caseTitle .caseNav a{margin-left:5px;text-indent:-8000px;float:left;display:block;width:65px;height:65px;background:url('../Images/caseNav.png') no-repeat}
.caseWrap .caseTitle .caseNav a.prev{background-position:0 0;}
.caseWrap .caseTitle .caseNav a.next{background-position:-65px 0;}
.caseWrap .caseTitle .caseNav a.return{background-position:-130px 0;}
.caseWrap .caseTitle .caseNav a.prev:hover{background-position:0 -65px;}
.caseWrap .caseTitle .caseNav a.next:hover{background-position:-65px -65px;}
.caseWrap .caseTitle .caseNav a.return:hover{background-position:-130px -65px;}
.caseWrap .caseDetail{width:960px;text-align:left;margin:0px auto;padding:60px 0px;color:#555;line-height:24px;font-size:13px;overflow:hidden;}
.caseWrap .caseDetail img{border:2px solid #eee;padding:5px;background:#fff;}

/*lastedCase*/
.lastedCase{margin:30px 0;}
.lastedCase .header{padding-bottom:20px;}
.lastedCase .header h3{font-size:24px;}
.lastedCase .listCase li.items{margin-right:10px;position:relative;float:left;width:230px;height:201px;overflow:hidden;}
.lastedCase .listCase li.items img{float:left;width:230px;height:201px;display:block;}
.lastedCase .listCase li.items .txt{position:absolute;top:0px;left:-232px;width:230px;height:201px;background:#fff;opacity:0.9;filter:alpha(opacity=90);text-decoration:none;}
.lastedCase .listCase li.items .txt span{display:block;width:230px;margin:0 auto;margin-top:65px;font-size:22px;color:#222;text-align:center;}

/*serviceGrid*/
.serviceGrid{display:block;height:720px;}
.serviceGrid li{cursor:pointer;}
.serviceGrid li span{display:block;background:url('../Images/serviceGrid.png') no-repeat}
.serviceGrid li.webSite{left:480px;top:0;width:477px;height:240px;background:#0077e5}
.serviceGrid li.webSite span{width:477px;height:240px;background-position:-480px 0}

.serviceGrid li.wxApp{left:240px;top:0;width:237px;height:480px;background:#179337}
.serviceGrid li.wxApp span{width:237px;height:480px;background-position:-240px 0}


.serviceGrid li.integrated{left:0;top:0;width:237px;height:240px;background:#df7b18}
.serviceGrid li.integrated span{width:237px;height:240px;background-position:0 0}




.serviceGrid li.mail{left:960px;top:0;width:240px;height:240px;background:#7dbd38}
.serviceGrid li.mail span{width:240px;height:240px;background-position:-960px 0}
.serviceGrid li.mobileSite{left:0;top:243px;width:237px;height:477px;background:#b72d61}
.serviceGrid li.mobileSite span{width:237px;height:477px;background-position:0 -243px}
.serviceGrid li.cloudHost{left:240px;top:483px;width:237px;height:237px;background:#df7b18}
.serviceGrid li.cloudHost span{width:237px;height:237px;background-position:-240px -483px}
.serviceGrid li.domain{left:480px;top:243px;width:237px;height:477px;background:#3689e6}
.serviceGrid li.domain span{width:237px;height:477px;background-position:-480px -243px}
.serviceGrid li.mes400{left:720px;top:243px;width:480px;height:237px;background:#9e5eda}
.serviceGrid li.mes400 span{width:480px;height:237px;background-position:-720px -243px}
.serviceGrid li.oaCrm{left:720px;top:483px;width:237px;height:237px;background:#38b6af}
.serviceGrid li.oaCrm span{width:237px;height:237px;background-position:-720px -483px}
.serviceGrid li.softDesign{left:960px;top:483px;width:240px;height:237px;background:#ff4800}
.serviceGrid li.softDesign span{width:240px;height:237px;background-position:-960px -483px}

/*分页样式*/
.pagination{text-align:center;padding:50px 0px;}
.pagination a{display:inline-block;width:65px;background:#ffffff;height:48px;vertical-align:middle;line-height:48px;font-size:14px;border:1px solid #e5e5e5;margin-left:-1px;}
.pagination a:hover{background:#eb3900;color:#FFF;}
.pagination a.prev{border-radius:6px 0px 0px 6px;width:90px;}
.pagination a.next{border-radius:0px 6px 6px 0px;width:90px;}
.pagination a.active{background:#eb3900;color:#FFF;}
.pagination a.disabled{background:#eee;color:#aaa;}

/*caseGrid*/
.newsGrid{margin-top:50px;}
.newsGrid ul{}
.newsGrid ul li{padding:40px 30px 40px 60px;box-shadow:0px 2px 3px #d9dbdb;margin-bottom:20px;overflow:hidden;background:#fff;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.newsGrid ul li .date{width:100px;background:url('../Images/cricle.gif') no-repeat;height:100px;color:#fff;text-align:center;}
.newsGrid ul li .date .d{padding:10px 0 0}
.newsGrid ul li .date .d span{font-size:42px;display:block;font-weight:bold;}
.newsGrid ul li .photo{width:100px;height:100px;}
.newsGrid ul li .photo .mask{left:0;top:0;width:100px;height:100px;background:url('../Images/photoMask2.png') no-repeat;}
.newsGrid ul li .newsInfo{width:950px;}
.newsGrid ul li .newsInfo a{}
.newsGrid ul li .newsInfo a h3{font-size:18px;font-weight:bold;color:#007bc4}
.newsGrid ul li .newsInfo a p{padding:10px 0;color:#999;line-height:22px;}
.newsGrid ul li .newsInfo a:hover{color:#007bc4}

/*contactWrap*/
.contactWrap{background:url('../Images/contactBanner.jpg')  no-repeat center center;height:550px;}
.contactWrap .sendForm{display:block;width:490px;height:550px;background:#eee;top:0;right:0;}
.contactWrap .sendForm h3{display:block;height:30px;line-height:30px;font-size:30px;color:#333;text-align:center;padding:10px 0 0}
.contactWrap .sendForm h4{display:block;height:30px;line-height:30px;font-size:16px;color:#333;text-align:center;padding:0 0 10px}
.contactWrap .sendForm form .formContent{height:380px;padding:10px 30px;}
.contactWrap .sendForm form .formContent .mask{display:none;top:-80px;left:0;width:100%;height:500px;background:#fff;}
.contactWrap .sendForm form .formContent .success{display:none;top:0;left:0;width:100%;height:500px;background:url('../Images/success.png') no-repeat center 60px;}
.contactWrap .sendForm form .formContent .success span{display:block;padding-top:140px;text-align:center;font-size:20px;color:#0F901B;font-family:Microsoft YaHei,"微软雅黑",Lucida,Verdana,Hiragino Sans GB,STHeiti,WenQuanYi Micro Hei,Droid Sans Fallback,SimSun,sans-serif;}
.contactWrap .sendForm form .formContent .input{margin-bottom:10px;border:none;background:#fff;height:20px;line-height:20px;padding:10px 10px;}
.contactWrap .sendForm form .formContent .input.companyName{width:410px;}
.contactWrap .sendForm form .formContent .input.sName,.contactWrap .sendForm form .formContent .input.sPhone{width:190px;}
.contactWrap .sendForm form .formContent h4{font-size:16px;padding:10px 0;color:#333;}
.contactWrap .sendForm form .formContent ul{}
.contactWrap .sendForm form .formContent ul li{float:left;display:block;width:210px;}
.contactWrap .sendForm form .submit{cursor:pointer;font-size:18px;color:#FFF;display:block;width:490px;height:70px;line-height:70px;background:#FF8400;border:none;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.contactWrap .sendForm form .submit:hover{background:#CE0000}
.contactWrap .sendForm form .submit:disabled,.contactWrap .sendForm form .submit.disabled{background:#CACACA;color:#ddd;cursor:default;}
.contactInfoBox{margin-top:50px;background:#ffffff;border:1px solid #dee0e0;height:500px;border-radius:10px;box-shadow:0px -1px 5px #e5e6e6;position:relative;}
.contactInfoBox ul{margin:60px 0;}
.contactInfoBox ul li{float:left;width:270px;border-right:1px solid #e7e7e7;height:300px;padding:0px 12px;}
.contactInfoBox ul li a{display:block;width:270px;height:220px;padding:30px 0}
.contactInfoBox ul li a:hover{background:#eee;}
.contactInfoBox ul li p{font-size:14px;text-align:center;}
.contactInfoBox ul li p.font18{font-size:18px;padding-top:3px;}
.contactInfoBox ul li p.font18_1{font-size:18px;padding-top:3px;color: red;}
.contactInfoBox ul li a span{margin:0 auto 0;}
.contactInfoBox ul li.lastbor{border:none}
.contactInfoBox ul li a.adress span{display:block;width:100px;height:100px;background:url('../Images/cIcoMap.png') no-repeat}
.contactInfoBox ul li a.Tel span{display:block;width:100px;height:100px;background:url('../Images/cIcoTel.png') no-repeat}
.contactInfoBox ul li a.Fax span{display:block;width:100px;height:100px;background:url('../Images/cIcoFax.png') no-repeat}
.contactInfoBox ul li a.Email span{display:block;width:100px;height:100px;background:url('../Images/cIcoEmail.png') no-repeat}
.contactInfoBox dl{position:absolute;bottom:20px;height:58px;background:#007BC4;}
.contactInfoBox dl img{display:block;position:absolute;left:20px;bottom:-10px;}
.contactInfoBox dl dt{float:left;width:90px;background:#000;height:58px;display:inline;}
.contactInfoBox dl dt h4{font-size:16px;font-weight:bold;color:#FFF;}
.contactInfoBox dl dt p{font-size:10px;color:#233950;line-height:15px;}
.contactInfoBox dl dd{float:left;line-height:58px;height:58px;font-size:16px;font-weight:bold;color:#FFF;font-family:Arial,Helvetica,sans-serif;}
.contactInfoBox dl dd a{color:#fff;padding-right:10px;}
.contactInfoBox dl dd a:hover{color:#FFF;}
.contactInfoBox dl dt.business{margin-left:158px;padding:8px 0px 0px 15px;width:75px;height:50px;}
.contactInfoBox dl dd.business a:hover{color: red;}
.contactInfoBox dl dd.business{padding-left:20px;width:310px;}
.contactInfoBox dl dt.Customer{padding:5px 0px 0px 15px;width:75px;height:53px;}
.contactInfoBox dl dd.Customer a:hover{color: red;}
.contactInfoBox dl dd.Customer{padding-left:20px;width:430px;}
.contactInfoBox dl dt p{line-height:12px;color:#FFF}
.ContactRide{margin:0px auto;padding:20px;border:5px solid #ccc;background:#fff;}
.ContactRide h4{font-size:18px;color:#007BC4;font-weight:normal;}
.ContactRide h5{font-size:20px;color:#007BC4;font-weight:bold;}
.ContactRide h6{font-weight:bold;font-size:18px;}
.ContactRide p{line-height:30px;font-size:16px;}
.contactMapBox{height:600px;width:1200px;margin: 0px auto;}
.contactMapBox #mapContent{width:100%;height:100%;}

/*aboutSectionOne*/
.aboutSectionOne{margin:50px auto}
.aboutSectionOne .text{width:560px;font-size:16px;line-height:30px;}
.aboutSectionOne .text p{padding:10px 0;}

/*services*/

/*website*/
.design{text-align:center;}
.design .black{background:#666;color:#fff;width:100%;}
.design .white{background:#fff;color:#999;}
.design img{margin:auto;padding:20px 0;}
.design .white .crdScribe{width:300px;margin:auto;border-top:1px #eee solid;}
.design .black .crdScribe{width:300px;margin:auto;border-top:1px #fff solid;}
.design .white h3{font-size:42px;padding:1em;}
.design .black h3{font-size:42px;padding:1em;}
.design .black h3 a{color:red;}
.design .white h4{font-size:20px;padding:1em;color:#333;}
.design .black h4{font-size:20px;padding:1em;}
.design .white p{font-size:16px;line-height:1.5;}
.design .black p{font-size:16px;line-height:1.5;}
.design a.crdWebSitea{background: url('../Images/hd1/1.jpg') center no-repeat;height:558px;display: block;width: 100%}
.design .crdWebSiteOne{background:#0077e5 url('../Images/Service/webSite/png1.png') center no-repeat;height:478px;}
.design .crdWebSiteTwo{}
.design .crdWebSiteThree{}
.design .crdWebSiteFour{}
.design .crdWebSiteFive{}
.design .crdWebSiteSeven{padding:10px 0 50px;}
.weiXinWidth{width:1200px;margin:auto;}
.weiXinBlock{padding-bottom:30px;color:#999;}
.weiXinBlock .weiXinBlockTit{text-align:center;border-bottom:1px #ccc solid;margin-bottom:50px;}
.weiXinBlock .weiXinBlockTit span{font-size:42px;position:relative;top:20px;padding:0px 30px;background:#fff;}
.weiXinBlock .summary{width:580px;margin-top:20px;}
.weiXinBlock .summary .summaryTit{font-size:20px;line-height:2;border-bottom:1px #a4a4a4 dashed;color:#2b2a2a;margin-bottom:10px;}
.weiXinBlock .summary .summaryTit span{background:url(../Images/wxApp/ba_img1.jpg) left no-repeat;padding-left:15px;font-weight:bold;}
.weiXinBlock .summary p{font-family:"宋体";text-indent:2em;line-height:2;font-size:14px;}
.weixinDiv1 .weiXinWidth{background:url(../Images/wxApp/png1.png) right no-repeat;height:350px;}
.weixinDiv2 .weixinDiv2Div1{background:url(../Images/wxApp/ba_img2.jpg) right no-repeat;height:330px;}
.weixinDiv2 .weixinDiv2Div2{background:url(../Images/wxApp/ba_img3.jpg) left no-repeat;height:300px;}
.weixinDiv3 .weixinDiv3Div1{background:url(../Images/wxApp/ba_img4.jpg) right no-repeat;height:340px;}
.weixinDiv3 .weixinDiv3Div2{background:url(../Images/wxApp/ba_img5.jpg) left no-repeat;height:340px;}
.weixinDiv4 .weiXinWidth{background:url(../Images/wxApp/ba_img6.jpg) right no-repeat;height:330px;}

/*其他*/
.weixinDiv5 .weiXinWidth .weixinDiv5rows .feature{width:500px;margin-top:30px;line-height:2;}
.weixinDiv5 .weiXinWidth .weixinDiv5rows .feature .featureTit{display:block;float:left;padding-top:65px;text-align:center;width:65px;margin-right:20px;}
.weixinDiv5 .weiXinWidth .weixinDiv5rows .feature .div5featureTit1{background:url(../Images/wxApp/ba_img7.jpg) top no-repeat;}
.weixinDiv5 .weiXinWidth .weixinDiv5rows .feature .div5featureTit2{background:url(../Images/wxApp/ba_img8.jpg) top no-repeat;}
.weixinDiv5 .weiXinWidth .weixinDiv5rows .feature .div5featureTit3{background:url(../Images/wxApp/ba_img9.jpg) top no-repeat;}
.weixinDiv5 .weiXinWidth .weixinDiv5rows .feature .div5featureTit4{background:url(../Images/wxApp/ba_img10.jpg) top no-repeat;}
.weixinDiv5 .weiXinWidth .weixinDiv5rows .feature .div5featureTit5{background:url(../Images/wxApp/ba_img11.jpg) top no-repeat;}
.weixinDiv5 .weiXinWidth .weixinDiv5rows .feature .div5featureTit6{background:url(../Images/wxApp/ba_img12.jpg) top no-repeat;}
.weixinDiv5 .weiXinWidth .weixinDiv5rows .feature .div5featureTit7{background:url(../Images/wxApp/ba_img13.jpg) top no-repeat;}
.weixinDiv5 .weiXinWidth .weixinDiv5rows .feature .div5featureTit8{background:url(../Images/wxApp/ba_img14.jpg) top no-repeat;}
.weixinDiv5 .weiXinWidth .weixinDiv5rows .feature .div5featureTit9{background:url(../Images/wxApp/ba_img13.jpg) top no-repeat;}
.weixinDiv5 .weiXinWidth .weixinDiv5rows .feature .div5featureTit10{background:url(../Images/wxApp/ba_img10.jpg) top no-repeat;}

/*留言板*/
.weixinDiv6 .weiXinWidth{background:url(../Images/wxApp/ba_img15.jpg) left no-repeat;height:320px;}
.weixinDiv6 .weiXinWidth .right{width:880px;color:#2b2a2a;line-height:2;}
.weixinDiv6 .weiXinWidth .right .Div6RightTit{border-bottom:1px #a4a4a4 dashed;}
.weixinDiv6 .weiXinWidth .right .Div6RightTit span{font-size:14px;}
.weixinDiv6 .weiXinWidth .right .tel{font-size:18px;margin-top:10px;}
.weixinDiv6 .weiXinWidth .right .tel span{color:#f00;}
.weixinDiv6 .weiXinWidth .right .tBox{border:2px #fef193 solid;background:#fef9db;margin-right:10px;margin-top:10px;height:30px;max-width:500px;}
.weixinDiv6 .weiXinWidth .right .tBox div{font-size:16px;font-weight:bold;line-height:30px;padding:0px 10px;border-right:2px #fef193 solid;}
.weixinDiv6 .weiXinWidth .right .tBox input{height:30px;background:#fef9db;width:160px;margin-left:10px;color:#f7b955;}
.weixinDiv6 .weiXinWidth .right .name input{width:380px;}
.weixinDiv6 .weiXinWidth .right .demand{width:500px;height:140px;}
.weixinDiv6 .weiXinWidth .right .demand div{height:100%;}
.weixinDiv6 .weiXinWidth .right .demand textarea{margin-left:8px;border:none;line-height:2;background:#fef9db;overflow:hidden;width:380px;height:138px;color:#f7b955;}
.weixinDiv6 .weiXinWidth .right .submitBox{float:left;margin-top:30px;margin-left:10px;color:#f7b955;}
.weixinDiv6 .weiXinWidth .right .submitBox .submit{width:120px;padding-right:27px;height:40px;font-weight:bold;font-size:14px;background:#f97900 url(../Images/wxApp/ba_img16.jpg) -40px -8px no-repeat;border-radius:10px;border:1px #ff5f00 solid;color:#fff;}
.weixinDiv6 .weiXinWidth .right .submitBox p{margin-top:20px;}

/*aboutWrap*/
.aboutWrap{margin:30px auto;}
.aboutWrap .pageLeft{width:200px;background:#fff;}
.aboutWrap .pageLeft.fixer{position:fixed;top:108px;width:200px;_position:absolute;_top:expression(documentElement.scrollTop + 108 + "px");z-index:999;}
.aboutWrap .pageLeft ul{border-bottom:1px solid #eee;}
.aboutWrap .pageLeft ul li{;}
.aboutWrap .pageLeft ul li a{font-size:14px;display:block;padding:18px 0;border-left:1px solid #eee;border-right:1px solid #eee;border-top:1px solid #eee;text-align:center;}
.aboutWrap .pageLeft ul li a:hover{color:#0ba1bb;}
.aboutWrap .pageLeft ul li a.active{background:#0ba1bb;color:#fff;}
.aboutWrap .pageRight{width:900px;background:#fff;padding:30px;}
.contentTab{display:none;}
.contentTab.active{display:block;}
#contactMap{width:750px;height:300px;margin-top:20px;}

.zsxt{width: 100%;height:4340px;background:url(../Images/zsxt.jpg) top center no-repeat;}
.zsxt_top{width: 600px;margin: 0px auto;padding-bottom: 30px;}
.zsxt_top .bt{color:#ffa800;font-size: 42px;text-align: center;line-height: 160px;}
.zsxt_top .nr{font-size: 14px;line-height: 30px;}