@charset "utf-8";
/* CSS Document */
html{ overflow-x: hidden;}
body,form,p,ol,ul,p,h1,h2,h3,h4,li,dt,dd,dl,li,input{margin:0;padding:0;}
body{font:14px/1.5 "\5FAE\8F6F\96C5\9ED1"; color:#333;}
table{border-collapse:collapse;border-spacing:0}
img,fieldset{border:0;}
ul,dd,dl,dt,ol,li{list-style:none;}
em,cite,i{font-style:normal;}
a:link,a:visited{text-decoration:none;color:#666;}
a:hover{text-decoration:none;}
.lt{ float:left;}
.rt{ float:right;}
.dn{display:none;}
.di{display:inline;}
.db{display:block;}
.dib{display:inline-block;}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f28{ font-size:28px;}
.f30{ font-size:30px;}
.lh18{ line-height:1.8;}
.lh20{ line-height:2;}
.n{font-weight:normal; font-style:normal;}
.b{font-weight:bold;}
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.tdl{text-decoration:underline;}
.tdn,.tdn:hover,.tdn a:hover{text-decoration:none;}
.g0{color:#000;}
.g3{color:#333;}
.g6{color:#666;}
.g9{color:#999;}
.ga{color:#aaa;}
.gb{color:#bbb;}
.fw{color:#fff;}
.fr{color:#f05c5a;}
.fg{color:#3ad4d6;}
.fb{color:#17B7F4;}
.fy{color:#fc0;}
.fo{color:#ff9100;}
.fa_g0 a:link,.fa_g0 a:visited{color:#000;}
.fa_g3 a:link,.fa_g3 a:visited{color:#333;}
.fa_g6 a:link,.fa_g6 a:visited{color:#666;}
.fa_g9 a:link,.fa_g9 a:visited,.f_g9:link,.f_g9:visited{color:#999;}
.fa_wh a:link,.fa_wh a:visited,.f_wh:link,.f_wh:visited{color:#fff;}
.fa_blue a:link,.fa_blue a:visited{ color: #5dccff;}
.bbd{border-bottom:1px solid #eee;}
.t0{ top: 0;}
.l0{ left: 0;}
.r0{ right: 0;}
.b0{ bottom: 0;}
.pd10{ padding:10px;}
.pd15{ padding:15px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt40{ margin-top:40px;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml40{ margin-left:40px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr40{ margin-right:40px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb40{ margin-bottom:40px;}
.bgwh{background:#fff;}
.rel{position:relative;}
.abs{position:absolute;}
.flx{ overflow:hidden; zoom:1;}
.fix{zoom:1;}
.fix:after{display:table; content:''; clear:both;}
.auto{margin-left:auto; margin-right:auto;}
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.cell_bk{display:table; width:100%; table-layout:fixed; word-wrap:break-word;}
.trans{-webkit-transition:all 0.3s;transition:all 0.3s;}
.wp100{ width:100%}
.br10{ border-radius:10px;}
.ico{ text-indent:-9999em; display:block; overflow:hidden;}
.yhei,input{font-family:"\5FAE\8F6F\96C5\9ED1";}
.va{vertical-align:-3px;}
/*input{-webkit-appearance:none; 去除input默认样式 font-size: 14px;}
input[type="submit"],input[type="reset"],input[type="button"],input{-webkit-appearance:none;}*/
.wp25{width: 25%;}
.wp33{width: 33.33%;}
.wp50{width: 50%;}
.op50{ opacity: 0.5;}
.br100{ border-radius: 100%; /*overflow: hidden;*/}
.mb90{ padding-bottom: 90px;}
.blue{ color: #207ebb;}

.txt{ height:46px; line-height: 46px\9; font-size:14px; border: 0; background: none;}
.btn{ background:#09aeb0; color:#fff; vertical-align:middle; text-align:center; border:none; font-size:16px; cursor:pointer;}
.wh85{ width:85%; height:50px; line-height:50px; text-align:center;}
.bgf5{ background:#f5f5f5;}
.bgblue{ background:#5dccff;}
.del{ text-decoration: line-through;}
.tsrt1{ text-shadow: 1px 1px 0 #444;}
.br15{ border-radius: 15px;}
.bs24b{box-shadow: 0 2px 3px #ccc;}

.wap_bg{background:rgba(0, 0, 0, .5);filter:progid:DXImageTransform.Microsoft.gradient(enabled = 'true',startColorstr = '#99000000',endColorstr = '#99000000'); position:fixed; width:100%; height:100%; top:0; left:0; display:block; z-index:11010;}
.popup{position:fixed; top: 50%; left:50%; margin-left: -280px; background:#fff; z-index:11011; width:560px; border-radius: 4px;}
html{_background-image:url(about:blank);_background-attachment:fixed}
.wap_bg{_position:absolute; _height:expression(document.body.clientHeight+'px');}
.popup{_top:expression(documentElement.scrollTop + 90);_position:absolute;_bottom:auto;}
.fa_b a:link,.fa_b a:visited,.f_b:link,.f_b:visited{ color: #09aeb0;}


.f36{ font-size: 36px;}
.f50{ font-size: 50px;}
.f80{ font-size: 80px;}
.ml30{ margin-left: 30px;}
.mt80{ margin-top: 80px;}
.bgf7{ background: #f7f7f7;}
.w1200{ width: 1200px;}
.header{ padding-top: 10px;}
.header h1 a{ width: 270px; height: 80px; background: url("../images/logo.png") no-repeat;}
.box1_bg{ height: 800px; background: #09aeb0;}
.box1_action{ padding: 10px 0; width: 420px; margin-top: 60px;}
.box1_action a{ width: 192px; height: 55px; line-height: 55px; font-size: 18px; border-radius: 6px; box-shadow: 2px 2px 5px rgba(0,0,0,0.25); border: 1px solid #fff;}
.box1_action .f_b{ background: #fff;}
.box2,.box3{ width: 1040px; padding: 80px 0;}
.box2 dl{ width: 25%; float: left; padding: 30px 0;}
.box2 dl dt .iconfont{ font-size: 66px;}
.box2 dl dd{ padding: 10px 20px 0;}
.box2 dl dd strong{ margin-bottom: 10px; color: #111;}
.text{ width: 520px; padding-left: 30px;}
.box4{ padding: 80px 0; width: 900px;}

.box7{ padding: 60px 0 110px;}
.scenic_case_list ul{ padding-top: 70px;}
.scenic_case_list ul li{ float: left; margin:0 0 1px 1px;}
.scenic_case_list ul li:hover .abs{ height: 160px; line-height: 160px; font-size: 16px;}
.scenic_case_list ul li .abs{ background: rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(enabled = 'true',startColorstr = '#90000000',endColorstr = '#90000000'); bottom: 0; left: 0; line-height: 40px; height: 40px; font-size: 14px; -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;}
.box8_bg{ background: url("../images/p05.jpg") no-repeat #07818c; height: 554px;}
.box8 h3{ padding-top:100px;}
.box8_action a{ width: 280px; height: 80px; line-height: 80px; font-size: 24px; margin:90px auto 0; background: #fff; border-radius: 10px; box-shadow: 2px 2px 5px rgba(0,0,0,0.25);}

.footer_bg{ background: #363636; color: #aaa;}
.footer_contact{ padding: 20px 0;}
.footer_contact h4{ padding-bottom: 10px;}
.footer_contact dl{ line-height: 22px;}
.footer_contact dl dt{ background: #777; width: 48px; height: 48px; border-radius: 48px; text-align: center; line-height: 43px; font-size: 30px; color: #363636; margin: 22px 12px 0 0;}
.footer_qrcode{ margin-top: 27px; padding-right: 8px;}
.bottom_bg{ background: #2f2f2f; line-height: 50px;}
.bottom{ color: #c1c1c1;}
.fa_ga a:link,.fa_ga a:visited{ color: #aaa;}
.fa_ga a:hover{ color: #fff;}


.popup_login{ height: 450px; margin-top: -225px;}
.popup_tit{ background: #363636; line-height: 46px; padding: 0 15px 0 18px; color: #fff; border-radius: 3px 3px 0 0;}
.cp{ cursor: pointer;}
.popup_close:hover{ color: #04d2d4;}
.popup_main{ width: 330px; margin:0  auto; padding: 40px 0 50px;}
.popup_main dl{ position: relative; border: 1px solid #ccc; border-radius: 6px; margin-bottom: 12px; padding-left: 40px;}
.popup_main dl:hover{ border-color: #999;}
.popup_main dl dt{ position: absolute; line-height: 46px; top: 0; left: 12px;}
.popup_main dl dt .iconfont{ color: #bbb; font-size: 16px;}
.popup_action{ padding:5px 0 25px;}
.popup_action .btn{ border-radius: 6px; height: 46px;}
.popup_action .btn:hover{ background: #0ac1c3;}
.rememb{ padding:3px 0 10px;}
.rememb input{ height: 16px; width: 16px; vertical-align: -3px; margin-right: 8px;}
.popup_main dl dd .txt{ outline: none;}

.top_action{ padding: 15px 6px 15px 0;}
.top_action a{ width: 94px; height: 28px; line-height: 28px; font-size: 12px; border-radius: 3px; border: 1px solid #09aeb0; box-shadow:0 0 0;}
.top_action a.f_wh{ background: #09aeb0;}
.index_top_bg{ position: fixed; top: 0; left: 0; box-shadow: 0 1px 5px rgba(0,0,0,0.1); background: rgba(255,255,255,0.9);filter:progid:DXImageTransform.Microsoft.gradient(enabled = 'true',startColorstr = '#ccffffff',endColorstr = '#ccffffff');}

.animation{-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.box8_action a:hover{ border-radius: 2px;}
.box1_action a:hover{ border-radius: 0;}
.top_action a:hover{ box-shadow: 2px 2px 5px rgba(0,0,0,0.15);}
.box2 dl:hover{ background: #fff;}
.error_tips{ height: 20px; line-height: 20px; margin: 10px 0 -30px;}
body{ min-width: 1200px;}