body { background:#efeeec}
#home { background:#fff;}
html, body { height:100%; width:100%}
/*header*/
.top-login { font-size:14px; padding-top:25px;}
.top-login span a { display:inline-block; background:#f6f6f6;width:120px; color:#33b996; height:40px; line-height:40px; text-align:center; text-decoration:none;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}
.top-login span a:hover { text-decoration:none; background:#ffffff}
#home .top-login span a{ background:#33b996; color:#fff; }
#home .top-login span a:hover { background:#37c6a1}
.common-top-nav {  width:100%; height:90px; color:#fff; top:0px;z-index: 12; background: rgba(51,185,150,1.0);}
#home .common-top-nav{ background: rgba(0,0,0,.0); position:absolute; top:0px;}
.fixed { position:fixed;}
.top-nav-sub { width:1000px; margin:0 auto; padding:25px 0;}
.top-nav-sub li { display:inline-block; font-size:16px; width:100px;}
.top-nav-sub li a{ color:#666;}
.top-nav-sub li a:hover{ color:#33b996;}
.top-nav-sub li a.cur{ color:#33b996;}
.ui-input { border: 1px solid #ccc; padding: 0 5px; line-height: 40px; height: 40px; display:inline-block; width:750px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; }
.error-input { border:1px solid #f74242;}
.ui-textarea {border: 1px solid #ccc; padding: 0 5px; line-height: 24px; height:160px; display:inline-block; width:750px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; }
.error { color:#f74242; font-size:14px; line-height:24px;}

.logo { margin-top:15px;}
.logo a, .in-logo a{ display:block; width:332px; height:68px; text-indent:-9999px; overflow:hidden; background-image:url(../images/sprite.png); background-repeat:no-repeat; vertical-align:middle; background-position:0 -1px;}
.in-logo a { background-position:0 -407px; width:120px; height:57px;}
.main-nav { padding:30px 0 11px;}
.main-nav li { float:left; width:80px; text-align:center; font-size:16px; height:50px; position:relative}
.main-nav li a { color:#fff; text-decoration:none; line-height:35px;}
.main-nav li a:hover { color:#f1f8f6;}
.main-nav li .cur { background: url(../images/arrow.png) no-repeat center bottom; position:absolute; width:16px; height:9px; bottom:-10px; left:30px;}
/*login*/
.login-cnt { width:400px; margin:30px auto 100px; background:#fff; padding:30px 30px 50px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.login-tit { font-size:22px; color:#33b996; padding-bottom:20px;}
.login-logo { text-align:center; margin-top:100px;}
.ipt-item { margin-bottom:32px; position:relative}
.ipt-border { border:1px solid #b6b6b6;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; height:40px; padding:2px 0;}
.error-border { border:1px solid #f86b4f}
.ipt-border i { display:inline-block;width:16px; margin:0 10px; height:16px; background:url(../images/sprite.png) no-repeat; vertical-align:-5px;}
.ipt-border i.name-icon { background-position: -665px 0;}
.ipt-border i.pw-icon { background-position: -665px -73px;}
.ipt-border .ipt { width:246px; height:40px; line-height:40px;border:0; display:inline-block; font-size:14px; padding: 0 5px; width:80%}
.tips-info, .tips-error { font-size:14px; line-height:24px; color:#777; position:absolute;}
.tips-error { font-size:14px; color:#f86b4f; line-height:24px;}
.btn-w a{ background:#33b996; width:100%; display:inline-block; color:#fff; font-size:14px; text-align:center; height:40px; line-height:40px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; }
.btn-w a:hover { background:#60c4a3; text-decoration:none}

/* banner */
.banner-wrap {position: relative;font-size: 20px; line-height: 32px; text-align: center; color:#fff;}
.fading-slider li{ height:820px;}
.inner { padding: 250px 0 110px;}
.banner-wrap h1, .banner-wrap h2 { font-size: 48px; line-height: 72px; color: #fff;  text-shadow: -1px -1px 0 #fff,1px 1px 0 #333,1px 1px 0 #444; font-weight:normal }
.banner-wrap h1 { margin-bottom: 30px; }
.txtbg { background: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; color: #fff; padding: 10px; }
.banner .btn { display: inline-block; margin: 25px 0 0; padding: 9px 35px 7px; clear: both; color: #fff; font-size: 22px; font-weight: bold; text-transform: uppercase; text-decoration: none;  border-radius: 5px; background:#90c31f }
.banner .btn:hover { background: rgba(144,195,31,.8); }
.banner .btn, .banner .dot { -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }
.banner .dots { position: absolute; left: 0; right: 0; bottom: 20px; }
.banner .dots li { display: inline-block; width: 16px; height: 16px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 9px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; }
.banner .dots li.active { background: #fff; opacity: 1; }
.banner-wrap .arrows { position: absolute; top: 260px; color: #fff; z-index:40; width:1000px; left:50%; margin-left:-500px;}
.banner-wrap .arrow { display: inline; padding-left: 10px; cursor: pointer; }

/*home*/
.main-five { padding:22px 5px 22px 5px; width:990px; margin:0 auto}
.row2 { background:#f6f6f6;}
.row3 { background:#33b996; color:#fff; padding:30px 0;}
.h1 { font-size:32px; text-align:center; margin-bottom:30px;}
.customer-wrap { width:1000px; margin:0 auto; position:relative}
.intro-txt {width:500px; font-size:16px; line-height:36px; color:#444;}
.intro-pic { width:400px; padding-top:30px;}
.heading { font-size:32px; color:#222; padding:55px 0;}
.unslider-arrow { top:80px; background:url(../images/sprite.png) no-repeat; background-position:-22px -105px; width:40px; height:70px; left:-60px; text-indent:-9999px; overflow:hidden}
.unslider-arrow.next {  background-position:-227px -105px; right:-60px;}
.banner-wrap .unslider-arrow { display:none; }
.customer-wrap .unslider-nav { display:none; }
.cnt-warp-warp { background:url(../images/bg.jpg) no-repeat center bottom;padding-bottom:72px;}
.cnt-warp { width:1000px; margin:0 auto;background:#fff; }
.toppic01, .toppic02, .toppic03, .toppic04{ background:url(../images/toppic01.jpg) no-repeat; width:950px; height:119px; font-size:14px; line-height:32px; color:#fff; padding:25px; text-align:center; margin-bottom:50px;}
.toppic02 { background:url(../images/toppic02.jpg) no-repeat;}
.toppic03 { background:url(../images/toppic03.jpg) no-repeat;}
.toppic04 { background:url(../images/toppic04.jpg) no-repeat;}
.toppic02 h1, .toppic03 h1, .toppic04 h1 { font-size:32px; padding:20px 0 10px}
.intro-lc { background:url(../images/intro-lc.png) no-repeat center top; min-height:700px; padding-bottom:30px;}
.intro-col li { width:330px; display:block; float:left; text-align:center; padding-top:200px; font-size:14px; line-height:24px; color:#666;}
.intro-col li h3 { font-size:18px; color:#222; margin-bottom:15px;}
.commercial-item { border-bottom:1px solid #ddd; padding:25px 30px 50px;}
.commercial-item .intro-txt { width:470px; padding-left:0px;}
.txt-cont { padding:0px 30px 30px; font-size:14px; line-height:28px; color:#666;}
.txt-cont h3 { font-size:18px; color:#222;}
.fzlc { border-left:1px solid #ccc; padding:0 0 20px 20px; margin-top:20px; margin-left:10px;}
.fzlc  b { font-size:18px; color:#33b996;}
.fzlc li { position:relative; margin-bottom:30px;}
.fzlc li i { background:url(../images/sprite.png) no-repeat -519px -11px; display:inline-block; width:16px; height:16px; position:absolute; left:-28px; top:7px;}
.contact-cnt { font-size:16px; line-height:36px; padding:50px 100px 50px 200px; color:#666;}
.contact-item { margin-bottom:80px;}
.map-pic { float:left; width:200px; margin-right:30px;}
.addr { float:left; padding:10px 0 0;}
.addr h1{ font-size:24px; color:#222;}
.price-cont { padding:60px 30px 30px;}
.price-col1 { width:233px; border:1px solid #ddd; margin-left:-1px;}
.price-item li { float:left;}
.price-item li:last-child { border-right:1px solid #ddd;}
.tit1 { background:#cceddc; height:80px; text-align:center; font-size:18px; color:#222; line-height:80px;}
.tit2 { background:#33b996; height:80px; text-align:center; font-size:18px; color:#fff; line-height:80px;}
.gongneng { padding:50px 20px; line-height:30px; font-size:14px; height:150px;}
.gongneng li { display:block; float:none; border:0 !important}
.gongneng li i { display:inline-block; width:16px; height:16px; background:url(../images/sprite.png) no-repeat -580px -12px; margin-right:5px; vertical-align:-3px;}
.anquan-box { margin:30px 0;}
.anquan { padding-bottom:30px;}
.anquan-item { float:left; width:250px; text-align:center; font-size:16px; line-height:24px; color:#666;}
.anquan-item i { background:url(../images/sprite.png) no-repeat; display:inline-block; width:98px; height:98px; margin-bottom:20px;}
.anquan-item i.icon1 { background-position:0 -259px;}
.anquan-item i.icon2 { background-position:-186px -259px;}
.anquan-item i.icon3 { background-position:-372px -259px;}
.anquan-item i.icon4 { background-position:-570px -259px;}
.anquan-item i.icon5 { background-position:0 -411px;}
.anquan-item i.icon6 { background-position:-186px -411px;}
.anquan-item i.icon7 { background-position:-372px -411px;}
.anquan-item i.icon8 { background-position:-570px -411px;}
.steps-box { padding:30px 30px 50px; text-align:center}
.steps-tit { text-align:center; margin-bottom:40px}
.steps-tit span { display:inline-block; width:200px; text-align:center; padding:10px 0; background:#33b996; color:#fff; font-size:24px;}
.step-step { margin-bottom:20px;}
.step-txt {}
.step-col { float:left; width:235px; color:#666; font-size:14px; line-height:24px;}
.step-col h3 { font-size:18px; color:#222; margin-bottom:20px;}
.online-con { padding:0 100px 50px; min-height:500px;}
.online-con label { font-size:16px; line-height:30px; color:#222;}
.form-item { margin-bottom:15px;}
.form-btn { margin-top:30px; text-align:center}
.form-btn a { display:inline-block; width:215px; text-align:center; height:40px; line-height:40px; font-size:16px; color:#fff; background:#33b996;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; text-decoration:none }
.form-btn a:hover { background:#60c4a3; text-decoration:none}
/*news*/
.news-cont { padding:20px 40px;} 
.news-wrap { background:#aeaeae;}
.news-title { color:#008b3d; font-size:24px; margin-bottom:15px;}
.news-title span { font-size:14px; margin-left:8px;}
.news-pic { height:275px; background:url(../images/newspic.jpg) no-repeat 0 0;}
.news-pic a { display:block; height:275px; font-size:24px; text-align:center; line-height:275px; color:#fff; text-decoration:none}
.news-pic a:hover { color:#eee;}
.news-subnav { color:#777; padding:15px;}
.news-subnav dt { font-size:14px; line-height:30px;}
.news-subnav dd{ font-size:12px; line-height:24px;}
.news-subnav dd a, .news-intro a{ color:#33b996}
.news-thumbnall { width:146px; margin-right:25px;}
.news-list { border-bottom:1px dotted #777; margin-bottom:30px;}
.news-intro { width:740px; font-size:14px; color:#343434; line-height:24px;}
.news-biaoti,.news-biaoti a { font-size:18px; color:#343434; padding-bottom:10px;}
.news-date { color:#9a9a9a; font-size:12px;}
.news-cont-txt h1, .cnt-wrap h1 { font-size:24px; color:#33b996; text-align:center; margin-bottom:20px;}
.zhengwen { color:#343434; font-size:14px; min-height:500px;}
.news-survey p, .zhengwen p {line-height:24px;  text-indent:25px}
.zhengwen-ct p { text-align:center; text-indent:0;}
.zhengwen p { margin-bottom:10px;}
.zhengwen h3 { margin-bottom:15px; text-indent:25px; font-size:14px; font-weight:bold;}
.zhengwen h4 { margin-bottom:15px; color:#33b996; font-size:14px;}
.newspic-wrap { width:700px; margin:15px auto;}
.newspic-wrap p { text-indent:0;}
.news-pre-next { padding:20px 35px; overflow:hidden; font-size:14px;}
.news-pre-next a { color:#33b996; font-size:14px;}
.news-pre-next span { padding:0 10px;}
.qanda-list { padding-left:25px;line-height:20px; margin-bottom:15px}
.cnt-wrap h1 { margin-top:20px;}
.tourtxt { line-height:24px; font-size:14px; color:#343434}
.tourtxt h3 { font-size:16px; color:#343434; padding-top:15px;}
.news-subnav dd h2 { background:url(../images/bg_toggle_up.gif) no-repeat 0 5px; padding-left:15px;}
.news-subnav dd h2.current { background:url(../images/bg_toggle_down.gif) no-repeat 0 5px; padding-left:15px;}
/*foot*/
.foot { background: #222; color: #fff; font-size: 12px; padding: 25px 0; text-align:center; font-size:14px; line-height:36px;}
.foot-in { width: 1000px; margin: 0 auto;  }
.feedback{ width:50px; height:50px; position:fixed; right:15px; top:170px; }
.feedback a{ background:#cacdce; display:block; width:50px; height:50px; position:fixed; right:15px; top:170px;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-align:center;}
.feedback a:hover { background:#33b996;}
.feedback-icon { background:url(../images/sprite.png) no-repeat -412px -93px; width:24px; height:24px; display:inline-block; margin-top:15px;}
.feedback a:hover .feedback-icon { background-position:-412px -151px;}