??宸?涔鹃????搴?绠$??????????/title> <style> /* reset */ *{-webkit-appearance:none} html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;} header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;} table{border-collapse:collapse;border-spacing:0;} caption,th{text-align:left;font-weight:normal;} html,body,fieldset,img,iframe,abbr{border:0;} i,cite,em,var,address,dfn{font-style:normal;} [hidefocus],summary{outline:0;} li{list-style:none;} h1,h2,h3,h4,h5,h6,small{font-size:100%;} sup,sub{font-size:83%;} pre,code,kbd,samp{font-family:inherit;} q:before,q:after{content:none;} textarea{overflow:auto;resize:none;} label,summary{cursor:default;} a,button{cursor:pointer;} h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;} del,ins,u,s,a,a:hover{text-decoration:none;} body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;} body{background:#fff;} a,a:hover{color:#333;} *{ box-sizing: border-box; font-family: "Microsoft YaHei UI Light"; } body{ font-size: 14px; color: #565656; } .title{ width: 100%; float: left; font-size: 38px; margin: 50px 0; } .color1{ color: #b47720; } .color2{ color: #3d71b7; } .color3{ color: #ff3232; } .fontBold{ font-weight: bold; } .wrap{ width: 1000px; margin: 0 auto; } .header{ width: 100%; height: 150px; color: #ffffff; overflow: hidden; font-size: 42px; font-weight: bold; line-height: 150px; background: url("img/header-bg.jpg") no-repeat; background-size: 100% 100%; } .header .logo{ width: 149px; height: 58px; float: left; margin: 46px 0; } .header .logo img{ width: 100%; height: 100%; float: left; } .header .logo-title{ width: 851px; height: 150px; float: left; padding: 0 100px; } .slider{ width: 100%; height: auto; } .slider img{ width: 100%; height: auto; } .intro{ width: 100%; height: 425px; margin: 45px 0; overflow: hidden; } .intro .left{ width: 50%; height: 425px; float: left; padding-right: 40px; } .intro .right{ width: 50%; height: 425px; float: left; } .intro .right img{ width: 100%; height: 100%; float: left; } .intro .left .content{ line-height: 30px; text-align: justify; } .main{ width: 100%; overflow: hidden; } .main .text{ width: 100%; height: 315px; color: #ffffff; line-height: 30px; padding: 127.5px 0; text-indent: 2em; background: url("img/text-bg.jpg") no-repeat center center; background-size: cover; } .main .project{ width: 100%; padding: 70px 0; float: left; } .main .main-left{ width: 380px; height: 428px; float: left; } .main .main-left img{ width: 100%; height: 100%; float: left; } .main .main-right{ width: 620px; float: left; padding-left: 25px; } .main .main-right .content li{ width: 100%; float: left; line-height: 30px; position: relative; padding-left: 10px; } .main .main-right .content li:before{ content: ''; width: 4px; height: 4px; border-radius: 50%; background: #565656; position: absolute; top: 13px; left: 0; } .main .main-right .content li .icon{ width: 200px; float: right; text-align: left; } .main .tongli{ width: 100%; float: left; background: #f6f6f6; padding-top: 60px; } .main .tongli .left{ width: 430px; float: left; line-height: 30px; text-indent: 2em; text-align: justify; padding: 130px 25px 230px 0; } .main .tongli .right{ width: 570px; float: left; position: relative; } .main .tongli .right .title{ width: 400px; height: 90px; margin: 0; font-size: 33px; line-height: 90px; text-align: center; background: rgba(255,255,255,0.9); position: absolute; top: 175px; left: 80px; } .main .tongli .right img{ width: 270px; height: 210px; float: left; margin-bottom: 20px; } .main .tongli .right img:nth-child(2n){ margin-right: 20px; } .main .hotel{ width: 100%; float: left; background: #f6f6f6; padding-bottom: 60px; } .main .hotel .main-left{ height: 305px; } .main .hotel .main-right .content{ line-height: 30px; } .main .manage{ width: 100%; float: left; padding: 60px 0; } .main .manage .main-left{ height: 464px; } .honor{ width: 100%; overflow: hidden; padding: 15px 0 50px; background: #1a1a1a; } .honor .title{ color: #ffffff; text-align: center; } .honor .honor-content{ color: #d4d4d4; text-indent: 2em; line-height: 30px; margin-bottom: 60px; } .honor .honor-content .honor-text{ color: #ffffff; font-weight: bold; } .honor .honor-show{ width: 100%; float: left; } .honor .honor-show ul{ width: 1030px; margin: 0 -15px; } .honor .honor-show li{ width: 25%; height: 300px; float: left; padding: 0 15px; margin-bottom: 30px; } .honor .honor-show li img{ width: 100%; height: 100%; } </style> </head> <body> <div class="header"> <div class="wrap"> <div class="logo"> <img src="img/logo.png" alt=""> </div> <div class="logo-title">??宸?涔鹃????搴?绠$??????????/div> </div> </div> <div class="slider"> <img src="img/slider.jpg" alt=""> </div> <div class="intro"> <div class="wrap"> <div class="left"> <div class="title">[绠?浠?]</div> <div class="content"> ???????㈡??涓?????宸?涔鹃????搴?绠$?????????歌?村??浜?濉???涓???涓?娴?????浠ヤ??辨????涓烘?稿???姘?????搴?绠$??????锛????稿?缁?绉??? <span class="color1">???冲??宠?锛??崇?辨案????</span>?????$??蹇碉?浠?span class="color1">??浠??憋?璇?淇★?璐d换锛????╋?濂?????</span>涓轰?涓??稿?浠峰?艰?锛?绔?蹇?缁?椤惧?甯︽?ヤ?璐ㄧ?????★?灏???宸ュ?瑰?绘?????ㄤ???锛?涓轰?涓?????涓板????浠峰?硷?瀵圭ぞ浼????哄?????璐$???????稿??绉板????涔惧?ゅ????锛???绋???????涔???锛?瀵???浜?涔鹃????搴?绠$?????????镐互?ㄦ?扮??濮挎?????颁?澶т??㈠??????灞?澶??裤?? </div> </div> <div class="right"> <img src="img/intro.png" alt=""> </div> </div> </div> <div class="main"> <div class="text"> <div class="wrap"> ?ㄥ?骞寸????搴?缁??ョ???瀹?璺典腑锛?涔鹃????娓??荤??轰?涓?濂??锋????韩椴????硅?茬?????$??蹇靛??绠$??妯″?锛?杩?濂???蹇靛??妯″???缁?浣??板?ㄦ??浠???瀵瑰????′腑锛??峰?浜?椤惧???涓??村ソ璇?????琛???楂?搴﹁???????杩?涔鹃??绠$??妯″???瀵煎?ワ???浠???绠$??????瀹堕??搴????g???缃?缁?璇?????浣???褰??板????锛???涓哄??伴??搴?琛?涓???涓??㈡?????? </div> </div> <div class="project"> <div class="wrap"> <div class="main-left"> <img src="img/project.jpg" alt=""> </div> <div class="main-right"> <div class="title">[?ㄦ??濮???绠$??椤圭??</div> <div class="content"> <ul> <li>??宸?????婀?搴﹀????<span class="color1">锛?浜???绾ф????锛?</span><span class="icon">????????????/span></li> <li>瀹胯??????介??澶ч??搴?<span class="color1">锛?浜???绾ф????锛?</span><span class="icon">????????????/span></li> <li>??宀???璋峰?介????搴?<span class="color2">锛?浜???绾ф?????㈢?澶?涓??</span><span class="icon">??????宀???璋风???灞?</span></li> <li>??宸?娉???搴???搴?<span class="color2">锛?浜???绾ф?????㈢?澶?涓??</span><span class="icon">??????宸??版境?颁骇</span></li> <li>榫??f??????搴?<span class="color2">锛?????绾ф?????㈢?澶?涓??</span><span class="icon">???????颁腑??????/span></li> <li>??宀??介???㈠+娓?汉?????<span class="color1">锛?浜???绾ф????锛?</span><span class="icon">??????宀??介???㈠+娓?????/span></li> </ul> </div> </div> </div> </div> <div class="tongli"> <div class="wrap"> <div class="left"> <div class="content"> ????婀?搴﹀????<span class="color3">锛???????娓革??$エ浠g??834199锛?</span>浣?浜?浜??涓??????????ら??锛?搴ц?戒?椋????缇???????婀???锛????㈢??按锛?椋?????伙?瓒充互?ㄢ??涓?婊存按???村??????ュ舰瀹癸?灏界?光??缃??????ㄢ??涔?椋?????????婀?搴﹀????浜???寤虹??㈢Н绾?span class="color1">6涓?骞虫?圭背</span>锛??ユ??<span class="color1">253濂?</span>璞???瀹㈡?匡???绫?span class="color1">浼?璁????瀹翠???</span>浠ュ??<span class="color1">?ヨ韩?裤??姊﹀够?跨?涔???/span>绛?锛??????锋???椋?????浜???绾т翰瀛?搴﹀????搴??? </div> </div> <div class="right"> <div class="title">[????婀?搴﹀????]</div> <img src="img/tongli1.jpg" alt=""> <img src="img/tongli2.jpg" alt=""> <img src="img/tongli3.jpg" alt=""> <img src="img/tongli4.jpg" alt=""> </div> </div> </div> <div class="hotel"> <div class="wrap"> <div class="main-left"> <img src="img/hotel.jpg" alt=""> </div> <div class="main-right"> <div class="title">[????锛?瀹胯?锛??介??澶ч??搴?]</div> <div class="content"> ????锛?瀹胯?锛??介??澶ч??搴????戒?涓??界??????????甯?瀹胯?甯???涓???哄??锛??ㄨ竟??娓歌?婧?涓板?锛???span class="fontBold">???????㈡??璧?10浜垮??绮惧?????</span>锛???span class="fontBold">?????′?璁?/span>??<span class="fontBold">浼??插害??</span>浜?涓?浣????介??浜???绾ч??搴??? </div> </div> </div> </div> <div class="manage"> <div class="wrap"> <div class="main-right"> <div class="title">[椤鹃?????椤圭??</div> <div class="content"> <ul> <li>?e?????澶ч??搴?椤鹃?????<span class="color1">锛?4.9??锛?</span><span class="icon">????????????/span></li> <li>??宀???娴峰?介????瑁?寮?涓?椤鹃??????<span class="color1">锛?4.9??锛?</span><span class="icon">??????宀?甯?濮?缁?缁???/span></li> <li>娌冲??琛℃按杩?瀹鹃?浼?涓?????涓?绠$??妯″???寤?span class="color1">锛?4.8??锛?</span><span class="icon">????琛℃按甯??ュ???</span></li> <li>??宀?瑗挎捣宀告??娓告??璧????㈠???т?绯绘??寤?span class="color1">锛???娓镐?涓?锛?</span><span class="icon">??????宀?瑗挎捣宀告??娓告??璧?????/span></li> </ul> </div> </div> <div class="main-left"> <img src="img/manage.jpg" alt=""> </div> </div> </div> </div> <div class="honor"> <div class="wrap"> <div class="honor-intro"> <div class="title">[灞¤?锋???</div> <div class="honor-content"> ??浠??ㄦ??濮???绠$???? <span class="honor-text">??宸?????婀?搴﹀??????瀹胯??????介??澶ч??搴?</span>锛???椤鹃???????<span class="honor-text">?????e?澶ч??搴?????宀???娴峰?介??澶ч??搴?</span>??浠ユ?虹?缃??硅?<span class="honor-text">4.9??</span>??楂????兼??涓哄???span class="honor-text">?g???濂?/span>????搴???????婀?搴﹀?????????峰??虹?缃?璇??虹??<span class="honor-text">????涓??板?烘??浣充翰瀛???搴???????2015骞村害??浣抽??搴????″???</span>??2016骞翠?2018骞村???峰?椹村?濡???娓哥?璇?????<span class="honor-text">??椹村?濡???浣充翰瀛???搴???</span>??缇??㈢?硅?<span class="honor-text">??2017骞存??浣充汉姘???搴???????浣充翰瀛???搴???</span>??椋?????琛?<span class="honor-text">??2017骞村害椋???????涓?????浜у????????2018骞村害椋?????浣冲?ㄥ?烘????搴???</span>??2017骞磋?峰??存??轰汉姘??垮?棰?????<span class="honor-text">??2016骞村害?惧己浼?涓???</span>绛?娈??c???????介??澶ч??搴??????峰??虹?缃?璇??虹??<span class="honor-text">??2016骞村害????娆㈣???搴?濂???????2017骞村害???锋?????搴?濂???????2017骞村害??浣抽??搴????″?歌??濂???</span>??缇??㈢?硅?<span class="honor-text">????浣冲ソ璇???搴???</span>绛??h???杩?浜??h????峰?锛?浣垮?涔鹃????搴?绠$?????????哥???????ュ??搴﹀?ㄩ??搴?琛?涓?杩???寰??版????锛?涔?楠?璇?浜?涔鹃????绠$??瀹???锛?瀹??颁????镐?涓?涓绘?圭???辫耽?? </div> </div> <div class="honor-show"> <ul> <li><img src="img/honor1.jpg" alt=""></li> <li><img src="img/honor2.jpg" alt=""></li> <li><img src="img/honor3.jpg" alt=""></li> <li><img src="img/honor4.jpg" alt=""></li> <li><img src="img/honor5.jpg" alt=""></li> <li><img src="img/honor6.jpg" alt=""></li> <li><img src="img/honor7.jpg" alt=""></li> <li><img src="img/honor8.jpg" alt=""></li> </ul> </div> </div> </div> </body> </html>