/* CSS Document */


/*首页*/
.swiper-pc {
    background: #fff;
    width: 100%;
    height: 100%;
}
.swiper-pc .swiper-slide { width:33.33%; position:relative }
.swiper-pc .swiper-slide .img{ width:100%; vertical-align:bottom}
.swiper-pc .swiper-slide .img img{ width:100%; vertical-align:bottom;}
.swiper-pc .swiper-slide>a{ position:absolute; top:0; left:0; width:100%; height:100%;}
.swiper-pc .swiper-slide>a:hover{ background:none}


.firm-list{ color: #FFF; height: 100%; display:block; }
.firm-bg01 {
    background: #0000004f;
}
.firm-bg02 {
    background: #0000004f;
}
.firm-bg03 {
    background: #0000004f;
}
.firm-bg04{ background: #9b9b9b; }
.firm-bg05{ background: #4b4b4b; }
.firm-bg06{ background: #818181; }
.firm-bg07 { background:#efefef}

/*.firm-bg01:hover { background: url(../images/gongjiangshe.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-bg02:hover { background: url(../images/bangmat.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-bg03:hover { background: url(../images/haole.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-bg04:hover { background: url(../images/suipai.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-bg05:hover { background: url(../images/yike.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-bg06:hover { background: url(../images/youpeng.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
*/


.firm-list:hover { -moz-animation: imageIn .3s linear forwards; -webkit-animation: imageIn .3s linear forwards; -o-animation: imageIn .3s linear forwards; animation: imageIn .3s linear forwards }
	
	.firm-list .art_title {    width: 90%;margin: 0 auto;padding: 75px 0 0 10px;color: #fff;}
	.firm-list .art_title_home {  width: 100%; margin:0 auto; padding:80px 0 0 80px; color: #fff; } 
	.firm-list .art_p1 { font-size:34px; width: 100%; line-height: 80px;  /*20180321*/}
.firm-list .art_p2 {
    line-height: 1.5;
    padding: 20px 0;
    border-bottom: 3px solid #fff;
    font-size: 20px;
    width: 80%;
}
	.firm-list .art_p3	{ position: absolute; bottom: 50px; left: 30px;}
	.firm-list .art_logo { width: 100%; display: block; margin-top: 16px; }
	.firm-list .art_logo:hover { -moz-animation: huxiimg 1s linear forwards; -webkit-animation: huxiimg 1s linear forwards; -o-animation: huxiimg 1s linear forwards; animation: huxiimg 1s linear forwards }
        .firm-list .art_logo img {
            height: 50px;
            display: block;
            margin-bottom: 12px;
        }
	.firm-list .art_title a{ color: #fff;  }

	 @keyframes animatedBackground {
		 from {
		 background-position: right center
		}
		 to {
		 background-position: center center
		}
		}
		 @-moz-keyframes animatedBackground {
		 from {
		 background-position: right center
		}
		 to {
		 background-position: center center
		}
		}
		 @-webkit-keyframes animatedBackground {
		 from {
		 background-position: right center
		}
		 to {
		 background-position: center center
		}
		}
		 @-o-keyframes animatedBackground {
		 from {
		 background-position: right center
		}
		 to {
		 background-position: center center
		}
	}
 
.index_business  { width:100%;  padding:0 60px;}


.index_business h3{ color:#d6001d; margin:30px 0; font-size:70px; background:url(../images/h_3.jpg) top left no-repeat; text-indent:-9999px; height:52px; line-height:52px;}

.businessleft{ width:100%;}
.businessright{ width:58%;}
.businessleft, .businessright{  margin-top:10px;}
    .businessleft ul li {
        float: left;
        width: 24%;
        margin: 8px;
    }
.businessleft ul li + li { /*margin-left:3.5%*/}
.businessleft img, .businessright img{ width:100%;}
.businessright ul li{ width:44%; float:left; padding-left:20px; text-align:center; font-size:24px; margin-left:6%;}
.businessright ul li img{ margin-bottom:20px;}


/*关于我们*/	
#about { margin-top:50px;}
.aboutLeft {
    width: 40%;
    float: left;
    height: 100vh;
    background: #efefef;
}
.aboutLeft img{width:100%;height:auto;object-fit: cover;}
.aboutLeft h3{ color:#d6001d; margin:45px 0 35px 55px; font-size:70px; font-weight: 600;}
.aboutLeft h5{ margin-bottom:24px; font-size:18px; line-height:30px; padding:0 0 0 52px}
.aboutLeft p{ margin-bottom:13px; padding:0 120px 0 52px;}
.aboutRight{ width: 60%; position: relative; height: 100vh; float: left;}

.swiper-slide1{ width:50%; height:50vh;} 
.firm-bg01_1:hover{ background-color:#737373; background-image:none;} 
.firm-bg02_1:hover{ background-color:#a7a7a7; background-image:none;}
.firm-bg04_1:hover{ background-color:#9b9b9b; background-image:none;} 
.firm-bg05_1:hover{ background-color:#4b4b4b; background-image:none;}
.firm-list .art_p1big{ font-size:42px;display:inline-block; line-height:66px; color:#fff; }
.art_title hr{ height:4px; background:#fff; width:120px; margin:10px 0;}

/*历程*/	
.licheng{ width:100%; }
.swiper-wrapper .swiper-slide-lc1{background-color:#737373; background-size:100%; height:100vh;}
.swiper-wrapper .swiper-slide-lc1 img{ width:100%; height:100%}
/*.swiper-wrapper .swiper-slide-lc2{ background:url(../images/licheng_02.jpg) 0 50px no-repeat; background-color:#a7a7a7; background-size:100%; }
.swiper-wrapper .swiper-slide-lc3{ background:url(../images/licheng_03.jpg) 0 50px no-repeat; background-color:#4b4b4b; background-size:100%; }
.swiper-wrapper .swiper-slide-lc4{ background:url(../images/licheng_04.jpg) 0 50px no-repeat; background-color:#9b9b9b; background-size:100%; }
.swiper-wrapper .swiper-slide-lc5{ background:url(../images/licheng_05.jpg) 0 50px no-repeat; background-color:#737373; background-size:100%; }
.swiper-wrapper .swiper-slide-lc6{ background:url(../images/licheng_06.jpg) 0 50px no-repeat; background-color:#a7a7a7; background-size:100%; }
.swiper-wrapper .swiper-slide-lc7{ background:url(../images/licheng_07.jpg) 0 50px no-repeat; background-color:#4b4b4b; background-size:100%; }
.swiper-wrapper .swiper-slide-lc8{ background:url(../images/licheng_08.jpg) 0 50px no-repeat; background-color:#9b9b9b; background-size:100%; }
.swiper-wrapper .swiper-slide-lc9{ background:url(../images/licheng_09.jpg) 0 50px no-repeat; background-color:#737373; background-size:100%; }*/

	
/*团队*/	
.team{ width:100%; height:100vh; background: url(../images/team_02.jpg) top center no-repeat; background-size:cover;}
.swiper-team{ width:100%; height:100%; color:#333; }
.leader{ width:50% !important; float:left; height: 100%;}
.leader img{ width:100%; height: auto;}

.teambg{ width:100%; height:100%; position:relative; background:ragb( 255, 255, 255, 0.8); }

.mydiv {z-index:999;  position:absolute;
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}

.bg,.popIframe { background-color: #666; display:none; width: 100%; height: 100%; left:0; top:0;/*FF IE7*/ filter:alpha(opacity=50);/*IE*/ opacity:0.5;/*FF*/ z-index:1; position:fixed!important;/*FF IE7*/ position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/* www.codefans.net IE5 IE5.5*/}

.popIframe { filter:alpha(opacity=0);/*IE*/ opacity:0;/*FF*/}

.mydiv{ position: absolute;z-index: 888;top: 0; left:0; background:rgba(0, 0, 0, 0.8) repeat !important;/*实现FF背景透明，文字不透明*/ filter:Alpha(opacity=80); background:#000;/*实现IE背景透明*/ width:100%; height:100%;}
.movie { width:60%; height:auto; margin:0 auto; background:#f8f8f8; left:20%; top:15%; position:absolute;}
.movie2 { width:800px; height:auto; margin:0 0 0 -400px; background:#f8f8f8; left:50%; top:15%; position:absolute; padding:40px; }
.movie img { float:left; margin-right:30px;}
.movie2 img { float:right;}
.movie h6 { color:#d6001d; margin:80px 0 20px; font-weight:bold; font-size:24px;}
.movie2 h6 { color:#d6001d;  font-weight:bold; font-size:24px; margin-bottom:10px}
.movie h6 span, .movie2 h6 span{ font-size:12px; border-left:2px solid #d6001d; padding-left:10px; margin-left:10px; color:#333;}
.movie p{ color:#333; font-weight:normal; margin-bottom:20px; padding:0 30px;}
.movie2 p { color:#333; font-weight:normal;}
.movie a, .movie2 a{ float:right; display:inline; padding:5px;}
.movie a img, .movie2 a img{ margin-right:0;}
.movie2 .more { width:100%; display:inline-block} 
.movie2 .an { background:#ddd; padding:5px 10px; margin-top:20px; border-radius:5px;}

.teamlist ul{ margin-bottom:0;}
.teamlist ul li{ width:25%; height:47.5vh; float:left; cursor:pointer; position:relative; background-size:cover !important;}
.teamlist ul li:hover div{ display:block;}
.zhiwei{ background:rgba(0, 0, 0, 0.4) none repeat!important;/*实现FF背景透明，文字不透明*/ filter:Alpha(opacity=40); background:#000;/*实现IE背景透明*/ color:#fff; width:100%; height:100%; display:none; position:absolute; left:0; bottom:0; animation: 2s opacity 0s 1; -webkit-animation: 2s opacity 0s 1;-moz-animation: 2s opacity 0s 1; }
       @keyframes opacity{
            0%{opacity:0}
            100%{opacity:1;}
        }
        @-webkit-keyframes opacity{
            0%{opacity:0}
            100%{opacity:1;}
        }
        @-moz-keyframes opacity{
            0%{opacity:0}
            100%{opacity:1;}}
.zhiwei h4{ font-size:18px; text-align:center; padding-top:70%;}
.zhiwei h4 span{ font-size:16px; border-left:1px solid #fff; padding-left:10px; margin-left:10px;}

/*业务*/	
.business{ background:#efefef;}
.business_b { height:8%; padding:0 0 0 60px; margin:35px 0 0 0;}
.business_b h2{ font-size:40px; color:#d6001d; padding:0 15px 0 0; margin:0 15px 0 0;  font-weight:bold; display:inline-block;border-right:3px solid #d6001d; height:40px; line-height:40px;}
.business_b h4{ font-size:28px;  font-weight:normal;display:inline-block;color:#d6001d; padding:0; margin:0;  vertical-align: text-bottom}
.business_b p { margin-top:30px;}
.business_box{ width:100%; height:88%;}
.swiper-pc .swiper-slide2 { width:50%;}
.swiper-wrapper2{ height:100%;}
.business-bg01:hover{ background:url(../images/business_02.jpg) no-repeat; background-size:cover;}

.business-bg01:hover .art_title, .business-bg01:hover .art_p4,
.business-bg02:hover .art_title, .business-bg02:hover .art_p4,
.business-bg03:hover .art_title, .business-bg03:hover .art_p4,
.business-bg04:hover .art_title, .business-bg04:hover .art_p4 { color:#fff;}

.business-bg02:hover{ background:url(../images/business_03.jpg) no-repeat; background-size:cover;}
.business-bg03:hover{ background:url(../images/business_04.jpg) no-repeat; background-size:cover;}
.business-bg04:hover{ background:url(../images/business_05.jpg) no-repeat; background-size:cover;}
.firm-list .art_p1-1{ font-size:48px; line-height:50px; color:#333;}
.firm-list .art_p2-1{ font-size:40px;margin-top: 10px;width: 160px;border-top: 4px #333 solid;padding-top: 15px; color:#333; line-height:initial; margin-bottom:50px;}

.business-bg01:hover .art_p1-1,
.business-bg02:hover .art_p1-1,
.business-bg03:hover .art_p1-1,
.business-bg04:hover .art_p1-1{color:#333;}

.business-bg01:hover .art_p2-1,
.business-bg02:hover .art_p2-1,
.business-bg03:hover .art_p2-1,
.business-bg04:hover .art_p2-1 {border-top: 4px #333 solid; color:#d6001d;}

.firm-list .art_p4{ margin-top:30px; color:#d00}
.firm-list .art_p4 span { display:inline-block; font-size:30px; width:250px; height:70px; line-height:70px; text-align:center; border:2px solid #d00;}
.firm-list .art_p4 span + span { margin-left:10px;}
.firm-list .art_p5 { margin:40px 0 20px 0; font-size:20px; color:#333; font-weight:bold;}
.firm-list .art_p6 { font-size:18px;color:#333; line-height:30px;}

.business-bg01:hover .art_p5, .business-bg01:hover .art_p4,  .business-bg01:hover .art_p6,
.business-bg02:hover .art_p5, .business-bg02:hover .art_p4,  .business-bg02:hover .art_p6,
.business-bg03:hover .art_p5, .business-bg03:hover .art_p4,  .business-bg03:hover .art_p6,
.business-bg04:hover .art_p5, .business-bg04:hover .art_p4,  .business-bg04:hover .art_p6 { display:none;}


.business2{ background:#fff !important;}
.service{ width:100%; background:url(../images/business_06.jpg) center center no-repeat; background-size: auto 100%;}

.business-bg05{ background:url(../images/business_11.jpg) center top no-repeat; background-size:100% auto; background-color:#fff;}
.business-bg06{ background:url(../images/business_12.jpg) center top no-repeat; background-size:100% auto;}
.business-bg07{ background:url(../images/business_13.jpg) center top no-repeat; background-size:100% auto;background-color:#fff;}


/*同行*/
.walkTop, .walkBox{padding-left:60px;min-height:15%;margin-top: 2%;}
.walkTop h2{ font-size:30px; color:#d6001d; font-weight:bold; margin-bottom:20px;}
.walkBox h2{font-size:24px;color:#d6001d;font-weight:bold;margin-bottom: 21px;}
.walkBox h2 span{ font-size:16px; border-left:2px solid #d6001d; padding-left:10px; margin-left:10px; font-weight:normal;}


.walkList ul li{ float:left; padding:15px 0;  text-align:center; background:#737373; color:#fff; cursor:pointer; }
.walkList .list01 li{ width:15%; margin-right:1%;transition:0.5s}
.walkList a{ color:#fff; font-size:16px;}

.walkList .listup, .walkList .listdown{ position:relative;transition:0.5s}
.walkList .listup:hover div{ display:block;transition:0.5s }
.walkList .listdown:hover div{ display:block;}
.list01_box{ width:100%; position:absolute; display:none;  background:#4b4b4b; padding:20px; left:0; text-align:left; top:52px; z-index:9999;}
.list01_box1{ bottom:52px; z-index:9999; top:auto;}

/*æ–°é—»*/	
#news { margin-top:50px}
.newsleft { background:#fff; }
.newsleft p { padding-left:40px !important; height:70px; overflow:hidden}
.newsleft h4{ margin:60px 0 20px; font-size:24px; padding:0 40px;}
.newsleft span{ display:block; color:#999; margin-bottom:20px; padding:0 40px;}
.newsleft a, .newslist a { color:#d6001d; float:right; height:21px; background:url(../images/news_10.png) no-repeat; padding:0 30px; margin:20px 0;}
.newsleft  h4 a, .newslist h4 a { color:#333; float: none; height: auto; background: none; padding:0; margin:0;}
.newsleft  h4 a:hover, .newslist h4 a:hover { color: #d6001d; }
.newslist { margin:5% 0}
.newslist p { /*height:70px;*/ overflow:hidden}
.newsright{ background:#fff; padding:0px 5% 0 7%;}
.newsright h4{ background:url(../images/news_06.png) no-repeat; padding-left:50px;font-size: 24px;margin-bottom: 20px;}
.newsright span{ padding-left:50px; display:inline-block; margin-bottom:10px}
    .newsright p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        padding-left: 50px;
    }
.reveal-modal img { max-width:900px; height:80px;}
.newsbox{ margin-top:150px;}
.newsbox h2{ color:#d6001d; margin-bottom:20px; text-align:center;}
.newsbox h6{ color:#666; margin-bottom:50px; text-align:center;}
.newslink {
    position: absolute;
    z-index: 999;
    bottom: 50px;
    left: 0px;
    width: 100%;
    display: block;
    text-align: center;
}
.newslink a { padding:10px 20px; color:#ccc; border:1px #ccc solid; border-radius:5px; margin:0 20px; transition:0.3s}
.newslink a:hover { color: #f00; }

/*视频*/	
#video {padding-top: 50px;}
.videoleft{ width:40%; float:left; height:100%;}
.videoleft img{ width:100%; margin-bottom:50px;}
.videoleft h4{ font-size:24px; padding-left:50px; margin-bottom:20px;}
.videoleft p{ padding:0 50px; color:#666;}
.videoright{ width:60%; position: relative; height: 100vh; float:left;}
.videoright{ background:#efefef; padding:0px 5% 0 7%;}
.videolist { margin:10% 0;}
.videolist img{ float:left; margin-right:50px;}
.vlist_r{ overflow: hidden;}
.vlist_r h4{ font-size:24px; line-height:36px;margin-bottom:10px;}
.vlist_r p{ color:#666; max-height:65px;}



/*投资案例*/
.case{ padding-top:50px;}
.caselist{ width:14.28%; float:left;    padding: 10px;  box-sizing: border-box;}
.caselist>a{ width:100%; height:178px; display: flex; justify-content: center;  align-items: center;    border: 1px solid #ccc; box-sizing: border-box;}
    .caselist > a img {
        width: 100%;
        height: 80px;
        object-fit: contain;
    }
/*加入我们*/
#join{ padding-top:50px;}
.joinLeft{ width:40%; float:left; height:100%;}
.joinLeft img{ width:100%;}
.joinLeft h3, .joinLeft h5, .joinLeft h6, .joinLeft p{ padding:0 50px;}
.joinLeft h3{ color:#d6001d; margin:45px 0 30px 0; font-size:40px;}
.joinLeft h5{ color:#d6001d; margin-bottom:24px; font-size:18px; line-height:30px;}
.joinLeft h6{ margin:40px 0 20px; font-size:18px; line-height:30px;}
.joinLeft p{ margin-bottom:30px;}
.joinRight{ width:60%; background:#efefef; height:100vh; float:left; background:url(../images/join_15.jpg) center center no-repeat; background-size:100% 100%;}

.tongx_message dl { border-bottom:1px #eee solid; margin-bottom:20px; padding-bottom:20px}
.tongx_message dl dt { display:inline-block; width:100px; text-align:right; padding-right:20px;}
.tongx_message dl dd { display:inline-block; width:400px; text-align:left;}
.tongx_message dl dd  input { border:1px #ccc solid; border-radius:3px; width:90%; margin-right:10px;}
.tongx_message dl dd  span { color:#F00}
/*联系我们*/
#contact { margin-top:50px; height:100%;}
.contact{  background:url(../images/bg.jpg) no-repeat; background-size:cover;}

.contactTop {
    height: 70%;
    margin-bottom: 50px;
}
.contactTop .title{ position: relative; z-index: 2; font-size:70px; color: #d6001d; padding-top:30px; padding-left:56px; }
.contactTop h3{ padding-left:60px; font-size:26px; }
.contactTop .listBox{ padding-top:80px; }
.contactTop .listBox .list{ width:300px; height:300px; border: 1px solid #e6e6e6; border-radius:100%; text-align:center; background:#e6e6e6; margin:0 auto;}
.contactTop .listBox .p01{ font-size:32px; margin-top:80px; line-height:50px;}
.contactTop .listBox .p02{ font-size:16px; width:94%; display:inline-block;  padding-top:6px; margin-top:6px; color:#333; line-height:30px;}
	
.contactBot{ height:30%; padding-left:140px;}
.erweima{ }
.add li{ float:left; font-size:14px; margin-right:4.6%; padding:0; position:relative;}
.weixin{ text-align:center; margin-right:0 !important}
.add li:hover div{ display:block;}
@media (max-width:1680px) { 
.contactBot{ height:30%; padding-left:2%;}
}
@media (max-width:1200px) and (min-width:768px) 
{
     .teamLay{  width: 80%; }   
}


@keyframes huxitm {
	
}
.inside_con{ padding:10px 57px; min-height:300px;}

.con8{     width: 100%;
    padding: 0 60px;}
.con8 img{ float:left; width:40%;}
.c8_right{ float:right; width:56%;}
.c8_right h2{ font-size:24px; color:#000; font-weight:normal; padding-bottom:10px;}
.c8_right h3{ font-size:16px; font-weight:normal; padding-bottom:30px;}
.c8_right .about{ font-size:14px; line-height:24px;}



.hou01{    width: 100%;
    padding: 0 60px;
}
.hou01 ul li{ float:left; display:block; width:calc((100% - 60px)/4); margin-right:20px; margin-top:20px; position:relative}
.hou01 ul li:nth-child(4n) {
    margin-right: 0% ;
}
.hou01 ul li a{ display:block;}
    .hou01 ul li a .img {
        height: 340px;
        width: 100%;
        padding-top: 50%
    }
.hou0101{position:absolute;top:0;left:0;width:100%;height:100%;/*background: #00000059;*/color:#fff;display: flex;justify-content: center;align-items: flex-end;opacity:0;box-sizing: border-box;padding: 5%;}
.hou0101 em{font-style:normal;font-size: 15px;margin:0 4px;display:inline-block;}
.hou01 ul li:hover .hou0101{ opacity:1}
@media only screen and (max-width: 980px) {
.businessleft ul li{ float:none; display:block; width:100%; margin-right:0; margin-left:0 !important;}

.aboutLeft{ float:none; display:block; width:100%; height:auto;}
.aboutRight{ float:none; display:block; width:100%; height:auto; padding-top:1%; padding-bottom:1%}
.aboutRight .swiper-slide1{ float:none; display:block; width:100%}
.aboutLeft h3{ font-size:24px;padding:0 0 0 5%; margin:5% 0 0 0 }
.aboutLeft h5{ font-size:14px;padding:0 0 0 5%;}
.aboutLeft p{ padding:5%;}
.caselist{ width:33.33%;}
.case{ width:100%}
.index_main{ width:100%}
.movie2{ width:100%}


.newslist{ padding:10% 0;}
.videoleft{float:none; display:block; width:100%; height:auto;}
.videoright{float:none; display:block; width:100%; height:auto;}
.videolist img{float:none; display:block; width:100%; height:auto;}
.walkTop, .walkBox{ padding-left:5%; padding-right:5%}
.walkList .list01 li{ width:48%}
#walk{ height:auto; min-height:inherit}
.contactTop .title{ padding-left:5%; font-size:40px}
.contactTop h3{padding-left:5%;}
 .con8{ padding:0 5%}
   .con8 img{ float:none; width:100%; padding:15px 0px;}
    .c8_right{ float:none; width:100%;}

.hou01 ul li{  width:calc((100% - 5%)/2); margin-right:5%; margin-top:5%}
.hou01 ul li:nth-child(2n) {
    margin-right: 0% ;
}
.hou01{ padding:0 5%}
}