@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, p, dl, dd, ul, ol, form, img { margin: 0; padding: 0 }
em, i { font-style: normal; text-transform: uppercase; }
li { list-style: none }
a, s, a:hover { text-decoration: none }
img { border: 0; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0 }
label { cursor: default }
body, button, input, select, textarea { color: #444; font: 14px/1.5 'microsoft yahei', Tahoma, arial, 'Hiragino Sans GB', \5b8b\4f53 }
input, textarea { resize: none; border: none; }
a, a:focus { outline: none }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both }
.clearfix { *zoom:1
}
.clear { display: block; height: 0; clear: both; font-size: 0; line-height: 0; overflow: hidden }
.noBg { background: none!important }
.noBd { border: 0!important }
body { background: #fff; line-height: 24px; background: url(body_bg.jpg); }
a { color: #000; text-decoration: none; transition: all 0.5s ease 0s }
.wrapper { position: relative; width: 100%; height: 100%; margin: 0 auto; overflow: hidden }
.header { position: relative; width: 100%; padding-bottom: 90px }
.logo { background: #fff; text-align: center; padding:10px 0; }
.logo img{ width:430px;}
.banner { position: relative; left: 50%; width: 1920px; margin-left: -960px; text-align: center }
.tel { position: absolute; left: 0; width: 100%; z-index: 9 }
.tel .ryan { position: relative; width: 1200px; margin: 0 auto; }
.tel i { display: block; width: 73px; height: 142px; position: absolute; top: 0; }
.tel .bgLeft { left: -73px; background: url(bg_01.png) }
.tel .bgRight { right: -73px; background: url(bg_01s.png) }
.container { position: relative; text-align: center; z-index: 8; }
.wrap { position: relative; width: 1200px; margin: 0 auto; padding-top: 40px; box-shadow: 0 0 10px #ccc; background: #ffffff; z-index: 8; }
.footer { position: relative; margin-top: -60px; padding: 10px 0; background: url(foot_bg.png) bottom center no-repeat #18a166; color: #fff; font-size: 14px; text-align: center; z-index: 9; }
.footer a { color: #fff }
.footer a:hover { text-decoration: underline }
.m-box .hd h2, .m-box .hd h3 { font-size: 28px; line-height: 56px; font-weight: 400; color: #222 }
.m-box .hd h3 { font-size: 14px; line-height: 44px; }
.m-box .hd .line { position: relative; width: 500px; height: 1px; margin: 1px auto; background: #cdcdcd; }
.m-box .hd .line i { position: absolute; top: -1px; left: 50%; display: block; width: 35px; height: 3px; margin-left: -18px; background: #18a166; }
.m-abt { width: 1024px; margin: 0 auto; }
.summary { padding: 14px 0; }
.m-info { width: 960px; margin: 0 auto; padding: 25px 0; }
.m-info .u-pic { float: left; width: 492px; margin-right: 40px; }
.m-info .his { display: block; overflow: hidden; zoom: 1; padding-left: 2px; text-align: left; }
.m-info .his li { position: relative; padding: 17px 0 17px 28px; text-align: left; line-height: 24px; border-left: 1px solid #ccc }
.m-info .his li i { position: absolute; left: -2px; top: 27px; display: block; width: 23px; height: 5px; background: url(dot_01.png) no-repeat; z-index: 1; }
.m-info .his p { margin-bottom: 10px; text-indent: 2em; }
.m-baidu { padding: 100px 0 0; background: url(bg_02.png) top center no-repeat #fff; }
.m-baidu .bd { padding: 40px 0 55px; }
.m-baidu .bd ul { width: 1064px; margin: 0 auto; }
.m-baidu .bd ul li { float: left; width: 250px; margin: 0 8px; }
.m-baidu .bd h2 { padding: 32px 0 16px; font-size: 20px; line-height: 40px; }
.m-baidu .bd .m-txt { color: #777; font-size: 14px; line-height: 22px; }
.m-case { padding: 40px 0 0; }
.m-case .bd { padding: 40px 0 55px; }
.m-case .bd ul { width: 960px; margin: 0 auto; padding-bottom: 15px; }
.m-case .bd ul li { float: left; width: 212px; margin: 0 14px 40px; background: #fff; }
.m-case .bd dl { height: 125px; }
.m-case .bd dt { padding: 11px 0 4px; color: #333; font-size: 14px; line-height: 24px }
.m-case .bd dt a { display: block; margin-bottom: 4px; color: #ff7417; font-size: 12px; line-height: 18px; }
.m-case .bd dt i { display: none; width: 57px; height: 1px; margin: 0 auto; background: #7d7d7d; }
.m-case .bd dd { color: #444; }
.m-case .bd dd i { display: inline-block; width: 9px; height: 9px; margin: 0 0 0 1px; background: url(star.png); text-indent: -9999px; vertical-align: middle }
.m-case .bd dd:nth-child(4) { display: none; }
.m-ctu { padding: 30px 0 40px; background: #fff; }
.m-ctu .bd { padding: 34px 0 24px; }
.m-map { margin-bottom: 40px; }
.more a { display: block; width: 195px; height: 51px; margin: 0 auto; background: #18a166; border-bottom: 2px solid #18a166; border-radius: 1px; line-height: 51px; text-align: center; color: #fff; font-size: 20px }
.more a:hover { background: #18a166 }
/* Banner */
.picBox { overflow: hidden; font-size: 0; position: relative; transition: all 0.2s linear 0s; background: #fff; width: 100%!important }
.picBox .bd { position: relative; }
.picBox a { transition: all 0.2s linear 0s; display: block; width: 100%; height: 100% }
.picBox .hd { position: absolute; bottom: 25px; left: 0; width: 100%; height: 14px; z-index: 99; text-align: center }
.picBox .bd, .picBox .bd li { height: 480px; }
.picBox .bd ul { width: 100%!important }
.picBox .bd ul li { background-position: 50% 50%!important; width: 100%!important }
.picBox .hd ul { margin: 0; padding: 0 }
.picBox .hd li { border-radius: 100%; background: #111; display: inline-block; *display:inline;
zoom: 1; width: 22px; height: 22px; line-height: 22px; text-align: center; color: #fff; cursor: pointer; font-size: 12px; margin: 0 2px 0 0 }
.picBox .hd li.on { background: #f60; color: #fff }
.picBox .next, .picBox .prev { background: url(icon_arr.png) no-repeat; width: 60px; height: 80px; zoom: .75; overflow: hidden; position: absolute; top: 50%; z-index: 10; font-size: 0; line-height: 0; text-indent: -999em; margin-top: -45px; cursor: pointer; display: block; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out }
.picBox .prev { left: -60px; }
.picBox .next { right: -60px; background-position: right top; }
.picBox:hover .prev { left: 0; background-position: left top; opacity: 1; filter: alpha(opacity=100) }
.picBox:hover .next { right: 0; background-position: right top; opacity: 1; filter: alpha(opacity=100) }




.fxwm{ width:1120px; margin:30px auto 0 auto;}
.fxwm li{ width:230px; height:320px; float:left; margin:0 25px; background:#f9f9f9; border-radius:5px;}
.fxwm .xmImg{ padding:40px 0 30px 0;}
.fxwm dl dt{ font-size:18px; margin-bottom:10px;}
.fxwm dl dd{ font-size:14px; color:#999;}
.fxwm .zxBox{ width:130px; height:36px; background:#00a86a; margin:30px auto 0 auto; line-height:36px; border-radius:18px;}
.fxwm .zxBox a{ height:36px; display:block; color:#fff;}