html { font-size: 62.5%; }

body, td, th { font-family: "宋体", Arial; font-size: 12px; font-size: 1.2rem; color: #000; }

body, h1, h2, h3, h4{ background-color: #FFF; margin: 0px; padding: 0px; }

ul ,li, dl, dd, dt { list-style-type: none; margin: 0px; padding: 0px; }

a { text-decoration: none; }

img { border: none; }

input, button { border: none; background: none; outline: none; }

textarea { outline: 0; }

em, i { font-style: normal; }

h1, h2, h3, h4 { font-weight: normal; }

a { font-size: 12px; color: #000; }

a:link { text-decoration: none; }

a:visited { text-decoration: none; color: #000; }

a:hover { text-decoration: none; color: #000; }

a:active { text-decoration: none; color: #000; }

.iwidth { width: 1080px; margin: 0 auto }

.clearfix:after { clear: both; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.header { height: 80px; border-top-width: 4px; border-top-style: solid; border-top-color: #4a4d50; }

.header .iwidth .logo { float: left; height: 80px; width: 260px; }

.header .iwidth .nav-site { float: right; height: 50px; text-align: right; margin-left: 100px; margin-top: 30px; }

.header .iwidth .nav-site li { float: left; margin-right: 10px; }

.header .iwidth .nav-site li a { font-size: 14px; line-height: 36px; color: #333; font-family: "微软雅黑"; display: block; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }

.header .iwidth .nav-site li.on { height: 47px; border-bottom: 3px solid #7fcd61; }

.header .iwidth .nav-site li.on:hover, .header .iwidth .nav-site li:hover { height: 47px; border-bottom: 3px solid #bdbdbd; }

.banner { height: 500px; margin-top: 0px; position: relative; *zoom:1;
z-index: 99; overflow: hidden; }

.banner ul li { height: 500px; text-align: center }

.banner ul img { max-width: 100%; }

.banner ul li a { width: 100%; height: 445px; display: block; margin: 0 auto }

.flex-control-nav { width: 100%; position: absolute; bottom: 22px; height: 11px; text-align: center; z-index: 9999 }

.flex-control-nav li { margin: 0px 5px; display: inline-block; zoom: 1; *display: inline;
}

.flex-control-paging li a { display: block; width: 11px; height: 11px; cursor: pointer; text-indent: -999em; background: url(../images/dot.png) repeat-x right 0; }

.flex-control-paging li a:hover { background-position: 0px 0; }

.flex-control-paging li a.flex-active { background-position: 0px 0; }
.itit{ margin:52px 0 0px;   text-align:center}
.itit h3 {  display:block; color:#6d6d6d;font-size:18px; font-weight:normal;line-height:30px; height:30px; background:url(../images/titbg.jpg) no-repeat center 0;}
.itit span { color: #9d9d9d; font-family: "Verdana"; margin-right: 3px; line-height: 25px; display: block; }
.servicelist{ margin:33px 0 0; overflow:hidden}
.servicelist li{ width: 33%; float: left; text-align: center; margin-top: 0; margin-bottom: 0; margin-right: auto; margin-left: auto; }
.servicelist li .serico { height: 102px; background-position: center top; width: 102px; display: block; margin-right: auto; margin-left: auto; }
.servicelist  li .serico a { display: block; height: 102px; width: 102px; }

.servicelist li:hover .serico { background-position: center bottom; }
.servicelist li h3{ color:#747474; font-family:Calibri; font-size:20px; margin:8px 0 12px;}
.servicelist li p{ height:45px; line-height:22px; color:#999999; font-size:14px;}

.icase{ height:462px; background:#f8f8f8; overflow:hidden;}
.icase  .icasetit h2{ color:#66c5b4; font-size:18px; background:none;}
.icase  .icasetit span{ font-size:12px; font-family:Verdana;} 

.icaselist{ margin-top:37px; overflow:hidden;}
.icaselist li{ width:339px; float:left; margin:0 10px;}
.icaselist li .casethumb{ height:181px; position:relative; overflow:hidden;*zoom:1;}
.icaselist li .casethumb a:hover{ text-decoration:none}
.icasemore{ width: 165px; margin-left: -83px; line-height: 35px; color: #fff; font-family: Verdana; font-size: 14px; height: 35px; position: absolute; left: 50%; margin-top: 40px; background-image: url(../images/casehover.png); background-repeat: no-repeat; background-position: center top; }
.icasemore:hover{ color: #fff; background-position: center bottom; }
.icaselist li .vlock{ display:none; width:339px; height:181px; position:absolute; top:0; left:0; z-index:100; background:url(../images/caselock.png) no-repeat 0 0;}
.icaselist li .vlock p{ color: #333; font-size: 14px; text-align: center; margin-top: 120px; height: 30px; font-family: "微软雅黑"; font-weight: bold; }
.icaselist li:hover  .vlock{ display:block;}


.icaselist2{ margin-top:37px; overflow:hidden;}
.icaselist2 li{ width: 300px; float: left; margin: 10px; }
.icaselist2 li .casethumb{ height: 170px; position: relative; overflow: hidden; *zoom:1;}
.icaselist2 li .casethumb a:hover{ text-decoration:none}
.icaselist2 li .vlock{ display: none; width: 300px; height: 181px; position: absolute; top: 0; left: 0; z-index: 100; background: url(../images/caselock.png) no-repeat 0 0; }
.icaselist2 li .vlock p{ color: #333; font-size: 14px; text-align: center; margin-top: 120px; height: 30px; font-family: "微软雅黑"; font-weight: bold; }
.icaselist2 li:hover  .vlock{ display:block;}



.inews{ overflow: hidden; }
.inews dl{ margin:50px 0 60px; overflow:hidden}
.inews dt{ float: left; width: 225px; margin-right: 2px; border: 4px solid #CCC; overflow: hidden; }
.inews dd{ float:left; height:196px; width:844px;}
.ilistnews{ overflow:hidden;*zoom:1;}
.ilistnews li{ width:50%; height:74px; margin-bottom:40px; float:left}
.ilistnews li span,.showdate span{ display:block; width:74px; height:74px; text-align:center; border-right:1px solid #e3e3e3; float: left; margin-right:16px;}
.ilistnews li span em,.showdate span em{ font-size: 14px; color: #999; display: block; font-style: normal }
.ilistnews li span i,.showdate span i{ font-size: 36px; color: #66c5b4; font-weight: bold; display: block; font-style: normal; width: 100%; height: 50px; line-height: 50px; }
.btit{ width:330px; float:left; height:74px; overflow:hidden;}
.btit h3 a{ font-size:14px; color:#666; font-weight:normal}
.btit h3 a:hover{ text-decoration:underline}
.btit p{ font-size:12px; color:#a9a9a9; margin-top:10px; line-height:22px;}

.footer { background-color: #008eb2; line-height: 38px; height: 38px; }

.footer .copy { float: left; width: 700px; color: #FFF; font-family: "微软雅黑"; font-size: 12px; }
.footer .copy a { font-family: "微软雅黑"; font-size: 12px; font-weight: normal; color: #FFF; text-decoration: none; }


.footer .tel { float: right; color: #FFF; font-weight: bold; font-family: "微软雅黑"; font-size: 14px; }

.link { padding: 30px; }
.link .dt { float: left; width: 80px; line-height: 35px; font-weight: bold; }
.link .dd { float: right; width: 1000px; }



.link a { white-space: nowrap; line-height: 35px; color: #333; }

.subbanner { background-repeat: no-repeat; background-position: center center; height: 350px; width: 100%; margin-right: auto; margin-left: auto; position: relative; }

.main { width: 100%; margin-right: auto; margin-left: auto; background-color: #FAFAFA; }

.main .content { padding: 50px; width: 980px; margin-right: auto; margin-left: auto; font-size: 13px; color: #333; background-color: #FFF; line-height: 30px; }

.main .content .l { float: left; width: 400px; }

.main .content .r { float: right; width: 500px; }


.feedback .input { border: none; width: 360px; background: #F1F1F1; height: 26px; line-height: 26px; color: #333333; padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 15px; margin-bottom: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.feedback input.hover { color: #333; background-color: #F7B310; }

.feedback input.f-name, .feedback input.f-phone { width: 160px; vertical-align: middle }

.feedback input.f-phone { margin-left: 20px; }

.feedback .btn { }

.feedback .button { width: 375px; height: 48px; line-height: 48px; text-align: center; font-size: 18px; font-family: "微软雅黑", "黑体"; font-weight: bold; background-color: #5e5e5e; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; color: #FFF; }

.feedback .button:hover { color: #FFF; background-color: #F7B310; }



.pagelist{ text-align:center; padding-top:20px; margin-right:20px;}
.pagelist li{display:inline-block;border:solid 1px #ccc;margin-right:2px;}
.pagelist li{*display:inline;}
.pagelist a{ display: inline-block; padding: 4px 12px; color: #666; background: #eee; text-decoration: none; line-height: 16px; }
.pagelist li a:hover{background:#ccc}
.pagelist li.on a{background:#ccc}
.list li { line-height: 40px; padding: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #008EB2; }

.list li em { float: right; }

.list li a { font-weight: bold; font-family: "微软雅黑"; font-size: 14px; background-image: url(../images/list.png); background-repeat: no-repeat; background-position: left center; padding-left: 25px; }

.list li:hover { background-color: #F6F6F6; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; }

.atricle h1 { font-family: "微软雅黑"; font-size: 22px; line-height: 50px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; }

.atricle em { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; text-align: right; display: block; }
/*业务*/
.index_yewu { overflow:hidden; width:100%; margin:70px 0 30px 0;}
.index_yewu .title { overflow:hidden; width:100%;}
.index_yewu .title h2{ font-weight:normal; font-size:28px; color:#333; text-align:center;}
.index_yewu .title h2 a{ color:#333;}
.index_yewu .title em{ display:block; font-size:12px; color:#999; font-family:Arial; text-transform:uppercase;  text-align:center}
.index_yewu .yewubox{ height:330px; width:1200px; padding:20px; margin:0 auto; margin-top:30px;}
.index_yewu .yewubox>li{ display:block; width:299px; height:330px; float:left; overflow:hidden; position:relative; border-right:1px dotted #d3d3d3;}
.index_yewu .yewubox>li.last{ border:none}
.index_yewu .yewubox>li>img{ display:block; margin:20px auto;}
.index_yewu .yewubox>li h3{ text-align:center; font-size:18px; color:#333; margin-bottom:15px; font-weight:normal}
.index_yewu .yewubox>li em{ display:block; text-align:center; font-size:14px; line-height:22px; color:#888;}
.index_yewu .wen{ display: none; overflow: hidden; width: 149px; padding: 0 75px; height: 100%; position: absolute; left: 0; top: 0; background-image: url(../images/yu.jpg); background-repeat: no-repeat; background-position: center top; }
.index_yewu .wen img{ position:absolute; left:30px; top:20px;}
.index_yewu .wen h4{ font-size: 20px; margin-top: 30px; margin-bottom: 15px; font-weight: normal; background-color: #19429E; }
.index_yewu .wen h4 a{ color: #FFF; font-family: "微软雅黑"; font-size: 16px; font-weight: 700; }
.index_yewu .wen ul{ overflow:hidden; width:100%;}
.index_yewu .wen li{ float: left; width: 100%; font-size: 14px; line-height: 32px; padding-left: 15px; border-bottom: 1px dotted #839ccf; background-image: url(../images/hx03.png); background-repeat: no-repeat; background-position: left center; }
.index_yewu .wen li a{ color:#85a7f7;}
.index_yewu .wen .more{ display:block; width:130px; height:26px; background:url(Img/Index/hx04.png) no-repeat center; margin:15px auto;} 
.index_yewu .wen li:hover a{ color:#fff;}
.index_yewu .yewubox>li:hover .wen{ display:block}