/* CSS Document */
*{margin: 0;padding: 0;list-style-type: none;}
table{empty-cells: show;border-collapse: collapse;border-spacing: 0;}
h1{font-weight: bold;}
h2{font-weight: normal;}
h3{font-size: 14px;font-weight: normal;}
h4{font-size: 13px;font-weight: normal;}
abbr, acronym{border: 0;font-variant: normal}
address, caption, cite, code, dfn, th, var, optgroup, i, em, small, strong, ins, tt, big, p, tb{font-weight: normal;font-style: normal;text-decoration: none;}
input, button, textarea, select, optgroup, option{font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit}
input, button, textarea, select{*font-size:100%}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
body{margin: 0 auto;padding: 0px;font-family: "Microsoft YaHei", Arial;font-size: 14px; color:#333;}
html{overflow-x: hidden;min-width: 1200px;}
img{border: none}
.fl{float: left;}
.fr{float: right;}
.m-a{margin: 0 auto;overflow: hidden}
.w1400{width: 1400px;}
.w1426{ width:1426px;}
.w1200{ width:1200px;} 
.clear{clear: both;}

/*顶部*/
.header{ background:url(../images/top-bottom.jpg) bottom no-repeat; height:130px;}
.logo{ padding:9px 0;}

.nav{}
.nav li{ float:left; line-height:130px;}
.nav li a{ color:#333; display:block; width:96px; text-align:center;}
.nav li a:hover{ background-color:#01a6e0; color:#fff;text-decoration:none;    transition: all .3s linear;}
.nav li a.on{ color:#333; font-weight:bold;}

/*首页标题*/
.index-title-1{ text-align:center; padding-top:40px; padding-bottom:37px;}
.index-title-1 h3{ font-family:'LondonMM'; font-size:30px; text-transform:uppercase; color:#333;}
.index-title-1 p{ background:url(../images/index-title-1.png) center no-repeat; color:#01a6e0; font-size:16px;}
.index-title-2{ text-align:center; padding-top:40px; padding-bottom:37px;}
.index-title-2 h3{ font-family:'LondonMM'; font-size:30px; text-transform:uppercase; color:#fff;}
.index-title-2 p{ background:url(../images/index-title-2.png) center no-repeat; color:#fff; font-size:16px;}

/*内页标题*/
.index-title-3{ text-align:center; padding-top:30px; padding-bottom:40px;}
.index-title-3 h3{ font-family:'LondonMM'; font-size:30px; text-transform:uppercase; color:#333;}
.index-title-3 p{ background:url(../images/index-title-1.png) center no-repeat; color:#01a6e0; font-size:16px;}
.crumbs{ border-bottom:#e3e3e3 solid 1px; line-height:55px; text-align:right; font-size:13px;}

/*关于我们*/
.index-about{ padding-bottom:25px;}
.index-about p{ text-align:center; line-height:30px;}
.index-about .more{ width:123px; height:43px; background-color:#333; color:#fff; margin:30px auto; line-height:43px; text-align:center;}
.index-about a.more{ color:#fff; display:block;  }
.index-about a:hover.more{text-decoration:none;background-color:#01a6e0; transition:all 0.5s;}

/*业务范围*/
.index-business{ background:url(../images/index-business.jpg) no-repeat center; height:530px; }
.index-business ul{width:1470px; margin-top:65px;} 
.index-business li{ width:153px; float:left; margin-right:56px;}
.index-business li span{ width:143px; height:143px; text-align:center; border:#fff solid 5px; border-radius:50%; display:block;}
.index-business li span:hover{ background-color:#01a6e0; border:#01a6e0 solid 5px; border-radius:50%; transition:all 0.3s;}
.index-business li p{ text-align:center; color:#fff; font-size:18px; padding:10px 0;}
.index-business li a{ text-decoration:none;}

/*客户案例*/
.index-case{ padding-bottom:23px;}
.index-case .index-case-content{}
.index-case .index-case-content li{ width:385px; text-align:center; float:left; margin-right:13px; margin-bottom:23px; border-left:#fff solid 3px;border-right:#fff solid 3px; border-top:#fff solid 3px;}
.index-case .index-case-content li a{ color:#333; background-color:#01a6e0; display:block; text-decoration:none; }
.index-case .index-case-content li:hover{ color:#333; background-color:#01a6e0; color:#fff; border-left:#01a6e0 solid 3px;border-right:#01a6e0 solid 3px; border-top:#01a6e0 solid 3px; transition:all 0.5s}
.index-case .index-case-content li:hover h3{ background-color:#01a6e0; color:#fff; transition:all 0.5s}
.index-case .index-case-content span{}
.index-case .index-case-content span img{ width:100%; display:block;}
.index-case .index-case-content h3{ height:50px; line-height:50px; font-size:16px; background-color:#f1f1f1;}

/*技术知识*/
.index-knowledge{ background:url(../images/index-gray.png) repeat-x top;}
.index-knowledge .index-knowledge-news-lb{ width:545px;}
.index-knowledge .index-knowledge-news-lb span{}
.index-knowledge .index-knowledge-news-lb p{ color:#787878; font-size:14px; padding:18px 0; }
.index-knowledge .index-knowledge-news-lb a{ text-decoration:none;;display:block;}
.index-knowledge .index-knowledge-news-ul{ width:602px;}
.index-knowledge .index-knowledge-news-ul li{ padding:20px 23px 20px 40px; background:url(../images/index-green.jpg) 12px 23px no-repeat;}
.index-knowledge .index-knowledge-news-ul li:hover{ background:url(../images/index-white.jpg) 12px 23px no-repeat; background-color:#01a6e0; color:#fff; transition:all 0.5s}
.index-knowledge .index-knowledge-news-ul li:hover a{ text-decoration:none}
.index-knowledge .index-knowledge-news-ul li:hover a:hover{}
.index-knowledge .index-knowledge-news-ul li:hover a p{ color:#fff;}
.index-knowledge .index-knowledge-news-ul li:hover a p em{ color:#fff;}
.index-knowledge .index-knowledge-news-ul li:hover a h3{ color:#fff;}
.index-knowledge .index-knowledge-news-ul li p{ color:#333; font-size:16px; padding-bottom:15px;}
.index-knowledge .index-knowledge-news-ul li p em{ float:right; font-size:14px;}
.index-knowledge .index-knowledge-news-ul li h3{ color:#787878; line-height:25px;}

/*关于我们*/
.about-center{}
.about-center .about-content{}
.about-center .about-content span{ float:right;}
.about-center .about-content h3{ color:#333; font-size:18px;}
.about-center .about-content p{ color:#616161; font-size:14px; line-height:30px;}

/*业务范围*/
.content-business{}
.content-business dl{ border-top:#cccccc solid 1px; padding:30px 0;}
.content-business dd{}
.content-business dd span{ background-color:#01a6e0; border-radius:50%; display:block; margin-right:80px}
.content-business dd span img{ width:100%; display:block;}
.content-business dt{ margin-top:10px;}
.content-business dt h3{ font-weight:bold; font-size:20px; color:#01a6e0; margin-bottom:6px;}
.content-business dt h3 em{ font-weight:normal; font-size:20px; color:#01a6e0;}
.content-business dt p{ color:#555; line-height:25px;} 
.content-business dt p a{ color:#555; text-decoration:none;} 
.content-business dt p a:hover{ color:#01a6e0; transition:all 0.5s;} 
.w1{ width:1200px; height:1px; background-color:#ccc; display:block;}

/*业务范围详情*/
.businessshow{}
.businessshow-title{ text-align:center; padding-top:30px; padding-bottom:40px;}
.businessshow-title h1{ font-weight:bold; color:#01a6e0; font-size:20px; padding-bottom:8px;}
.businessshow-title h1 em{ color:#969696; font-size:16px;}
.businessshow-title h2{ font-size:12px;}
.businessshow h3{ font-weight:bold; font-size:18px;}
.businessshow p{ line-height:25px; color:#757575}

/*案例展示*/
.case{}
.case .content-case{}
.case .content-case li{ width:290px; float:left; background-color:#eee; text-align:center; margin-right:13px; margin-bottom:10px;}
.case .content-case li span{    width: 290px; height: 220px; overflow: hidden; display: block;}
.case .content-case li span img{ height:100%;}
.case .content-case li h3{ font-size:15px; height:40px; line-height:40px;}
.case .content-case li a{ color:#333; display:block;}
.case .content-case li a:hover{ text-decoration:none; background-color:#01a6e0; transition:all 0.3s; color:#fff;}

/*技术知识*/
.knowledge{}
.knowledge-title{ margin-bottom:40px;}
.knowledge-title ul{ text-align:center;}
.knowledge-title li{ width:159px; height:38px;line-height:38px; display:inline-table; margin:0 20px;}
.knowledge-title li a{ color:#333; display:block; border-radius:20px; border:#bfbfbf solid 1px; }
.knowledge-title li a:hover{ border:#01a6e0 solid 1px; border-radius:20px; text-decoration:none;color:#01a6e0; transition:all 0.5s;} 
.knowledge-title li .hover{ border:#01a6e0 solid 1px; border-radius:20px; text-decoration:none;color:#01a6e0;} 
.knowledge-content{}
.knowledge-content li{ background-color:#f7f7f7; padding:16px 20px; height:129px; margin-bottom:22px}	
.knowledge-content li:hover{ background-color:#01a6e0; color:#fff; text-decoration:none; transition:all 0.5s;}
.knowledge-content li:hover a{ text-decoration:none;}
.knowledge-content li span{ float:left; margin-right:33px; }	
.knowledge-content li h3{ color:#333; font-size:17px; margin-top:20px; margin-bottom:25px;}
.knowledge-content li:hover h3{ color:#fff;}
.knowledge-content li h3 em{ float:right;} 	
.knowledge-content li:hover h3 em{ color:#fff;}
.knowledge-content li p{ color:#8d8d8d; font-size:13px; line-height:20px;}	
.knowledge-content li:hover p{ color:#fff;}

/*在线留言*/
.message{}
.message-content{}

/*联系我们*/
.contact{}
.contact-content{}
.contact-content .map{ width:1200px; height:443px; background-color:#eee; display:block; margin-bottom:10px;}
.contact-content p{ font-size:18px; line-height:30px;}
	
/*版权*/
.footer{ background:url(../images/footer-copy-right.jpg) no-repeat center; height:400px; margin-top:40px;}
.footer .footer-message,.footer-contact,.footer-quick{ margin-top:40px;}
.footer .footer-title{ margin-bottom:36px;}
.footer .footer-title h3{ color:#fff; font-weight:bold; font-size:17px;}
.footer .footer-title h3 em{ font-size:14px; font-weight:bold; text-transform:uppercase;}
.footer .footer-message-form #dh, #xm{ height:40px; width:262px; background-color:#FFF; color:#666; border-width:0; margin-bottom:25px; vertical-align:middle; padding-right:10px; padding-left:10px; border-radius:0;}
.footer .footer-message-form #xm{background-image: url(../images/index-form-1.jpg); background-repeat: no-repeat; background-position: right 0;}
.footer .footer-message-form #dh{background-image: url(../images/index-form-2.jpg); background-repeat: no-repeat; background-position: right 0;}
.footer .footer-message-form #button{ height:44px; width:100%; text-align:center; vertical-align:middle; border-width:0; background-color:#69c; color:#FFF; font-size:14px; border-radius:0;}

.footer .footer-contact{ padding-left:90px; padding-right:100px; width: 320px;}
.footer .footer-contact p{ color:#fff; line-height:30px; font-size:14px;}

.footer .footer-quick-content{ color:#fff; font-size:14px; line-height:30px;}
.footer .footer-quick-content a{ color:#fff;}
.footer .footer-quick-content a:hover{ color:#fff; transition:all 0.5s}
.footer .footer-quick-content .r25{ padding-right:25px;}
.footer .footer-quick-content .r62{ padding-right:62px;}
.footer .footer-quick-content .wx p{ text-align:center;}

.footer .footer-bottom{ line-height:80px; width:100%; color:#fff;}

/*新闻详情*/
.newsshow{}
.newsshow-title{ text-align:center; padding-top:30px; padding-bottom:40px;}
.newsshow-title h1{ font-weight:bold; color:#01a6e0; font-size:20px; padding-bottom:8px;}
.newsshow-title h1 em{ color:#969696; font-size:16px;}
.newsshow-title h2{ font-size:12px;}
.newsshow-content{width: 1200px;margin: 0 auto;padding: 20px 0px;border-top: 1px solid #ccc;}
.newsshow-content p{ line-height:25px; color:#333;}
/* 新闻上一条 */
.news-next-prev{width: 1200px; margin: 0 auto; border-top: 1px dashed #ccc; padding-top: 10px;}
.news-next-prev ul{}
.news-next-prev ul li{height: 30px; line-height: 30px;color: #666;}
.news-next-prev ul li.prev{}
.news-next-prev ul li.next{}
.news-next-prev ul li a{color: #666;}

/*业务详情*/
.caseshow{}
.caseshow-title{ text-align:center; padding-top:30px; padding-bottom:20px;}
.caseshow-title h1{ font-weight:bold; color:#01a6e0; font-size:20px; padding-bottom:8px;}
.caseshow-title h1 em{ color:#969696; font-size:16px;}
.caseshow-title h2{ font-size:12px;}
.caseshow-content{width: 1200px;margin: 0 auto;padding: 20px 0px;border-top: 1px solid #ccc;}
.caseshow-content p{ line-height:25px; color:#333;}
.caseshow-content img{display: block; max-width: 100%; margin: 0 auto;}