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

<!--导航菜单链接-->
a:link {color:#666666; text-decoration:none;}
a:visited {color:#666666; text-decoration:none;}
a:hover {color:#0186e3; text-decoration:none;}
a:active {color:#0186e3; text-decoration:none;}

.clear {clear:both;}
.mainpage .head .header {width:938px; margin:0px auto;}
.mainpage .head .header .nav {height:40px; background:url(../image/navBg.gif) repeat-x left -50px;}
.mainpage .head .header .nav ul {list-style:none; padding:0px; margin:0px;}
.mainpage .head .header .nav li {height:40px; float:left; position:relative;}
.mainpage .head .header .nav .vertical {width:2px; background:url(../image/navBg.gif) no-repeat left -150px; padding:0px; margin:0px 5px;}
.mainpage .head .header .nav .left {width:10px; background:url(../image/navBg.gif) no-repeat left top; padding:0px;}
.mainpage .head .header .nav .right {width:10px; background:url(../image/navBg.gif) no-repeat left -100px; background-color:#ffffff; padding:0px; float:right;}
.mainpage .head .header .nav li a {height:40px; line-height:40px; font-size:14px; font-weight:bold; text-decoration:none; color:#ffffff; padding:0px 0px 0px 15px; float:left;}
.mainpage .head .header .nav li a span {height:40px; cursor:pointer; padding:0px 15px 0px 0px; float:left;}
.mainpage .head .header .nav .solo {background:url(../image/navBg.gif) repeat-x right -250px; }
.mainpage .head .header .nav .solo a {color:#0186e1; background:url(../image/navBg.gif) no-repeat left -200px;}
.mainpage .head .header .nav .solo a span {background:url(../image/navBg.gif) no-repeat right -300px;}

.mainpage .head .header .nav .solo ul {top:40px; left:0px; width:84px; background:#ffffff; border:1px solid #cccccc; border-width:0px 1px 1px 1px; position:absolute; padding:5px 0px; margin:0px; clear:both;}
.mainpage .head .header .nav .solo li {width:100%; height:20px; line-height:20px; background:#ffffff; padding:0px; margin:0px; float:none;}
.mainpage .head .header .nav .solo li a {width:100%; height:20px; line-height:20px; text-align:center; font-size:12px; color:#666666; font-weight:normal; background:#ffffff; padding:0px;}
.mainpage .head .header .nav .solo li a:hover {color:#ffffff; background:#0086e2;}

/*解决方案*/
.mainpage .content .center .centercenter .left .case .tab {width:663px; height:310px; }
.mainpage .content .center .centercenter .left .case .tab ul {list-style:none; padding:0px; margin:0px;}
.mainpage .content .center .centercenter .left .case .tab .title {height:31px; position:relative;}
.mainpage .content .center .centercenter .left .case .tab .title li {top:0px; left:0px; height:31px; line-height:31px; font-size:14px; font-weight:bold; color:#036cbd; background:url(../image/tab.gif) no-repeat left top; padding:0px 0px 0px 30px; cursor:pointer; float:left; z-index:0; position:absolute;}
.mainpage .content .center .centercenter .left .case .tab .title li span {height:31px; background:url(../image/tab.gif) no-repeat right -82px; padding:0px 30px 0px 0px; float:left;}
.mainpage .content .center .centercenter .left .case .tab .title li span span {height:31px; background:url(../image/tab.gif) repeat-x left -41px; padding:0px; float:left;}
.mainpage .content .center .centercenter .left .case .tab .title .selected {top:0px; left:0px; height:31px; line-height:31px; font-size:14px; font-weight:bold; color:#ffffff; background:url(../image/tab.gif) no-repeat left -123px; padding:0px 0px 0px 30px; cursor:pointer; float:left; z-index:0; position:absolute;}
.mainpage .content .center .centercenter .left .case .tab .title .selected span {height:31px; background:url(../image/tab.gif) no-repeat right -246px; padding:0px 30px 0px 0px; float:left;}
.mainpage .content .center .centercenter .left .case .tab .title .selected span span {height:31px; background:url(../image/tab.gif) repeat-x left -205px; padding:0px; float:left;}
.mainpage .content .center .centercenter .left .case .tab .title .left {top:0px; left:0px; height:31px; line-height:31px; font-size:14px; font-weight:bold; color:#036cbd; background:url(../image/tab.gif) no-repeat left -41px; padding:0px 0px 0px 30px; cursor:pointer; float:left; z-index:0; position:absolute;}
.mainpage .content .center .centercenter .left .case .tab .title .left span {height:31px; background:url(../image/tab.gif) no-repeat right -82px; padding:0px 30px 0px 0px; float:left;}
.mainpage .content .center .centercenter .left .case .tab .title .left span span {height:31px; background:url(../image/tab.gif) repeat-x left -41px; padding:0px; float:left;}
.mainpage .content .center .centercenter .left .case .tab .title .selectedLeft {top:0px; left:0px; height:31px; line-height:31px; font-size:14px; font-weight:bold; color:#ffffff; background:url(../image/tab.gif) no-repeat left -164px; padding:0px 0px 0px 30px; cursor:pointer; float:left; z-index:0; position:absolute;}
.mainpage .content .center .centercenter .left .case .tab .title .selectedLeft span {height:31px; background:url(../image/tab.gif) no-repeat right -246px; padding:0px 30px 0px 0px; float:left;}
.mainpage .content .center .centercenter .left .case .tab .title .selectedLeft span span {height:31px; background:url(../image/tab.gif) repeat-x left -205px; padding:0px; float:left;}
.mainpage .content .center .centercenter .left .case .tab .content {border:1px solid #cccccc; padding:1px; margin:1px 0px 0px 0px;}
.mainpage .content .center .centercenter .left .cased .tab .content li {padding:0px; margin:0px;}
.mainpage .content .center .centercenter .left .case .tab .content .tab {width:100%;}
.mainpage .content .center .centercenter .left .case .tab .content .tab .title {width:31.5%; background:url(../image/tab2TitleBg.gif) no-repeat right top;}
.mainpage .content .center .centercenter .left .case .tab .content .tab .title span {height:27px; line-height:27px; color:#656565; display:block; padding:0px 0px 0px 20px; margin:13px 0px 13px 10px; cursor:pointer;}
.mainpage .content .center .centercenter .left .case .tab .content .tab .title .spanSelected {font-weight:bold; color:#0086e2; background-color:#ffffff; border:1px solid #cfcfcf; border-width:1px 0px 1px 1px;}
.mainpage .content .center .centercenter .left .case .tab .content .tab .content {border-width:0px; width:440px; vertical-align:top; }
.mainpage .content .center .centercenter .left .case .tab .content .tab .content .case0 {position:relative;width:440px; margin:0px; padding:0px;}
.mainpage .content .center .centercenter .left .case .tab .content .tab .content .case0 .jiage1{position:absolute;width:83px; height:94px; left:15px;top:20px;}
.mainpage .content .center .centercenter .left .case .tab .content .tab .content .case0 .word1{ position:absolute;width:337px; left:115px;top:10px; padding-left:5px; color:#666; line-height:20px;}
.mainpage .content .center .centercenter .left .case .tab .content .tab .content .case0 .word1 ul{width:340px; height:135px; color:#666;}
.mainpage .content .center .centercenter .left .case .tab .content .tab .content .case0 .word1 li {line-height:20px;}
.mainpage .content .center .centercenter .left .case .tab .content .tab .content .case0 .word1 li a{color:#0086e3; text-decoration:none;}

.mainpage .content .center .centercenter .left .case .tab .content .tab .content .case0 .jiage2{position:absolute;width:83px; height:94px; left:15px;top:160px; padding-top:5px;}
.mainpage .content .center .centercenter .left .case .tab .content .tab .content .case0 .word2{ position:absolute;width:337px; left:115px;top:150px; padding-left:5px; color:#666; line-height:20px;padding-top:5px;}
.mainpage .content .center .centercenter .left .case .tab .content .tab .content .case0 .word2 ul{width:340px; height:135px; color:#666;}
.mainpage .content .center .centercenter .left .case .tab .content .tab .content .case0 .word2 li {line-height:20px;}
.mainpage .content .center .centercenter .left .case .tab .content .tab .content .case0 .word2 li a{color:#0086e3; text-decoration:none;}


<!--index-->
/*
*{word-break:break-all; word-wrap:break-word;}
*/
*{font-size:12px;letter-spacing:1px;}
*{margin:0px;padding:0px;}
html{ line-height:150%;margin:0px;padding:0px;}
body{width:100%;background:url(../image/html-Bg.gif) repeat-x;font-size:12px; }
/*mainpage height:898px;*/
.mainpage{width:938px;margin:0px auto; margin-top:8px;}


.mainpage .head{width:938px; height:153px;}
.mainpage .head .top{width:938px; height:88px;}
.mainpage .head .top .logo{float:left;width:274px; height:88px;background:url(../image/logo-white.gif) no-repeat left center;}
.mainpage .head .top .right{ position:relative;float:right; width:450px;height:88px;}
.mainpage .head .top .right .city ul{float:right;list-style-type:none;} 
.mainpage .head .top .right .city li{float:right;width:35px; background:url(../image/head-right-ul1.gif) no-repeat left center ; color:#fff;padding-left:10px; height:20px; line-height:20px;} 
.mainpage .head .top .right .service{ position:absolute;right:10px; top:-16px;margin-top:60px;  }
.mainpage .head .top .right .service .tel{float:left;color:#fff;height:30px;line-height:30px;}
.mainpage .head .top .right .service .qq{float:left;width:16px;height:30px; vertical-align:middle; line-height:30px;}
.mainpage .head .top .right .service .msn{float:left;width:16px;height:30px;vertical-align:middle;line-height:30px;}

<!--导航菜单JS高度-->
.mainpage .head .menu{width:938px; height:40px;}
.mainpage .head .menuwhite{clear:both;background-color:#fff;margin:0px auto;width:930px; height:25px;}
.mainpage .head .menuwhite .left{float:left;background:url(../image/menuWhite-left.gif) no-repeat left;margin:0px;width:20px;height:25px;}
.mainpage .head .menuwhite .keyword{float:left;width:905px;margin:0px;}
.mainpage .head .menuwhite .keyword ul{float:left;list-style-type:none;}
.mainpage .head .menuwhite .keyword li{float:left; line-height:25px; height:25px; }
.mainpage .head .menuwhite .keyword a{ text-decoration:none; color:#666;}
.mainpage .head .menuwhite .keyword a:hover{text-decoration:none; color:#64bb0f;}
.mainpage .head .menuwhite .right{float:right; background:url(../image/menuWhite-right.gif) no-repeat right;width:5px;margin:0px;height:25px;}


/*center中间正文内容*/
.mainpage .content{clear:both;margin:30px 0px 0px 0px;}
/*top圆角边框容*/
.mainpage .content .top{width:938px;height:9px; line-height:9px; margin:0px; padding:0px;background:url(../image/centerContentCenterBG1.gif) repeat-x; overflow:hidden;}
.mainpage .content .top .topleftBg{float:left;margin:0px;padding:0px;width:9px;height:9px; line-height:9px;background:url(../image/centerContentLeftBG1.gif) no-repeat left top;}
.mainpage .content .top .toprightBg{float:right;margin:0px;padding:0px;width:9px;height:9px; line-height:9px;background:url(../image/centerContentrightBG1.gif) no-repeat right top;}

.mainpage .content .center{clear:both;width:938px;height:700px;margin:0px; padding:0px;background: url(../image/centerContentRightBG3a.gif) repeat-x right top; background-color:#FFFFFF;}
.mainpage .content .center .centerleft{float:left;width:7px;margin:0px; padding:0px;background: url(../image/centerContentLeftBG4.gif) repeat-y; height:706px;}
.mainpage .content .center .centerleft .top{width:7px; background: url(../image/centerContentLeftBG3.gif) no-repeat left top; height:100px; }
.mainpage .content .center .centercenter{float:left;width:920px;margin:0px; padding:0px; background: url(../image/centerContentCenterBG2.gif) repeat-x;height:700px; background-color:#fff;}


.mainpage .content .center .centerright{float:right; width:5px; margin:0; padding:0; background-image: url(../image/centerContentRightBG4.gif); background-repeat:repeat-y; background-position:-4px 0; height:706px; overflow:hidden;}
.mainpage .content .center .centerright .top{width:5px; margin:0; padding:0; background: url(../image/centerContentRightBG3.gif) no-repeat right top; height:100px;}
/*bottom圆角边框容*/
.mainpage .content .bottom{ clear:both;width:938px;height:9px; line-height:9px; overflow:hidden;}
.mainpage .content .bottom .topleftBg{float:left;margin:0px;width:9px;height:9px;background:url(../image/centerContentLeftBG2.gif) no-repeat;}
.mainpage .content .bottom .topcenterBg{float:left;margin:0px;width:920px;height:9px;background:url(../image/centerContentCenterBG3.gif) repeat-x;}
.mainpage .content .bottom .toprightBg{float:left;margin:0px;width:9px;height:9px;background:url(../image/centerContentRightBG2.gif) no-repeat right top;}




/*中间内容正文*/

/*左边*/
.mainpage .content .center .centercenter .left{float:left;width:663px;}
.mainpage .content .center .centercenter .left .flash{width:663px;height:199px;}
.mainpage .content .center .centercenter .left .case{width:663px; margin-top:12px; }
/*右边*/
.mainpage .content .center .centercenter .right{margin-top:20px;width:242px; float:right; height:570px;}
/*中治资讯*/
.mainpage .content .center .centercenter .right .mynew{width:242px;height:140px;margin:0px;}
.mainpage .content .center .centercenter .right .mynew .new{width:242px;height:109px;margin:0px;padding:0px; }
.mainpage .content .center .centercenter .right .mynew .new ul{width:232px;margin:0px; list-style-type:none;}
.mainpage .content .center .centercenter .right .mynew .new li{width:232px;margin:0px; height:50px; padding-left:10px; background:url(../image/head-right-ul2.gif) no-repeat left 8px;list-style-type:none;color:#ff9900;}
.mainpage .content .center .centercenter .right .mynew .new li a{ color:#666; text-decoration:none;}
.mainpage .content .center .centercenter .right .mynew .new li a:hover{ color:#64bb0f; text-decoration:none;}

.mainpage .content .center .centercenter .right .mynew .tittle{width:242px;height:31px; background:url(../image/banner-rightBg.gif) no-repeat left top;}
.mainpage .content .center .centercenter .right .mynew .tittle .left{ float:left;width:142px;margin:0px;padding:0px;height:31px; line-height:22px;color:#0086e3; font-weight:bold;}
.mainpage .content .center .centercenter .right .mynew .tittle .right{ float:right;width:100px;margin:0px;padding:0px;height:31px;line-height:22px; text-align:right;}
.mainpage .content .center .centercenter .right .mynew .tittle .right a{color:#64bb0f; text-decoration:none;}
/*行业新闻*/
.mainpage .content .center .centercenter .right .new{width:242px;height:150px;margin:0px; margin-bottom:5px;}
.mainpage .content .center .centercenter .right .new .new{width:242px;height:150px;margin:0px;padding:0px; }
.mainpage .content .center .centercenter .right .new .new ul{width:232px;margin:0px; list-style-type:none;}
.mainpage .content .center .centercenter .right .new .new li{width:232px;margin:0px; height:30px; padding-left:10px; background:url(../image/head-right-ul2.gif) no-repeat left 8px;list-style-type:none;color:#ff9900; letter-spacing:0px;}
.mainpage .content .center .centercenter .right .new .new li a{color:#666; text-decoration:none;}
.mainpage .content .center .centercenter .right .new .new li a:hover{ color:#64bb0f; text-decoration:none;}
.mainpage .content .center .centercenter .right .new .tittle{width:242px;height:31px; background:url(../image/banner-rightBg.gif) no-repeat left top;}
.mainpage .content .center .centercenter .right .new .tittle .left{ float:left;width:142px;margin:0px;padding:0px;height:31px; line-height:22px;color:#0086e3; font-weight:bold;}
.mainpage .content .center .centercenter .right .new .tittle .right{ float:right;width:100px;margin:0px; padding:0px;height:31px;line-height:22px; text-align:right;}
.mainpage .content .center .centercenter .right .new .tittle .right a{color:#64bb0f; text-decoration:none;}
/*成功案例*/
.mainpage .content .center .centercenter .right .case{position:relative;width:242px;height:150px;margin:0px; padding:0px; background:#ccc;}
.mainpage .content .center .centercenter .right .case .case{position:absolute;width:238px;height:146px;background:#fff; left:1px; top:1px;border:#fff 1px solid;}
.mainpage .content .center .centercenter .right .case .case .tittle{ position:absolute;width:238px;height:30px; background:url(../image/case-rightBg.gif) repeat-x; color:#0086e3; font-weight:bold; line-height:30px;}
.mainpage .content .center .centercenter .right .case .case .icon{ position:absolute;width:37px;height:32px;right:0px;top:0px; background:url(../image/case-rightBg1.gif) no-repeat;}
.mainpage .content .center .centercenter .right .case .case .img{ position:absolute;width:238px;height:80px;right:0px;top:32px; }
.mainpage .content .center .centercenter .right .case .case .word{ position:absolute;width:238px;height:80px;right:0px;bottom:10px; color:#666; text-transform:uppercase; }
/*IY自助*/
.mainpage .content .center .centercenter .right .diy{ position:relative;width:242px;height:55px;margin:0px; margin-top:15px; padding:0px;}
.mainpage .content .center .centercenter .right .diy .title{width:242px;height:20px;margin:0px; padding:0px; background:#0086e3; color:#fff; font-weight:bold;}
.mainpage .content .center .centercenter .right .diy .icon{ position: absolute;width:15px;height:8px; background: url(../image/diy-right.gif) no-repeat; left:20px; top:20px;}
.mainpage .content .center .centercenter .right .diy .word{ position: absolute;width:242px;height:20px;left:0px; top:35px;}
.mainpage .content .center .centercenter .right .diy .word ul{list-style-type:none; margin:0px 1px;}
.mainpage .content .center .centercenter .right .diy .word li{ float:left; width:60px;}
.mainpage .content .center .centercenter .right .diy .word li a{ text-decoration:none; color:#666;}
.mainpage .content .center .centercenter .right .diy .word li a:hover{ text-decoration:none; background:#0086e3; color:#fff;}


/*感受品牌*/
.mainpage .content .center .centercenter .brand{clear:both;width:920px; height:110px;padding:0px;
margin-top:0px;}
.mainpage .content .center .centercenter .brand .banner{ position:relative;float:left;width:920px; height:45px;margin:0px; padding:0px;}
.mainpage .content .center .centercenter .brand .banner .left{ position:absolute;width:110px;height:45px; background: url(../image/brand.gif) no-repeat;left:0px;top:0px;}
.mainpage .content .center .centercenter .brand .banner .center{ position:absolute;width:790px;height:45px; background: url(../image/brandCenter.gif) repeat-x;left:110px;top:0px;}
.mainpage .content .center .centercenter .brand .banner .right{position:absolute;width:20px;height:45px; background: url(../image/brandright.gif) no-repeat; right:0px;top:0px;margin:0px;padding:0px;}
/*图片*/
.mainpage .content .center .centercenter .brand .img{ clear:both;width:920px; height:65px;margin:0px; padding:0px;}
/*底部footer*/

.footer{ clear:both;width:100%;margin-top:18px; background: url(../image/footer.gif) repeat-x #216ea0; height:300px;}
.footer .content{width:938px;margin:0px auto; padding-top:15px;color:#fff;}
.footer .content .link{ height:30px;}
.footer .content .link ul{float:left; list-style-type:none;}
.footer .content .link li{float:left; width:80px;}
.footer .content .link li a{ color:#fff; text-decoration:none;}
.footer .content .link li a:hover{ color:#c7dbe7;text-decoration:none;}
/*底部footer*/
.footer .content .link .icp{float:right;}

.footer .content .link .icp a{ color:#fff; text-decoration:none;}
.footer .content .link .icp a:hover{ color:#c7dbe7;text-decoration: underline;}
.footer .content .copy{ clear:both;}
.footer .content .copy a{ color:#FFFFFF; text-decoration:none; font-size:14px;}
.footer .content .copy a:hover{ color:#FF9900; text-decoration:underline; font-size:14px;}

.footer .content .keyword{ margin-top:20px;color:#c7dbe7; text-align: justify; line-height:20px;}