*{ padding:0px; margin:0px; list-style-type: none; outline:none; }
a {
    color: #000;
	text-decoration: none;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
}

a:hover {
    color: #f08300;
}

body{ color: #4B4948; min-width:1300px;  font-family: "Microsoft YaHei",Helvetica Neue, Helvetica, Arial, sans-serif;background: #fafafa;}
.header {
    position: fixed;
    top: 0;
    height:90px;
    width: 100%;
    z-index: 10000;
	background:#fff;
}


.biaoyu{ display:none; } 

.nav .nav_two{ display:none;}




@media screen and (min-width: 640px){
	
	.header {     min-width: 1300px; }
	.header.headerindex{ background:linear-gradient(rgba(0, 0, 0, 0.69) 0%, rgba(0, 0, 0, 0) 100%); box-shadow: none;    }
	.header.headerindex .logo{background: url(../images/logothree.png) no-repeat 0px 10px;}
	.header.headerindex .logo img{opacity:0; }
	
	
	.header.headerindex .nav a{ color:#fff;  }
	.header.headerindex .nav a.active{ color: #f08300; }
	
	
	.nav_two {  background: #fff;  z-index: 100; position: absolute; top:37px; left:-70px; width: 254px; 
		
		transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
	}
	.nav li{ position: relative; }
	.nav li:hover .nav_two { display: block; padding-top: 10px; padding-bottom: 20px;}
	.nav .nav_two li a { color:#000; width: 100%; margin: 0px;  text-align: center; height: auto;  line-height:37px;  font-size: 14px; font-weight: normal; text-indent: 0px; display: block;}
	.nav .nav_two li{width:100%;}
	
	.header.headerindex .nav .nav_two li a { color:#fff; }
	.header.headerindex .nav .nav_two li a:hover{ color:#f08300 }
	.header.headerindex .nav li:hover .nav_two{ background:none; }
	
	
	
	
	.scroll{ border: 2px solid #fff; height: 40px; width: 20px; border-radius: 30px; position: absolute; bottom: 50px;  z-index: 6; left: 50%; margin-left: -10px;}
	.scroll span{     height: 10px; width:1px; background: #fff; display: block; margin: 0 auto; }
	.scroll em{ height: 10px; width:3px; background: #fff; display: block; margin: 0 auto;
	
		-moz-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		
		-webkit-animation: line1Beforeaa 1.5s infinite alternate;
		animation: line1Beforeaa 0.5s infinite alternate;
		
	}
	
	@keyframes line1Beforeaa
	{
		from {margin-top:5px;}
		to {margin-top:15px;}
	}
	
	
	
	.icon-container{ display:none; }
	
	.shuzi{ padding:65px 0px; margin-top:0px; }
	
	.shuzi ul {margin: 0 auto;width:96%;overflow: hidden;display:flex;}
	.shuzi ul li{ width:25%; text-align: center; position:relative; }
 
	.shuzi ul li:nth-child(1){ width:32%; }
	.shuzi ul li:last-child{ width:23%;}
	.shuzi li span {display: block; font-size:16px; color: #888; }
	.shuzi li span:nth-child(1) { font-size:55px; font-family: 'HELVETICANEUELTPRO-THEX'; color: #6b6b6b; font-weight: 100;}
	
	.shuzi ul li i,.shuzi ul li em{font-style:normal;}
	.shuzi ul li em{ font-size: 14px; display: inline-block;  vertical-align: text-top; }
	
	 
	.case{ padding:65px 0px; background: #FFFFFF;  box-shadow: 0 2px 4px 0 #F0F0F0;  margin-top: 20px; position:relative; overflow:hidden}
	.case .case_style{ float:left; position:relative; }
	.case h2{ float:left; }
	.case .mord{ float:left; }
	
	.case .case_a{ width:520px; margin:0 auto; display: flex; }
	.case .case_a .case_style,.case .case_a .more{width:30%; margin-top:5px; font-size:14px;}
	
	.case .case_a .case_style p::after { content: ' ';  height: 5px; width: 5px;  display: inline-block; transform: rotate(45deg); border-bottom:1px solid #8c8c8c; border-right:1px solid #8c8c8c;  margin-left: 7px; margin-top: 0px;     vertical-align: super;}
	
	
	.case .case_a .case_style .case_style_sel{ display:none; position: absolute; border: 1px solid #f1f1f1;  padding: 10px 15px;  width: 300px; background: #fff; top: 30px; z-index: 5; border-radius: 5px;}
	.case .case_a .case_style .case_style_sel::before{ display:block; content: " "; position: absolute;width: 15px; height: 15px; border: 1px solid #f1f1f1; border-bottom: none; border-right: none; transform: rotate(45deg); top:-8px; left: 20px; z-index: 6; background: #fff; }
	
	
	.case .case_a .case_style .case_style_sel a{ margin: 6px; display: inline-block; }
	
	
	.case .case_a .more{ text-align:right;}
	.case .case_a .more a{color: #B4A078;}
	.case .case_a h2{width:40%; text-align:center; font-weight:400 }
	
	.case .case_a.case_a_team h2{  width: 70%; text-align: left; }
	
	.classic-swiper2 { width: 100%;  padding-top: 50px; padding-bottom: 30px;  padding-bottom: 20px; }
	.classic-swiper2 .swiper-slide{border:1px solid #f1f1f1; border-radius:10px;   }
	.classic-swiper2 .swiper-slide .pic{position: relative; height:200px; border-top-left-radius:10px; border-top-right-radius:10px; overflow: hidden; -moz-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
										-o-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
										-webkit-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
										transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);}
	.classic-swiper2 .swiper-slide .pic img{ display:block; width:100%; height:auto; position:absolute; bottom:0; min-height:100%;}
	
	
	
	.classic-swiper2 .swiper-button-next,.classic-swiper2 .swiper-button-prev,.classic-swiper3 .swiper-button-next,.classic-swiper3 .swiper-button-prev {font-family: "iconfont" !important;  width: 38px;  height: 38px; left:50%; margin-left: -70px; bottom: 110px; top: auto; }
	
	
	.classic-swiper2 .swiper-button-prev,.classic-swiper3 .swiper-button-prev{ margin-left:50px; }
	
	.classic-swiper2 .swiper-button-next::after ,.classic-swiper2 .swiper-button-prev::after,.classic-swiper3 .swiper-button-next::after ,.classic-swiper3 .swiper-button-prev::after{ display:none; }
	
	.classic-swiper2 .swiper-button-next::before,.classic-swiper3 .swiper-button-next::before {
    font-size: 32px;
    position: relative;
    z-index: 10;  content: "\e62d";  transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);     border: none;
    background: none;
    margin-top: 0; height: auto;     text-align: center; color: #7d7d7d; margin-top: 2px;
	}
	
	.classic-swiper2 .swiper-button-prev::before,.classic-swiper3 .swiper-button-prev::before {
    font-size: 32px;
    position: relative;
    z-index: 10;  content: "\e62c";  transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);     border: none;
    background: none;
    margin-top: 0; height: auto;     text-align: center; color: #7d7d7d; margin-top: 2px;
	}
	
	
	
	
	
 
	.newsBtnBg {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  border-radius: 50%; background-image: linear-gradient(125deg,#B4A078,#d8c7a6); opacity: 0; transition: all .3s ease;}
	.classic-swiper2 .swiper-button-next:hover .newsBtnBg,.classic-swiper2 .swiper-button-prev:hover .newsBtnBg,.classic-swiper3 .swiper-button-next:hover .newsBtnBg,.classic-swiper3 .swiper-button-prev:hover .newsBtnBg { opacity: 1;}
	.classic-swiper2 .swiper-button-next:hover::before,.classic-swiper2 .swiper-button-prev:hover::before,.classic-swiper3 .swiper-button-next:hover::before,.classic-swiper3 .swiper-button-prev:hover::before{ color:#fff; }
	
	
	
	
	
	
	
	.classic-swiper2 .swiper-slide h2{ display:block; float:none; text-align: center; font-weight:400; font-size: 16px; line-height: 45px; margin-top:25px;
	position: absolute;
    width: 100%;
	-moz-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
		
	}
	.classic-swiper2 .swiper-slide span{ display:block; text-align:center; font-size:14px; color: #999999; position: absolute; width: 100%;  margin-top:65px; 
	-moz-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.classic-swiper2 .swiper-slide a{ display:block; position: relative;     padding-bottom: 130px; -moz-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
										-o-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
										-webkit-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
										transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);}
	.classic-swiper2 .swiper-slide i{ display: block;  position: absolute; top: 100%; width:25px; margin-top:-15px; opacity:1; left: 50%; margin-left: -15px;
									    -moz-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
										-o-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
										-webkit-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
										transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	
	}
	.classic-swiper2 .swiper-slide i img{width:100%;}
	.classic-swiper2 .swiper-slide.swiper-slide-active{opacity:1; border:none; }
	.classic-swiper2 .swiper-slide.swiper-slide-active .pic{ height:330px; border-radius:10px;   }
	.classic-swiper2 .swiper-slide.swiper-slide-active .pic::after{ content:''; display:block; background:#000; opacity:0.2; width:100%; height:100%;  }
	.classic-swiper2 .swiper-slide.swiper-slide-active a{ padding-bottom:0px; }
	.classic-swiper2 .swiper-slide.swiper-slide-active h2{ top: 50%;     font-size: 20px;  color: #fff; margin-top:0; }
	.classic-swiper2 .swiper-slide.swiper-slide-active span{  top: 45%;  color: #fff; }
	.classic-swiper2 .swiper-slide.swiper-slide-active i{  margin-top: -85px; opacity:1; }
	
	
	.case_type{ width:90%; margin:0 auto; margin-top: 80px; }
	.case_type ul{ width:100%; text-align:center;}
	.case_type ul li{ display:inline-block; margin: 0px 18px; }
	.case_type ul li a{ font-size:14px; color: #999999; }
	
	
	
	.team{ padding:65px 0px; background:none;  margin-top: 20px; position: relative; }
	
	.team .classic-swiper3 .swiper-button-next, .team  .classic-swiper3 .swiper-button-prev { bottom:190px; top: auto;}
	
	
	.team .ui-tab {width:200px;height:45px;display: flex;justify-content: flex-start;margin: auto;border: 1px #b0a07d solid;border-radius: 5px;}
	.team .ui-tab > li { width:100%; height: 100%; text-align: center; line-height:45px; border-right: 1px #b0a07d solid; position: relative;}
	.team .ui-tab .activeTC {  background: #B4A078; color: #fff;}
	.team .ui-tab > li:first-child {border-radius: 5px 0 0 5px;}
	.team .ui-tab > li > img { width: 10px; height: auto; position: absolute;left: 50%; bottom: -6px; margin-left:-7px; display:none; }
	.team .ui-tab .activeTC > img { display: block;}
	
	.team .shuzi{padding-bottom: 0; margin-top: 70px;}
	
	.team .shuzi li{    width: 38%;}

	.classic-swiper3{ overflow:hidden; margin-top:50px; }
	
	.classic-swiper3 .swiper-slide{ border-radius:15px; overflow:hidden; transform:scale(0.9,0.9); opacity:0.6;  -moz-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
										-o-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
										-webkit-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
										transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);}
	.classic-swiper3 .swiper-slide.swiper-slide-active{ transform:scale(1,1); opacity:1}
	
	.classic-swiper3 .swiper-slide .team_pic{ width:100%; height:auto; display:block; }
	.classic-swiper3 .swiper-slide a{ display:block; position: relative}
	.classic-swiper3 .swiper-slide .team_txt{ position:absolute; font-size: 16px; left:30px; top: 90px; color:#fff; }
	.classic-swiper3 .swiper-slide .team_txt span{ display:inline-block; background:#fff;border-radius:50%; height:25px; width:25px; text-align:center; line-height:25px;}
	.classic-swiper3 .swiper-slide .team_txt span img{ width: 65%; }
	.classic-swiper3 .swiper-slide .team_txt p{ font-size: 14px; margin-top:20px; line-height: 22px; }
	
	
	
	.step{     padding:65px 0px;  background: #FFFFFF;  margin-top: 20px; }
	.step h2{     width: 40%;  text-align: center; font-weight: 400; margin:0 auto; }
	.step ul{ overflow:hidden; text-align:center;      width: 80%;  margin: 0 auto; margin-top:40px;}
	.step ul li{ display:inline-block; width:14%; margin-top:20px; margin-bottom:20px; position: relative; }
	
	.step ul li::after{     content: ' '; height:8px; width:8px; display: inline-block; transform: rotate(-45deg); border-bottom:2px solid #a9a9a9; border-right: 2px solid #a9a9a9; margin-left: 7px;  margin-top:25px; position: absolute; top: 17px; left: 91%; }
	
	.step ul li:last-child::after{ display:none;}
	
	.step ul li span{ display:block; font-size:18px; }
	.step ul li img{ display:block; margin:0 auto; margin-bottom:10px; width:70px; }
	
	.news{padding:65px 0px;  background: #FFFFFF; padding-top:0; }
	
	.news h2{  width: 40%;  text-align: center; font-weight: 400; margin:0 auto; }
	
	
	
	.classic-swiper4{ overflow:hidden; margin-top:50px;}
	.classic-swiper4 .swiper-slide{ overflow:hidden}
	.classic-swiper4 .swiper-slide img{width:100%; height:280px;}
	.classic-swiper4 .swiper-slide h3{ font-weight: 500; font-size: 16px; color: #fff; color: #6b6b6b; margin: 15px 0px; }
	.classic-swiper4 .swiper-slide p{font-size: 13px; line-height: 22px; color: #a8a8a8;}
	
	 
	
	.footer{   padding: 45px 0px;    box-shadow:none; margin-top: 20px; padding: 45px 5%; padding-bottom:20px; }
	.footer .yuye{ color: #545454; text-align:center; }
	.footer .yuye span{display: block; font-size: 12px; color: #999;}
	
	.footer .contactinfo{font-size:12px; margin-top:35px;}
	.footer .contactinfo .name{ color: #545454; font-weight:500; margin-bottom:10px; text-align:center;}
	.footer .contactinfo p{color: #999; line-height:20px; line-height: 26px; text-align: center; }
	.footer .contactinfo p.tel{ display:none; }
	.ellipsis{ background-color: #f6f6f6; color: #666; font-size:12px; line-height:40px; padding:0 5%; text-align:center;}
	
	
	
	.ly{ background:#fff; padding:30px 5%;  }
	.ly h3{ font-weight:400; text-align:center; line-height:120px;     letter-spacing: 3px;}
	
	.ly_from{ margin-top:20px; width:500px; margin:0 auto; }
	.ly_from span{ display:block}
	.ly_from input[type=text] , .ly_from select {font-size: 14px;width: 98%;margin-right: 0;margin-bottom: 10px;	border: 1px solid #f1f1f1; height: 30px; text-align: left; padding: 5px;}
	.ly_from select{ width: 100%; padding: 11px;  height: 45px;  padding-left: 1px; color: #6f6f6f;     background: none; }
	.ly_from textarea {border: 1px solid #f1f1f1; padding: 5px; height:100px; width:98%;  }
	.btntj { border:none; width: 250px; text-align: center; background: #afafaf; color: #FFF;   display: block; margin: 0 auto; cursor: pointer; line-height: 50px;width: 150px; float: none;margin:0 auto; margin-top:20px;}
	
	
	.er_menu{ margin-top:0; background:url(../images/bannerpc.jpg) no-repeat center bottom; border-bottom:1px solid #f1f1f1; padding-top:300px; }
	.er_menu ul{     display: flex; width: 100%;  margin: 0 auto;  background: #fff; }
	.er_menu ul li{ flex:4; }
	.er_menu ul li a{ display: block; text-align: center; color: #6b6b6b; height:80px; line-height:80px;  position: relative; font-size:16px; -moz-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    	    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s; }
	.er_menu ul li a.hover,.er_menu ul li a:hover{ color: #000; font-size:22px; }

	
	
	.er_menu ul li a.hover::after,.er_menu ul li a::after{ content: " "; bottom: 0; width: 16px; display: block; height: 2px;  margin: 0 auto; margin-top: -2px;  background: #ffb25a;
    	-moz-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    	-o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
   		-webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    	transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.er_menu.er_menutwo ul li a{   }
	
	.er_menu ul li a::after{ width:0px; }
	.er_menu ul li a:hover::after{ width: 16px;  }
	
	
	.ts{ background:#fff; padding:65px 5%; min-height:400px; }
	
	.ts.tstwo ul li{ width:25% }
	
	.ts ul{ overflow:hidden; width:1000px; margin:0 auto; padding-top: 100px;}
	.ts li{ float:left; text-align: center;  margin-bottom: 30px;  font-size: 16px;  color: #818181;  position: relative; padding-bottom: 30px; line-height: 25px; width:30%; }
	.ts li img{ display:block; margin:0 auto; height:45px; margin-bottom:15px; }
	.ts li::after{content: ' ';  height: 10px;  width: 10px;  display: inline-block; transform: rotate(-45deg); border-bottom: 2px solid #b2b2b2; border-right: 2px solid #b2b2b2; margin-left: -5px;  margin-top:-40px;  position: absolute;  bottom:54%;     left:100%; }
	
	.ts li:last-child{ margin-bottom:0; }
	.ts li:last-child::after{ display:none; }
	
	.culture{margin-top: 0px;
    width: 90%;
    margin: 0 auto;
    overflow: hidden; margin-top:100px; }
	.culture h4{ font-size: 20px; font-weight: 400; position:relative }
	.culture h4 img{ width: 40px; display: inline-block; margin: 0 auto; vertical-align: middle;}
	.culture h4 text{ font-weight: bold; position:absolute; left:100%; width:50px; }
	.culture .culture_txt{     width: 44%;
    margin: 0 auto;
    margin-bottom: 20px;
    padding-bottom: 20px;
    background: #fff;
    padding: 2%;
    float: left;
    border: 1px solid #f1f1f1; }
	.culture .culture_txt p{ color: #a6a6a6; font-size: 14px; margin-top: 15px; line-height: 25px; }
	.culture .culture_txt text{font-weight: bold; position: absolute; left: 100%; width: 50px; margin-left: -130px; font-size: 110px; opacity: 0.05; top: -49px;}
	
	.culture .culture_txt:nth-child(2n){ float:right; }
	
	
	
	.price_list{padding:25px 0px; background: #FFFFFF; position:relative;   }
	.price_list ul{  width: 90%; margin: 0 auto;     overflow: hidden;  height: 104px; }
	
	.price_list .more-price{width: 100px;display:none; position: absolute;color: #B4A078;bottom: 16px;font-size: 12px;left: 50%;margin-left: -50px;text-align: center;}
	
	
	
	.price_list ul li{ margin-bottom: 20px;float:left; width:8%; margin-right:1%; justify-content: center; align-items: center; border:1px solid #f1f1f1; border-radius:4px; }
	.price_list ul li:nth-child(11), .price_list ul li:last-child{ margin-right: 0;}
	.price_list ul li a{ font-size:14px; display:block; width:100%; height:100%; text-align:center; line-height:40px; }
	
	
	.price_xq{ width:90%; margin:0 auto; overflow:hidden; background:#fff; padding:0 5%;  padding-top:25px;     padding-bottom: 25px;}
	.price_xq_1{ width:100%; }
	.price_xq_1 table{border-collapse: collapse;width:100% !important;}
	.price_xq_1 td{ font-size:12px; height:auto !important; width:auto!important; border: 1px solid #f1f1f1; padding:0 10px; }
	.price_xq_1 tr td:last-child{  padding:10px 10px;  }
 
	.price_list ul li .active{ color:#ffb25a; }
	
	
	
	.newslist{ background:#fff; padding:65px 5%; width:90%; }
	.newslist ul{ width:100%; margin:0 auto; overflow:hidden}
	.newslist ul li{ margin-bottom:30px; width:30%; float:left; border-bottom:1px solid #f1f1f1; padding-bottom:30px; margin-right:5% }
	.newslist ul li img{width:100%; opacity: 0.9; height: 300px;}
	.newslist ul li a:hover img{ opacity:1; }
	.newslist ul li h3 { font-weight: 500; font-size: 16px;  margin: 15px 0px;}
	
	.newslist ul li p { font-size: 13px; line-height: 22px;color: #a8a8a8;}
	
	.newslist ul li:nth-child(3n){ margin-right:0; float:right;}
	
	
	
	
	.honor{width:100%; margin-top:0px; background:#fff; padding-bottom:30px; padding-top:80px; }
	
	.honor .honorh2{ width: 100%; text-align: center; font-weight: 400; }
	.honor .honortxt{     margin-top: 10px; text-align: center; color: #848484; margin-bottom:80px; }
	
	.honor .rongyulist { width:90%; margin:0 auto; padding-bottom: 20px; overflow:hidden}
	.rongyulist li { height:auto; margin-bottom: 25px; overflow: hidden;  width:24%;   margin: 0 auto; margin-bottom:60px; float:left; width: 22%;     margin-right: 4%; }
	.rongyulist li:nth-child(4n){  margin-right:0; }
	
	.rongyulist .apic {width: 100%;overflow: hidden;height:250px;position: relative;display: block;margin-bottom:15px;text-align: center;}
	.rongyulist .apic img {  width:auto; height:100%; }
	.rongyulist li .title{line-height: 30px; font-size: 20px; font-weight:400; color: #000; position: relative; margin-bottom: 35px; display: block; height: 77px;}
	.rongyulist li .title::after{ content:""; display:block; width:20px; height:2px; margin:0 auto; margin-top:5px; margin-bottom:5px; background:#dfdfdf;    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -10px;}
	.rongyulist li p{ color:#999; font-size:14px; text-align:center; display:block; height: 38px;}
	

	
	.cailao{ padding:65px 0px; background: #FFFFFF; margin-top:0px; }
	.cailao .classic-cl{ overflow:hidden}
	.cailao img{ width:100%; height: 360px; }
	
	.cailao.cailaojk img{ height:auto; }
	
	.cailao .classic-cl h3{ width: 100%; text-align: center; font-size: 18px; font-weight: 400; margin-bottom: 15px;}
	.cailao .classic-cl h4{ width: 100%; text-align: center; font-size: 16px; font-weight: 400; margin-top: 15px;}
	.cailao .classic-cl p{ width:90%; margin:0 auto; text-align: center; font-size: 14px;  margin-top: 10px;     color: #6b6b6b; line-height: 20px; }
	
	.cailao h2{    width: 100%; text-align: center; font-weight: 400; margin-bottom:10px;}
	.cailao_txt{ width:90%; text-align:center; font-size:14px; text-align:center; margin:0 auto;color: #8c8c8c; margin-bottom:40px;} 
	
	.fwfw{     padding: 45px 0px; background: #FFFFFF; box-shadow: 0 2px 4px 0 #F0F0F0;  margin-top:0px;}
	.fwfw h2{     width:100%; text-align: center; font-weight: 400; margin-bottom: 10px; }
	.fwfw p{ margin-top:10px; text-align:center; color: #848484; font-size: 14px; width:90%; margin:0 auto; }
	
	.fwfw ul{ margin-top:30px; overflow:hidden; width:90%; margin:0 auto; margin-top:40px;}
	.fwfw li{ width: 27%; margin: 0 auto;  text-align: center;  margin-bottom: 25px; border: 1px solid #f1f1f1; padding: 2%; float: left; }
	.fwfw li:nth-child(2){    margin-left: 2.5%;  margin-right: 2.5%;}
	
	.fwfw li:last-child{ margin-bottom:0; }
	.fwfw li img{ width:30px; margin-bottom:10px; }
	.fwfw li h3{ font-weight:400; font-size:16px; margin-bottom:10px; }
	.fwfw li p{ font-size:14px; }
	
	.header.headercase .title,.header.headercasetwo .title,.header.dbno .title{ display:none;}
	
	
	.eco h2{ position: absolute; z-index: 10; top: 130px; right:6%;  color: #000; font-size: 35px; }
	.eco .eco_txt{     position: absolute;  z-index: 10; right:6%; top:190px; font-size: 25px; color: #000; }
	
	.case_banner .case_banner{ display:none; }
	.embodiment{ background:#fff; }
	
	.fanzi{ width:700px; margin:0 auto;  padding-left:5%; padding-right:5%; padding-top:240px; position:relative; padding-bottom:50px;  }
	.fanzi .fanzi_pic{width:100%; display:block }
	
	.fanzi span{ font-size:12px; position:absolute; }
	
	.fanzi .biao_a{    font-size: 14px; position: absolute; height:145px; left: 50%; top:175px;}
	.fanzi .biao_a::before{ border-left:1px dotted #484848; animation: biao_aa 1s ease-out 0s forwards; content: ""; display: block;  height:64px; width: 1px; position: absolute; left: 50%; bottom: 0; }
	.fanzi .biao_a em{     font-style: normal; animation: em 1s ease-out 1s forwards; display:block; overflow:hidden; height:20px; line-height:25px; opacity:0}
	
	
	.fanzi .biao_a.biao_b{    left:13%; top:248px; height: 250px;}
	.fanzi .biao_a.biao_b::before{ height:0px; animation: biao_bb 1.2s ease-out 1s forwards; }
	.fanzi .biao_a.biao_b em{ animation: em 1s ease-out 2s forwards; } 
	
	
	.fanzi .biao_a.biao_c{  left:75%; top: 352px; height: 135px; }
	.fanzi .biao_a.biao_c::before{ height:0px; animation: biao_cc 0.8s ease-out 2s forwards; }
	.fanzi .biao_a.biao_c em{ animation: em 1s ease-out 3s forwards;  }
	
	
	.fanzi .biao_a.biao_d{left:37%; top:209px; height: 100px;}
	.fanzi .biao_a.biao_d::before{ height:0px; animation: biao_d 0.8s ease-out 2s forwards; }
	.fanzi .biao_a.biao_d em{ animation: em 1s ease-out 3s forwards;  }
	
	.fanzi .biao_a.biao_e{left: 22%; top:593px; height: 221px;}
	.fanzi .biao_a.biao_e::before{ height: 0px;  animation: biao_ee 0.8s ease-out 2s forwards;  top: 0;}
	.fanzi .biao_a.biao_e em{ animation: em 2s ease-out 3s forwards; margin-top:200px;  }
	.fanzi .biao_a.biao_e .point{ top:0; }
	
	
	.fanzi .biao_a.biao_f{     left: 63%;  top:520px; height: 200px;}
	.fanzi .biao_a.biao_f::before{ height: 0px;  animation: biao_ff 0.8s ease-out 1s forwards;  top: 0;}
	.fanzi .biao_a.biao_f em{ animation: em 1s ease-out 2s forwards; margin-top:180px;  }
	.fanzi .biao_a.biao_f .point{ top:0; }
	
	
	.fanzi .biao_a.biao_g{ left: 46%; top:532px; height: 230px;}
	.fanzi .biao_a.biao_g::before{ height: 0px;  animation: biao_gg 0.8s ease-out 1s forwards;  top: 0;}
	.fanzi .biao_a.biao_g em{ animation: em 1s ease-out 2s forwards; margin-top:210px;  }
	.fanzi .biao_a.biao_g .point{ top:0; }
	
	
	.fanzi_txt{  text-align: center; margin-bottom: 30px; text-align: center;
    margin-bottom: 30px;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;}
	.fanzi_txt h2{    font-size: 18px; font-weight: 400;  padding: 65px  0px; padding-bottom: 0px; line-height: 29px; }
	
	
	.fannao{     padding: 45px 0px; background: #FFFFFF; box-shadow: 0 2px 4px 0 #F0F0F0;  margin-top: 20px;}
	.fannao h2{     width:100%; text-align: center; font-weight: 400; }
	.fannao p{ margin-top:10px; text-align:center; color: #848484;}
	.fannao ul{ width:90%; margin:0 auto; overflow:hidden; margin-top:40px;}
	.fannao ul li{float: left; width:12.5%; margin-bottom:40px; text-align: center; font-size:18px; color: #666; margin-top: 10px;}
	.fannao ul li img{ width:50px; display:block; margin:0 auto; margin-bottom:10px; }
	
	.fannao ul li:nth-child(5),.fannao ul li:nth-child(6),.fannao ul li:nth-child(7),.fannao ul li:nth-child(8){ margin-bottom:0px; }
	
	.case_art{ background:#fff; padding-bottom:30px; }
	.case_art h1{      width: 500px; margin: 0 auto;overflow: hidden; padding-top:40px; padding-bottom:20px;font-size: 22px; float: left; margin-left: 5%; }
	.source{ padding: 0 5%; padding-bottom: 10px;font-size: 12px; color: #999; font-size: 14px;  float: left; width: 860px;}
	.source span{ display:inline-block; margin-right: 20px;}
	.source span.view{ text-align:right}
	.source em{    display:inline-block; width:20px; margin-right:7px; vertical-align: middle; }
	.source .time em{width: 16px;}
	.source em img{ width:100%; height:auto; }
	
	.clear{ clear:both; }
	.case_art .clear{ border-bottom:1px solid #f1f1f1;}
	.sheji{     width: 310px; margin: 0 auto; overflow: hidden;  padding-top: 40px; padding-bottom: 40px; position: relative;  float: right; margin-right: 6%;}
	.sheji .sheji_pic{ float:left; height:60px; width:60px; border-radius:50%; overflow:hidden; margin-right:15px; }
	
	.sheji::after {     content: ""; position: absolute; background: url(../images/jv.png) no-repeat center #fff; padding: 5px; background-size: 70%;  width: 12px; height: 12px;  border-radius: 50%; left: 40px; top: 32px;}
	
	.sheji .sheji_pic img{ width:100%;     display: block; }
	
	.sheji h5{font-weight: 400; font-size: 16px;     margin-bottom: 3px; margin-top: 7px;}
	.sheji span a{ color: #999; font-size: 14px;}
	
	.sheji a.gotutem{  display: block; position: absolute; background: #B4A078; color: #fff; font-size: 12px; border-radius: 5px; padding: 8px 10px; top: 35%; left: 100%; margin-left: -72px;}
	
	.case_shux{ padding: 0 5%; padding-bottom:20px; margin-top: 25px; width: 1200px; margin: 0 auto; margin-top:40px; }
	.case_shux li{ color:#666; font-size: 16px;line-height:45px; }
	.case_shux li span{ display:inline-block; }
	.case_shux li span:nth-child(1){ margin-right: 15px; width:80px; text-align: right;}
	
	.case_pic{ width:1200px; margin:0 auto }
	.case_pic img{ width:100%; height:auto; margin-bottom:20px; }
	
	
	.tiaojian01{ width:100%; background:#fff; padding-top:40px; position:relative;     z-index: 5; }
	.tiaojian01 ul ul{ display:none; }
	.tiaojian01 ul{ display:flex;     width: 96%;  margin: 0 auto;}
	.tiaojian01 ul li{ flex:5; text-align:center;}
	.tiaojian01 ul li span{ color: #2d2d2d;display: block;width: 100%;line-height: 40px;height: 40px;display: inline-block;text-align: center;  position: relative;     color: #6b6b6b;}

	.erj::after {content: ' '; height: 5px;width: 5px;display: inline-block;transform: rotate(45deg); border-bottom:1px solid #6b6b6b;border-right:1px solid #6b6b6b;margin-left: 7px;margin-top: 0px;position: absolute;top: 16px;}
	.hover .erj::after {
		transform: rotate(-135deg);
		top: 19px;
		border-bottom: 1px solid #f08300;
		border-right: 1px solid #f08300;
	}
	
	.tiaojian01 ul ul{ position: absolute; background: #fff; width: 90%; justify-content: flex-start; flex-wrap: wrap; left: 0; padding:15px 5%; height:auto;}

	.tiaojian01 ul li .bg{ display:none; position: absolute; background: #000000b3; width: 100%; height: 910px; top: 110px; z-index:-1; left: 0; }

	.tiaojian01 ul li ul li{    border: 1px solid #f1f1f1;  border-radius: 4px; text-align: center; color: #999999; display: inline-block; line-height: 25px;  margin-right: 2%; margin-left: 2%;  margin-bottom:10px; width:18%;}
	.tiaojian01 ul li ul li a{ display: block; font-size: 14px; color: #8c8c8c; padding: 5px; }

	.tiaojian01 ul li.hover .bg,.tiaojian01 ul li.hover ul{ display:block;}
	.tiaojian01 ul li.hover span{ color: #f08300 }
	
	.case_list { background:#fff; padding-bottom:30px; padding-top:50px; }
	.case_list .contcaseul{ width:90%;margin:0 auto; overflow:hidden}
	
	.case_list .contcaseul li{     margin-bottom: 25px; border-bottom: 1px solid #E5E5EA; padding-bottom: 25px; width: 22%; float: left; margin-right: 4%; }
	.case_list .contcaseul li:nth-child(4n){ margin-right:0; }
 	
	.case_list .contcaseul li img{ max-width: 100%; min-height: 295px; display: block;  margin: 0 auto; }
	.case_list .apic{ margin-bottom:20px;  height: 295px; overflow: hidden; display: block}
	.case_list.case .case_a { margin-bottom: 20px;}
	
	.casespan01{ margin-bottom:20px; }
	.casespan01 span{ display:inline-block;width:30%; text-align:right;  }
	.casespan01 span:nth-child(1){ width:70%; text-align:left;}
	.casespan01 span:nth-child(2){color: #999; font-size:14px; }
	.casespan02 span{color: #999; font-size:14px; }
	
	.case_art.case_arttwo{  margin:0 auto; }
	.case_art.case_arttwo .clear{ border:none; }
	.case_arttwo .sheji::after{  left: 0;  bottom: 66px; top: auto;} 
	.case_arttwo .sheji h5{    margin-top: 15px; font-size:20px; text-indent: 26px; }
	.case_arttwo .sheji{ float:left; right:auto; margin-right: auto; width: 20%; margin-left:5%; padding-top: 70px; }
	.case_arttwo .sheji a{ position: static; margin: 10px 0; width: 70px; text-align: center;}
	.case_arttwo .sheji .sheji_pic{ float:none; height:auto; width:100%;     border-radius:10px; }
	
	.case_arttwo .team_profile{ width:65%; float:left; margin-left:5%; padding-top: 70px;     line-height: 240%; }
	.case_arttwo .source{ display:none; }
	
	
	.case .case_a.case_a_team{width:90%}
	
	.team_list{    width: 90%; margin: 0 auto; padding-left: 5%; padding-right: 5%; padding-top:65px; background: #fff; padding-bottom:65px; }
	
	.team_list .team_list_pic{overflow: hidden; margin-bottom:30px;  padding-bottom:30px; width:48%; float:left;  margin-right:4%; }
	.team_list .team_list_pic:nth-child(2n){ margin-right:0; }
	
	.team_list .sj_pic{ width:40%;height:400px; overflow: hidden; margin: 0 auto; border-radius: 10px; float:left;}
	.team_list .sj_pic img{ display: block; width:100%; height:auto; }
	
	.team_list .text{ width:54%; height:auto; overflow: hidden;  margin: 0 auto; float:right;}
	.team_list .text p span{ display:inline-block; font-size:16px; color: #000;}
	.team_list .text  p{  margin-bottom: 20px; color: #999;  font-size: 14px; line-height:28px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
	.team_list .text a.gogo{ display:inline-block; background: #B4A078; color: #fff; font-size:12px; margin-right:15px; padding:5px 10px; border-radius: 5px; }
	
	
	
	.history {width:100%; margin-top:0px; background:#fff; padding-bottom:30px;  }
	.history .container{ width:90%; margin:0 auto;  }
	.history .container img{ width:100%;     opacity: 0; margin-left: auto !important; margin-right: auto !important; }
	.history-hd{text-align: center; padding-top:0;}
	.history-hd >div {display: inline-block;  position: relative; margin-top:0; width: 70%;}
	.history-hd >div::before {  position: absolute; display:none; content: ""; left: 50%; top: 60%; height: 41%;width: 1px;border-left: 1px dotted #cbcbcb;}

	.history-hd i {position: absolute; z-index: 1;left: 50%;top: 50%;     font-size: 36px;
    line-height: 40px;
    color: #000000; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei"; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
	.history-bd { position: relative;  margin: 0; padding: 7% 0 0; overflow: hidden;     padding-top: 0;}
	.history-bd li { margin:80px 0; position: relative;}
	.history-bd::before { position: absolute; display: block; content: ""; left: 50%;top: 0; height: 100%; width: 1px; border-left:1px dotted #cbcbcb;}
	.history-bd .year { position: absolute; top: -5px; left: 50%;  padding: 15px; display: inline-block; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding-bottom: 0; background:#fff; }
	.history-bd .year span { display: block; margin: 0 auto 8px; width:40px; height:40px; background: url(../images/map.png) no-repeat center center; background-size: 100%;}
	.history-bd .year i { font-size:20px;font-weight:400; color: #000; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei";}
	
	.history-bd .article { margin-left:10%; margin-bottom: 5%; width:35%;}
	
	.history-bd li:nth-of-type(2n-1) .article { margin-left: 60%;}
	
	.history-bd .article i { display: block;
    margin-bottom:20px;
    font-size:75px;
    line-height: 1;
    font-weight: bold;
    color: #e0e0e0;
    font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei"; }
	.history-bd .article p{     font-size: 14px; line-height: 25px; }

	.about{width:100%; margin-top:0px;  padding-bottom:30px; background: #fff; }
	.about .about_1{ width:90%; margin:0 auto; float:none; padding-top:60px; }
	.about .about_1 .pic{ overflow:hidden; height:550px;     position: relative; float:left; width:50%; margin-right:3%; }  
	.about .about_1 .pic img{ width:100%; height:auto; position:absolute;
	
		-moz-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); 
		
		/*-webkit-animation: aboutpic 10s infinite alternate; 
		animation: aboutpic 10s infinite alternate;*/
	}
	
	
	
	
	.about .about_1 .about_logo{ margin-top:30px; width: 160px; margin-bottom: 40px;}
	.about .about_1 h3{ font-size:25px; margin-bottom:10px; color: #000;}
	.about .about_1 p{    color: #b2b2b2; margin-top: 10px;}
	.about .about_1 .profile{     font-size: 14px; color: #777;  line-height: 200%; margin-top: 20px; }
	
	.about .about_1 .profile_1 h4{     color: #000; font-size: 16px; margin-bottom:10px; }
	.about .about_1 .profile_1{      font-size: 14px;
    color: #777;
    line-height: 200%;
    margin-top: 40px;
    border: 1px solid #f1f1f1;
    padding: 30px;
    border-top: 4px solid #f1f1f1; }
	.profile_text{  font-size: 14px; color: #777;  line-height: 200%; }
 
	#dituContent{ width:100%; height:700px; margin:0px 0px; }
#dituContent .bottom{ margin:0; }
	
	.mapinfo {position: absolute;	background: rgba(255, 213, 36, 0.79);	font-size: 14px;	color: #fff;line-height: 20px;	text-align: center;-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		width: 268px;
		height: 268px; color:#000;
	}
	.mapinfo p.p1{ display:block; }
	.mapinfo p.p2{ display:none;  }
	
	.triangle {
		position: absolute;
		bottom: -8px;
		left: 50%;
		margin-left: -11px;
		width: 22px;
		height: 11px;
		background: url(../images/triangle.png) no-repeat center center;
	}
	
	.anchorBL{ opacity:0; }
	
	
	.mapinfo img{ padding-top: 23px; }
	
	
	
	.newsart{ background:#fff; padding:80px 0px; }
	.newsart .title {width:80%; height: 40px; font-size: 26px; font-family: 'Microsoft YaHei'; color: #2d2d2d; text-align: center; margin:0 auto; }
	.newsart .source { width:80%;  margin: 0 auto; display: block; text-align: center; padding-bottom: 30px;  padding-top: 10px;  color: #b7b7b7; font-size: 14px; float:none;}
	.newsart .article{   width:1200px; margin:0 auto; line-height: 190%; min-height: 400px; padding-bottom: 10px; overflow: hidden; font-size: 18px; }
	
	
	.pnum div{ text-align:center}
	.pnum span{ display: inline-block;  width: 50px; height: 50px; line-height: 50px; text-align: center; }
	.pnum a{      color: #929292;  display: inline-block;width: 50px; height: 50px; line-height: 50px; text-align: center; }
	.pnum a:hover{ color: #000;  }
	
	
	.walletImgBox {
    box-sizing: border-box;
    position:absolute;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;     left: 50%;
    margin-left: -170px;
    top: 50%;
    margin-top:-110px; z-index:-1}
	
	
	.walletImgBox .walletSpread1, .walletImgBox .walletSpread2, .walletImgBox .walletSpread3 {  position: absolute; top: 0; left: 0;  width: 100%;  height: 100%;  border: 1px dashed #e4e4e4;  box-sizing: border-box;  border-radius: 50%; opacity: 0;}
	.walletImgBox .walletSpread1 {	animation: spread 3s linear infinite;}
	.walletImgBox .walletSpread2 {	animation: spread 3s linear 1s infinite;}
	.walletImgBox .walletSpread3 {animation: spread 3s linear 2s infinite;}
	
	
	.toTopBtn { position: fixed; right: 30px; bottom: 100px; width: 50px;  height: 50px; background-color: #272727; color: #ececec; text-align: center; line-height: 50px;  border-radius: 50%; cursor: pointer;  z-index: 100; transition: color .3s ease,background .3s ease; display:none}
	
	.toTopBtnBg {  position: absolute; left: 0; top: 0;  width: 100%; height: 100%; background-image: linear-gradient(135deg,#fc7761,#f6515f); box-shadow: 0px 20px 40px rgba(136, 6, 4, 0.1); border-radius: 50%; visibility: hidden; opacity: 0; transition: all .3s ease;  transform: translate3d(0);}
	
	.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal;  -webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;}
	.toTopBtn span { display: block;  position: relative;  z-index: 10; font-size: 30px; transform: rotate(-90deg);}
	.icon-arrow:before { content: "\e62c";}
	.toTopBtn:hover { color: #fffafb; background-color: #f08300;}
	
	
	.biaoyu{ display: block; position: absolute; width: 90%; text-align: right; top: 130px; color: #fff; right: 6%; padding-right: 10px;}
	.biaoyu h2{    font-size: 35px; margin-bottom: 10px;}
	.biaoyu .eco_txt{    font-size: 25px;}
	
	
	.map{ width: 90%; margin: 0 auto; margin-top: 140px; }
	
	
}



@keyframes spread {
	0% {
        transform: scale(1);
        opacity: 1;
	}
	100% {
        transform: scale(3);
        opacity: 0;
    }
}



	@keyframes biao_aa {
		0% {
		  height:0;
		}

		100% {
		  height:114px;
		}
	  }

@keyframes biao_bb {
		0% {
		  height:0;
		}

		100% {
		  height:214px;
		}
	  }

@keyframes biao_cc {
		0% {
		  height:0;
		}

		100% {
		  height:100px;
		}
	  }

@keyframes biao_ee {
		0% {
		  height:0;
		}

		100% {
		  height:190px;
		}
	  }

@keyframes biao_ff {
		0% {
		  height:0;
		}

		100% {
		  height:170px;
		}
	  }
@keyframes biao_gg {
		0% {
		  height:0;
		}

		100% {
		  height:200px;
		}
	  }





.header .logo {
    float: left;
    width:180px; 
	margin-left:5%;
	overflow: hidden;
 	margin-top:8px;
	background: 0px 10px;
    background-size: 177px;
	
	

}



.header .logo img{ height:45px; margin-top:10px;}

.header .logo a{display:block; width:100%; height:100%;}

.nav {
    float: right;
	margin-right:5%;
	margin-top:23px;
}


.nav li{ float:left; }

.nav a {
    position: relative;
    display: inline-block;
    height: 39px;
    line-height: 39px;
    margin: 0 26px;
	font-size: 16px;
	color:#121212;
}

.nav a.active {
    color: #f08300;
}

.header .nav a:hover{
    color: #f08300;
}


.header.notwo .nav a.active{  color: #ea563b; }


.header.notwo .nav a:hover{
    color: #ea563b;
}


.nav a.active


.hide-mb {
    display: block;
}


.header, .header .nav, .header .logo img {
    transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
	
	
}


.header{    -moz-opacity: 1;
    filter: alpha(opacity=100);
    -moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);

}


.header.no {
	background: rgba(0, 0, 0, 0.34);
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
	height: 70px;
}

.header.no .logo{ margin-top:0px; background: 0px 10px;
    background-size: 177px; }
.header.no .logo img{}

.header.no .nav {
  margin-top:14px;
}


.header.notwo {
	background: #fff;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
	-moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
	height: 70px;
}



.header.notwo .logo{background: url(../images/logothree.png) no-repeat 0px 10px; background-size: 179px;}
.header.notwo .logo img{ opacity:0;}
.header.notwo .nav { margin-top:14px;}
.header.notwo .logo{ margin-top:0px; }
.header.notwo .nav a{ color: #333}



@media screen and (max-width:1350px){
	
	
	.header .logo{    margin-left: 2%;}
	.nav{  margin-right: 0; float: left;  margin-left: 20px;}
	.nav a{ font-size:15px; margin: 0px 20px; }
}





.banner {
	z-index: -1;
	width: 100%;
	background-color: #ccc;

}


.swiper01 {
	width: 100%;
	height:100%;
}
.swiper01 .swiper-slide {
	position: relative;
	height:100%;
	background-position: top center;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

/*banner text*/
.swiper01 .swiper-slide .pic01 {
	position: absolute;
	top: 50%;
	left: -webkit-calc(50% - 730px);
}

.swiper01 img{ display:block; width:100%; height:auto; }

.swiper-pagination-bullet{ padding:3px; margin:0px 5px; }



.swiper01 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 40%;
    right: 130px;
    width: 30px; left: auto;}



.swiper-button-next, .swiper-button-prev{ margin:0px; width: 13px; height:18px; top:90%; padding: 4px; background:none;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: auto; left:4%; margin-left:20px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{  left:4%;  right: auto; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ right: auto; left:4%;}


.swiper-button-prev:hover,.swiper-button-next:hover{background: #ffffff36;
    padding: 4px;
    border-radius: 3px;}

.swiper-button-next::before{content:""; width:100%; height:1px; background:#fff; display:block; transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 鍜� Chrome */
-o-transform:rotate(45deg);     margin-top: 4px; }

.swiper-button-next::after{content:""; width:100%; height:1px; background:#fff; display:block; transform:rotate(135deg);
-ms-transform:rotate(135deg); 	/* IE 9 */
-moz-transform:rotate(135deg); 	/* Firefox */
-webkit-transform:rotate(135deg); /* Safari 鍜� Chrome */
-o-transform:rotate(135deg);     margin-top: 8px; }

.swiper-button-prev::before{content:""; width:100%; height:1px; background:#fff; display:block; transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 鍜� Chrome */
-o-transform:rotate(-45deg);     margin-top: 4px; }

.swiper-button-prev::after{content:""; width:100%; height:1px; background:#fff; display:block; transform:rotate(-135deg);
-ms-transform:rotate(-135deg); 	/* IE 9 */
-moz-transform:rotate(-135deg); 	/* Firefox */
-webkit-transform:rotate(-135deg); /* Safari 鍜� Chrome */
	-o-transform:rotate(-135deg); margin-top: 8px; }




.swiper01.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 40%;
    right: 130px;
    width: 30px; left: auto;}

.swiper01 .swiper-pagination-bullet{ background:none; position: relative;
    display: block;
    margin: .28rem 0;
    width: 20px;
    height: 20px;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px;
    background: none;
    font-weight: bold;
    font-family: "Arial";
    opacity: 1;
    writing-mode: tb-rl; }

.swiper01 .swiper-pagination-bullet::before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: 50%;
    margin-top: -2px;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s;
	transition: all .3s;}

.swiper01 .swiper-pagination-bullet-active{ background:none; }


.swiper01 .swiper-pagination-bullet i{position: relative;
    display: block;
    font-style: normal; 
	color:#fff;
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: all .3s .1s;
    transition: all .3s .1s;}


.swiper01 .swiper-pagination-bullet.swiper-pagination-bullet-active::before{-webkit-transform: scale(0); transform: scale(0);}
.swiper01 .swiper-pagination-bullet.swiper-pagination-bullet-active i{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}










.maina{ width:90%; margin: 0 auto;  margin-top:50px; margin-bottom:50px; }
.h2 {font-size: 36px;
    line-height: 62px;
    font-weight: bold;
    color: #1a1a1a; margin-bottom:10px; text-align:center}

.h2::before {
    content: "WHY CHOOSE US";
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #999;
    font-weight: 400;
    text-transform: uppercase;
}

.maina h2 strong{     color: #ff008c; }

.maina .miaoshu{ text-align:center;}



.xm_1{ width:100%;  overflow: hidden; margin-top:40px; }
.xm_1 li{ float:left; text-align:center;width:16.6%; height:160px; margin-left:1px; color:#2F2F2F; padding-top:30px; background:#FFF; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; cursor:pointer}
.xm_1 li:hover{ background:#ff008c; color:#FFF}
.xm_1 li h2{ font-size:18px; font-weight:100; padding-top:91px; display:block}

.xm_1 li:hover h2{ color:#fff; }

.xm_1 li img{ margin-bottom:0px;}



.xm_1 .xm_2{ background: url(../images/weixin.png) no-repeat center 38px #f1f1f1; margin-left:0px;}
.xm_1 .xm_2:hover{ background:url(../images/weixinhover.png) no-repeat center 38px #ff008c;}

.xm_1 .xm_3{ background:url(../images/gouwuche.png) no-repeat center 38px #f1f1f1;}
.xm_1 .xm_3:hover{ background:url(../images/gouwuchehover.png) no-repeat center 38px #ff008c;}

.xm_1 .xm_4{ background:url(../images/h5.png) no-repeat center 38px #f1f1f1;}
.xm_1 .xm_4:hover{ background:url(../images/h5hover.png) no-repeat center 38px #ff008c;}

.xm_1 .xm_5{ background:url(../images/pt.png) no-repeat center 38px #f1f1f1;}
.xm_1 .xm_5:hover{ background:url(../images/pthover.png) no-repeat center 38px #ff008c;}


.xm_1 .xm_6{ background:url(../images/kaifa.png) no-repeat center 38px #f1f1f1;}
.xm_1 .xm_6:hover{ background:url(../images/kaifahover.png) no-repeat center 38px #ff008c;}

.xm_1 .xm_7{ background:url(../images/ggh.png) no-repeat center 38px #f1f1f1;}
.xm_1 .xm_7:hover{ background:url(../images/gghhover.png) no-repeat center 38px #ff008c;}


.isoutions-list { padding:70px 0px;}
.isoutions-list ul { overflow:hidden; width:90%; margin:0 auto; }
.isoutions-list ul li {
    float: left;
    width: 23%;
    margin-right: 2.6%;
}

.isoutions-list ul li:nth-child(4){ margin-right:0px; }


.isoutions-list .item a {
    position: relative;
    padding-bottom: 61px;
    display: block;
    border-bottom: 2px solid #ccc;
}
.isoutions-list .item .card {
    padding-bottom: 32px;
}

.isoutions-list .thumb {
    position: relative;
}

.isoutions-list .item .card .thumb {
    margin-bottom: 21px;
    overflow: hidden;
}
.isoutions-list .thumb .after {
    display: block;
    width: 100%;
    padding-bottom: 62.5%;
}

.isoutions-list .thumb img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.isoutions-list .item .card .thumb img {
    display: block;
    width: 100%;
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    -moz-transition: transform ease .7s, -moz-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -moz-transform ease .7s, -o-transform ease .7s;
}
.isoutions-list .item .card .c-title {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    color: #1a1a1a;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.isoutions-list .item .card .c-desc {
    font-size: 14px;
    color: #a8a8a8;
    display: -webkit-box;
    height: 72px;
    line-height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: normal;
}
.isoutions-list .item a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background-color: #ff008c;
    -webkit-transition: width ease-in-out 0.5s;
    -o-transition: width ease-in-out 0.5s;
    -moz-transition: width ease-in-out 0.5s;
    transition: width ease-in-out 0.5s;
}

.isoutions-list .item a:hover::after {
    width: 100%;
}

.isoutions-list .item .card:hover img {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}
.isoutions-list .h2::before {
    content: "soutions";
}

.cases{ padding:70px 0px; }
.cases .h2::before {
    content: "cases";
}
 
.miaoshu{ text-align:center; margin-bottom:30px; line-height:30px; }

.pro_nav{ overflow: hidden; margin: 0 auto; width:1260px; margin-top:30px; margin-bottom:30px;}
.pro_nav li{ float: left; background: #f5f5f5; color: #ff6305; margin-right:20px;  font-size: 18px; }
.pro_nav li a{ display: block;  padding:5px; padding-left:15px; padding-right:15px; font-size:16px; }
.pro_nav .hover,.pro_nav li:hover{ background:#ff008c;}
.pro_nav .hover a,.pro_nav li:hover a{ color:#fff; }





.cases-pic {
    margin-top: 10px;
    margin-bottom: 0px;
    margin: 0 auto;
    width: 90%;
    margin-top: 40px;
}
.cases-pic li {
    float: left;
    margin-bottom: 25px;
    padding-bottom: 25px;
    transition: all 0.2s ease-in-out 0s;
    width: 30%;
    margin-left: 1.6%;
    margin-right: 1.6%;
    max-width: 525px;
}

.cases-pic li img {
    width: 100%;
}
.cases-pic li p {
    width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 24px;
    text-align: left;
    text-indent: 15px;
    color: #000;
	font-size: 18px;
}
.cases-pic li:hover {
    -moz-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    transform: translateY(-15px);
}


.choose{ background:url(../images/index-bg1.jpg) }
.choose_container{width: 1200px;padding:90px 0 190px;margin: 0 auto;text-align: center;}
.choose_title{font-size: 40px;color:#fff;}
.choose_reason{font-size: 14px;margin: 15px 0 45px; color:#fff;}
.choose_block{width: 490px;margin: 0 auto;}
.choose_content{width: 33.333%;float: left; color:#fff;}
.choose_content span{display: block;}
.choose_content span:nth-child(1){font-size: 35px;}
.choose_content span:nth-child(2){font-size: 14px;}
.choose_line{width: 1px;height: 100px;display: inline-block;left: 50%;bottom: 0;background: #fff;}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}

.choose .video{ width:800px; margin:0 auto; padding-bottom:50px; }
.choose .video video{ width:800px; }

.lists{margin-top: 160px;}
.lists_container{width: 90%;margin: 0 auto;}
.lists_top p{font-size: 18px;color: #222;margin-bottom: 12px;}
.contact_detail span{display: block;}
.contact_detail span:nth-last-of-type(1){margin-top: 30px;}
.contact_detail span,.lists_ul li a{font-size: 14px;color: #838281;}
.contact_detail span,.lists_ul li{line-height: 25px;}
.lists_block{width: 19%;margin:0 4%;}
.lists_block:nth-last-child(1){margin: 0%;}
.share ul li,.Bnews ul li{line-height: 30px;}
.lists_ul li:hover a{padding-left: 12px;color: #ff008c;}
.fl {
    float: left;
}

.overflow{ overflow:hidden}


.bottom{margin:65px auto 45px; }
.bottom_container{width: 90%;padding:143px 0 110px;margin: 0 auto;background: #ff008c;text-align: center;}
.bottom_container .line{left: 50%;top: -50px;}
.bottom_content{padding: 0 82px 0 115px;height: 303px;text-align: left;}
.botton_block{padding-left: 90px;top:50%; margin-top: -64px}
.botton_block p{color: white;font-size: 24px;line-height: 35px;}
.botton_block h3{color: white;font-size: 32px;margin: 16px 0 0;}
.bottom_content a{color: black;font-size: 18px;display: inline-block;bottom: -25px;left: 50%;margin-left: -90px;}
.bottom_content a img{vertical-align: middle;margin-right: 50px;}
.bottom_ppt{right: 82px;top:-70px;}
.lanxi{ width: 119px;
    position: absolute;
    right: 342px; font-size:12px;
    top: 90px; color:#fff; }
.lanxi img{     margin-bottom: 10px;
    width: 100%;
    border-radius: 12px; }
.header .sj_nav,.products_list.products_app{
    display: none;
}




.server{  width:90%; margin:0 auto; margin-top:200px;}
.server h1{ margin-bottom:20px; }

.swiper02{ margin-top:40px; }
.swiper02 img{ display:block}
.ser_text{ width:84%; margin:0 auto; margin-top:0px; line-height:180%; padding:30px; padding-left:3%; padding-right:3%; background:#f1f1f1; }

.jmbanner.swiper02 img{ width: 100%;}


.cases.casestwo li{ margin-left:0;  margin-right:0; }
.cases.casestwo .h2{ text-align:left; width: 90%; margin:0 auto; }
.cases.casestwo .miaoshu{ text-align:left; width: 90%; margin:0 auto; }
.cases.casestwo li:nth-child(2),.cases.casestwo li:nth-child(5){ margin-left:5%;  margin-right:5%;  }
.cases.casestwo li:nth-child(4){ display:none }
  
 
.server .miaoshu{ text-align: left;}





.news2017{ width:1200px; margin:0 auto; position:relative}
.news_two_ul li { width: 100%; height: 159px; border: 1px solid transparent; margin-bottom: 20px }
.news_two_img { width: 198px; height: 128px; padding: 16px; float: left; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s}

.news_two_ul li:hover {    -moz-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    transform: translateY(-15px); background: #fff;}
.news_two_txt span {font-size:24px; color: #545454; display: block; height:28px; overflow: hidden; margin-bottom: 20px; transition: all .3s ease-out 0s}
.news_two_box:hover .news_two_txt span { color: #ff008c }
.news_two_box i { display: block;
    float: left;
    width:100%;
    font-style: normal;
    color: #7D7D7D;
    line-height: 24px;}



.news_two_txt {
    width: 562px;
    float: left;
    padding: 36px 0 0px 34px;
    transition: all .3s ease-out 0s;
}
.news_two_but {
    position: absolute;
    top: 100px;
    right: 108px;
}
.ser_but {
    position: absolute;
    top: 72px;
    right: 50px;
    width: 35px;
    height: 35px;
    border-radius: 18px;
    text-align: center;
    border: 1px solid #dedfe1;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}
.news_two_date span {
    height: 26px;
    font-size: 24px;
    font-family: HELVETICANEUELTPRO-THEX, "寰蒋闆呴粦";
}

.ser_but i {
    width: 15px;
    height: 9px;
    background: url(../images/icon.png) no-repeat -110px -11px;
    display: block;
    margin: 13px 0 0 11px;
}

.news_two_box:hover .ser_but i {
    background: url(../images/icon.png) no-repeat 0 -71px;
}


.team_thr_r_txt { margin-top: 10px; }
.team_two_txt strong { color: #757575; }
.team_two_ul li .show_bot_but { bottom: -65px; height: 25px; transition: all .3s ease-out 0s;}
.team_two_but { transition: all 0.3s ease-out 0s; }
.team_two li:hover .team_two_but { background-color: transparent; transition: all 0.3s ease-out 0s;}
.team_two_ul li .show_bot_but i { margin-top: 8px; }
.team_two li:hover .team_two_img { bottom: -180px; transition: all 0.3s ease-out 0s; }
.news_two_box { background: transparent; height: 180px; padding-top: 10px; position:relative}
.news_two_txt { padding-left: 155px; width:70%; }


.news_two_txt span:before {width: 35px;height: 1px;content: ' ';background:#BFBFBF;position: absolute;top: 56px;left: 90px;transition: all 0.3s ease-out 0s;}
.news_two_box:hover .news_two_txt { padding-left: 175px; }
.news_two_box:hover .news_two_txt span:before {width: 60px;transition: all 0.3s ease-out 0s; background:#7D7D7D;}


.news_two_box:hover .news_two_date span { color: #333; }
.news_two_txt i { color: #7D7D7D; font-style: normal; }
.news_two_ul {}
.news_two_ul li { height: 180px; border-bottom: 1px solid rgba(0, 0, 0, .06); margin-bottom: 4px; }
.news_two_img { float: right; }
.news_two_box:hover .news_two_img { background: transparent; }
.news_two_box:hover {box-shadow: none; }
.news_two_date i { float: left; color: #ABABAB; font-size: 0; }
.news_two_ul .ser_but { border-radius: 0; left: 0; }
.news_two_but { top: 90px; left: 33px; border: 1px solid transparent; }
.news_two_date span { float: left; line-height: 36px; height: 36px; }
.news_two_date { position: absolute; left: 0; float: left; padding-top: 30px; }
.news_two_box:hover .ser_but { background: #ff008c; border: 1px solid #ff008c; margin-left: 0; }
.news_two_box:hover .news_two_date { padding: 30px 42px 0 0; }


.news_two_img img {
    width: 200px;
    height: 130px;
}


.navdh{
    padding: 10px 15px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
	width:90%;
	margin:0 auto;
	margin-top: 100px;margin-bottom: 20px;
}
.postion {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
	color:#7c7c7c;
}
.postion a{ color:#7c7c7c}
.navdh .right span {
    color: rgb(102, 102, 102);
    display: inline-block;
    vertical-align: middle;
    transition: all .3s;
}
.navdh .right img {
    display: inline-block;
    margin-right: 5px;
	vertical-align: middle;
}


.box {
    background: #fff;
    padding-top:40px;
	width:70%;
	margin:0 auto;
	padding:10%;
}
.box .title {
    text-align: center;
}
.box .title h1 {
    
    color: rgb(51, 51, 51);
    margin-bottom: .2rem;
}
.box .title p {
    font-size: 15px;
    color:#666;
    margin-bottom:40px;
}
 




.xmlist{ width:90%; margin:0 auto; margin-top:50px; }
.xmlist li{width: 27%;
    padding: 2%;
    border: 1px solid #f1f1f1;
    float: left;
    margin-right: 3%; margin-bottom:40px; text-align:center}
.xmlist li:nth-child(3n){ margin-right:0px; }
.xmlist li img{ width:90%; }


.xmlist .title{ text-align:center; display:block; font-size:25px; margin-bottom:30px; }
.xmlist p{ line-height:30px; color:#525252; margin-top:30px; }
.xmlist i{ font-size: 12px;
    display: block;
    font-style: normal;
    color: #949494;
    margin-top: 20px;  }


 

.contact{  width:90%; margin:0 auto; margin-top:160px;}
.contact h2 {
    font-size: 38px;
    color: #3e3a39;
    font-family: "FZLanTingHei";
    font-weight: normal;
    background: url(../images/title-line-bg.png) center bottom no-repeat;
    padding-bottom: 40px;
    margin-bottom: 40px;
	text-align: center;
}
.contact p {
    color: #595757;
    font-size: 18px;
    margin-bottom: 80px;
	text-align: center;
}

.am-cf:after, .am-cf:before {
    content: " ";
    display: table;
}

.contact .list{padding-top:60px; text-align: center;}
.contact .list a{display:inline-block; padding-top:183px; font-size:18px; color:#3e3a39; text-align:center; line-height: 28px;}
.contact .list a:hover{color:#ff008c;}
.contact .list a.qq{background:url(../images/qq.png) center 22px no-repeat;}
.contact .list a.qq:hover{background:url(../images/qq-hover.png) center 22px no-repeat;}
.contact .list a.weixin{background:url(../images/weixin1.png) center top no-repeat; margin:0 264px 0 246px;}
.contact .list a.tel{background:url(../images/tel.png) center 22px no-repeat; min-width:128px;}
.contact .list a.tel:hover{background:url(../images/tel-hover.png) center 22px no-repeat;}




.go_index{ display:none; }


@media screen and (max-width: 640px){	
	
	body{ min-width:auto;  }
	
	#dituContent{ width:100%; height:500px; margin:0px 0px; }
#dituContent .bottom{ margin:0; }
	.header{ box-shadow:none; -webkit-box-shadow:none; }
	.header.dbno{     -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);  box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04); }
	.header .sj_nav {
		display: block;
		width: 5%;
		padding-top: 10px;
		padding-bottom: 10px;
		float: right;
		margin-right:3%;
		margin-top: 9px;
		width:20%;
	}

	.header .sj_nav{ display: block; position:relative;  width:25px; padding-top: 10px; padding-bottom: 10px; float: right; margin-right: 3%; margin-top: 9px;}
	.header .sj_nav::before,.header .sj_nav::after{content: ""; display: block; height:2px; width:80%; background:#000; }
	.header .sj_nav::before{ margin-bottom:5px; -moz-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); 
		
		-webkit-animation: line1Before 1.5s infinite alternate; 
		animation: line1Before 1.5s infinite alternate; }

	.header .sj_nav::after{
		
		-o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); 
		
		-webkit-animation: line1after 2s infinite alternate; 
		animation: line1after 2s infinite alternate;
		
	}
	
	
	@keyframes line1Before
		{
			from {width:50%;}
			to {width:85%;}
		}
	@keyframes line1after
		{
			from {width:10%;}
			to {width:80%;}
		}

	
	
	.header .sj_nav::after{ width:75%; background: #ffb25a; }
	.header .sj_nav span{ display:block; position:absolute; width:100%; height:2px; background:#000; bottom:2px; -o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); 
		
		-webkit-animation: line1span 1.8s infinite alternate; 
		animation: line1span 1.8s infinite alternate; }
	
	@keyframes line1span
		{
			from {width:30%;}
			to {width:100%;}
		}
	
	
	.nav {
		position: fixed;
		background:#fff;
		width: 100%;
		height: 100%;
		margin-top:0px; display:none; margin-top: 55px; padding-top:30px; margin-left:0;
	}
	.header.no .nav,.header.notwo .nav{ margin-top:0px; }
	
	.nav li { width: 100%; float: none; margin-left: 0; background: #fff; text-align: center;}
	
	.nav a {
    text-align: center;
    margin: 0px;
    line-height: 50px;
    height: 50px;
    display: block;
	color: #383838;
	}
	
	.header,.header.no,.header.notwo{ height:55px; }
	
	.nav li:last-child { height: 100%;}
	
	.header .go_index{ float:left; width:20%; margin-left:3%; height:100%; display:block; }
	.header .go_index a{ display:block; height:100%; width:auto; }
	.header .go_index img{     width: auto;     height: 25px; margin-top: 15px; transform: scale(0.8);}
	
	.header .logo{ width:54%; margin-left:0; margin-top:0px; text-align: center; }
	.header .title{ float: left; line-height: 50px; width:54%; margin-left:0; margin-top:0px; text-align: center; color:#fff; display:none; }
	
	.header .logo img { height: 40px;
    display: block;
    margin: 0 auto;
    margin-top: 7px; transform: scale(0.8);}

	.header.no .logo{margin-top:0px;}
	
	.swiper01,.swiper01 .swiper-slide{ height:auto; overflow: hidden}
	.swiper01 .swiper-slide img {
    width:100%;
    display: block;
    margin-left:0;
	position: relative;
    left:0;
	}
	
	
	.header.notwo .logo{background: url(../images/logothree.png) no-repeat 0px 10px; background-size: 143px;     height: 55px;}
	.header.notwo .logo img{ opacity:0;}
	.header.notwo .nav {  }
	.header.notwo .logo{ margin-top:0px; }
	.header.notwo .nav a{ color: #333}

	.nav a.active{ color:#ea563b; }
	
	.header.notwo .sj_nav::before, .header.notwo .sj_nav::after{ background:#212121; }
	
	
	
	
	.icon-container {
    padding: 25px 25px;
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 #F0F0F0;
	}

	.df {
		display: flex;
		justify-content: space-between;
	}

	.icon-container .icon-box:first-child {margin-bottom:25px;}
	.icon-container .icon-box .icon-item {text-align: center;}
 	.icon-container .icon-box .icon-item .icon-img { height: 40px; }
	.icon-container .icon-box .icon-item{ font-size:14px; }
	.icon-container .icon-box .icon-item .icon-word {text-align: center; font-size: 12px; color: #666; margin-top: 10px;}
	
	.shuzi{ padding:45px 0px;
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 #F0F0F0;
    margin-top: 20px; }
	
	.team .shuzi{ padding-bottom: 0;  box-shadow: none; }
	.team .shuzi li{width:44%;}
	.shuzi ul {
		margin: 0 auto;
		width:96%;
		overflow: hidden;
		display:flex;
	}
	.shuzi ul li{ width:25%; text-align: center; position:relative; }
 
	.shuzi ul li:nth-child(1){ width:32%; }
	.shuzi ul li:last-child{ width:23%;}
	.shuzi li span {display: block; font-size:12px; color: #bbb; }
	.shuzi li span:nth-child(1) { font-size:28px; font-family: 'HELVETICANEUELTPRO-THEX'; color: #6b6b6b; font-weight: 100;}
	
	.shuzi ul li i,.shuzi ul li em{font-style:normal;}
	.shuzi ul li em{ font-size: 12px; display: inline-block;  vertical-align: text-top; }
	

	
	.swiper01{ margin-top: 55px; }
	.swiper-button-next, .swiper-button-prev{  top: 82%; }
	.swiper01.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ right:5%; bottom: 20%; }

	.case{ padding:45px 0px; background: #FFFFFF;  box-shadow: 0 2px 4px 0 #F0F0F0;  margin-top: 20px;  }
	.case .case_style{ float:left; position:relative; }
	.case h2{ float:left; }
	.case .mord{ float:left; }
	
	.case .case_a{ width:90%; margin:0 auto; display: flex; }
	.case .case_a .case_style,.case .case_a .more{width:30%; margin-top:5px; font-size:14px;}
	
	.case .case_a .case_style p::after { content: ' ';  height: 5px; width: 5px;  display: inline-block; transform: rotate(45deg); border-bottom:1px solid #8c8c8c; border-right:1px solid #8c8c8c;  margin-left: 7px; margin-top: 0px;     vertical-align: super;}
	
	
	.case .case_a .case_style .case_style_sel{ display:none; position: absolute; border: 1px solid #f1f1f1;  padding: 10px 15px;  width: 300px; background: #fff; top: 30px; z-index: 5; border-radius: 5px;}
	.case .case_a .case_style .case_style_sel::before{ display:block; content: " "; position: absolute;width: 15px; height: 15px; border: 1px solid #f1f1f1; border-bottom: none; border-right: none; transform: rotate(45deg); top:-8px; left: 20px; z-index: 6; background: #fff; }
	
	
	.case .case_a .case_style .case_style_sel a{ margin: 6px; display: inline-block; }
	
	
	.case .case_a .more{ text-align:right;}
	.case .case_a .more a{color: #B4A078;}
	.case .case_a h2{width:40%; text-align:center; font-weight:400 }
	
	.case .case_a.case_a_team h2{  width: 70%; text-align: left;  font-size:16px;}
	
	.classic-swiper2 { width: 100%; overflow: hidden; margin-top:30px;     padding-bottom: 20px; }
	.classic-swiper2 .swiper-slide{border:1px solid #f1f1f1; border-radius:10px; opacity:0.7; -moz-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
										-o-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
										-webkit-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
										transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.classic-swiper2 .swiper-slide .pic{position: relative; height:200px; border-top-left-radius:10px; border-top-right-radius:10px; overflow: hidden;}
	.classic-swiper2 .swiper-slide .pic img{ display:block; width:140%; min-height: 100%; height: auto;  left: -20%; position:absolute; bottom:0; }
	.classic-swiper2 .swiper-slide h2{ display:block; float:none; text-align: center; font-weight:400; font-size: 16px; line-height: 45px; margin-top:50px;  opacity:0;
	position: absolute;
    width: 100%;
		-moz-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
										-o-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
										-webkit-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
										transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
		
	}
	.classic-swiper2 .swiper-slide span{ display:block; text-align:center; font-size:14px; color: #999999; position: absolute; width: 100%; margin-top:30px;  opacity:0;
	-moz-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
										-o-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
										-webkit-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
										transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.classic-swiper2 .swiper-slide a{ display:block; position: relative;     padding-bottom: 130px;}
	.classic-swiper2 .swiper-slide i{ display: block;  position: absolute; top: 100%; width: 30px; margin-top:0px; opacity:0.5; left: 50%; margin-left: -15px;
									    -moz-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
										-o-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
										-webkit-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
										transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	
	}
	.classic-swiper2 .swiper-slide i img{width:100%;}
	.classic-swiper2 .swiper-slide.swiper-slide-active{opacity:1;}
	.classic-swiper2 .swiper-slide.swiper-slide-active h2{ opacity:1; margin-top:25px; }
	.classic-swiper2 .swiper-slide.swiper-slide-active span{ opacity:1; margin-top:65px; }
	.classic-swiper2 .swiper-slide.swiper-slide-active i{  margin-top: -15px; opacity:1; }
	
	
	.case_type{ width:90%; margin:0 auto; margin-top: 30px; }
	.case_type ul{ width:100%; text-align:center;}
	.case_type ul li{ display:inline-block; margin: 0px 10px; }
	.case_type ul li a{ font-size:14px; color: #999999; }
	
	
	.team{ padding:45px 0px; background: #FFFFFF;  box-shadow: 0 2px 4px 0 #F0F0F0;  margin-top: 20px;  }
	
	.team .ui-tab {width:40%;height:35px;display: flex;justify-content: flex-start;margin: auto;border: 1px #b0a07d solid;border-radius: 5px;}
	.team .ui-tab > li { width:100%; height: 100%; text-align: center; line-height:35px; border-right: 1px #b0a07d solid; position: relative;}
	.team .ui-tab .activeTC {  background: #B4A078; color: #fff;}
	.team .ui-tab > li:first-child {border-radius: 5px 0 0 5px;}
	.team .ui-tab > li > img { width: 10px; height: auto; position: absolute;left: 50%; bottom: -6px; margin-left:-7px; display:none; }
	.team .ui-tab .activeTC > img { display: block;}
	
	
	.classic-swiper3{ overflow:hidden; margin-top:30px; }
	.classic-swiper3 .swiper-slide{ border-radius:15px; overflow:hidden}
	.classic-swiper3 .swiper-slide .team_pic{ width:100%; height:auto; display:block; }
	.classic-swiper3 .swiper-slide a{ display:block; position: relative}
	.classic-swiper3 .swiper-slide .team_txt{ position:absolute; font-size: 14px; left:5%; top:25px; color:#fff; }
	.classic-swiper3 .swiper-slide .team_txt span{ display:inline-block; background:#fff;border-radius:50%; height:20px; width:20px; text-align:center; line-height:21px;}
	.classic-swiper3 .swiper-slide .team_txt span img{ width: 65%; }
	.classic-swiper3 .swiper-slide .team_txt p{ font-size: 12px; margin-top:10px; line-height: 22px; }
	
	
	.step{     padding: 45px 0px;  background: #FFFFFF; box-shadow: 0 2px 4px 0 #F0F0F0; margin-top: 20px; }
	.step h2{     width: 40%;  text-align: center; font-weight: 400; margin:0 auto; }
	.step ul{ overflow:hidden; text-align:center; margin-top:30px;}
	.step ul li{ display:inline-block; width:24%; margin-top:20px; margin-bottom:20px; position: relative; }
	
	.step ul li::after{     content: ' '; height:8px; width:8px; display: inline-block; transform: rotate(-45deg); border-bottom:2px solid #a9a9a9; border-right: 2px solid #a9a9a9; margin-left: 7px;  margin-top: 0px; position: absolute; top: 17px; left: 91%; }
	
	.step ul li:nth-child(4)::after,.step ul li:last-child::after{ display:none;}
	
	.step ul li span{ display:block; font-size:14px; }
	.step ul li img{ display:block; margin:0 auto; margin-bottom:10px; width:40px; }
	
	.news{     padding: 45px 0px;  background: #FFFFFF; box-shadow: 0 2px 4px 0 #F0F0F0; margin-top: 20px; }
	
	.news h2{  width: 40%;  text-align: center; font-weight: 400; margin:0 auto; }
	
	
	
	.classic-swiper4{ overflow:hidden; margin-top:30px; }
	.classic-swiper4 .swiper-slide{ overflow:hidden}
	.classic-swiper4 .swiper-slide img{width:100%; height:170px; }
	.classic-swiper4 .swiper-slide h3{ font-weight: 500; font-size: 15px; color: #fff; color: #6b6b6b; margin: 15px 0px; }
	.classic-swiper4 .swiper-slide p{font-size: 13px; line-height: 22px; color: #a8a8a8;}
	
	
	.footer{   padding: 45px 0px;  background: #FFFFFF; box-shadow: 0 2px 4px 0 #F0F0F0; margin-top: 20px; padding: 45px 5%; }
	.footer .yuye{ color: #545454; text-align:center; }
	.footer .yuye span{display: block; font-size: 12px; color: #999;}
	
	.footer .contactinfo{font-size:12px; margin-top:35px;}
	.footer .contactinfo .name{ color: #545454; font-weight:500; margin-bottom:10px; }
	.footer .contactinfo p{color: #999; line-height:20px; line-height: 26px; }
	.footer .contactinfo p.tel{ display:none; }
	.ellipsis{ background-color: #f6f6f6; color: #666; font-size:12px; line-height:40px; padding:0 5%; }
	
	
	
	
	.about{width:100%; margin-top:0px; background:#fff; padding-bottom:30px; }
	.about .about_1{ width:90%; margin:0 auto; float:none; padding-top:30px; }
	.about .about_1 .pic{ overflow:hidden; height:200px;     position: relative;}
	.about .about_1 .pic img{ width:100%; height:auto; position:absolute;
	
		-moz-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); 
		
		-webkit-animation: aboutpic 10s infinite alternate; 
		animation: aboutpic 10s infinite alternate;
	}
	
	
	
	
	.about .about_1 .about_logo{ margin-top:30px; width: 130px; margin-bottom:15px; }
	.about .about_1 h3{ font-size:22px; margin-bottom:10px; color: #000;}
	.about .about_1 p{    color: #b2b2b2; margin-top: 10px;}
	.about .about_1 .profile{     font-size: 14px; color: #777;  line-height: 200%; margin-top: 20px; }
	
	.about .about_1 .profile_1 h4{     color: #000; font-size: 16px; margin-bottom:10px; }
	.about .about_1 .profile_1{      font-size: 14px;
    color: #777;
    line-height: 200%;
    margin-top: 20px;
    border: 1px solid #f1f1f1;
    padding: 10px;
    border-top: 4px solid #f1f1f1; }
	.profile_text{  font-size: 14px; color: #777;  line-height: 200%; }

	.er_menu{ margin-top: 55px; background: #fff !important; border-bottom:1px solid #f1f1f1; padding-top:20px; }
	.er_menu ul{ display:flex; width:96%; margin:0 auto; }
	.er_menu ul li{ flex:4; }
	.er_menu ul li a{ display: block; text-align: center; color: #b2b2b2; height:70px; line-height:70px;  position: relative; }
	.er_menu ul li a.hover{ color: #000; }
	.er_menu ul li a span{ display:none; }
	.er_menu ul li a.hover::after{ content: " ";  position: absolute; bottom: 0; width: 16px; height: 2px; left: 50%; margin-left: -8px; background: #ffb25a;}
	.er_menu.er_menutwo ul li a{ font-size:14px; }
	
	.culture{width:100%; margin-top:0px;}
	.culture h4{ font-size: 20px; font-weight: 400; position:relative }
	.culture h4 img{ width: 40px; display: inline-block; margin: 0 auto; vertical-align: middle;}
	.culture h4 text{ font-weight: bold; position:absolute; left:100%; width:50px; }
	.culture .culture_txt{ width: 90%;  margin: 0 auto;  margin-bottom: 20px; padding-bottom: 20px;  background: #fff; padding: 50px 5%; }
	.culture .culture_txt p{ color: #a6a6a6; font-size: 14px; margin-top: 15px; line-height: 25px; }
	.culture .culture_txt text{font-weight: bold; position: absolute; left: 100%; width: 50px; margin-left: -130px; font-size: 110px; opacity: 0.05; top: -49px;}
	
	
	.history {width:100%; margin-top:0px; background:#fff; padding-bottom:30px; background:url(../images/historybg.jpg) no-repeat top center #fff; background-size:100%;}
	.history .container{ width:90%; margin:0 auto;  }
	.history .container img{ width:100%;     opacity: 0; margin-left: auto !important; margin-right: auto !important; }
	.history-hd{text-align: center; padding-top: 110px;}
	.history-hd >div {display: inline-block;  position: relative; margin-top: 12%; width: 70%;}
	.history-hd >div::before {  position: absolute; display:none; content: ""; left: 50%; top: 60%; height: 41%;width: 1px;border-left: 1px dotted #cbcbcb;}

	.history-hd i {position: absolute; z-index: 1;left: 50%;top: 50%;     font-size: 36px;
    line-height: 40px;
    color: #000000; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei"; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
	.history-bd { position: relative;  margin: 0; padding: 7% 0 0; overflow: hidden;}
	.history-bd li { margin: 15% 0;  background: #fff;  position: relative;}
	.history-bd::before { position: absolute; display: block; content: ""; left: 50%;top: 0; height: 100%; width: 1px; border-left:1px dotted #cbcbcb;}
	.history-bd .year { position: absolute; top: -5px; left: 50%;  padding: 15px; display: inline-block; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%);     position: relative; padding-bottom: 0;}
	.history-bd .year span { display: block; margin: 0 auto 8px; width:40px; height:40px; background: url(../images/map.png) no-repeat center center; background-size: 100%;}
	.history-bd .year i { font-size:26px;font-weight: bold; color: #000; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei";}
	.history-bd .article { margin: 0 auto !important; width:100%; text-align: center;     padding-bottom:10px; }
	.history-bd .article i { display: none;}
	.history-bd .article p{     font-size: 14px; line-height: 25px; }

	
	.honor{width:100%; margin-top:0px; background:#fff; padding-bottom:30px; padding-top:50px; }
	.honor .rongyulist { width:90%; margin:0 auto; padding-bottom: 20px; overflow:hidden}
	
	
	.honor .honorh2 { width: 100%; text-align: center;  font-weight: 400; font-size: 18px;  margin-bottom: 15px;}
	
	.honor .honortxt { margin-top: 10px; font-size:12px;  text-align: center; color: #848484;     font-size: 12px; width: 80%; margin: 0 auto; margin-bottom: 40px;}
	
	
	
	
	.rongyulist li { height:auto; margin-bottom: 25px; overflow: hidden;  width: 100%;   margin: 0 auto; margin-bottom:30px;}
	.rongyulist .apic {width: 100%;overflow: hidden;height:250px;position: relative;display: block;margin-bottom: 10px;text-align: center;}
	.rongyulist .apic img {  width:auto; height:100%; max-width:100%; }
	.rongyulist li .title{ position:relative; line-height: 42px; font-size: 20px; font-weight: bold; color: #000; position: relative; margin-bottom: 15px; display: block;}
	.rongyulist li .title::after{ content:""; display:block; width:20px; height:2px; margin:0 auto; margin-top:5px; margin-bottom:5px; background:#dfdfdf}
	.rongyulist li p{ color:#999; font-size:14px; text-align:center; display:block;}


	.tiaojian01{ width:100%; background:#fff; padding-top:20px; position:relative;     z-index: 5; }
	.tiaojian01 ul ul{ display:none; }
	.tiaojian01 ul{ display:flex;     width: 96%;  margin: 0 auto;}
	.tiaojian01 ul li{ flex:5; text-align:center;}
	.tiaojian01 ul li span{ color: #2d2d2d;display: block;width: 100%;line-height: 40px;height: 40px;display: inline-block;text-align: center;  position: relative;     color: #b2b2b2;}

	.erj::after {content: ' '; height: 5px;width: 5px;display: inline-block;transform: rotate(45deg); border-bottom:1px solid #b2b2b2;border-right:1px solid #b2b2b2;margin-left: 7px;margin-top: 0px;position: absolute;top: 16px;}

	.tiaojian01 ul ul{ position: absolute; background: #fff; width: 90%; justify-content: flex-start; flex-wrap: wrap; left: 0; padding:15px 5%; height:auto;}

	.tiaojian01 ul li .bg{ display:none; position: absolute;     background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 910px; top: 110px; z-index:-1; left: 0; }

	.tiaojian01 ul li ul li{    border: 1px solid #CCCCCC;  border-radius: 4px; text-align: center; color: #999999; display: inline-block; line-height: 25px;  margin-right: 2%; margin-left: 2%;  margin-bottom:10px; width: 28%;}
	.tiaojian01 ul li ul li a{ display: block; font-size: 14px; color: #8c8c8c; padding: 5px; }

	.tiaojian01 ul li.hover .bg,.tiaojian01 ul li.hover ul{ display:block;}
	.tiaojian01 ul li.hover span{ color: #B4A078 }
	
	.hover .erj::after{ transform: rotate(-135deg);     top: 19px; border-bottom:1px solid #B4A078;border-right:1px solid #B4A078; }
	
	.case_list { background:#fff; padding-bottom:30px; padding-top:30px; }
	.case_list.case .contcaseul{ width:90%; }
	.case_list.case .case_a{ margin-bottom:20px; }
	.case_list .contcaseul{ width:85%;margin:0 auto; }
	.case_list .contcaseul li{     margin-bottom: 25px; border-bottom: 1px solid #E5E5EA; padding-bottom: 25px; }
	.case_list .contcaseul li img{ width:100%; height:auto; display:block; }
	.case_list .apic{ margin-bottom:20px; display:block; }
	.casespan01{ margin-bottom:20px; }
	.casespan01 span{ display:inline-block;width:30%; text-align:right;  }
	.casespan01 span:nth-child(1){ width:70%; text-align:left;}
	.casespan01 span:nth-child(2){color: #999; font-size:14px; }
	.casespan02 span{color: #999; font-size:14px; }
	
	.case_art{ background:#fff; padding-bottom:30px; }
	
	
	.case_banner {width:100%; position:relative; }
	.case_banner .case_banner{ width:100%; height:auto; display:block; }
	
	
	.header.headercase{ background:none;  position:absolute; }
	.header.headercasetwo{ background:none; }
	
	.er_menu.er_menu_case{ margin-top:0; padding-top:0;}
	
	.header.headercase .sj_nav::before, .header.headercase .sj_nav::after, .header.headercase .sj_nav span{ background:#fff; }
	.header.headercasetwo .sj_nav::before, .header.headercasetwo .sj_nav::after, .header.headercasetwo .sj_nav span{ background:#fff; }
	
	
	
	.header.headercase .go_index a img,.header.headercasetwo .go_index a img{ display:none; }
	.header.headercase .logo,.header.headercasetwo .logo{ display:none;  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; }
	
	.header.headercase .title,.header.headercasetwo .title{ display:block;}
	.header.headercase .go_index a::after,.header.headercasetwo .go_index a::after {content: ' '; height: 10px; width: 10px; display: inline-block; transform: rotate(135deg); border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; margin-left: 0px; margin-top: 20px; border-bottom-right-radius:4px; }
	
	.sheji{ width:90%; margin:0 auto; overflow:hidden; padding-top:20px; padding-bottom:20px; position:relative;  }
	.sheji .sheji_pic{ float:left; height:60px; width:60px; border-radius:50%; overflow:hidden; margin-right:15px; }
	
	.sheji::after {     content: ""; position: absolute; background: url(../images/jv.png) no-repeat center #fff; padding: 5px; background-size: 70%;  width: 12px; height: 12px;  border-radius: 50%; left: 40px; top: 13px;}
	
	.sheji .sheji_pic img{ width:100%; }
	
	.sheji h5{font-weight: 400; font-size: 16px;     margin-bottom: 3px; margin-top: 7px;}
	.sheji span{ color: #999; font-size: 14px;}
	
	.sheji .gotutem{  display: block; position: absolute; background: #B4A078; color: #fff; font-size: 12px; border-radius: 5px; padding: 8px 10px; top: 35%; left: 100%; margin-left: -72px;}
	
	.case_art h1{    width: 90%; margin: 0 auto;  overflow: hidden; padding-top:0px; padding-bottom:13px; font-size:22px }
	.source{border-bottom: 1px solid #f1f1f1; padding: 0 5%; padding-bottom: 10px;font-size: 12px; color: #999; font-size: 14px; display:flex;}
	.source span{ display:block; width:50%; }
	.source span.view{ text-align:right}
	.source em{    display:inline-block; width:20px; margin-right:7px; vertical-align: middle; }
	.source .time em{width: 16px;}
	.source em img{ width:100%; height:auto; }
	
	
	.case_shux{ padding: 0 5%; padding-bottom: 10px; margin-top: 25px; }
	.case_shux li{ color: #999;font-size: 14px; line-height: 28px; }
	.case_shux li span{ display:inline-block; }
	.case_shux li span:nth-child(1){ margin-right: 15px; width: 60px; text-align: right;}
	
	.case_pic img{ width:100%; height:auto; margin-bottom:20px; }
	
	
	
	.team_list{    width: 90%; margin: 0 auto; padding-left: 5%; padding-right: 5%; padding-top: 30px; background: #fff; padding-bottom:30px; }
	.team_list .team_list_pic{overflow: hidden; margin-bottom:30px; border-bottom:1px solid #E5E5EA; padding-bottom:30px; }
	.team_list .sj_pic{ width:40%; height:auto; overflow: hidden; margin: 0 auto; border-radius: 10px; float:left;}
	.team_list .sj_pic img{ display: block; width:100%; height:auto; }
	
	.team_list .text{ width:54%; height:auto; overflow: hidden;  margin: 0 auto; float:right;}
	.team_list .text p span{ display:inline-block; font-size:16px; color: #000;}
	.team_list .text  p{  margin-bottom:10px; color: #999;  font-size: 14px; line-height:28px; white-space: nowrap; text-overflow: ellipsis;     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; }
	
	.team_list .text a.gogo{ display:inline-block; background: #B4A078; color: #fff; font-size:12px; margin-right:15px; padding:5px 10px; border-radius: 5px; }
	
	
	.team_profile{     padding: 0 5%; margin-top:30px;     line-height: 200%; }
	.team_profile span{ font-size:16px !important; }
	.eco h2{ position: absolute; z-index: 10; top: 23%;  right: 10%;  color: #000; font-size: 35px; }
	.eco .eco_txt{     position: absolute;  z-index: 10; right: 10%; top: 35%; font-size: 25px; color: #000; }
	
	.fanzi{ width:90%; margin:0 auto; padding-left:5%; padding-right:5%; padding-top:190px; position:relative; padding-bottom:50px; overflow: hidden; }
	.fanzi .fanzi_pic{width:100%; display:block }
	
	.fanzi span{ font-size:12px; position:absolute; }
	
	.fanzi .biao_a{    font-size: 12px; position: absolute; height:90px; left: 50%; top:150px;}
	.fanzi .biao_a::before{ border-left:1px dotted #484848; animation: biao_a 1s ease-out 0s forwards; content: ""; display: block;  height:64px; width: 1px; position: absolute; left: 50%; bottom: 0; }
	.fanzi .biao_a em{     font-style: normal; animation: em 1s ease-out 1s forwards; display:block; overflow:hidden; height:20px; line-height:25px; opacity:0}
	
	
	.fanzi .biao_a.biao_b{    left:3%; top: 195px; height: 120px;}
	.fanzi .biao_a.biao_b::before{ height:0px; animation: biao_b 1.2s ease-out 1s forwards; }
	.fanzi .biao_a.biao_b em{ animation: em 1s ease-out 2s forwards; }
	
	
	.fanzi .biao_a.biao_c{  left:72%; top: 220px; height: 90px; }
	.fanzi .biao_a.biao_c::before{ height:0px; animation: biao_c 0.8s ease-out 2s forwards; }
	.fanzi .biao_a.biao_c em{ animation: em 1s ease-out 3s forwards;  }
	
	
	.fanzi .biao_a.biao_d{left: 29%; top: 130px; height: 100px;}
	.fanzi .biao_a.biao_d::before{ height:0px; animation: biao_d 0.8s ease-out 2s forwards; }
	.fanzi .biao_a.biao_d em{ animation: em 1s ease-out 3s forwards;  }
	
	.fanzi .biao_a.biao_e{left: 5%; top: 347px; height: 131px;}
	.fanzi .biao_a.biao_e::before{ height: 0px;  animation: biao_e 0.8s ease-out 2s forwards;  top: 0;}
	.fanzi .biao_a.biao_e em{ animation: em 2s ease-out 3s forwards; margin-top: 120px;  }
	.fanzi .biao_a.biao_e .point{ top:0; }
	
	
	.fanzi .biao_a.biao_f{ left: 57%; top: 308px; height: 100px;}
	.fanzi .biao_a.biao_f::before{ height: 0px;  animation: biao_f 0.8s ease-out 1s forwards;  top: 0;}
	.fanzi .biao_a.biao_f em{ animation: em 1s ease-out 2s forwards; margin-top:100px;  }
	.fanzi .biao_a.biao_f .point{ top:0; }
	
	
	.fanzi .biao_a.biao_g{ left: 40%; top: 331px; height: 70px;}
	.fanzi .biao_a.biao_g::before{ height: 0px;  animation: biao_f 0.8s ease-out 1s forwards;  top: 0;}
	.fanzi .biao_a.biao_g em{ animation: em 1s ease-out 2s forwards; margin-top:100px;  }
	.fanzi .biao_a.biao_g .point{ top:0; }
	
	.fanzi_txt{ text-align: center;  position: absolute;  width: 100%; left: 0; top: 0; }
	.fanzi_txt h2{    font-size: 18px; font-weight: 400;  padding: 30px 0px; padding-bottom: 0px; line-height: 29px;}
	
	
	

	
	.fannao{     padding: 45px 0px; background: #FFFFFF; box-shadow: 0 2px 4px 0 #F0F0F0;  margin-top:0px;}
	.fannao h2{     width:100%; text-align: center; font-weight: 400; }
	.fannao p{ margin-top:10px; text-align:center; color: #848484;}
	.fannao ul{ width:90%; margin:0 auto; overflow:hidden; margin-top:20px;}
	.fannao ul li{float: left; width: 25%; margin-bottom: 20px; text-align: center; font-size: 14px; color: #666; margin-top: 10px;}
	.fannao ul li img{ width:30px; display:block; margin:0 auto; margin-bottom:10px; }
	
	.fannao ul li:nth-child(5),.fannao ul li:nth-child(6),.fannao ul li:nth-child(7),.fannao ul li:nth-child(8){ margin-bottom:0px; }
	
	
	.cailao{ padding: 45px 0px; background: #FFFFFF;  box-shadow: 0 2px 4px 0 #F0F0F0; margin-top: 20px; }
	.cailao .classic-cl{ overflow:hidden}
	.cailao img{ width:100%; height: 240px; }
	
	.cailao.cailaojk img{ height:auto }
	
	.cailao .classic-cl h3{ width: 100%; text-align: center; font-size: 18px; font-weight: 400; margin-bottom: 15px;}
	.cailao .classic-cl h4{ width: 100%; text-align: center; font-size: 16px; font-weight: 400; margin-top: 15px;}
	.cailao .classic-cl p{ width:90%; margin:0 auto; text-align: center; font-size: 14px;  margin-top: 10px;     color: #6b6b6b; line-height: 20px; }
	
	.cailao h2{    width: 100%; text-align: center; font-weight: 400; margin-bottom:10px;}
	.cailao_txt{ width:90%; text-align:center; font-size:14px; text-align:center; margin:0 auto;color: #8c8c8c; margin-bottom:20px;} 
	
	.fwfw{     padding: 45px 0px; background: #FFFFFF; box-shadow: 0 2px 4px 0 #F0F0F0;  margin-top: 20px;}
	.fwfw h2{     width:100%; text-align: center; font-weight: 400; margin-bottom: 10px; }
	.fwfw p{ margin-top:10px; text-align:center; color: #848484; font-size: 14px; width:90%; margin:0 auto; }
	
	.fwfw ul{ margin-top:30px; }
	.fwfw li{ width:80%; margin:0 auto; text-align:center; margin-bottom:25px; border:1px solid #f1f1f1; padding:25px;}
	.fwfw li:last-child{ margin-bottom:0; }
	.fwfw li img{ width:30px; margin-bottom:10px; }
	.fwfw li h3{ font-weight:400; font-size:16px; margin-bottom:10px; }
	.fwfw li p{ font-size:14px; }
	
	
	.price_list{padding:25px 0px; background: #FFFFFF; position:relative;   }
	.price_list ul{ display: flex; flex-flow: row wrap; justify-content: space-between; width: 90%; margin: 0 auto;     overflow: hidden;  height: 104px; }
	
	.price_list .more-price{width: 100px;display: inline-block;position: absolute;color: #B4A078;bottom: 16px;font-size: 12px;left: 50%;margin-left: -50px;text-align: center;}
	
	
	
	.price_list ul li{ margin-bottom: 20px; display: flex; width:30%; margin-right:1%; justify-content: center; align-items: center; border:1px solid #f1f1f1; border-radius:4px; }
	.price_list ul li:nth-child(3n), .price_list ul li:last-child{ margin-right: 0;}
	.price_list ul li a{ font-size:10px; display:block; width:100%; height:100%; text-align:center; line-height:30px; }
	
	
	.price_xq{ width:90%; margin:0 auto; overflow:hidden; background:#fff; padding:0 5%; overflow-x:scroll;  padding-top:25px;     padding-bottom: 25px;}
	.price_xq_1{ width:1000px; }
	.price_xq_1 table{border-collapse: collapse;width:980px !important;}
	.price_xq_1 td{ font-size:12px; height:auto !important; width:auto!important; border: 1px solid #f1f1f1; padding:0 10px; }
	.price_xq_1 tr td:last-child{  padding:10px 10px;  }
 
	.price_list ul li .active{ color:#ffb25a; }
	
	.newslist{ background:#fff; padding:30px 5%; }
	.newslist ul{ width:100%;  }
	.newslist ul li{ margin-bottom:30px; border-bottom:1px solid #f1f1f1; padding-bottom:30px;}
	.newslist ul li img{width:100%; }
	
	.newslist ul li h3 { font-weight: 500; font-size: 16px;color: #6b6b6b;  margin: 15px 0px;}
	
	.newslist ul li p { font-size: 13px; line-height: 22px;color: #a8a8a8;}
	
	
	
	
	
	.ts{ background:#fff; padding:30px 5%; }
	.ts li{ text-align: center;
    margin-bottom: 30px;
    font-size: 16px;
    color: #818181;
    position: relative;
    padding-bottom: 30px;
    line-height: 25px;}
	.ts li img{ display:block; margin:0 auto; width:35px; margin-bottom:15px; }
	.ts li::after{content: ' ';
    height: 10px;
    width: 10px;
    display: inline-block;
    transform: rotate(45deg);
    border-bottom: 2px solid #b2b2b2;
    border-right: 2px solid #b2b2b2;
    margin-left: -5px;
    margin-top: 0px;
    position: absolute;
    bottom: 0;     left: 50%; }
	
	.ts li:last-child{ margin-bottom:0; }
	.ts li:last-child::after{ display:none; }
	
	
	
	
	.ly{ background:#fff; padding:30px 5%;  }
	.ly h3{ font-weight:400; text-align:center; line-height: 80px;     letter-spacing: 3px;}
	
	.ly_from{ margin-top:20px; }
	.ly_from span{ display:block}
	.ly_from input[type=text] , .ly_from select {-webkit-appearance: none; 
font-size: 14px;width: 98%;margin-right: 0;margin-bottom: 10px;	border: 1px solid #f1f1f1; height: 30px; text-align: left; padding: 5px;}
	.ly_from select{ width: 100%; padding: 11px;  height: 45px;  padding-left: 1px; color: #6f6f6f;     background: none; }
	.ly_from textarea {-webkit-appearance: none; 
border: 1px solid #f1f1f1; padding: 5px; height:100px; width:98%;  }
	.btntj { border:none; width: 250px; text-align: center; background: #afafaf; color: #FFF;   display: block; margin: 0 auto; cursor: pointer; line-height: 50px;width: 150px; float: none;margin:0 auto; margin-top:20px; -webkit-appearance: none; }
	
	
	.pnum div{ text-align:center}
	.pnum span{ display: inline-block;  width:30px; height:30px; line-height: 50px; text-align: center; font-size:14px; }
	.pnum a{  font-size:14px; color: #929292;  display: inline-block;width: 30px; height:30px; line-height:30px; text-align: center; }
	.pnum a:hover{ color: #000;  }
	
	
	.walletImgBox {
    box-sizing: border-box;
    position:absolute;
    width:250px;
    height:250px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;     left: 50%;
    margin-left: -125px;
    top: 50%;
    margin-top:-65px; z-index:-1}
	
	
	.walletImgBox .walletSpread1, .walletImgBox .walletSpread2, .walletImgBox .walletSpread3 {  position: absolute; top: 0; left: 0;  width: 100%;  height: 100%;  border: 1px dashed #e4e4e4;  box-sizing: border-box;  border-radius: 50%; opacity: 0;}
	.walletImgBox .walletSpread1 {	animation: spread 3s linear infinite;}
	.walletImgBox .walletSpread2 {	animation: spread 3s linear 1s infinite;}
	.walletImgBox .walletSpread3 {animation: spread 3s linear 2s infinite;}
	
	
	
	.mapinfo {position: absolute;	background: rgba(255, 213, 36, 0.79);	font-size: 14px;	color: #fff;line-height: 20px;	text-align: center;-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		width:168px;
		height:168px; color:#000;
	}
	.mapinfo p.title{ font-size:18px !important; }
	.mapinfo p.p1{ display:none; font-size:12px; }
	.mapinfo p.p2{ display:block; font-size:12px; }
	
	.triangle {
		position: absolute;
		bottom: -8px;
		left: 50%;
		margin-left: -11px;
		width: 22px;
		height: 11px;
		background: url(../images/triangle.png) no-repeat center center;
	}
	
	.anchorBL{ opacity:0; }
	
	
	.mapinfo img{ padding-top: 13px; width: 60px;}
	
	.newsart{ width:90%; padding:5%; background:#fff; }
	.newsart .title{ font-size: 18px; font-weight: 400; margin-bottom:10px; }
	
	.source{ font-size:12px; margin:0 auto; padding:0; margin-bottom: 20px;  padding-bottom: 20px; width:90%; }
	.article img{ max-width:100%; height:auto !important; margin:10px 0px; }
	.article p{ line-height: 30px; }
	
	
 }

.point {
		width:6px;
		height:6px;
		background-color: #ffffff;
		position:absolute;
		border-radius: 50%;
		left:50%; bottom:0; margin-left:-3px;
	  }

	  /* 设置动画前颜色 */
	  .point-flicker:after {
		background-color: #ffffff;
	  }

	  /* 设置动画后颜色 */
	  .point-flicker:before {
		  background-color: rgba(255, 255, 255, 0.38);
	  }

	  /* 设置动画 */
	  .point-flicker:before,
	  .point-flicker:after {
		content: '';
		width:16px;
		height:16px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -8px;
		margin-top: -8px;
		border-radius: 50%;
		animation: warn 1.5s ease-out 0s infinite;
	  }

	  /* @keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。 */
	  @keyframes warn {
		0% {
		  transform: scale(0.5);
		  opacity:0.7;
		}

		30% {
		  opacity:0.7;
		}

		100% {
		  transform: scale(1.4);
		  opacity: 0;
		}
	  }

	@keyframes biao_a {
		0% {
		  height:0;
		}

		100% {
		  height:64px;
		}
	  }

			@keyframes biao_b {
		0% {
		  height:0;
		}

		100% {
		  height:90px;
		}
	  }

		@keyframes biao_c{
		0% {
		  height:0;
		}

		100% {
		  height:60px;
		}
	  }

		@keyframes biao_d{
		0% {
		  height:0;
		}

		100% {
		  height:74px;
		}
	  }

		@keyframes biao_e{
		0% {
		  height:0;
		}

		100% {
		  height:115px;
		}
	  }

		@keyframes biao_f{
		0% {
		  height:0;
		}

		100% {
		  height:95px;
		}
	  }



	@keyframes em {
		0% {
		  width:0;
		   opacity:0.3;
		}

		100% {
		  width:100%;
		  opacity:1;
		}
	  }





	
@keyframes aboutpic
{
from {top:0;}
to { top:-20%;}
}
 

@font-face{
	
	font-family:HELVETICANEUELTPRO-THEX;
	src:url(../fonts/HELVETICANEUELTPRO-THEX.OTF);
	font-weight:400;font-style:normal

}