/* CSS Document */


/*首页*/
.swiper-pc{ width: 100%; height: 100%; }
.swiper-pc .swiper-slide { width:33.33%; }

.firm-list{ color: #FFF; height: 100%; display:block; }
.firm-bg01{ background: #737373; }
.firm-bg02{ background: #a7a7a7; }
.firm-bg03{ background: #595959; }
.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:5px 0 0 30px; color: #fff; } 
	.firm-list .art_p1 { font-size:24px; width: 100%; line-height: 30px;  /*20180321*/}
	.firm-list .art_p2 { font-size: 18px;       }
	.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 { 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: 31%;}
.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:100%; background: #efefef;}
.aboutLeft img{ width:100%;}
.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:42px; color:#fff; }
.art_title hr{ height:4px; background:#fff; width:120px; margin:10px 0;}

/*历程*/	
.licheng{ width:100%; }
.swiper-wrapper .swiper-slide-lc1{ background:url(../images/licheng_01.jpg) 0 50px no-repeat; background-color:#737373; background-size:100%; height:100vh;}
.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%; }
.swiper-wrapper .swiper-slide-lc2020{ background:url(../images/2020.jpg) 0 50px no-repeat;  background-size:100%; }
.swiper-wrapper .swiper-slide-lc2021{ background:url(../images/2021.jpg) 0 50px no-repeat;  background-size:100%; }
.swiper-wrapper .swiper-slide-lc2023{ background:url(../images/2023.jpg) 0 50px no-repeat;  background-size:100%; }
.swiper-wrapper .swiper-slide-lc2024{ background:url(../images/2024.jpg) 0 50px no-repeat;  background-size:100%; }
.swiper-wrapper .swiper-slide-lc2025{ background:url(../images/2025.jpg) 0 50px no-repeat;  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;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:36px;margin-top: 10px;width: 220px;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%;}
.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:20px;}
.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:10% 0}
.newslist p { height:70px; overflow:hidden}
.newsright{ background:#efefef; 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{ padding-left:50px;}
.reveal-modal img { max-width:900px; height:auto;}
.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: fixed;
    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;}
.caselist a img{ width:100%;}

/*加入我们*/
#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:0 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:100vw 100vh;}

.contactTop{ height:70%; }
.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{ background:url(../images/contact_03.png) no-repeat; display:none; width:144px; height:166px; bottom:50px; left:-50px; position:absolute;}
.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 {
	
}