/* 关于我们  左侧列表*/
.article_left{width:280px;float:left;box-sizing: border-box;}
.article_left .left-nav:last-child{margin-bottom:48px}
.article_left .left-nav .hd{background:#467f2e;line-height:38px;font-size:18px;color:#fff;text-indent:20px;height:38px;box-sizing: border-box;}
.article_left .left-nav .hd h3.title{line-height:36px;font-size:16px;text-indent:20px}
.article_left ul,.article.left li{list-style:none;}
.article_left ul li.nav-list{line-height:25px; border-bottom:1px dashed #eee;}
.article_left ul li.nav-list a{display:block;font-size:15px;color:#646464;list-style-type:none; line-height:39px; padding-left:20px;}
.article_left .left-nav{width:278px;float:left;background:#fff;border:1px solid #dfdfdf;margin-top:16px}
.article_left .left-nav ul li.nav-list{list-style-type:none;position:relative}
.article_left .left-nav ul li.nav-list a:hover{color:#fff;text-decoration:none; background:#559c03;}
.article_left .left-nav ul li.nav-list ul{padding-left:20px}
.article_left .left-nav li a.current{background:#f3f3f3;padding-left:27px;border-left:3px solid #d81636;color:#333;cursor:default}
.article_left .left-nav ul li.on a{color:#d81636}
/* 关于我们  右侧内容*/
.article_right{width:980px;float:left;margin-left:20px;margin-top:16px;margin-bottom:18px;border:1px solid #dfdfdf;box-sizing: border-box;}
.article_right .hd-tab a{color:#000;display:inline-block;margin-bottom:-2px;padding:2px 18px;height:46px}
.article_right .hd-tab a+a{margin-left:10px}
.article_right .right-box,.article_right .bd-table{margin-left:0px}
.article_right .bd{background:#FFF;padding: 0px 20px;border-top:none;line-height:200%;font-size:14px;box-sizing: border-box;}
.article_right .bd:last-child,.article_right .bd.last-child{border-bottom:none}
.article_right .bd a.title{font-size:16px;color:#010101;display:block;}
.article_right .bd span.time{color:#999}
.article_right .bd a.read_more{display:block;text-align:right;color:#e83838;line-height:30px}
.article_right .bd .article_img{display:block;height:273px;margin:10px auto}
.article_right .bd .text{margin:10px 0px;line-height:24px}
.right-box,.bd-table{float:left;width:924px}
.right-box .hd,.bd-table .hd{height:50px;border-bottom:1px solid #dfdfdf}
.right-box .bd,.bd-table .bd{padding:30px;line-height:24px}
.right-box h3.title,.bd-table h3.title{margin:0 0 0 30px;font-size:18px;font-weight:400;line-height:50px;color:#333}
/* 分页网站头部 */
.nheader .topbar{width:100%;min-width:1280px; margin:0 auto;height:84px;background:#f9f9f9;}
.nheader .topbar .topleft{float:left;width:170px;overflow: hidden;}
.nheader .topbar .topleft .logo{text-indent:-99px;height:84px;background:url(../images/logo_new.png) no-repeat center center;width:168px;float:left;display:block;z-index: initial; box-sizing: border-box;}
.nheader .topbar .topcenter{width:900px;float:left;overflow: hidden;}
.nheader .topbar .topcenter ul.nav{overflow:hidden;width:100%;margin:0 auto;}
.nheader .topbar .topcenter ul.nav li{display:inline-block;position:relative;height:84px;}
.nheader .topbar .topcenter ul.nav li h3{height:84px;text-align:center;line-height:84px;}
.nheader .topbar .topcenter ul.nav li h3 a{color:#333;font-size:16px;font-weight:normal;display:block; padding:0px 23px;}
.nheader .topbar .topcenter ul.nav li h3 a:hover{border-bottom: 2px solid #61B13B !important; color: #61B13B !important;}
.nheader .topbar .topcenter ul.nav li.current a{color:#333;height:84px;line-height:84px;padding:0px 20px;}
.nheader .topbar .topcenter ul.nav li.ind a{color:#333;height:84px;line-height:84px;padding:0px 20px; }
.nheader .topbar .topright{float:right;width:70px;color:#333;line-height:84px;}
.nheader .topbar .topright a.lang{height:84px;text-align:center;line-height:84px;color:#333;font-size:16px;font-weight:normal;}
.nheader .topbar .head_search{border: 1px solid #6b6a6a;float:right; height: 30px;width: 145px; display: inline-block;margin-top:28px;transition: all .3s;margin-right:40px;}
.nheader .topbar .head_search .searchinput{float: left;width: 108px;height: 30px; border:none; padding: 0px 3px; border-right: 1px solid #e4e4e4;outline: none; font-size: 14px;}
.nheader .topbar .head_search .searchicon{width: 18px;height: 18px;float:right;margin-top: 6px;margin-right: 6px;display:block;cursor:pointer; background: url("../images/search.png");}
/* 新闻页面 */
/* 新闻  文章内容*/
.hesume {padding:20px 0px;}
.hesume .item{border-bottom: 1px solid #dbd4cd;padding: 25px 0;line-height: 1.8em;}
.hesume .item .tit{background: url(hr02.gif) repeat-x left bottom;padding-bottom: 10px;font-size: 20px;font-weight: bold;color: #f99d33;}
.hesume .conts{width: 100%;padding-top: 15px;overflow: hidden;}
.hesume .contimg a{float:left; display:inline; margin:5px;}
.hesume .contimg img {width:200px;height:200px;}
.hesume .conts h3{padding: 0px 0 10px;font-size: 16px;color: #6d5a54;font-weight: normal;}
.hesume p{font-size:16px; color:#333; line-height:26px;text-indent:1em; margin-bottom:10px;}
.hesume #lmdq{font-size:16px; color:#333; line-height:26px;text-indent:1em; margin-bottom:5px;}
.hesume #lmdq2{font-size:18px; color:#333; line-height:28px;text-indent:2em; margin:18px 12px;}
.hesume #lmdq3{font-size:16px; color:#333; line-height:28px;margin:18px 12px; text-align:center;}
.hesume .lmdq4{position:relative; text-align:center; left:30%;}
.hesume #lmdq5{font-size:16px; color:#333; line-height:28px;text-indent:2em; margin:9px 12px;}
.hesume #lmdq6{font-size:16px; color:#333; line-height:26px;text-indent:2em;margin:9px 12px;}
.hesume #lmdq8{font-size:14px; color:#333; line-height:20px;text-indent:2em;margin:4px 0px;}
.hesume #lmdq7{font-size:16px; color:#61B13B; line-height:28px;margin:6px 0px;}

/* 新闻页面 */
/* 新闻  左侧列表*/
.news_left{width:950px;float:left;margin-top:16px;margin-bottom:18px;border:1px solid #dfdfdf;box-sizing: border-box;}
.news_left .bd{background:#FFF;padding: 0px 20px;border-top:none;font-size:14px;box-sizing: border-box;}
.news_left .bd ul li{border-bottom:1px solid #ededed;padding:10px;position: relative;min-height: 160px;}
.news_left .bd ul li a:link,.news_left .bd ul li a:visited{color:#333;}
.news_left .bd ul li .newinfo_left{width: 290px; padding:0px 10px 0px 0px;height: 150px;display: inline-block;box-sizing: border-box;}
.news_left .bd ul li .newinfo_left img{display:block; width: 280px;height: 160px;}
.news_left .bd ul li .newinfo_right{display: inline-block;width:590px; vertical-align: top;box-sizing: border-box;}
.news_left .bd ul li .newinfo_right .title{padding:4px 0px; font-size:18px;}
.news_left .bd ul li .newinfo_right .title:hover{color:#467f2e;}
.news_left .bd ul li .newinfo_right .infodate{float: right; font-size: 14px; color: #999;}
.news_left .bd ul li .newinfo_right p{font-size: 14px; color: #666; text-indent: 2em; line-height:22px; margin:8px 0px;}
.news_left .bd ul li .newinfo_right .infomore{padding:4px 10px; font-size:14px;border: 1px solid #61B13B; }
.news_left .bd ul li .newinfo_right .infomore:hover{padding:4px 10px; font-size:14px;background:#61B13B; color: #fff;}
.news_left .bd .news_page{width: 100%;height:40px;margin:15px auto;text-align: center; padding-left: 310px;}
.news_left .bd .news_page .page_item{width: 30px;height:30px;float:left;margin-right: 8px;display: inline;}
.news_left .bd .news_page .current{background:#61B13B; color: #fff;width: 30px;height:30px;float:left;margin-right: 8px;display: inline; line-height: 30px;}
.news_left .bd .news_page .page_item:hover{background:#61B13B; color: #fff;}
.news_left .bd .news_page .page_item a{display: block;width: 30px;height: 30px;float: left;border: 1px solid #CCC;text-align: center;color: #999;line-height: 30px;}
.news_left .bd .news_page .page_item a:hover{background:#61B13B; color: #fff;} 
/* 新闻  右侧内容*/
.news_right{width:280px;float:left;box-sizing: border-box;margin-left:20px;}
.news_right .left-nav:last-child{margin-bottom:48px}
.news_right .left-nav .hd{background:#467f2e;line-height:38px;font-size:18px;color:#fff;text-indent:20px;height:38px;box-sizing: border-box;}
.news_right .left-nav .hd h3.title{line-height:36px;font-size:16px;text-indent:20px}
.news_right ul,.news_right li{list-style:none;}
.news_right ul li.nav-list{line-height:25px; border-bottom:1px dashed #eee;}
.news_right ul li.nav-list a{display:block;font-size:15px;color:#646464;list-style-type:none; line-height:39px; padding-left:20px;}
.news_right .left-nav{width:278px;float:left;background:#fff;border:1px solid #dfdfdf;margin-top:16px}
.news_right .left-nav ul li.nav-list{list-style-type:none;position:relative}
.news_right .left-nav ul li.nav-list a:hover{color:#fff;text-decoration:none; background:#559c03;}
.news_right .left-nav ul li.nav-list ul{padding-left:20px}
.news_right .left-nav li a.current{background:#f3f3f3;padding-left:27px;border-left:3px solid #d81636;color:#333;cursor:default}
.news_right .left-nav ul li.on a{color:#d81636}

/*合作平台*/
em,optgroup,i{font-style:normal}
@font-face{font-family:'FontHaetten';src:url('fonts/haetten.ttf') format('truetype');font-weight:normal;font-style:normal}
.ff-haetten{display:inline-block;font:normal normal normal 14px/1 FontHaetten;}
.title-common{padding:20px 0px 10px 0px;text-align:center;color:#000;clear:both;}
.title-common h2{font-size:50px;line-height:50px;display:inline-block;padding-right:18px;}
.title-common span{display:inline-block;vertical-align:top;padding-top:10px}
.title-common span small{font-size:30px;line-height:30px;display:block;text-align:left;}
.title-common span em{font-size:35px;line-height:35px;display:block;}
.title-common span em.one{font-size:30px;line-height:30px;display:block;}
.cp-wrap{max-width:1080px;margin:0 auto;position:relative;}
.cp-wrap .img{width:100%;}
.cp-wraps{max-width:1280px;margin:0 auto;position:relative;}
.cp-wraps .img{width:100%;}
.cp-block-1{padding-bottom:10px}
.cp-block-1 .cp-wrap{min-height:420px;overflow:hidden;}
.cp-block-1 .cp-wrap .link{min-height:420px;overflow:hidden;width:1080px;top:0;position:absolute;left:50%;margin-left:-540px;}
.cp-block-1 .cp-wrap a{background:url(../images/join.jpg) no-repeat;height:420px;width:360px;float:left;display:block;text-indent:-9999px;overflow:hidden;}
.cp-block-1 .cp-wrap .n2{background-position:-360px 0}
.cp-block-1 .cp-wrap .n3{background-position:-720px 0}
.cp-block-1 .cp-wrap a:hover{background-position:0 -420px}
.cp-block-1 .cp-wrap a.n2:hover{background-position:-360px -420px}
.cp-block-1 .cp-wrap a.n3:hover{background-position:-720px -420px}
.cp-block-1 .cp-wraps{min-height:449px;overflow:hidden;}
.cp-block-1 .cp-wraps .link{overflow:hidden;width:1280px;}
.cp-block-1 .cp-wraps .link li{display: inline-block;float:left;width:248px; margin-right:6px; margin-bottom:5px;}
.cp-block-1 .cp-wraps .link li:hover{transform:translate(0, -5px);-webkit-transform:translate(0, -5px);-moz-transform:translate(0, -5px);-o-transform:translate(0, -5px);-ms-transform:translate(0, -5px)}
.cp-block-1 .cp-wraps .link li:nth-child(5){margin-right:0px}
.cp-block-1 .cp-wraps .link li img{width: 248px;display: block;}
/*合作平台*/
div.welcome.product ul.product_list{overflow:hidden;height: 259px; text-align: center;}
div.welcome.product ul.product_list li{width:314px;height:240px;float:left;margin:0px 3px; background:#fff;
    margin-bottom:15px;transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out;-moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out}
div.welcome.product ul.product_list li:hover{transform:translate(0, -5px);-webkit-transform:translate(0, -5px);-moz-transform:translate(0, -5px);-o-transform:translate(0, -5px);-ms-transform:translate(0, -5px)}
div.welcome.product ul.product_list li:last-child{margin-right:0px}
div.welcome.product ul.product_list li a{display:block}
div.welcome.product ul.product_list li a img.product_img{width:314px;margin-bottom:3px}
div.welcome.product ul.product_list li a h3{padding:0px 0px;color:#343434;font-size:16px;}

/*接待中心*/
div.reception.product{ margin: 10px 0px 20px 0px;}
div.reception.product ul.product_list{display: block; list-style-type: disc; margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 50px;}
div.reception.product ul.product_list li{width: 205px;height: 205px;float: left;padding: 0px;background-color: #e7ecf2; margin-right: 39px; text-align: center; display: block; border-radius: 100px; margin-bottom: 20px;}  
div.reception.product ul.product_list li:hover{width: 205px;height: 205px;float: left;padding: 0 0px 0 0;background-color: #467f2e; color: #fff; margin-right: 39px; text-align: center; display: block; border-radius: 100px;}  
div.reception.product ul.product_list li a:link{font-size: 18px; color: #333;}
div.reception.product ul.product_list li a:hover{font-size: 18px; color: #fff;}
div.reception.product ul.product_list li b {display: block;font-size: 48px;color: #65ad3d;padding: 60px 0 15px; line-height: 30px;}
div.reception.product ul.product_list li b:hover{display: block;font-size: 48px;color: #fff;padding: 60px 0 15px;line-height: 30px;}
div.reception.product ul.product_list li i {font-size: 22px; font-weight: normal;font-style: normal;}
div.reception.product ul.product_list li:last-child{margin-right:0px}

.flashSaleDeals .saleDeal:hover .finish{display: block;}
.flashSaleDeals {width: 1280px;height:250px;position: relative;overflow: hidden;}
.flashSaleDeals .saleDeal:hover .finishIcon, .flashSaleDeals .saleDeal.zt2:hover .finish {display: none;}
.flashSaleDeals ul li figure { position: relative; transform-style: preserve-3d; transition:1s transform;}
.flashSaleDeals ul li figure img {width:300px; height: auto; }
.flashSaleDeals ul li:hover figure { transform: rotateY(.5turn); }
.flashSaleDeals ul li figure:after {display: block;transform: rotateX(90deg);background-image:radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);}

div.welcome.product1 ul.product_list1{overflow:hidden;height: 259px; text-align: center;}
div.welcome.product1 ul.product_list1 li{width:314px;height:240px;float:left;margin:0px 3px; background:#fff;
    margin-bottom:15px;transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out;-moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out}
div.welcome.product1 ul.product_list1 li:hover{transform:translate(0, -5px);-webkit-transform:translate(0, -5px);-moz-transform:translate(0, -5px);-o-transform:translate(0, -5px);-ms-transform:translate(0, -5px)}
div.welcome.product1 ul.product_list1 li:last-child{margin-right:0px}
div.welcome.product1 ul.product_list1 li a{display:block}
div.welcome.product1 ul.product_list1 li a img.product_img1{width:314px;margin-bottom:3px}
div.welcome.product1 ul.product_list1 li a h3{padding:0px 0px;color:#343434;font-size:16px;}
.flashSaleDeals1 .saleDeal:hover .finish1{display: block;}
.flashSaleDeals1 {width: 1280px;height:250px;position: relative;overflow: hidden;}
.flashSaleDeals1 .saleDeal:hover .finishIcon, .flashSaleDeals .saleDeal.zt2:hover .finish {display: none;}
.flashSaleDeals1 ul li figure { position: relative; transform-style: preserve-3d; transition:1s transform;}
.flashSaleDeals1 ul li figure img {width:300px; height: auto; }
.flashSaleDeals1 ul li:hover figure { transform: rotateY(.5turn); }
.flashSaleDeals1 ul li figure:after {display: block;transform: rotateX(90deg);background-image:radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);}

div.welcome.product2 ul.product_list2{overflow:hidden;height: 320px; text-align: center;}
div.welcome.product2 ul.product_list2 li{width:421px;height:319px;float:left;margin:0px 3px; background:#fff;
    margin-bottom:15px;transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out;-moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out}
div.welcome.product2 ul.product_list2 li:hover{transform:translate(0, -5px);-webkit-transform:translate(0, -5px);-moz-transform:translate(0, -5px);-o-transform:translate(0, -5px);-ms-transform:translate(0, -5px)}
div.welcome.product2 ul.product_list2 li:last-child{margin-right:0px}
div.welcome.product2 ul.product_list2 li a{display:block}
div.welcome.product2 ul.product_list2 li a img.product_img2{width:421px;margin-bottom:3px}
div.welcome.product2 ul.product_list2 li a h3{padding:0px 0px;color:#343434;font-size:16px;}
.flashSaleDeals2 .saleDeal:hover .finish1{display: block;}
.flashSaleDeals2 {width: 1280px;height:320px;position: relative;overflow: hidden;}
.flashSaleDeals2 .saleDeal:hover .finishIcon, .flashSaleDeals2 .saleDeal.zt2:hover .finish {display: none;}
.flashSaleDeals2 ul li figure { position: relative; transform-style: preserve-3d; transition:1s transform;}
.flashSaleDeals2 ul li figure img {width:320px; height: auto; }
.flashSaleDeals2 ul li:hover figure { transform: rotateY(.5turn); }
.flashSaleDeals2 ul li figure:after {display: block;transform: rotateX(90deg);background-image:radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);}

.trigger {width: 17px;height: 43px;background-image: url("../images/big_bg_img_v3.png");position: absolute;top: 74px;z-index: 3;}
.zuo{background-position: -277px -440px;left:0px;}
.zuo:hover{background-position: -217px -440px;}
.you{background-position: -307px -440px;right:0px;}
.you:hover{background-position: -247px -440px;}
.service_list .serv_list{overflow:hidden;height: 259px; text-align: center;}
.service_list ul,.service_list li{list-style: none;}
.service_list .serv_list li{width:314px;height:240px;float:left;margin:0px 3px; background:#fff;display: inline-block;
    margin-bottom:15px;transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out;-moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out}
.service_list .serv_list li:hover{transform:translate(0, -5px);-webkit-transform:translate(0, -5px);-moz-transform:translate(0, -5px);-o-transform:translate(0, -5px);-ms-transform:translate(0, -5px)}
.service_list .serv_list li:last-child{margin-right:0px}
.service_list .serv_list li a{display: inline-block;}
.service_list .serv_list li a img.product_img{width:314px;margin-bottom:3px}
.service_list .serv_list li a h3{padding:0px 0px;color:#343434;font-size:16px;}
#joinoa{font-size:16px; color:#231717; line-height:30px;}
.service_lists .serv_lists{overflow:hidden;height: 218px; text-align: center;}
.service_lists ul,.service_lists li{list-style: none;}
.service_lists .serv_lists li{width:314px;height:208px;float:left;margin:0px 3px; background:#fff;display: inline-block;
    margin-bottom:15px;transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out;-moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out}
.service_lists .serv_lists li:hover{transform:translate(0, -5px);-webkit-transform:translate(0, -5px);-moz-transform:translate(0, -5px);-o-transform:translate(0, -5px);-ms-transform:translate(0, -5px)}
.service_lists .serv_lists li:last-child{margin-right:0px}
.service_lists .serv_lists li a{display: inline-block;}
.service_lists .serv_lists li a img.product_img{width:314px;margin-bottom:3px}
.service_lists .serv_lists li a h3{padding:0px 0px;color:#343434;font-size:16px;}

.service_items{overflow:hidden;height: 378px; text-align: center;}
.service_items .service_item li{display: inline-block;width:418px; margin-right:6px;background: #f9f9f9;box-sizing: border-box;}
.service_items .service_item li:hover{transform:translate(0, -5px);-webkit-transform:translate(0, -5px);-moz-transform:translate(0, -5px);-o-transform:translate(0, -5px);-ms-transform:translate(0, -5px)}
.service_items .service_item li:last-child{margin-right:0px}
.service_items .service_item li img.product_img{width:418px;height: 278px; margin-top: 6px;}
/*解决方案 banner*/
#banner{width:1280px;float:left;height:550px;text-align:center;overflow:hidden;position:relative; left: 50%; margin-left:-640px;}
#banner .swiper-slide{width:100%;float:left;height:550px;}
#banner .swiper-slide img{position: relative; left: 50%; top: 50%; margin-left:-318px; margin-top: -50px;}
#banner #swiper-slide1{background: url(../images/swiper_bg_01.jpg) no-repeat center center;}
#banner #swiper-slide2{background: url(../images/swiper_bg_02.jpg) no-repeat center center;}
#banner #swiper-slide3{background: url(../images/swiper_bg_03.jpg) no-repeat center center;}
#banner #swiper-slide4{background: url(../images/swiper_bg_04.jpg) no-repeat center center;}
#banner #swiper-slide5{background: url(../images/swiper_bg_05.jpg) no-repeat center center;}
#banner #swiper-slide6{background: url(../images/swiper_bg_06.jpg) no-repeat center center;}
#banner #swiper-slide7{background: url(../images/swiper_bg_07.jpg) no-repeat center center;}
#banner #swiper-slide8{background: url(../images/swiper_bg_08.jpg) no-repeat center center;}
#banner .arrow-left {
    background: url(../images/arrows.png) no-repeat left top;
    position: absolute;left: 10px;top: 50%;margin-top: -15px; width: 17px;height: 30px;z-index:999;}
#banner .arrow-right {
    background: url(../images/arrows.png) no-repeat left bottom;
    position: absolute;right: 10px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index:999;}
#banner .pagination {position: absolute;left: 0;text-align: center;bottom: 5px;width: 100%;z-index:999;}
#banner .swiper-pagination-switch {display: inline-block; width: 40px; height: 3px;
    background:#333;;margin: 0 5px;cursor: pointer;}
#banner .swiper-active-switch {background: white;}
/*解决方案 行业*/
.solution_villa{width: 100%; padding: 10px 0px;}
.solution_villa .one{ width: 200px; margin-right: 8px; display: inline-block; height: 314px; background: #256325; box-sizing: border-box;}
.solution_villa .two{ width: 348px; margin-right: 8px; display: inline-block; height: 314px;background: #f9f9f9;box-sizing: border-box;background: url(../images/solution_villa_01.jpg) no-repeat center center;}
.solution_villa .three{ width: 348px; margin-right: 8px; display: inline-block; height: 314px;background: #f9f9f9;box-sizing: border-box;background: url(../images/solution_villa_02.jpg) no-repeat center center;}
.solution_villa .five{ width: 348px;display: inline-block; height: 314px;background: #f9f9f9;box-sizing: border-box;background: url(../images/solution_villa_03.jpg) no-repeat center center;}

.solution_travel{width: 100%;background: #f9f9f9; padding: 10px 0px;}
.solution_travel .one{ width: 200px; margin-right: 8px; display: inline-block; height: 314px; background: #6db600; box-sizing: border-box;}
.solution_travel .two{ width: 348px; margin-right: 8px; display: inline-block; height: 314px;background: #f9f9f9;box-sizing: border-box;background: url(../images/solution_travel_01.jpg) no-repeat center center;}
.solution_travel .three{ width: 348px; margin-right: 8px; display: inline-block; height: 314px;background: #f9f9f9;box-sizing: border-box;background: url(../images/solution_travel_02.jpg) no-repeat center center;}
.solution_travel .five{ width: 348px;display: inline-block; height: 314px;background: #f9f9f9;box-sizing: border-box;background: url(../images/solution_travel_03.jpg) no-repeat center center;}

.solution_homestay{width: 100%;padding: 10px 0px;}
.solution_homestay .one{ width: 200px; margin-right: 8px; display: inline-block; height: 314px; background: #f88702; box-sizing: border-box;}
.solution_homestay .two{ width: 348px; margin-right: 8px; display: inline-block; height: 314px;background: #f9f9f9;box-sizing: border-box;background: url(../images/solution_homestay_01.jpg) no-repeat center center;}
.solution_homestay .three{ width: 348px; margin-right: 8px; display: inline-block; height: 314px;background: #f9f9f9;box-sizing: border-box;background: url(../images/solution_homestay_02.jpg) no-repeat center center;}
.solution_homestay .five{ width: 348px;display: inline-block; height: 314px;background: #f9f9f9;box-sizing: border-box;background: url(../images/solution_homestay_03.jpg) no-repeat center center;}

.solution_public{width: 100%;padding: 10px 0px;background: #f9f9f9;}
.solution_public .one{ width: 200px; margin-right: 8px; display: inline-block; height: 314px; background: #2a568d; box-sizing: border-box;}
.solution_public .two{ width: 348px; margin-right: 8px; display: inline-block; height: 314px;background: #f9f9f9;box-sizing: border-box;background: url(../images/solution_public_01.jpg) no-repeat center center;}
.solution_public .three{ width: 348px; margin-right: 8px; display: inline-block; height: 314px;background: #f9f9f9;box-sizing: border-box;background: url(../images/solution_public_02.jpg) no-repeat center center;}
.solution_public .five{ width: 348px;display: inline-block; height: 314px;background: #f9f9f9;box-sizing: border-box;background: url(../images/solution_public_03.jpg) no-repeat center center;}

.hr_bg{width: 100%; background: #f9f9f9;}

.house_list .hou_list{overflow:hidden;height: 259px; text-align: center;}
.house_list ul,.house_list li{list-style: none;}
.house_list .hou_list li{width:252px;height:240px;float:left;margin:0px 5px 0px 0px; background:#fff;display: inline-block;
    margin-bottom:15px;transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out;-moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out}
.house_list .hou_list li:hover{transform:translate(0, -5px);-webkit-transform:translate(0, -5px);-moz-transform:translate(0, -5px);-o-transform:translate(0, -5px);-ms-transform:translate(0, -5px)}
.house_list .hou_list li:last-child{margin-right:0px}
.house_list .hou_list li a{display: inline-block;}
.house_list .hou_list li a img.product_img{width:252px;margin-bottom:3px}
.house_list .hou_list li a h3{padding:0px 0px;color:#343434;font-size:16px;}
.recepcent{background: url(../images/recepcent_bg_01.jpg) no-repeat center 0;height: 420px;overflow: hidden;display:inline-block;width: 100%;}
.pr{position: relative;}
.recepcent .rec_bg1{display: block; width: 640px; height: 420px; position: absolute; top: 0px; right: 0px;}
.recepcent a{color: #333; text-decoration: none;}
.recepcent dl{padding: 40px 0px 0px 0px; width:600px; display: block; margin-block-start: 1em; margin-block-end: 1em;margin-inline-start: 0xp; margin-inline-end: 0px;}
.recepcent dl dt{ display: block; width: 55px; float: left; padding: 0px 30px 0px 0px; position: absolute; top:0px;}
.recepcent dl dt img{width: 55px; height: 55px;}
.recepcent dl dd{ width: 520px; float: left; display: block; margin-inline-start: 89px; position: absolute; top:0px;}
.recepcent dl dd h5{height: 55px; padding: 0px 0px 30px 0px; font-size: 16px;}
.recepcent dl dd h5 i {display: block;font-size: 16px;color: #a9a7a6;font-weight: normal;font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}
.recepcent dl dd h5 a {font-size: 32px;color: #467f2e;font-weight: bold;}
.recepcent dl dd p{display: block;font-size: 16px; color: #333; line-height: 22px; padding: 12px 0px 0px 25px;background: url(../images/rec_ico.png) no-repeat 0 18px;}
.recepcent dl dd span{display: block;width: 127px;padding: 20px 10px 16px 10px;}
.recepcent dl dd span a{font-size:16px;padding: 8px 16px 6px 16px; background-color: #467f2e; color:#fff;display:block;width:127px;height: 39px;text-align:center;line-height:39px;overflow: hidden;border-radius:18px;}

.recepcent2{background: url(../images/recepcent_bg_02.jpg) no-repeat center 0;height: 420px;overflow: hidden;display:inline-block;width: 100%;}
.recepcent2 .rec_bg2{display: block; width: 640px; height: 420px; position: absolute; top: 0px; left: 0px;}
.recepcent2 a{color: #333; text-decoration: none;}
.recepcent2 dl{padding: 40px 0px 0px 685px; width:600px; display: block; margin-block-start: 1em; margin-block-end: 1em;margin-inline-start: 0xp; margin-inline-end: 0px;}
.recepcent2 dl dt{ display: block; width: 55px; float: left; padding: 0px 30px 0px 0px; position: absolute; top:0px;}
.recepcent2 dl dt img{width: 55px; height: 55px;}
.recepcent2 dl dd{ width: 520px; float: left; display: block; margin-inline-start: 89px; position: absolute; top:0px;}
.recepcent2 dl dd h5{height: 55px; padding: 0px 0px 30px 0px; font-size: 16px;}
.recepcent2 dl dd h5 i {display: block;font-size: 16px;color: #a9a7a6;font-weight: normal;font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}
.recepcent2 dl dd h5 a {font-size: 32px;color: #467f2e;font-weight: bold;}
.recepcent2 dl dd p{display: block;font-size: 16px; color: #333; line-height: 26px; padding: 12px 0px 0px 25px;background: url(../images/rec_ico.png) no-repeat 0 18px;}
.recepcent2 dl dd span{display: block;width: 127px;padding: 20px 10px 16px 10px;}
.recepcent2 dl dd span a{font-size:16px;padding: 8px 16px 6px 16px; background-color: #467f2e; color:#fff;display:block;width:127px;height: 39px;text-align:center;line-height:39px;overflow: hidden;border-radius:18px;}

.recepcent3{background: url(../images/recepcent_bg_03.jpg) no-repeat center 0;height: 420px;overflow: hidden;display:inline-block;width: 100%;}
.recepcent3 .rec_bg2{display: block; width: 640px; height: 420px; position: absolute; top: 0px; right:0px;}
.recepcent3 a{color: #333; text-decoration: none;}
.recepcent3 dl{padding: 40px 0px 0px 0px; width:600px; display: block; margin-block-start: 1em; margin-block-end: 1em;margin-inline-start: 0xp; margin-inline-end: 0px;}
.recepcent3 dl dt{ display: block; width: 55px; float: left; padding: 0px 30px 0px 0px; position: absolute; top:0px;}
.recepcent3 dl dt img{width: 55px; height: 55px;}
.recepcent3 dl dd{ width: 520px; float: left; display: block; margin-inline-start: 89px; position: absolute; top:0px;}
.recepcent3 dl dd h5{height: 55px; padding: 0px 0px 30px 0px; font-size: 16px;}
.recepcent3 dl dd h5 i {display: block;font-size: 16px;color: #a9a7a6;font-weight: normal;font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}
.recepcent3 dl dd h5 a {font-size: 32px;color: #467f2e;font-weight: bold;}
.recepcent3 dl dd p{display: block;font-size: 16px; color: #333; line-height: 26px; padding: 12px 0px 0px 25px;background: url(../images/rec_ico.png) no-repeat 0 18px;}
.recepcent3 dl dd span{display: block;width: 127px;padding: 20px 10px 16px 10px;}
.recepcent3 dl dd span a{font-size:16px;padding: 8px 16px 6px 16px; background-color: #467f2e; color:#fff;display:block;width:127px;height: 39px;text-align:center;line-height:39px;overflow: hidden;border-radius:18px;}

.recepcent4{background: url(../images/recepcent_bg_04.jpg) no-repeat center 0;height: 420px;overflow: hidden;display:inline-block;width: 100%;}
.recepcent4 .rec_bg2{display: block; width: 640px; height: 420px; position: absolute; top: 0px; right:0px;}
.recepcent4 a{color: #333; text-decoration: none;}
.recepcent4 dl{padding: 40px 0px 0px 685px; width:600px; display: block; margin-block-start: 1em; margin-block-end: 1em;margin-inline-start: 0xp; margin-inline-end: 0px;}
.recepcent4 dl dt{ display: block; width: 55px; float: left; padding: 0px 30px 0px 0px; position: absolute; top:0px;}
.recepcent4 dl dt img{width: 55px; height: 55px;}
.recepcent4 dl dd{ width: 520px; float: left; display: block; margin-inline-start: 89px; position: absolute; top:0px;}
.recepcent4 dl dd h5{height: 55px; padding: 0px 0px 30px 0px; font-size: 16px;}
.recepcent4 dl dd h5 i {display: block;font-size: 16px;color: #a9a7a6;font-weight: normal;font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}
.recepcent4 dl dd h5 a {font-size: 32px;color: #467f2e;font-weight: bold;}
.recepcent4 dl dd p{display: block;font-size: 16px; color: #333; line-height: 26px; padding: 12px 0px 0px 25px;background: url(../images/rec_ico.png) no-repeat 0 18px;}
.recepcent4 dl dd span{display: block;width: 127px;padding: 20px 10px 16px 10px;}
.recepcent4 dl dd span a{font-size:16px;padding: 8px 16px 6px 16px; background-color: #467f2e; color:#fff;display:block;width:127px;height: 39px;text-align:center;line-height:39px;overflow: hidden;border-radius:18px;}


.sampleroom{background: url(../images/sample_room_bg_01.jpg) no-repeat center 0;height: 420px;overflow: hidden;display:inline-block;width: 100%;}
.sampleroom .rec_bg1{display: block; width: 640px; height: 420px; position: absolute; top: 0px; right: 0px;}
.sampleroom a{color: #333; text-decoration: none;}
.sampleroom dl{padding: 40px 0px 0px 0px; width:600px; display: block; margin-block-start: 1em; margin-block-end: 1em;margin-inline-start: 0xp; margin-inline-end: 0px;}
.sampleroom dl dt{ display: block; width: 55px; float: left; padding: 0px 30px 0px 0px; position: absolute; top:0px;}
.sampleroom dl dt img{width: 55px; height: 55px;}
.sampleroom dl dd{ width: 520px; float: left; display: block; margin-inline-start: 89px; position: absolute; top:0px;}
.sampleroom dl dd h5{height: 55px; padding: 0px 0px 30px 0px; font-size: 16px;}
.sampleroom dl dd h5 i {display: block;font-size: 16px;color: #a9a7a6;font-weight: normal;font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}
.sampleroom dl dd h5 a {font-size: 32px;color: #467f2e;font-weight: bold;}
.sampleroom dl dd p{display: block;font-size: 16px; color: #333; line-height: 22px; padding: 12px 0px 0px 25px;background: url(../images/rec_ico.png) no-repeat 0 18px;}
.sampleroom dl dd span{display: block;width: 127px;padding: 20px 10px 16px 10px;}
.sampleroom dl dd span a{font-size:16px;padding: 8px 16px 6px 16px; background-color: #467f2e; color:#fff;display:block;width:127px;height: 39px;text-align:center;line-height:39px;overflow: hidden;border-radius:18px;}

.sampleroom2{background: url(../images/sample_room_bg_02.jpg) no-repeat center 0;height: 420px;overflow: hidden;display:inline-block;width: 100%;}
.sampleroom2 .rec_bg2{display: block; width: 640px; height: 420px; position: absolute; top: 0px; left: 0px;}
.sampleroom2 a{color: #333; text-decoration: none;}
.sampleroom2 dl{padding: 40px 0px 0px 685px; width:600px; display: block; margin-block-start: 1em; margin-block-end: 1em;margin-inline-start: 0xp; margin-inline-end: 0px;}
.sampleroom2 dl dt{ display: block; width: 55px; float: left; padding: 0px 30px 0px 0px; position: absolute; top:0px;}
.sampleroom2 dl dt img{width: 55px; height: 55px;}
.sampleroom2 dl dd{ width: 520px; float: left; display: block; margin-inline-start: 89px; position: absolute; top:0px;}
.sampleroom2 dl dd h5{height: 55px; padding: 0px 0px 30px 0px; font-size: 16px;}
.sampleroom2 dl dd h5 i {display: block;font-size: 16px;color: #a9a7a6;font-weight: normal;font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}
.sampleroom2 dl dd h5 a {font-size: 32px;color: #467f2e;font-weight: bold;}
.sampleroom2 dl dd p{display: block;font-size: 16px; color: #333; line-height: 26px; padding: 12px 0px 0px 25px;background: url(../images/rec_ico.png) no-repeat 0 18px;}
.sampleroom2 dl dd span{display: block;width: 127px;padding: 20px 10px 16px 10px;}
.sampleroom2 dl dd span a{font-size:16px;padding: 8px 16px 6px 16px; background-color: #467f2e; color:#fff;display:block;width:127px;height: 39px;text-align:center;line-height:39px;overflow: hidden;border-radius:18px;}

.sampleroom3{background: url(../images/sample_room_bg_03.jpg) no-repeat center 0;height: 420px;overflow: hidden;display:inline-block;width: 100%;}
.sampleroom3 .rec_bg2{display: block; width: 640px; height: 420px; position: absolute; top: 0px; right:0px;}
.sampleroom3 a{color: #333; text-decoration: none;}
.sampleroom3 dl{padding: 40px 0px 0px 0px; width:600px; display: block; margin-block-start: 1em; margin-block-end: 1em;margin-inline-start: 0xp; margin-inline-end: 0px;}
.sampleroom3 dl dt{ display: block; width: 55px; float: left; padding: 0px 30px 0px 0px; position: absolute; top:0px;}
.sampleroom3 dl dt img{width: 55px; height: 55px;}
.sampleroom3 dl dd{ width: 520px; float: left; display: block; margin-inline-start: 89px; position: absolute; top:0px;}
.sampleroom3 dl dd h5{height: 55px; padding: 0px 0px 30px 0px; font-size: 16px;}
.sampleroom3 dl dd h5 i {display: block;font-size: 16px;color: #a9a7a6;font-weight: normal;font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}
.sampleroom3 dl dd h5 a {font-size: 32px;color: #467f2e;font-weight: bold;}
.sampleroom3 dl dd p{display: block;font-size: 16px; color: #333; line-height: 26px; padding: 12px 0px 0px 25px;background: url(../images/rec_ico.png) no-repeat 0 18px;}
.sampleroom3 dl dd span{display: block;width: 127px;padding: 20px 10px 16px 10px;}
.sampleroom3 dl dd span a{font-size:16px;padding: 8px 16px 6px 16px; background-color: #467f2e; color:#fff;display:block;width:127px;height: 39px;text-align:center;line-height:39px;overflow: hidden;border-radius:18px;}

.sampleroom4{background: url(../images/sample_room_bg_04.jpg) no-repeat center 0;height: 420px;overflow: hidden;display:inline-block;width: 100%;}
.sampleroom4 .rec_bg2{display: block; width: 640px; height: 420px; position: absolute; top: 0px; right:0px;}
.sampleroom4 a{color: #333; text-decoration: none;}
.sampleroom4 dl{padding: 40px 0px 0px 685px; width:600px; display: block; margin-block-start: 1em; margin-block-end: 1em;margin-inline-start: 0xp; margin-inline-end: 0px;}
.sampleroom4 dl dt{ display: block; width: 55px; float: left; padding: 0px 30px 0px 0px; position: absolute; top:0px;}
.sampleroom4 dl dt img{width: 55px; height: 55px;}
.sampleroom4 dl dd{ width: 520px; float: left; display: block; margin-inline-start: 89px; position: absolute; top:0px;}
.sampleroom4 dl dd h5{height: 55px; padding: 0px 0px 30px 0px; font-size: 16px;}
.sampleroom4 dl dd h5 i {display: block;font-size: 16px;color: #a9a7a6;font-weight: normal;font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}
.sampleroom4 dl dd h5 a {font-size: 32px;color: #467f2e;font-weight: bold;}
.sampleroom4 dl dd p{display: block;font-size: 16px; color: #333; line-height: 26px; padding: 12px 0px 0px 25px;background: url(../images/rec_ico.png) no-repeat 0 18px;}
.sampleroom4 dl dd span{display: block;width: 127px;padding: 20px 10px 16px 10px;}
.sampleroom4 dl dd span a{font-size:16px;padding: 8px 16px 6px 16px; background-color: #467f2e; color:#fff;display:block;width:127px;height: 39px;text-align:center;line-height:39px;overflow: hidden;border-radius:18px;}

.link_box{position: relative; width: 100%; height: 100%; cursor: pointer;}
.link_box .box_note{position: absolute; width: 100%; height:40px; cursor: pointer; bottom: 0px; left: 0px; background: rgba(0, 0, 0, 0.7); color: #fff; text-align: center;font-size: 16px; line-height: 40px;}
.box_btn{ background-color: #467f2e; color: #fff; font-size: 16px; padding: 6px 16px; margin: 18px 20px 0px 0px; border-radius: 16px; text-align: center;}