@import url(base.css);

.banner{width:980px;margin:auto;margin-top:10px;height:200px;}

#service{width:980px;background: transparent;display:inline-block;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}

.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}

.xb1, .xb2, .xb3 {height:1px;}

.xb2, .xb3, .xb4 {background:#fff;border-left:1px solid #dcdcdc;border-right:1px solid #d1e0ef;}

.xb1 {margin:0 5px; background:#dcdcdc;}

.xb2 {margin:0 3px; border-width:0 2px;}

.xb3 {margin:0 2px;}

.xb4 {height:2px; margin:0 1px;}

.service_c{display:block; background:#fff; border:0 solid #dcdcdc; border-width:0 1px;padding-bottom:5px;}

.service_c h3{height:30px;line-height:30px;color:#003366;font-size:14px;font-weight:bold;margin:0 13px;}

.service_c h3 span{float:right;width:700px;font-weight:normal;font-size:12px;color:#333;}

.yoo-slider{clear:both;height:150px;width:954px;margin:auto;overflow: hidden;position: relative;}

.yoo-slider ul{clear:both;}

.yoo-slider ul li{height:150px;}

.yoo-slider ul li .slide{width: 190px;height: 145px;}



a:focus { outline: none; }



.yoo-slider ul.list {margin: 0px;padding: 0px;position: relative;} 

.yoo-slider ul.list .item {margin: 0px;padding: 0px;float: left;display: block;overflow: hidden;background:url(../images/service.gif) repeat-x;}

.yoo-slider ul.list .slide {overflow: hidden;}

.yoo-slider ul.list li.first {background: url(../images/service_l.gif) 0 0 no-repeat;}

.yoo-slider ul.list li:hover.first {background: url(../images/service_l.gif) no-repeat;}

.yoo-slider ul.list li.last {background: url(../images/service_r.gif) right 0 no-repeat;}

.yoo-slider ul.list li:hover.last {background: url(../images/service_r.gif) right 0 no-repeat;}

.yoo-slider ul.list div.slide {border-left: 1px solid #A5AAAF;}

.yoo-slider ul.list li.first div.slide {border-left: none;}

.yoo-slider ul.list .article h3 {padding-bottom: 0px;margin-bottom: 5px;line-height: 100%;font-size: 150%;font-weight: bold;color: #323232;}

.yoo-slider ul.list .article {font-size: 95%;line-height: 125%;}

.yoo-slider ul.list .s1{background:url(../images/s1.gif) 40px 30px no-repeat;height:130px;position:relative;}

.yoo-slider ul.list .s1 a{position:absolute;top:100px;left:30px;font-size:14px;font-weight:bold;color:#003366;}

.yoo-slider ul.list .s1 p{position:absolute;top:5px;left:180px;z-index:-1;}



#pleft{float:left;width:760px;overflow:hidden;margin-top:10px;}

#pright{float:right;width:200px;margin-top:10px;}



.left_c{display:inline-block; background:#fff; border:0 solid #dcdcdc; border-width:0 1px;padding-bottom:5px;}

.about{margin:0 15px;display:inline-block;}

.about h2{height:30px;line-height:30px;color:#003366;font-size:20px;margin-top:20px;}

.about p{text-indent:2em;}

.about p img{float:left;margin:10px 10px;width:230px;height:190px;}

.about p span{display:block;margin-top:10px;color:#00498a;}



.place{line-height:30px;margin:0 15px;border-bottom:1px #ddd dashed;}

.place a{color:#666;}

.place span{color:#003366;display:block;height:20px;text-align:right;}

.place span a{color:#003366;margin-left:3px;}

.place span a:hover{color:#ff0000;}

.place span a.thisclass{font-weight:bold;color:#ff0000;}



.content{margin:0 15px;padding-bottom:15px;width:730px !important;width:728px;overflow:hidden;}

.content h1{height:30px;line-height:30px;color:#003366;font-size:20px;margin-top:20px;}

.content p{padding:5px 0;font-size:14px;color:#444;}

.content p span{color:#ff0000;}

.content p a{color:#03F;text-decoration:underline;}

.content p a u{text-decoration:none;}

.content p a:hover{color:#cc0000;}

.content p strong{color:#003366;}



.context{clear:both;width:690px;overflow:hidden;border-top:1px #ddd dashed;padding-top:8px;margin-top:8px;}

.context ul{width:700px;}

.context li{float:left;width:340px;margin-right:10px;height:25px;line-height:25px;overflow:hidden;}



.content .rand{margin-top:8px;clear:both;width:690px;overflow:hidden;}

.content .rand h3{height:25px;line-height:25px;font-size:14px;color:#cc0000;border-bottom:1px #ddd solid;}

.content .rand ul{width:700px;display:inline-block;padding-top:5px;}

.content .rand li{float:left;width:340px;margin-right:10px;line-height:25px;overflow:hidden;height:25px;}

.content .rand li a{background:url(../images/ico.gif) left 6px no-repeat;padding-left:12px;}



.content .info{clear:both;float:right;font-size:14px;margin-top:10px;}

.content .info span{margin-left:10px;color:#999;}



.content .title h1{height:30px;line-height:30px;border-bottom:1px #ccc solid;padding:0 5px;}

.content .title p{height:30px;line-height:30px;font-size:12px;padding:0 5px;}

.content .title p span.pubdate{background:url(../images/icons.gif) 0 -47px no-repeat;padding-left:20px;color:#666;}

.content .title p span.writer{background:url(../images/icons.gif) 0 0 no-repeat;padding-left:20px;margin-left:20px;color:#666;}

.content .title p span.comment{float:right;height:16px;line-height:16px;display:block;width:60px;background:url(../images/icons.gif) 0 -113px no-repeat;padding-left:20px;margin-top:8px;}

.content .title p span.comment a{text-decoration:none;}

.blogc p{padding:5px;}

.blogc .pinfo{clear:both;margin-top:10px;border-top:1px #ccc dashed;padding-top:8px;}

.content img{max-width:728px;}



.caset h1{text-align:center;height:50px;line-height:35px;font-size:24px;border-bottom:1px #ccc solid;margin-bottom:20px;}

.casepic{width:728px;text-align:center;position: relative;height:512px;margin-bottom:10px;}

.casepic img{width:718px;height:502px;margin:5px;}

.casepic span {width:728px;height:512px;display: block;position: absolute;z-index:-1;}

.casepic span img {behavior:url("../images/pngbehavior.htc");_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="/templets/images/case_bg.png");width:728px;height:512px;margin:0;}

.casepic a:hover{}



.combox{clear:both;margin:10px 15px 0 15px;}

.combox h4{height:30px;line-height:30px;border-bottom:1px #ccc solid;}

.combox h4 span{float:right;height:16px;line-height:16px;display:block;width:60px;background:url(../images/icons.gif) 0 -113px no-repeat;padding-left:20px;margin-top:8px;}

.combox h4 span a{text-decoration:none;}

.combox dl{clear:both;width:720px;margin:auto;}

.combox dl dd{clear:both;margin-top:5px;}

.commetmsgs{width:720px;clear:both;margin:auto;}

.decmt-box{width:720px;clear:both;margin:auto;display:inline-block;margin-top:10px;}

.decmt-box .icon{float:left;width:43px;}

.decmt-box .icon .tx{width:43px;height:42px;background:url(../images/gravatar_bg.png) no-repeat;text-align:center;}

.decmt-box .icon .tx img{width:32px;height:32px;margin:4px 6px 5px 5px;}

.decmt-box .icon span{clear:both;display:block;text-align:center;}

.decmt-box .comc{width:650px;background:url(../images/com_bg.gif) repeat-y;margin-left:10px;float:left;position:relative;}

.decmt-box .comc .com_t{height:35px;background:url(../images/com_t.gif) no-repeat;line-height:35px;text-align:right;padding:0 15px 0 35px;}

.decmt-box .comc .com_t span.cdate{position:absolute;top:0px;left:35px;}

.decmt-box .comc .com_content{background:url(../images/com_b.gif) bottom no-repeat;padding:0 15px 5px 35px;}



.quotec{margin:5px 10px;border:1px #ccc solid;background:#fff;padding:5px;}



.mbox{clear:both;margin-top:10px;border-top:1px #ccc solid;}

.mbox ul{padding:10px 15px 0 15px;}

.mbox li{margin-top:5px;}

.mbox li input{height:18px;border:1px #a6a6a6 solid;line-height:18px;margin-right:5px;background:url(../images/main_shadow.gif) repeat-x;width:200px;color:#000;padding-left:2px;}

.mbox li.msg textarea{width:700px;height:110px;background:url(../images/main_shadow.gif) repeat-x;color:#000;border:1px #a6a6a6 solid;}

.mbox li.btn{margin-left:510px;}

.mbox li button{width:190px;height:25px;line-height:23px;background:#b4d666;border-top:1px #b4d666 solid;border-left:1px #b4d666 solid;border-right:1px #81b840 solid;border-bottom:1px #81b840 solid;text-align:center;color:#254a6e;cursor:pointer;}



#commetpages{clear:both;margin-top:5px;}



.newlist{margin:0 15px;}

.newlist ul{padding:10px 0;}

.newlist li{border-bottom:1px #ddd dashed;padding-bottom:8px;margin-top:8px;display:inline-block;background:url(../images/ico.gif) left 7px no-repeat;padding-left:12px;}

.newlist li a{float:left;font-size:14px;font-weight:bold;}

.newlist li span{float:right;color:#999;font-size:10px;}

.newlist li span small{font-size:10px;}

.newlist li p{clear:both;}

.newlist li p.read-more{float:right;margin-right:10px;}

.newlist li p.read-more a{font-size:12px;font-weight:normal;}



.caselist{margin:0 15px;}

.caselist ul{padding:10px 0;}

.caselist ul li{margin-top:8px;border-bottom:1px #ddd dashed;height:158px;display:inline-block;}

.caselist ul li img{float:left;width:200px;height:140px;border:2px #ddd solid;padding:2px;margin-right:10px;}

.caselist ul li a:hover img{border:2px #003366 solid;}

.caselist ul li a{font-size:14px;font-weight:bold;}

.caselist ul li p{color:#666;}

.caselist ul li p.intro{font-size:14px;margin-top:15px;}

.caselist ul li p.read-more{margin-top:8px;}

.caselist ul li p.read-more a{font-size:12px;font-weight:normal;}

.caselist ul li p.read-more span.type{background:url(../images/icons.gif) 0 -480px no-repeat;padding-left:20px;float:left;margin-right:8px;}

.caselist ul li p.read-more span.website{background:url(../images/icons.gif) 0 -192px no-repeat;padding-left:20px;float:left;}



.bloglist{margin:0 15px;}

.bloglist ul{padding:10px 0;}

.bloglist li{clear:both;margin-top:10px;}

.bloglist li a.t{height:30px;line-height:30px;display:block;font-size:14px;font-weight:bold;border-bottom:1px #ccc solid;}

.bloglist li p.info{height:30px;line-height:30px;font-size:12px;}

.bloglist li p.info span.pubdate{background:url(../images/icons.gif) 0 -47px no-repeat;padding-left:20px;}

.bloglist li p.info span.comment{float:right;height:16px;line-height:16px;display:block;width:60px;background:url(../images/icons.gif) 0 -95px no-repeat;padding-left:20px;margin-top:8px;}

.bloglist li p.info span.comment a{text-decoration:none;}

.bloglist li p.info span.writer{background:url(../images/icons.gif) 0 0 no-repeat;padding-left:20px;margin-left:20px;}

.bloglist li p.tools{height:30px;line-height:30px;}

.bloglist li p.tools span.type{background:url(../images/icons.gif) 0 -480px no-repeat;padding-left:20px;}



.seolist{width:730px;margin:auto;overflow:hidden;border-top:1px #ddd dashed;padding-top:10px;}

.seolist ul{width:750px;display:inline-block;}

.seolist li{float:left;width:355px;margin-right:20px;margin-bottom:10px;}

.seolist li img{float:left;margin-right:10px;}

.seolist li a{font-weight:bold;}

.seolist p span{clear:both;margin:10px 0;color:#ff0000;display:block;}



.pages{clear:both;margin:0 15px;text-align:center;margin-bottom:10px;width:730px;}
.pages li{ float:left; list-style:none;}

.pages a{border:1px #ff0000 solid;margin:0 2px;height:18px;line-height:18px;padding:0 6px;display:inline-block;background:#f5f5f5;border:1px #ddd solid;text-align:center;}

.pages span{background:#f5f5f5;border:1px #ddd solid;margin:0 2px;height:18px;line-height:18px;padding:0 6px;display:inline-block;}

.pages strong{border:1px #ff0000 solid;margin:0 2px;height:18px;line-height:18px;padding:0 6px;display:inline-block;color:#FF0000;font-weight:bold;}



.listbox{clear:both;width:300px;margin:auto;margin-top:10px;overflow:hidden;float:left;}

.box_r{float:left;margin-left:15px;width:420px;}

.box_r h2{height:30px;line-height:30px;font-size:14px;border-bottom:1px #ddd solid;}

.box_r ul{display:inline-block;padding:5px;}

.box_r li{clear:both;display:inline-block;margin-top:8px;border-bottom:1px #ddd dashed;padding-bottom:8px;}

.box_r li img{float:left;margin-right:10px;width:171px;height:138px;}

.box_r li a.t{font-weight:bold;}

.listbox .box{margin-left:10px;margin-bottom:10px;}

.box_c{display:block; background:#fff; border:0 solid #dcdcdc; border-width:0 1px;}

.box_c h2{height:25px;line-height:25px;font-size:14px;border-bottom:1px #ddd dashed;color:#00498a;margin:0 10px;}

.box_c ul{padding:5px 10px;}

.box_c li{height:23px;line-height:23px;background:url(../images/ico-1.gif) left no-repeat;padding-left:10px;overflow:hidden;}

.box_c li.pic{height:60px;border-bottom:1px #ddd dashed;background:none;padding-left:0;margin-bottom:8px;}

.box_c li.pic img{float:left;padding:1px;margin-right:8px;height:50px;}

.box_c li.pic p{line-height:140%;}

.box_c li span{float:right;padding-right:5px;font-size:11px;color:#999;}





.rtop, .rbottom {display:block; background:transparent; font-size:1px;}

.rb1, .rb2, .rb3, .rb4 {display:block; overflow:hidden;}

.rb1, .rb2, .rb3 {height:1px;}

.rb2, .rb3, .rb4 {background:#f8f8f8;border-left:1px solid #dcdcdc;border-right:1px solid #d1e0ef;}

.rb1 {margin:0 5px; background:#dcdcdc;}

.rb2 {margin:0 3px; border-width:0 2px;}

.rb3 {margin:0 2px;}

.rb4 {height:2px; margin:0 1px;}

.news_c{display:block; background:#f8f8f8; border:0 solid #dcdcdc; border-width:0 1px;}

.news_c h3{height:25px;line-height:25px;font-size:14px;border-bottom:1px #ddd dashed;color:#00498a;margin:0 10px;}

.news{width:200px;margin-bottom:8px;}

.news_c ul{padding:5px 8px;}

.news_c li{height:22px;line-height:22px;overflow:hidden;}

.news_c li a{color:#666;}

.news_c li a:hover{color:#ff0000;}

.news_c li span{font-family:Georgia;}

.news_c ul.newli li{background:url(../images/ico-1.gif) left 8px no-repeat;padding-left:10px;}

.news_c ul.service li{height:25px;line-height:25px;padding-left:20px;font-size:14px;}

.news_c ul.service li.t{font-size:14px;color:#003366;}



#demo{overflow:hidden;height:535px;_height:537px;}

#demo ul{padding:0 10px;}

#demo li{height:155px;width:180px;margin:auto;margin-top:8px;}

#demo li span{clear:both;display:block;text-align:center;height:25px;line-height:25px;}



.news_c ul.type{}

.news_c ul.type li{background:url(../images/icons.gif) 0 -557px no-repeat;padding-left:20px;}

.news_c ul.type li a.thisclass{font-weight:bold;color:#ff0000;}



.index_news{width:200px;margin-bottom:10px;}

.index_news .news_c h3{color:#00152a;}



.im{width:200px;}

.im li{width:200px;height:40px;margin-bottom:8px;}

.s_form{width:200px;height:400px;background:url(../images/form_bg.png) no-repeat;}

.s_form ul{padding:80px 10px 20px 10px;}

.s_form li{clear:both;margin-top:5px;color:#fff;}

.s_form li em{color:#ff0000;}

.s_form li input.text{width:130px !important;width:125px;}

.s_form li select{width:134px !important;width:129px;}

.s_form li span{width:40px;display:block;float:left;}

.s_form li textarea{height:60px;width:172px;}

.s_form li.msg span{width:180px;}

.s_form li.btn input{width:172px;height:30px;border:none;background:none;cursor:pointer;}



.blog{width:200px;height:490px;margin-top:9px;background:url(../images/blog_bg.gif) no-repeat;}

.blog ul{padding:80px 10px 20px 10px;}

.blog li{height:25px;line-height:25px;}

.blog li a{color:#fff;}



.linkbox{clear:both;margin-top:5px;padding-left:50px;}

.linkbox h3{height:30px;line-height:30px;font-size:14px;}

.linkbox li{float:left;margin-right:10px;}

.linkbox li a{color:#666;}



#flink{ padding:10px;}
#flink li{ float:left; padding:0 5px;}

.link-div{width:980px; display:inline-block;margin-top:10px; }

.tab-div{ width:958px; margin:0 auto;display:inline-block; border-left:1px solid #ccc; border-right:1px solid #ccc;min-height:85px;_height:85px;  padding:10px;background-color:#fff; float:left;}

#myTab0{width:950px; float:left; padding-left:10px; position:relative; z-index:200; position:relative; height:32px;}
#myTab0 li{float:left; margin-right:5px; padding:0 15px; height:30px; line-height:30px; cursor:pointer; border:1px #ddd solid; border-bottom:1px dashed #ddd; font-weight:bold; font-size:14px; color:#00498a;z-index:300; position:relative;}
#myTab0 li.active{ background:url(../images/tab-t.gif); height:32px; border-top:none; border-bottom:none;}
.tab-div .c{ width:960px; float:left; min-height:50px;position:relative; z-index:100;_height:50px; display:inline-block; margin-top:-1px; border-top:1px dashed #ddd;}
.tab-div .none{display:none;}


#formbox{width:680px;margin:20px auto;}

#formbox p{color:#ff0000;text-indent:2em;padding-bottom:10px;}

#formbox table{border-collapse:collapse;width:880px;margin:auto;}

#formbox table td{border:1px #cacaca solid;}

#formbox table tr{line-height:30px;background:#fff;}

#formbox table input,#formbox table select,#formbox table textarea{margin-left:10px;}

#formbox table textarea{height:100px;width:400px;margin:5px 10px;}

#formbox table td.submit{height:35px;line-height:35px;text-align:center;}

#formbox table input.text{height:18px;border:1px #ddd solid;}

#formbox table select{width:250px;}