@charset "utf-8";

/* reset
-----------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p{ margin:0;padding:0;}
body{ color:#333; background:#fff; word-break:break-all; word-wrap:break-word;}
body,input,textarea{ font-size:100%; font-family:"Hiragino Sans GB", "Hiragino Sans GB W3", tahoma, arial, simsun;} li{ list-style:none;} img{ border:0;}
input,button,select,textarea{ outline:none;} textarea{ resize:none;}

/* common
-----------------------------------------------*/
.clearfix:after{content:"\200B";display:block;height:0;clear:both;}
.clearfix{*zoom:1;}

.fn-left{ float:left;}
.fn-right{ float:right;}

a:link,a:visited,a:hover{ text-decoration:none; outline:none;}
.shadow{ -moz-box-shadow:1px 1px 1px #E9E9E9; -webkit-box-shadow:1px 1px 1px #E9E9E9; box-shadow:1px 1px 1px #E9E9E9;}

.wrap{ width:1000px; margin:0 auto;}
.title{ height:31px; background:#596167; padding:0 10px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px; color:#fff; font-size:14px; text-shadow:1px 1px 1px #666666; font-family:"微软雅黑";}
.title-text{ float:left; display:inline-block; padding-top:4px;}
.title a{ color:#fff;}
.title a:hover{ color:#ffff99;}
.con{ padding:10px; border:1px #d8d8d8 solid; border-top:none; font-size:12px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}

.title-tab{ display:inline-block; float:right; margin-top:5px;}
.title-tab a{ margin-right:20px;}
.title-tab a.current{ padding:2px 8px; background:#efefef; color:#596167; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.title-tab a.current:hover{ color:#596167;}

/* header
-----------------------------------------------*/
.header{ background:#f5f5f5 url(../images/topbar.png) top repeat-x; border-bottom:6px #1c6ca7 solid;}
.topbar{ height:33px; line-height:33px; font-size:12px;}
.topbar a{ padding:0 5px; color:#333;}
.topbar a:hover{ color:#1c6ca7;}
.areanav{ padding:10px 0;}
.areanav li{ float:left; width:136px; height:27px; line-height:27px; padding-left:30px; font-size:16px; background:url(../images/icon-apple.png) left no-repeat; font-family:"微软雅黑";}
.areanav li a{ color:#333;}
.areanav li a:hover{ color:#1c6ca7;}
.head{ padding:15px; margin-bottom:15px; border:1px #d8d8d8 solid; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.logo{ float:left;}
.logo a{ display:block; width:250px; height:72px; text-indent:-9999em; background:url(../images/logo.jpg) no-repeat;}
.head-link{ float:left; padding-top:12px;}
.head-link li{ float:left; width:130px;}
.head-link li a{ display:block; height:50px; line-height:50px; padding:0 0 0 60px; color:#333; font-family:"微软雅黑";}
.head-link li a:hover{ color:#1c6ca7;}
.head-link li a.icon-1{ background:url(../images/icon-1.png) left no-repeat;}
.head-link li a.icon-2{ background:url(../images/icon-2.png) left no-repeat;}
.head-link li a.icon-3{ background:url(../images/icon-3.png) left no-repeat;}
.head-tel{ float:right; margin-top:18px; padding:2px 0 0 30px; font-size:24px; font-weight:bold; color:#0086cb; background:url(../images/icon-tel.png) left center no-repeat;}

.nav{ height:40px; overflow:hidden;}
.nav a{ display:block; float:left; margin-right:3px; _margin-right:3px; height:40px; line-height:40px; padding:0 20px; font-family:"微软雅黑"; font-size:16px; color:#fff; background-color:#868f96; background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#879097), to(#5D656B), color-stop(0.5,#6e777d)); -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; order-top-left-radius:3px; border-top-right-radius:3px; text-shadow:1px 1px 1px #666666;}
.nav a:hover{ background-color:#60686e; background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#626a71), to(#5D656B), color-stop(0.5,#6e777d));}
.nav a.nav-current{ background-color:#1c6ca7; background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#137DCA), to(#1C6CA7), color-stop(0.5,#1971b2));}
.nav a.nav-current:hover{ background-color:#135c92; background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#1567a4), to(#1C6CA7), color-stop(0.5,#1971b2));}

.subnav{
width: 980px;
height: 40px;
padding: 8px 10px;
line-height: 40px;
margin: 0 auto;
overflow: hidden;
background: #F5F5F5;
text-align: center;
font-size: 16px;
border: 1px solid #F2F2F2;
}
.subnav a{ padding:0 10px;color:#c00;}
.subnav a:link,.subnav a:visited{ color:#c00;}
.subnav a:hover{ color:#0086cb;}

/* container
-----------------------------------------------*/
.container{ width:1000px; margin:15px auto;}
.left{ float:left; width:230px; margin-bottom:10px;}
.right{ float:right; width:760px; margin-bottom:10px;}

.acceptance{ margin-bottom:10px;}
.acceptance .con{ height:168px; line-height:2;}
.acceptance .con ul li{ width:208px; height:24px; overflow:hidden;}

.adpic{ margin-top:10px;}
.adpic ul{ margin-right:-10px;}
.adpic ul li{ float:left; width:171px; height:160px; margin-right:10px; border:1px #ddd solid; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.adpic ul li a{ display:block; width:171px; height:160px; text-align:center; -moz-box-shadow: inset 1px 1px 10px #ddd; -webkit-box-shadow: inset 1px 1px 10px #ddd; box-shadow: inset 1px 1px 10px #ddd;}
.adpic ul li a:hover{ -moz-box-shadow: inset 1px 1px 15px #ccc; -webkit-box-shadow: inset 1px 1px 15px #ccc; box-shadow: inset 1px 1px 15px #ccc;}
.adpic ul li a img{ margin-top:20px;}

.team{ margin-bottom:10px;}
.team .con dl{ padding:10px 0; border-bottom:1px #ddd solid;}
.team .con dl dt{ float:left; height:60px;}
.team .con dl dt img{ width:80px; height:60px;}
.team .con dl dd{ float:left; width:110px; height:60px; padding-left:10px; line-height:20px; overflow:hidden;}
.team .con dl dd a{ display:block; color:#0086cb; font-weight:bold;}
.team .con dl dd a:hover{ color:#f06600;}
.team .con dl dd span{ display:block;}

.ruse{ margin-bottom:10px;}
.ruse .con{ margin-bottom:10px; line-height:2;}
.ruse .con ul li{ width:208px; height:24px; overflow:hidden;}
.ruse .con ul li a{ color:#333;}
.ruse .con ul li a:hover{ color:#0086cb;}

.special{ margin-bottom:10px;}
.special .con dl{ padding:10px 0; border-bottom:1px #ddd solid;}
.special .con dl dt{ float:left; height:60px;}
.special .con dl dt img{ width:80px; height:60px;}
.special .con dl dd{ float:left; width:110px; height:60px; padding-left:10px; line-height:20px; overflow:hidden;}
.special .con dl dd a{ display:block; color:#0086cb; font-weight:bold;}
.special .con dl dd a:hover{ color:#f06600;}
.special .con dl dd span{ display:block;}

.news .con{ line-height:2;}
.news .con ul li{ width:208px; height:24px; overflow:hidden;}
.news .con ul li a{ color:#333;}
.news .con ul li a:hover{ color:#0086cb;}

.right-l{ float:left; width:540px; margin-bottom:10px;}
.right-r{ float:right; width:210px; margin-bottom:10px;}

.slide{ position:relative; width:540px; height:220px; background:#ccc;}
.slide-wrap{ width:100%; height:220px; overflow:hidden;}
.slide-item{ width:100%; height:220px;}
.banner-one{ background:url(../images/01.jpg) center no-repeat;}
.banner-two{ background:url(../images/02.jpg) center no-repeat;}
.banner-three{ background:url(../images/03.jpg) center no-repeat;}
.slide-number{ position:absolute; bottom:10px; right:10px; height:20px;}
.slide-number a{ float:left; width:10px; height:10px; margin-right:10px; display:block; width:20px; height:20px; background:#000; font-size:12px; color:#fff; line-height:20px; text-align:center;}
.slide-number a.current{ background:#f06600;}

.fault{ margin-bottom:10px;}
.fault .con{ height:168px; line-height:2;}
.fault .con ul li{ width:188px; height:24px; overflow:hidden;}
.fault .con ul li a{ color:#333;}
.fault .con ul li a:hover{ color:#0086cb;}

.service{ width:540px; margin-top:10px;}
.service .con{}
.service .con dl{ float:left; height:120px; padding:10px 0; border-bottom:1px #ddd solid;}
.service .con dl dt{ float:left; width:80px; height:80px; margin-top:25px;}
.service .con dl dd{ float:left; width:155px; height:120px; padding:0 8px; line-height:20px; overflow:hidden;}
.service .con dl dd a{ display:block; color:#0086cb; font-weight:bold;}
.service .con dl dd span{ display:block;}

.flow .con{ padding:22px 5px 22px 15px; _padding:30px 5px 30px 15px;}

.case{ clear:both; margin-bottom:10px;}
.case .con{ display:none;}
.case-item{ float:left; width:349px; padding:8px 10px;}
.case-item-pic{ width:349px; height:80px; margin-bottom:5px;}
.case-item-pic img{ width:349px; height:80px;}
.case-item-list{}
.case-item-list li{ line-height:2;}
.case-item-list li span{ float:right;}
.case-item-list a{ color:#333;}
.case-item-list a:hover{ color:#0086cb;}

.photos{ clear:both;}
.photos .con{ width:978px;overflow:hidden;}
.photos ul{ padding:5px 0 5px 3px;}
.photos ul li{ float:left; padding:0 5px;}
.photos ul li a{ display:block; position:relative; width:150px; height:120px; border:1px #ddd solid;}
.photos ul li img.thumb{ display:block; position:absolute;}

.links{ margin-top:10px;}
.links-title{ width:940px; height:35px; padding-left:60px; line-height:35px; font-size:14px; font-weight:bold; background:url(../images/links-title.png) no-repeat;}
.links-con{ padding:10px 15px; border:1px #d8d8d8 solid; border-top:none; line-height:2; font-size:12px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; }
.links-con ul li{ float:left}
.links-con ul li a{ margin-right:20px; color:#333;}
.links-con ul li a:hover{ color:#0086cb;}

.footer{ margin-top:20px; padding:40px 0; background:#f5f5f5; border-top:1px #d8d8d8 solid; text-align:center; font-size:12px; line-height:2;}
.footer a{ padding:0 8px; color:#333;}
.footer a:hover{ color:#1c6ca7;}
/* submenu
-----------------------------------------------*/
.submenu{ margin-bottom:10px;}
.submenu .con ul{ margin-right:-8px; padding-top:8px;}
.submenu .con ul li{ float:left; margin:0 8px 8px 0;}
.submenu .con ul li a{ display:block; height:30px; width:88px; padding:0 5px; line-height:30px; border:1px #ddd solid; color:#333; overflow:hidden; text-align:center;}
.submenu .con ul li a:hover{ background:#FF9; color:#1c6ca7;}
.submenu .con ul li a.thisclass{ background:#FF9; color:#1c6ca7; font-weight:bold;}

.list{ font-size:14px;}
.list-text ul{ margin:15px 0;}
.list-text ul li{ height:36px; padding:0 10px; line-height:36px; border-bottom:1px #ddd dotted;}
.list-text ul li:hover{ background:#f5f5f5;}
.list-text ul li a{ color:#333; float:left;}
.list-text ul li a:hover{ color:#0086cb;}
.list-text ul li span{ float:right; color:#999;}

.list-pic{ border-bottom:1px #ddd dotted; padding-top:20px;}
.list-pic ul li{ float:left; width:182px; padding:0 0 20px 8px;}
.list-pic ul li a.list-pic-item{ display:block; position:relative; width:170px; height:150px; border:1px #ddd solid;}
.list-pic ul li a{ color:#333;}
.list-pic ul li a:hover{ color:#1c6ca7;}
.list-pic ul li span{ display:block; width:170px; height:20px; line-height:20px; overflow:hidden; margin-top:10px; text-align:center;}
.list-pic ul li img{ display:block; position:absolute;}

.article-title{ font-size:20px; font-family:"微软雅黑"; font-weight:bold; color:#0086cb; text-align:center; border-bottom:1px #ddd solid; padding:15px 0;}
.article-info{ padding:15px 0; text-align:center; color:#999; font-size:12px;}
.article-body{ font-size:12px; line-height:2; padding:0 15px 15px 15px}
.article-body img{ max-width:650px; width:expression(this.width > 650 ? "650px" : this.width); overflow:hidden;}
.article a{ color:#0086cb;}
.article a:hover{ color:#f06600;}
.article-updown{ border-top:1px #ddd dotted; padding:15px; line-height:22px; font-size:12px;}

.nextpage{ float:right; padding:19px; height:30px;}
.nextpage ul li{ float:left; height:30px; line-height:30px; margin-right:5px; color:#666; font-size:14px;}
.nextpage ul li a{ display:block; float:left; height:30px; line-height:30px; padding:0 10px;}
.nextpage ul li a:link,.nextpage ul li a:visited{ color:#666;}
.nextpage ul li a:hover{ background:#0086cb; color:#fff; text-decoration:none;}
.nextpage ul li.thisclass{ padding:0 10px; color:#fff; background:#0086cb;}


/* online
-----------------------------------------------*/
.online{ position:absolute; right:0; top:170px; width:150px; font-size:12px;}
.online-title{ height:32px; padding-top:40px; text-align:center; background:url(../images/online-service.png) no-repeat;}
.online-con{ padding:10px 5px; border:1px #aeb3b7 solid; background:#fff;}
.font-orange{ color:#f06600;}

/*add style*/

.service-thumb{
display: inline;
width: 80px;
height: 61.53846153846154px;
left: -40px;
top: -31px;
}
.banners{margin: 10px auto;
width: 1000px;
background: #F5F5F5;
text-align: center;
border: 1px solid #F2F2F2;
}