
/*help*/

.box{margin-top:60px;text-align: center;}

.title h1{background:url(../images/line_indextitle.png) repeat-x left center;font-size:46px;color:#222;line-height:46px;}

.title h1 .titleBg01{display: inline-block;padding:0px 20px;background:#fff;}

.title p{margin-top:20px;}

.help{overflow: hidden;}

.help li{float:left;width:258px;height:138px;border:1px #666 solid;position:relative;margin-right:20px;margin-top:80px;padding-top:70px;}

.help li div{position:absolute;top:-41px;width:82px;height:82px;left:50%;margin-left:-41px;}

.help li h1{font-size:20px;color: #333;}

.help li h2{font-size:14px;font-weight: normal;margin-top:20px;}

.help .advice{width:108px;line-height:30px;background:#f60;margin:30px auto 0px;display:block;color:#fff;}

.help .advice:hover{text-decoration: underline;}

/*case*/

.caseBox{background:#f5f5f5;width:100%;padding-top:30px;padding-bottom: 10px;}

.title h1 .titleBg02{display: inline-block;padding:0px 20px;background:#f5f5f5;}

.caseListBox{margin:0 auto; position:relative; overflow:hidden; _height:100%;padding-top:70px;}

.caseLBox{width:1100px; height:200px; overflow:hidden; position:relative;}

.piclist{height:200px;position:absolute; left:0px; top:0px}

.piclist li{float:left;width:200px;border:1px #666 solid;margin:0px 5px;padding:4px;}

.piclist .casePic{width:200px;height:150px;overflow: hidden;display: block;}

.piclist .casePic img{display: block;}

.piclist .caseTitle{line-height:34px;text-align: center;}

.piclist .caseTitle:hover{color: #f60;}

.caseBtn{position:absolute; right: 0px;top:10px;z-index: 999;}

.caseBtn a{display:inline-block;width:40px;height:40px;background:url(../images/Icase_arrow.png) no-repeat center #ccc;}

.caseBtn a:hover{background-color:#f60;}

.caseBtn .casePrev{background-position: left;}

.caseBtn .caseNext{background-position: right;}

.more{width:338px;height:50px;text-align: center;font-size: 14px;margin:40px auto;background:url(../images/Imore.png) no-repeat center center;line-height: 50px;cursor: pointer;}

.more:hover a{color:#f60;}

.more:hover{background:url(../images/Imore_hover.png) no-repeat center center;}



/*advantage优势*/

.advantage{text-align: left;overflow: hidden;margin-top:50px;}

.advantage li{float:left;width:340px;margin-right:40px;}

.advantage .advTitle{float: left;font-size:60px;font-weight:bold;color:#f60;position: relative;width:60px;line-height:106px;}

.advantage .advTitle span{position:absolute;top:50%;display: block;height:3px;background:#fff;width:100%;}

.advantage .advCon{float:right;width:260px;}

.advantage .advCon h1{font-size:24px;border-bottom:1px #ccc dashed;padding-bottom:10px;}

.advantage .advCon p{line-height:20px;padding-top:10px;}

/*专业品质独特*/

.cont01Box{background:url(../images/Ibg.png) no-repeat center center;padding-top:60px;height:380px;}

.cont01{position:relative;}

.cont01 .cont01Title{background:url(../images/Ititle.png) no-repeat center center;width:100%;height:49px;}

.cont01Con{margin-top:30px;}

.cont01Con p{line-height:52px;font-size:30px;color:#fff;}

.more02{position:absolute;bottom:-100px;right:0px;width:338px;height:50px;background:url(../images/Imore_hover.png) no-repeat center center;line-height:50px;color:#fff;}

.more02:hover{color:#f60;text-decoration: underline;}

/*互联网课堂*/

.classroom{margin-top:50px;overflow: hidden;}

.news{float:left;width:260px;text-align: left;margin-right:20px;}

.news .newsTitle{color:#fff;font-weight:normal;position:relative;line-height:40px;background:#f60;padding-left:14px;font-size: 16px;}

.news .newsTitle a{position:absolute;right:10px;font-size:12px;color:#fff;}

.news .newsTitle a:hover{text-decoration: underline;}

.newsCon{border:1px #999 solid; border-top:0px #999 solid;}

.newsCon .newsTop{border-bottom: 1px #ccc solid;}

.newsCon .newsTop img{display: block;}

.newsCon .newsTop a{font-size:16px;color:#222;padding:0px 10px;overflow: hidden;white-space: nowrap;line-height:36px;display: block;}

.newsCon .newsTop a:hover{color: #f60;}

.newsList{line-height:32px;margin-top:10px;height:192px;overflow: hidden;}

.newsList li{padding-left:26px;background:url(../images/icon_news.png) no-repeat 10px center;padding-right: 10px;}

.newsList li a:hover{color: #f60;}

/*cont02*/

.cont02{overflow: hidden;}

.cont02 li{float:left;width:140px;margin-right:50px;}

.cont02 li h1{color:#222;font-size:18px;margin-top:10px;margin-bottom:6px;}

.cont02 p{font-size:12px;color:#888;}

/*友情链接*/

.link{width:100%;background:#ddd;}

.link div{text-align: left;line-height:50px;color:#f60;font-size:16px;}

.link a{display: inline-block;color:#333;margin:0px 10px;font-size:16px;}

.link a:hover{text-decoration: underline;}

/*footer*/

.footer{width:100%;background:#343434;padding-top:40px;padding-bottom: 30px;}

.footer ul{overflow: hidden;}

.footer li{float:left;width:140px;color:#fff;}

.footer h1{font-weight: normal;font-size:18px;margin-bottom:10px;}

.footer a{line-height:24px;color:#fff;display: block;}

.footer a:hover{color: #f60;}

.footer p{line-height:24px;}

.footer li p span{color:#f60;}

.footer li img{display:block;border:1px #f60 solid;}

.footer li em{display:block;font-size:18px;font-style:normal;margin-top:10px;text-align: center;margin-right:16px;}

.footer02{width:100%;line-height:40px;background:#2c2c2c;text-align: center;}





/*网站建设*/

.buildTitle{margin-bottom:40px;text-align: center;}

.buildTitle h1{color:#222;font-size:36px;}

.buildTitle h1 strong{color:#f60;}

.buildTitle span{color:#999;font-size:18px;display: block;}

.buildTitle em{display: block;background:url(../images/Btitle.png) no-repeat center center;width:100%;height:3px;margin-top:10px;}



.bCon01{overflow: hidden;margin-bottom:70px;}

.bCon01 li{width: 225px;float: left;padding:0px 25px;}

.bCon01 div{width: 225px;height: 174px;transition: .5s;-ms-transition: 0.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;cursor: pointer;}

.bCon01 div.bIcon01{background: url(../images/icon_build00.png) no-repeat center top;}

.bCon01 div.bIcon02{background: url(../images/icon_build02.png) no-repeat center top;}

.bCon01 div.bIcon03{background: url(../images/icon_build03.png) no-repeat center top;}

.bCon01 div.bIcon04{background: url(../images/icon_build04.png) no-repeat center top;}

.bCon01 div:hover{background-position: center -174px;}

.bCon01 h5{font-size: 16px;color:#ff6600;line-height:36px;margin-top:4px;}

.bCon01 p{line-height: 24px;font-size: 14px;}



.bCon02{width:100%;margin:0px auto;background: url(../images/BBg.png);padding-top:50px;padding-bottom:40px;overflow: hidden;}

.bCon02 h5{font-size: 18px;text-align: center;background: url(../images/Btitle02.png) no-repeat center center;color:#666;line-height: 30px;}

.bConAdvBox{background: url(../images/buildpic01.png) no-repeat top center;}

.bConAdv01{width: 424px;}

.bConAdvBox li{overflow: hidden;}

.bConAdvBox li span{float: left;width: 37px;line-height: 71px;font-size: 20px;color:#333;background: url(../images/icon_build05.png) no-repeat;text-align: center;}

.bConAdvBox li .bConAdvR{float: right;width: 365px;}

.bConAdvBox li h1{font-size: 20px;color:#333;line-height: 30px;}

.bConAdvBox li p{line-height: 26px;}

.bConAdv02{width: 414px;}

.bConAdvC{line-height: 26px;}



.bCon03{margin-top:50px}

.bConSite div{width: 520px;padding-top:20px;}

.bConSiteL{background: url(../images/buildbg01.png) no-repeat top right;}

.bConSiteR{background: url(../images/buildbg02.png) no-repeat top left;}

.bConSite h1{font-size: 24px;color:#fff;line-height: 50px;padding:0px 42px;height: 55px;}

.bConSiteL h1{background: url(../images/Btitle03.png) no-repeat left center;}

.bConSiteR h1{background: url(../images/Btitle04.png) no-repeat right center;}

.bConSite ul{width: 431px;margin:30px 44px;line-height: 49px;font-size: 16px;color:#666}

.bConSiteL li{background: url(../images/icon_build06.png) no-repeat;padding-left: 65px;height: 63px;}

.bConSiteR li{background: url(../images/icon_build07.png) no-repeat;text-align: right;padding-right: 65px;height: 64px;}

.bConSite li.bConSite01{background-position: 0px -3px;}

.bConSite li.bConSite02{background-position: 0px -66px;}

.bConSite li.bConSite03{background-position: 0px -129px;}

.bConSite li.bConSite04{background-position: 0px -191px;}

.bConSite li.bConSite05{background-position: 0px -255px;}

.bConSite li.bConSite06{background-position: 0px -318px;}

.bConSite li.bConSite07{background-position: 0px -381px;}

.bConSite li.bConSite08{background-position: 0px -444px;}

.bConSite li.bConSite09{background-position: 0px -507px;}

.bConSite li.bConSite10{background-position: 0px -570px;}



.bCon04{width: 100%;margin: 40px auto;padding: 60px 0px;background: url(../images/buildbg03.jpg) no-repeat top center;}

.bConSol{float: left;width:310px;height: 144px;border: 1px #ccc solid;padding:27px 14px 20px;overflow: hidden;}

.bConSol02{margin: 0px 40px;}

.bConSol span{float: left;width: 80px;height: 80px;background: url(../images/icon_build08.png) no-repeat;margin-top:26px;}

.bConSol02 span{background-position:-80px 0px;}

.bConSol03 span{background-position:-160px 0px;}

.bConSol div{float: right;width: 210px;}

.bConSol div h1{font-size: 30px;color:#2a2a2a;line-height: 46px;border-bottom:1px #999 dotted;font-weight: normal;}

.bConSol div p{line-height: 18px;font-size: 12px;color:#666;margin-top:5px;}

.bMore{display: block;background: url(../images/Imore.png) no-repeat top center;line-height: 50px;text-align: center;margin-top:50px;color:#2a2a2a;}

.bMore:hover{color:#f60;background: url(../images/Imore_hover.png) no-repeat top center;}



.bCon05{width: 100%;margin: 60px auto;}

.bCase li{width: 23%;margin:0 1% 1%;float: left;}

.bCase li img{width: 100%;display:block;}

.bCase li a{display: block;overflow: hidden;}

.bCase li .bCaseTitle{display: block;font-size: 16px;color:#2a2a2a;padding:0px 10px;line-height: 30px;height: 30px; text-align:center;}

.bCase li:hover a{opacity: .7;color: #f60;}

.inBanner img{width: 100%;display: block;}



/*新闻资讯*/

.inCon{margin:50px auto;}

.inNews a:hover{color:#f60;}

.inNav{margin:20px 0px 40px;text-align: center;}

.inNav a{display: inline-block;padding:0px 20px;line-height: 40px;border:1px #ccc solid;margin:0px 10px;font-size: 18px;}

.inNav a:hover{color:#f60;border:1px #f60 solid;}

.inNTop{overflow: hidden;}

.inNTLeft{float: left;width: 474px;}

.inNTLeft a{font-size: 18px;color:#333;line-height: 40px;font-weight: bold;height: 40px;overflow: hidden;display: block;}

.inNTLeft p{line-height: 24px;font-size: 14px;}

.inNTRight{float: right;width: 590px;background: url(../images/newsLine.png) repeat-y 8px top;padding:10px 0px;}

.inNTRight li{margin-bottom:20px;}

.inNTRight a{font-size: 18px;color:#333;display: block;background: url(../images/iconNews01.png) no-repeat left center;line-height: 36px;height: 36px;overflow: hidden;padding-left:35px;}

.inNTRight p{line-height: 24px;margin-left:35px;margin-top:6px;}

.inNList{margin-top:30px;}

.inNList li{padding:10px 0px;border-bottom: 1px #ccc dotted;}

.inNLTop{overflow: hidden;line-height:44px;}

.inNLTop .inNTitle{float:left;font-size:18px;color:#333;font-weight:bold;width:1010px;overflow: hidden;white-space:nowrap;}

.inNLTop .inNTitle:hover{padding-left:10px;width:1000px;}

.inNLTop .inNMore{color:#C6180D;float:right;width: 80px;text-align: right;}

.inNLTop .inNMore:hover{text-decoration: underline;}

.inNMsg span{display:inline-block;margin-right: 20px;padding-left:26px;line-height: 30px;}

.inNMsg .inNTime{background:url(../images/in_time.png) no-repeat left center;}

.inNMsg .inNAuthor{background:url(../images/in_text.png) no-repeat left center;}

.inNMsg .inNSee{background:url(../images/in_see.png) no-repeat left center;}

.inNMsg .inNShare{background:url(../images/in_share.png) no-repeat left center;}

.inNList p{color:#666;line-height:24px;height:48px;overflow:hidden;margin-top:4px;font-size: 16px;}

.inNMsg03{position: relative;}

.bdsharebuttonbox{display:none;position: absolute;top:0px;left: 390px;}

/*page*/

.page{/*text-align: center;*/line-height: 50px;margin-top:30px;}

.page a{display: inline-block;padding:0px 10px;margin:0px 5px;}

.page a.page01{border:1px #ccc solid;padding:0px 20px;}

.page span{display: inline-block;margin:0px 5px;}

.inNinput{line-height: 48px;border:1px #ccc solid;width: 70px;margin:0px 10px;text-align: center;}

.inNBtn{width: 90px;line-height: 48px;border-radius: 4px;background: #f60;color:#fff;border:1px #f60 solid;margin:0px 10px;}



/*关于我们内页*/

.inATop{position: relative;}

.inATitle h5{font-size: 30px;color: #333;}

.inATitle h6{font-size: 16px;color: #333;}

.inATitle span{display: block;width: 145px;height: 1px;background: #B89C1F;margin-top:10px;}

.inATop img{position: absolute;right: 10px;top:90px;}

.inACon{line-height: 30px;font-size: 16px;margin-top:40px;}

.inACon span{font-size: 50px;color:#B89C1F;}

.inAList{overflow: hidden;padding-top:20px;}

.inAList li{width: 240px;float: left;line-height: 17px;margin:10px 0px;font-size: 16px;}

.inAList li span{display: inline-block;padding:0px 5px;background: #B89C1F;color:#fff;font-size: 12px;margin-right: 10px;}

.inABottom{margin-top:20px;margin-bottom:30px;}



/*内页留言列表*/

.inMsg{overflow:hidden;}

.inMsgList{float: left;width: 380px;margin-left:20px;}

.inMsgRight{float: right;width: 620px;}

.inMsgList li{width: 376px;border:2px #f60 solid;border-radius:30px;overflow: hidden;position: relative;margin-bottom:30px;}

.inMsgList li span{width: 34px;height: 56px;float:left;background: url(../images/msg.png) no-repeat;margin-left:20px;}

.inMsgList li .inMsgIcon01{background-position:0px center;}

.inMsgList li .inMsgIcon02{background-position:-34px center;}

.inMsgList li .inMsgIcon03{background-position:-68px center;}

.inMsgList li .inMsgIcon04{background-position:-99px center;}

.inMsgList li input{line-height: 56px;border:0px;width: 270px;font-size: 18px;padding-left:10px;float: left;outline: none;}

.inMsgList li .inMBtn{width: 320px;padding-left:66px;background: #eee;text-align: left;}

.inMsgList li strong{line-height: 56px;font-size: 16px;color:#8d8d8d;font-weight: normal;position: absolute;top:0px;right: 70px;background: url(../images/msg.png) no-repeat;background-position:-132px center;padding-left:36px;}



.inMsgline{overflow: hidden;padding-top:20px;background:url(../images/msg03.png) no-repeat 187px top;}

.inMsgQQ{float: left;width: 212px;}

.inMsgQQ a{display: block;width: 212px;line-height: 70px;background: url(../images/msg02.png) no-repeat;text-align: center;font-size: 24px;color:#333;margin-bottom: 30px;}

.inMsgBus{float: right;width: 350px;overflow: hidden;}

.inMsgBus p{font-size: 16px;line-height: 30px;width: 260px;margin-top:20px;margin-left:30px;}

.inMsgBus p span{font-weight: bold;color:#f60;}



/*成功案例内页*/

.inCaseNav{overflow: hidden;}

.inCaseNav li{width:182px;border-left:1px #ccc solid;text-align: center;float: left;background: #fff;border-top:1px #ccc solid;border-bottom:1px #ccc solid;}

.inCaseNav li a{display: block;font-size: 16px;padding-top:51px;}

.inCaseNav li:hover{background: #f60;}

.inCaseNav li a:hover{color:#fff;background-position: -182px 0px;}

.inCaseNav li span{display: block;line-height:47px;}

.inCaseNav01{background: url(../images/iconCase01.png) no-repeat;}

.inCaseNav02{background: url(../images/iconCase02.png) no-repeat;}

.inCaseNav03{background: url(../images/iconCase03.png) no-repeat;}

.inCaseNav04{background: url(../images/iconCase04.png) no-repeat;}

.inCaseNav05{background: url(../images/iconCase05.png) no-repeat;}

.inCaseNav06{background: url(../images/iconCase06.png) no-repeat;border-right: 1px #ccc solid;}

.inCaseFloor{margin-top: 30px;}

.inCFtitle{overflow: hidden;}

.inCFtitle img{float: left;}

.inCFtitle div{float:left;padding-top:16px;font-size: 18px;margin-left:10px;}

.inCFtitle div span{font-size: 12px;display: inline-block;margin-left: 10px;}

.inCFtitle h5{float: right;width: 68px;line-height: 20px;padding:0px 6px;margin-top:20px;height:18px;}

.inCFtitle h5 a{display: block;background: #f2f2f2;margin-top:-10px;padding-left:2px;}

.inCFtitle h5 a:hover{text-decoration: underline;}

.inCFtitle h5.inCMore01{border:1px #f60 solid;}

.inCFtitle h5.inCMore01 a{color:#f60;}

.inCFtitle h5.inCMore02{border:1px #42a2fb solid;}

.inCFtitle h5.inCMore02 a{color:#42a2fb;}

.inCFtitle h5.inCMore03{border:1px #fcb341 solid;}

.inCFtitle h5.inCMore03 a{color:#fcb341;}

.inCFtitle h5.inCMore04{border:1px #ff8067 solid;}

.inCFtitle h5.inCMore04 a{color:#ff8067;}

.inCFtitle h5.inCMore05{border:1px #a97ef7 solid;}

.inCFtitle h5.inCMore05 a{color:#a97ef7;}

.inCFCon{margin-top:20px;overflow: hidden;width: 1109px;}

.inCFPic{float: left;width: 220px;}

.inCFList{float: right;width: 876px;}

.inCFList li{width:274px;margin:0px 9px 7px;float: left;position: relative;}

.inCFList a.inCFListPic{display: block;width: 272px;height: 204px;border: 1px #ccc solid;}

.inCFList a.inCFListPic:hover{opacity: .6;}

.inCaseLine{display: block;margin-top:20px;}



/*成功案例列表页*/

.inCList{width:1104px;margin: 0px auto;overflow: hidden;}

.inCList li{float: left;margin: 10px;width: 256px;position: relative;}

.inCListPic{display: block;width: 256px;}

.inCListPic img{display: block;}

.inCListTitle{display: block;width:100%;position: absolute;bottom: 0px;line-height: 28px;background: rgba(0,0,0,0.5);text-align: center;color: #fff;}

.inCListTitle:hover{color: #333;background: rgba(255,102,0,.5);}

/*危机公关*/

.inCrisis01{overflow: hidden;}

.inCrisisTitle01{float: left; width: 682px;padding-top:30px;}

.inCrisisTitle h1{font-size: 30px;color: #333;line-height: 36px;}

.inCrisisTitle h6{font-size:16px;color: #333;margin-top:6px;}

.inCrisisTitle span{display:inline-block;width: 110px;height: 1px;background: #f60;}

.inCrisisTitle p{font-size: 18px;line-height: 30px;}

.inCrisis01 img{float:right;}

.inCrisis02{background: url(../images/relations02.jpg) no-repeat left top;padding-top:40px;margin-top:50px;height: 649px;overflow: hidden;}

.inCrisisTitle02{text-align: right;}

.inCrisis02List{padding-left: 624px;margin-top:40px;}

.inCrisis02List img{display: block;}

.inCrisis02List img.inCrisis02Pic02{margin-left: 30px;margin-top:20px;}

.inCrisis02List img.inCrisis02Pic03{margin-left: 57px;margin-top:18px;}

.inCrisis02List img.inCrisis02Pic04{margin-left: 66px;margin-top:20px;}

.inCrisis02List img.inCrisis02Pic05{margin-left: 83px;margin-top:20px;}

.inCrisis03{}

.inCrisis03Left{float: left;padding-top:227px;}

.inCrisis03Right{float: right;}

.inCrisis04Box{margin-top:40px;}

.inCrisis04{position: relative;margin-top:30px;padding-bottom:44px;}

.inCrisis04 img.inCrisisPic10{display: block;margin:0px auto;width: 752px;}

.inCrisis04 img.inCrisisPic11{position: absolute;top:77px;left:178px;}

.inCrisis04 img.inCrisisPic12{position: absolute;top:14px;right:60px;}

.inCrisis04 img.inCrisisPic13{position: absolute;top:350px;left:35px;}

.inCrisis04 img.inCrisisPic14{position: absolute;top:378px;right:42px;}

.inCrisis04 img.inCrisisPic15{position: absolute;bottom:0px;right:150px;}

/*.inCrisis04 img.inCrisisPic10{display: block;margin-left:10px;}

.inCrisis04 img.inCrisisPic11{position: absolute;top:174px;left:92px;}

.inCrisis04 img.inCrisisPic12{position: absolute;top:72px;right:0px;}

.inCrisis04 img.inCrisisPic13{position: absolute;top:612px;left:18px;}

.inCrisis04 img.inCrisisPic14{position: absolute;top:546px;right:0px;}

.inCrisis04 img.inCrisisPic15{position: absolute;bottom:0px;right:46px;}*/

.inCrisis05{margin-top:60px;background: #f1f1f1;padding:34px 60px;overflow: hidden;margin-bottom:30px;}

.inCrisis05Left{float: left;width: 500px;}

.inCrisis05 h1{line-height: 60px;color:#333;font-size: 24px;border-bottom:1px #999 dashed;}

.inCrisis05 p{line-height:30px;color:#333;font-size: 16px;margin-top:10px;}

.inCrisis05Right{float: right;width: 319px;height: 221px;background: url(../images/relations16.png) no-repeat;}

.inCrisis05Right a{color:#fff;font-size: 16px;text-align: center;padding-top:45px;display: block;}

.inCrisis05Right a:hover{text-decoration: underline;}



/*联系我们*/

.inContact h5{font-size: 30px;color: #333;padding-bottom:10px;border-bottom: 2px #333 solid;}

.inContact h5 span{display: block;}

.inContactList{float:left;width: 470px;padding-left:20px;}

.inContactList h6{font-size: 30px;color:#f60;line-height: 64px;margin-top: 14px;}

.inContactList li{font-size: 18px;color:#666;line-height: 50px;}

.inContactMsg{float: right;width: 500px;background: url(../images/inContactMsgBg.png) no-repeat;padding-top:80px;padding-left:108px;height: 308px;margin-top: 10px;}

.inContactMsg ul li{line-height: 32px;color:#666;border-bottom:1px #666 dotted;width: 256px;margin-top:10px;}

.inContactMsg input{border: 0px;background:none;line-height: 32px;margin-left: 10px;outline: none;}

.inContactMsg .inCMBtn{background: url(../images/inContactBtn.png) no-repeat;width: 152px;height:63px;display: block;margin-left: -20px;margin-top:20px;}

.inContactMsg .inCMBtn input{width: 137px;line-height: 47px;font-size: 18px;color:#fff;padding-right: 15px;cursor: pointer;}

.inContactMsg .inCMBtn input:hover{text-decoration: underline;}

.inMap{margin-top:20px;}

.inMap p{line-height: 34px;font-size: 16px;color:#444;padding-left:30px;margin-top:10px;margin-bottom: 20px;}

.inMap p span{color:#f60;font-weight: bold;}



/*网络推广*/

.proIn{margin-top:50px;}

.proPic01{width:100%;height:73px;background: url(../images/proPic01.png) no-repeat top center;}

.proInList{background: url(../images/proPic02.png) no-repeat center center;margin-top:40px;}

.proInL{width: 377px;}

.proInL li.proPic03{background: url(../images/proPic03.png) no-repeat;width: 377px;height: 84px;}

.proInL li.proPic04{background: url(../images/proPic04.png) no-repeat;width: 238px;height: 62px;margin-top:145px;margin-bottom:205px;}

.proInL li.proPic05{background: url(../images/proPic05.png) no-repeat;width: 375px;height: 46px;}

.proInR{width: 400px;}

.proInR li.proPic06{background: url(../images/proPic06.png) no-repeat;width: 394px;height: 73px;}

.proInR li.proPic07{background: url(../images/proPic07.png) no-repeat top right;height: 65px;margin:146px 0px 187px ;}

.proInR li.proPic08{background: url(../images/proPic08.png) no-repeat;width: 400px;height: 40px;}

.proPic09{height: 74px;background: url(../images/proPic09.png) no-repeat center center;}



.proSite{width: 100%;background: #f1f1f1;padding:50px 0px;margin:50px auto;}

.proSiteTitle{text-align: center;font-size: 46px;color:#2a2a2a;}

.proSiteTitle span{color:#f60;}

.proSiteList{margin-top: 40px;}

.proSiteList li{float: left;width: 219px;border-left: 1px #666 solid;border-top: 3px #fff solid;overflow: hidden;background: #fff;cursor: pointer;}

.proSLBox{width: 439px;}

.proSiteList li .proSiteL{float: left;width: 219px;padding-top:26px;text-align: center;}

.proSiteList li .proSiteR{float: right;width: 219px;border-left: 1px #ccc solid;}

.proSiteList li h5{font-size:20px;line-height: 42px;color:#2a2a2a;padding-bottom: 10px;}

.proSiteList li span{background: url(../images/icon_pro.png) no-repeat;width: 114px;height: 114px;display: block;margin:16px auto;}

.proSiteList li .proIcon02{background-position: -114px 0px;}

.proSiteList li .proIcon03{background-position: -228px 0px;}

.proSiteList li .proIcon04{background-position: -342px 0px;}

.proSiteL p{padding:20px 10px;}

.proSiteR{height: 366px;}

.proSiteR div{padding:10px 0px;padding-left: 14px;}

.proSiteR h6{width:78px;line-height: 23px;border: 1px #ccc solid;text-align: center;}

.proSiteR div p{line-height:20px;font-size: 12px;color: #666;margin-top:8px;}

.proSiteR01 h6{width: 130px;margin-top:20px;font-size: 14px;line-height: 30px;}

.proSiteR01 div p{line-height:30px;margin-top:10px;font-size: 14px;}

.proSiteR02{}

.proSiteR02 h6{width: 120px;margin-top: 20px;margin-left: 20px;}

.proSiteR02 div p{line-height:30px;margin-top:10px;font-size: 14px;margin-left: 20px;}

.proSiteList li.proActive{width: 439px;border-top: 3px #f60 solid;}

.proWTitle{margin:0px auto;}

.proWTitle span{width: 70px;height: 78px;background: url(../images/proPic10.png) no-repeat;float: left;margin-right: -46px;}

.proWTitle em{width: 70px;height:78px;background: url(../images/proPic11.png) no-repeat left bottom;float: left;margin-top: 32px;margin-left: -56px;}

.proWTitle h1{float: left;line-height: 110px;font-size: 48px;color:#f60;}

.proWTitle h1 strong{color: #2a2a2a;}

.proWList{position: relative;height: 478px;margin:30px 0px;}

.proWList img{position: absolute;}

.proWList img.proWList01{top: 40px;left: 0px;}

.proWList img.proWList02{top:0px;left:310px;}

.proWList img.proWList03{top:40px;right:0px;}



.pro04{margin-top:82px;}

.pro04 img{display: block;width: 409px;margin: 20px auto;}

.pro04List{background: url(../images/proPic15.png) no-repeat;margin-top:60px;height: 171px;position: relative;}

.pro04List span{width: 179px;height: 122px;background: url(../images/proPic16.png) no-repeat;position: absolute;left: 176px;top:-124px;}

.pro04List em{width: 195px;height: 120px;background:url(../images/proPic17.png) no-repeat;position: absolute;right: 156px;top:-124px;}

.pro04List strong{width: 354px;height: 128px;background:url(../images/proPic18.png) no-repeat;position: absolute;left:374px;top:46px;}



.pro05{margin: 40px auto;}

.pro05 img.proPic20{float: left;margin-top: 80px;margin-left: 45px;}

.pro05 img.proPic21{float: left;margin:213px 60px 0px 30px;}



.proCase{margin-top:30px;margin-bottom: 50px;}

.proCaseTitle{float: left;width: 178px;border: 1px #999 solid;height:278px;}

.proCaseTitle div{line-height: 68px;padding-left: 20px;cursor: pointer;position: relative;}

.proCaseTitle strong{position: absolute;width: 9px;height: 18px;background: url(../images/icon_pro05.png) no-repeat;right: -20px;top:24px;display: none;}

.proCaseTitle div span{float:left;width: 37px;height: 68px;}

.proCaseTitle div span.proCIcon01{background:url(../images/icon_pro01.png) no-repeat left center;}

.proCaseTitle div span.proCIcon02{background:url(../images/icon_pro02.png) no-repeat left center;}

.proCaseTitle div span.proCIcon03{background:url(../images/icon_pro03.png) no-repeat left center;}

.proCaseTitle div span.proCIcon04{background:url(../images/icon_pro04.png) no-repeat left center;}

.proCaseTitle div.proCActive{background: #f60;}

.proCaseTitle div.proCActive strong{display: block;}

.proCaseTitle div.proCActive em{color:#fff;}

.proCaseTitle div.proCActive span{background-position: -37px center;}

.proCaseTitle div em{float: left;font-style: normal;font-size: 18px;color:#666;}

.proCBox{float: right;width: 890px;border: 1px #f60 solid;padding:20px 0px;height: 240px;overflow: hidden;}

.proCLBox{width: 10000px;display: none;}

.proCList{overflow: hidden;width: 10000px;}

.proCList li{float: left;width: 276px;margin:0px 8px;}

.proCList li a{display: block;font-size: 18px;color:#666;line-height: 40px;text-align: center;}

.proCList li a:hover{color: #f60;}

.proCList li a img{display: block;}





/*新闻详情*/

.inCurrent{line-height: 40px;background:#f5f5f5;color: #666;padding-left: 20px;margin: 30px 0px;}

.inCurrent a{display: inline-block;margin: 0px 5px;}

.inCurrent a:hover{text-decoration: underline;}

.inDNews{margin-bottom: 50px;}

.inDNewsLeft{float: left;width: 770px;}

.inDNewsLeft img{max-width: 770px;}

.inDNTitle{text-align: center;font-size: 18px;line-height: 50px;overflow: hidden;}

.inNMsg02{text-align: center;padding-bottom:10px;border-bottom:1px #ccc dotted;margin-bottom:10px;}

.inDNewsLeft p{font-size: 16px;line-height: 24px;}

.inDNewsRight{float: right;width: 288px;border: 1px #ccc solid;padding: 10px 0px 20px;}

.inDNewsList{padding:10px 20px;border-bottom: 1px #ccc dashed;}

.inDNewsList h5{font-size: 18px;color: #333;line-height: 30px;}

.inDNR{overflow: hidden;padding:10px 0px;}

.inDNR img{float: left;width: 55px;}

.inDNR div{float:left;width: 180px;margin-left: 12px}

.inDNR div h6{font-size: 16px;line-height:30px;}

.inDNR div a{width: 88px;display: block;background: #ccc;text-align: center;line-height: 24px;color:#333;}

.inDNR div a:hover{font-weight: bold;background: #f60;color:#fff;}





/*分割页*/

.cut{margin-top:30px;background:url(../images/line02.png) no-repeat top left;padding-top:20px;}

.cut h1{line-height:30px;color:#333;font-size:18px;text-align: left;}

.cut a{font-weight: normal;}

.cut a:hover{text-decoration: underline;}



/*成功案例详情页*/

.inDCaseTop{border: 1px #ccc solid;overflow: hidden;}

.inDCaseTop div.inDNewsList02{float: left;width: 242px;border-left: 1px #ccc dashed;border-bottom: none;padding: 10px;padding-left: 16px;}

.inDCaseTop div.inDNewsList02 .inDNR div{width: 176px;float: right;margin: 0px;}

.inDCase{width: 1058px;margin: 30px auto;border: 1px #ccc solid;border-radius: 4px;padding:10px 20px;}

.inDCase h1.inDCaseTitle{font-size: 20px;color: #333;line-height: 40px;}

.inDCaseCon{margin-bottom: 30px;}

.inDCaseCon p{font-size: 16px;line-height: 24px;}

.inDCaseCon p img{max-width: 1058px;}

.bdimgshare-bg{display: none;}





/*单页面*/

.inDomain{margin-top: 20px;padding-bottom: 40px;}

.inDomain p{line-height: 24px;font-size: 16px;}





/*qq悬浮窗*/

.fixedBox{position: fixed;bottom:20%;right: 20px;z-index:9999;}

.fixed{position: relative;}

.fixedPic{width: 70%;display: block;cursor: pointer;}

.fixed .fixedH{position: absolute;left: -160px;top:28px;width: 130px;height: 44px;line-height: 40px;color: #fff;background: url(../images/qqPic02.png) no-repeat;padding-left: 20px;display: none;}

.fixedList{position: absolute;bottom: 98px;right:4px;width:189px;text-align: center;display: none;}

.fixedList div{background: #f5f5f5;box-shadow:0 10px 20px 0 rgba(35, 50, 56, 0.3);}

.fixedList h2{line-height: 40px;padding-left: 8px;background: url(../images/qqPic03.png) no-repeat 10px center #f60;border-top-left-radius: 4px;border-top-right-radius: 4px;font-size: 14px;color: #fff;position: relative;background-size:8%;}

.fixedList h5{padding-top: 24px;color: #333;font-size: 16px;}

.fixedList .fixedPic01{width: 91px;margin: 10px auto;display: block;}

.fixedList h6{color: #f60;font-size: 14px;margin-bottom: 12px;}

.fixedList .fixedPic02{width: 122px;margin: 0px auto;border:4px #e1e1e1 solid}

.fixedList p{color: #333;padding-bottom: 30px;line-height: 30px;font-size: 16px;}

.fixedList span{display: block;width:20px;height: 10px;background: url(../images/qqPic05.png) no-repeat;margin-left: 100px;}

.fixedList em{display: block;width: 11px;height: 11px;background: url(../images/qqClose.png) no-repeat;position: absolute;right:6px;top: 6px;cursor: pointer;}

.bCase li{width: 23%;margin:0 1% 1%;float: left;}



@media screen and (max-width:1920px){.bCase li .bpic{height:300px}}

@media screen and (max-width:1800px){.bCase li .bpic{height:280px}}

@media screen and (max-width:1700px){.bCase li .bpic{height:275px}}

@media screen and (max-width:1600px){.bCase li .bpic{height:250px}}

@media screen and (max-width:1440px){.bCase li .bpic{height:230px}}

@media screen and (max-width:1340px){.bCase li .bpic{height:200px}}

@media screen and (max-width:1240px){.bCase li .bpic{height:190px}}

@media screen and (max-width:1200px){.bCase li .bpic{height:180px}}

@media screen and (max-width:1140px){.bCase li .bpic{height:170px}}

