*{ 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;
}
::-webkit-scrollbar {
  width: 9px;
  background-color: #eaeaea;
}
::-webkit-scrollbar-thumb {
  border: solid 2px #eaeaea;
  width: 5px;
  border-radius: 10px;
  background-color: #2aa8ff;
}
::-webkit-scrollbar-corner {
  background-color: #eaeaea;
}
::-webkit-scrollbar:horizontal {
  height: 9px;
}
::-webkit-selection {
  background: #2aa8ff;
  color: #fff;
}
::-moz-selection {
  background: #2aa8ff;
  color: #fff;
}
::selection {
  background: #2aa8ff;
  color: #fff;
}
a:hover {
    color: #2aa8ff;
}
.swiper-pagination-bullet-active{     background: #2aa8ff; }
body{ color: #4B4948; min-width:1300px;  font-family: "Microsoft YaHei",Helvetica Neue, Helvetica, Arial, sans-serif; }
.header {
    position: fixed;
    top: 0;
    height:110px;
    width: 100%;
    z-index: 10000;
	background:#fff;
}


.biaoyu{ display:none; } 

.nav .nav_two{ display:none;}




.step ul { overflow: hidden; text-align: center; width: 80%;  margin: 0 auto;  margin-top: 40px;}
.step ul li { display: inline-block; width: 16%; 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 img {display: block;margin: 0 auto; margin-bottom: 10px; width: 70px;}
.step ul li span { display: block; font-size: 18px;}

@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;  height: 100%; line-height: 110px;}
	.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: 11px;  z-index: 6; left: 50%; margin-left:-12px;}
	.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;}
	}
	
 
	 
	 
	 
	
	
 
	.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;}
	 
	.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;}
	
	
	 
	
	
	.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 7.5%; width:85%; }
	.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; position: relative;display: block;margin-bottom:15px;text-align: center;}
	.rongyulist .apic img {  width:100%; 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;}
	

	 
	.classic-cl{ padding: 100px 0px; position: relative; }
	.classic-cl .swiper-slide{ opacity:0.3; }
	.classic-cl .swiper-slide.swiper-slide-active{ opacity:1; }
	
	.classic-cl .swiper-button-prev, .classic-cl .swiper-button-next {
	    width:60px;
	    height:60px;
	    line-height:60px;
	    background-image: none;
	    background-color: #2aa8ff;
	    color: #fff;
	    text-align: center;
	    margin:-30px 0 0;
	    outline: none;
	    border-radius: 100%;
	    transition: all .5s ease;
		top: 45%; border: 1px solid #2aa8ff;
	}
	
	.classic-cl .swiper-button-prev::before,.classic-cl .swiper-button-prev::after,.classic-cl .swiper-button-next::before,.classic-cl .swiper-button-next::after{ display:none; }
	
	.classic-cl .swiper-button-next {
	    left:92%;
	    right: auto;
	}
	
	.classic-cl .swiper-button-prev:hover, .classic-cl .swiper-button-next:hover {
	    background-color: #fff;
	    color: #2aa8ff;
	    border: 1px solid #2aa8ff; border-radius:50%;
	}
	
	.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;  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; }
	
	 
	 
	.swiper-box .swiper-wrapper {
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    z-index: 8;
	}
	
	#sw2{ margin-top:100px; }
	#sw2 .max-wid > .left {
	    position: relative;
	    width: 22%;
	    height: 100%;
	}
	#sw2 .num-box {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: auto;
	    pointer-events: auto;
	    z-index: 10;
	    height: 200px;
	    width: 200px;
	    border-radius: 50%;
	    overflow: hidden;
	}
	#sw2  .num-box > .a {
	    position: absolute;
	    z-index: 4;
	    overflow: hidden;
	    width: 100%;
	    height: 50%;
	    transform: skewy(-45deg);
	    line-height: 155px;
	    text-indent: 41px;
	}
	#sw2 .num-box > .a > em {
	    position: absolute;
	    width: 100%;
	    height: 200%;
	    left: 0;
	    top: 0;
	    transform: skewy(45deg);
	    color: #d70917;
	    line-height: 150px;
	    text-align: left;
	    text-indent: 33px;
	}
	#sw2 .num-box > .b {
	    position: absolute;
	    z-index: 4;
	    overflow: hidden;
	    width: 100%;
	    height: 50%;
	    bottom: 0;
	    transform: skewy(-45deg);
	}
	#sw2 .num-box:after {
	    position: absolute;
	    content: "";
	    height: 0;
	    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	    width: 30%;
	    top: 50%;
	    left: 50%;
	    display: block;
	    transform: translate(-50%, -50%) rotate(-45deg) scalex(1);
	}
	#sw2 .num-box  .b  em {
	    position: absolute;
	    width: 100%;
	    bottom: 0;
	    height: 200%;
	    left: 0;
	    transform: skewy(45deg);
	    color: rgba(0, 0, 0, 0.5);
	    line-height: 238px;
	    text-indent: 35px;
	    text-align: center;font-size:20px;font-family: en_b;
	}
	#sw2 .num-box .a  em {
	    position: absolute;
	        width: 100%;
	        height: 200%;
	        left: 0;
	        top: 0;
	        transform: skewy(45deg);
	        color: #2aa8ff;
	        line-height: 150px;
	        text-align: left;
	        text-indent: 33px; font-size:50px; font-family: en_b;
	}
	 
	#sw2 .swiper-wrapper .swiper-slide {
	    width: 45vw;
	    height: 100%;
	    position: relative;
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
	    align-items: center;
	    z-index: 10;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner {
	    display: block;
	    margin: 0 auto;
	    position: relative;
	    width: 100%;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .top {
	    width: 100%;
	    position: relative;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .top .photo {
	    width: 100%;
	    height: 0px;
	    padding-bottom: 56.25%; background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .mid {
	    position: absolute;
	    right: 0;
	    z-index: 10;
	    width: 90%;
	    bottom:80px;
	    box-shadow: 0 11px 50px -6px rgba(192, 196, 204, 0.71);
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg {
	    background-color: #fff;
	    padding: 2vw 2vw;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3 {
	    color: #2aa8ff;
	    margin-bottom: 14px; font-size: 24px;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3 > i {
	    display: inline-block;
	    margin-right: 10px;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .right {
	    font-size: 80px;
	        color: #999999;
	        opacity: 0.3;
	        font-weight: bold;     font-family: en_b;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .btm {
	    width: 100%;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .btm .text_ {
	    color: #fff;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .btm .text_ {
	    width: 100%;
	    text-align: left;
	    font-size:150px;
	    color: #fff; 
	    text-shadow: 0 0 1px #2aa8ff; font-weight:bold;
	}
 #sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left small {
     color: #666666; font-size: 16px; line-height: 28px;
 }
 
 .num-box.on {
     animation: e1 2s cubic-bezier(0.86, 0, 0.07, 1);
 }
 
 #sw2 {padding-bottom: 34%; position: relative;}
 #sw2 .max-wid {
     position: absolute;
     left: 0;
     right: 0;
     margin: auto;
     top: 0;
     height: 72%;width: 82%;
     max-width: 1400px;
 }
 #sw2 .swiper-pagination {
     position: absolute;
     height: 100%;
     width: 22%;
     left: auto;
     right: 0;
     top: 0;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }
 #sw2 .swiper-pagination span {
     margin: 10px 0; width:15px; height:15px;
 }
 
	.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; }
	 
	 
	
	.history {width:100%; margin-top:-60px; background:url(../images/x-21.png) no-repeat bottom right #fff;  padding-bottom:30px; background-attachment: fixed; padding-top: 100px; }
	.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;
    color: #2aa8ff;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #ffffff;
    box-shadow: 0 0px 34px 0px rgb(0 0 0 / 10%);
    height: 100px;
    width: 100px;
    padding: 20px;
    border-radius: 50%;
    font-weight: bold; z-index: 5;}
	.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:20%; 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: 20px; line-height: 50px;     letter-spacing: 3px;}
	
	.history-bd .clearfix .article *{ -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;}
	
	.history-bd .clearfix:hover .article i{ color: #2aa8ff;   }

	 
	 .history-hd .bg {
	     pointer-events: none;
	     position: absolute;
	     width: 100%;
	     height: 100%;
	     top: 0;
	     left: 0;
	     z-index: 3;
	 }
	 .history-hd .bg span {
	     position: absolute;
	     top: 0;
	     bottom: 0;
	     left: 0;
	     right: 0;
	     margin: auto;
	 	display: inline-block;
	 }
	 .history-hd .bg  span:nth-of-type(1) {
	     z-index: 12;
	     width:230px;
	     height: 230px;
	     border-radius: 50%;
	     line-height: 230px;
	     text-align: center;
	     background-color: #fff; display:none;
	 }
	 .history-hd .bg  span:nth-of-type(2) {
	     z-index: 8;
	     width: 230px;
	     height: 230px;
	     border-radius: 50%;
	     line-height: 230px;
	     text-align: center;
		 border:1px dotted #f1f1f1;
	     /*background-color: rgba(191,191,191, 0.1);*/
	     animation: ripple1 7s linear infinite;
	 }
	 .history-hd .bg span:nth-of-type(3) {
	     z-index: 8;
	     width: 230px;
	     height: 230px;
	     border-radius: 50%;
	     line-height: 230px;
	     text-align: center;
	     border:1px dotted #f1f1f1;
	     /*background-color: rgba(191,191,191, 0.1);*/
	     animation: ripple1 7s linear infinite;
	     animation-delay: 1.5s;
	 }
	 .history-hd .bg span:nth-of-type(4) {
	     z-index: 8;
	     width: 230px;
	     height: 230px;
	     border-radius: 50%;
	     line-height: 230px;
	     text-align: center;
	     border:1px dotted #f1f1f1;
	     /*background-color: rgba(191,191,191, 0.1);*/
	     animation: ripple1 7s linear infinite;
	     animation-delay: 3.5s;
	 }
	 .history-hd .bg  span:nth-of-type(5) {
	     z-index: 8;
	     width: 12vw;
	     height: 12vw;
	     border-radius: 50%;
	     line-height: 12vw;
	     text-align: center;
	     border:1px dotted #f1f1f1;
	     /*background-color: rgba(191,191,191, 0.1);*/
	     animation: ripple1 7s linear infinite;
	     animation-delay: 4.5s;
	 }
	 
	 
	 
 
	#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:200px; 
	margin-left:7.5%;
	overflow: hidden;
 	margin-top:25px;
	background: 0px 10px;
    background-size: 177px;
	
	

}



.header .logo img{ height:50px;}

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

.nav {
    float: right;
	margin-right:7.5%;
	height: 100%;
}


.nav li{ float:left; }

.nav a {
    position: relative;
        display: inline-block;
        height: 100%;
        padding: 0 60px;
        font-size: 16px;
        color: #121212;
}

.nav a.active {
   background: #f8f8f8; color: #2aa8ff;
}

.nav a.active::after{ position: absolute;  content: '';  bottom: 0;  width: 100%;  height: 7px; background: #d6d6d6; left: 0; }


.header .nav a:hover{
    background: #f8f8f8;
}
.header .nav a:hover::after{
     position: absolute;  content: '';  bottom: 0;  width: 100%;  height: 7px; background: #d6d6d6; left: 0;
}


.nav li:last-child{ background: #2aa8ff; height: 45px; line-height: 45px;border-radius: 7px; top: 30px;  margin-left: 30px;}

.nav li:last-child a{ color:#fff; padding: 0 35px; }
.nav li:last-child a:hover{ background:none;}
.nav li:last-child a:hover::after{ display: none;}


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


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

 

.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 {
	width: 100%;
	 margin-top:90px;
	height:750px; position:relative;
}




.swiper01 {
	width: 100%;
	height:100%;
}



.swiper01 p{ letter-spacing:3px; display:block; position:absolute; width:85%; color:#fff; font-weight: bold; top: 50%;left:7.5%; }


.swiper01 .swiper-slide p.banner_txt1{ font-size:60px; top: 28%;  z-index: 8;  
	-webkit-animation: fadeInLeft 1s;
    animation: fadeInLeft 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}


.swiper01 .swiper-slide.swiper-slide-active p.banner_txt1{
    -webkit-animation: fadeInRight 1s;
    animation: fadeInRight 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


	
.swiper01 .swiper-slide p.banner_txt2{ font-size: 30px;  top:41%; z-index: 8;  -webkit-animation: fadeInLeft 1s;
    animation: fadeInLeft 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}

.swiper01 .swiper-slide.swiper-slide-active p.banner_txt2{
    -webkit-animation: fadeInRight 2s;
    animation: fadeInRight 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.swiper01 .swiper-slide p.banner_txt3{font-size:30px;  z-index:5; font-weight: 100;  top:49%;  -webkit-animation: fadeInLefttwo 1s;
    animation: fadeInLefttwo 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}

.swiper01 .swiper-slide.swiper-slide-active p.banner_txt3{
    -webkit-animation: fadeInRighttwo 2.5s;
    animation: fadeInRighttwo 2.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes fadeInRighttwo {
  0% {
    -webkit-transform: translateX(150px);
    -ms-transform: translateX(150px);
    transform: translateX(150px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}


@keyframes fadeInLefttwo {
  0% {
    -webkit-transform: translateX(-150px);
    -ms-transform: translateX(-150px);
    transform: translateX(-150px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}



.swiper01 .swiper-slide p.banner_txt4{ z-index:8; font-size:30px; font-weight:400; top: 60%; -webkit-animation: fadeInLeft 1s;
    animation: fadeInLeft 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
.swiper01 .swiper-slide.swiper-slide-active p.banner_txt4{
    -webkit-animation: fadeInRight 1.5s;
    animation: fadeInRight 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.swiper01 p.banner_txt4::before{ display: inline-block; content: ''; height: 25px; width: 25px; border: 6px solid #fff; border-radius: 50%;  vertical-align: middle; }

 
	


.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; height:100%; height:auto; }

.swiper01 span{ top: 0; background:#000000;opacity:0.5; position: absolute; z-index:2; display:block; width:100%; height:100%;}

.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:85%; 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);}






.yous{ padding:150px 0; position:relative; overflow:hidden; margin-top: -50px; }
.banner_pic{ height:50px; z-index:4; background:url(../images/bannerbg.png) bottom center; width:100%;     position: absolute;
    top: 0;}
.yous::before{ position: absolute; display: block;  top: 49px;   height: 11px;  width: 100%; content: '';  background: #fff;  z-index: 5;}
.yous .bg_lf{ background: url(../images/index1bg.png) no-repeat top center;
    background-size: 100%;
    content: '';
    display: block;
    position: absolute;
    width: 729px;
    height: 100%;
    top:200px;
    right: 5%;
    z-index:10; }
	
	.you_title {  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: 590px; margin:0 auto; }
	
	.you_title .title_txt{margin-left: 40px; border-left: 1px solid #c5c5c5;  padding:0px 14px; padding-left: 40px;}
	.you_title .title_txt img{ max-width:100%; height:auto!important; }
	.you_title .title_txt h2{ color: #000; font-size: 35px; margin-bottom: 10px; }
	.you_title .title_txt h2::after{ content: ''; display: block; height: 5px;  width: 60px; border-radius: 3px;  background: #2aa8ff; margin: 0 auto; margin-top: 30px;  margin-bottom: 30px; }
	.you_title .title_txt p{     color: #b3b3b3; font-size: 16px;  letter-spacing: 4px;}
	
	
 
	.you_title .title_txt{ text-align: center; border:none; padding:0; margin:0 auto; }

 .idx-tags { width:90%; margin:0 auto; margin-top:100px; margin-bottom:50px; }
 .idx-tags ul{ overflow:hidden; }
 .idx-tags ul li{ float:left;width:25%; font-size: 22px;     text-align: center; }
 .idx-tags .tags_left{font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt" !important; margin-right: 10px; font-size:50px;  display: inline-block; color: #2aa8ff;}
 .idx-tags  .col2{ display: inline-block; text-align: left; }
 .idx-tags .tags_left img{width: 67px; height: auto; display: inline-block; vertical-align: middle;}


 .gd_bg_a{ width:1300px; height:1300px; position: absolute; top: -50%; left: -55%; z-index:5; }
 .gd_bg_b{ width:1200px; height:1200px; position: absolute; top: -45%; left: -55%; z-index:5; }
 
 
 .gd_bg_a img{ width:100%; height:auto; animation: roll 20s linear infinite;}
 .gd_bg_b img{ width:100%; height:auto; animation: rolltwo 25s linear infinite;}
 
 
 
 
 
#r2 {
     background: url(../images/bg5.jpg) center repeat;
     position: relative;
     overflow: hidden;
     height:1030px;
	 padding:68px 0; padding-bottom: 0;
 }
#r2  .title {
    position: relative;
    z-index: 10;
    margin-bottom:60px; text-align: center; color: #ffffff;
}
 .f-36 {
     font-size: 35px;
 }
#r2 .title .line {
     width: 54px;
     height: 5px;
     background-color: #2e7ef0;
     margin:30px 0;
     border-radius: 50px;display: inline-block;
 }
#r2 .title > p {
    letter-spacing:4px;font-size:16px;
}
#r2 .wrap {
    overflow: hidden;
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
 #r2 .wrap .mid-logo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    pointer-events: none;
    left: 0;
    right: 0;
    margin: auto;
    width: 9%;     text-align: center;
    font-size: 40px;
    font-weight: bold;
    color: #2aa8ff;
}
#r2 .wrap .cir {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 25%;
    animation: roll 10s linear infinite;
}
 #r2 .wrap .items {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 52%;
}

 #r2 .wrap .items > .bg {
    width: 100%;
}
#r2 .wrap .items > li {
    background: url(../images/b1.png) center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 120px;
    height: 38px;
    line-height: 38px;
    text-align: center;
}
#r2 .wrap .items > li:nth-of-type(1) {
    left: 2%;
    top: -2%;
}
.fadeInUpSmall {
    animation-name: fadeInUpSmall;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
#r2 .wrap .items > li > em {
    position: relative;
    z-index: 4;
    color: #fff;
    font-size: 18px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}
#r2 .wrap .items > li > p {
    position: absolute;
    width:400px;
    top: 112%;
    left: 0;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    line-height: 19px;
    font-size: 15px;
    opacity: 0;
    text-align: left;
}
.wc {
    color: #ffffff;
}
#r2 .wrap .items > li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}
.app {
    display: none!important;
}
#r2 .wrap .items > li:nth-of-type(1) {
  left: 2%;
  top: -2%;
}
#r2 .wrap .items > li:nth-of-type(1) > p {
  right: 0;
  text-align: right;
  left: auto;
}
#r2 .wrap .items > li:nth-of-type(2) {
  left: -6%;
  top: 21%;
}
#r2 .wrap .items > li:nth-of-type(2) > p {
  right: 0;
  text-align: right;
  left: auto;
}
#r2 .wrap .items > li:nth-of-type(3) {
  left: -16%;
  top: 47%;
}
#r2 .wrap .items > li:nth-of-type(3) > p {
  right: 0;
  text-align: right;
  left: auto;
}
#r2 .wrap .items > li:nth-of-type(4) {
  left: -4%;
  top: 73%;
}
#r2 .wrap .items > li:nth-of-type(4) > p {
  right: 0;
  text-align: right;
  left: auto;
}
#r2 .wrap .items > li:nth-of-type(5) {
  left: 4%;
  top: 96%;
}
#r2 .wrap .items > li:nth-of-type(5) > p {
  right: 0;
  text-align: right;
  left: auto;
}
#r2 .wrap .items > li:nth-of-type(6) {
  right: 2%;
  top: -2%;
}
#r2 .wrap .items > li:nth-of-type(7) {
  right: -6%;
  top: 21%;
}
#r2 .wrap .items > li:nth-of-type(8) {
  right: -16%;
  top: 47%;
}
#r2 .wrap .items > li:nth-of-type(9) {
  right: -4%;
  top: 73%;
}
#r2 .wrap .items > li:nth-of-type(10) {
  right: 4%;
  top: 96%;
}
ins, em, b, i {
    text-decoration: none;
    font-style: normal;
}
#r2 .wrap .items > li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}
#r2 .wrap .items > li:hover:after {
    opacity: 1;
}
#r2 .wrap .items > li:hover p {
    opacity: 1;
}
#r2 .wrap .items > li:nth-of-type(3) > p {
    right: 0;
    text-align: right;
    left: auto;
}
#r2 > .bg {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
}
#r2 > .bg > span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	display: inline-block;
}
#r2 > .bg > span:nth-of-type(1) {
    z-index: 12;
    width:230px;
    height: 230px;
    border-radius: 50%;
    line-height: 230px;
    text-align: center;
    background-color: #fff;
}
#r2 > .bg > span:nth-of-type(2) {
    z-index: 8;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    line-height: 230px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.1);
    animation: ripple1 7s linear infinite;
}
#r2 > .bg > span:nth-of-type(3) {
    z-index: 8;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    line-height: 230px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.1);
    animation: ripple1 7s linear infinite;
    animation-delay: 1.5s;
}
#r2 > .bg > span:nth-of-type(4) {
    z-index: 8;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    line-height: 230px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.1);
    animation: ripple1 7s linear infinite;
    animation-delay: 3.5s;
}
#r2 > .bg > span:nth-of-type(5) {
    z-index: 8;
    width: 12vw;
    height: 12vw;
    border-radius: 50%;
    line-height: 12vw;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.1);
    animation: ripple1 7s linear infinite;
    animation-delay: 4.5s;
}
#r2 .wrap .items > li:hover > em {
    color: #2e7ef0;
}



.nav_nr {
    width:1200px;
    margin: 0 auto;
    margin-top: -40px;
    position: relative; z-index:5;
}
.nav_nr ul { padding: 0;
    background: #fff;
    display: flex;
    box-shadow: 0 10px 25px -4px rgb(0 0 0 / 10%);
}
.nav_nr li {
    flex: 3;
    position: relative;
}
.nav_nr li a {
    display: block;
    color: #858585;
    line-height: 100px;
    text-align: center;
    font-size: 20px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; 
}
.nav_nr li a:hover,.nav_nr li a.hover{ background-color: #2e7ef0; color: #fff; }
.nav_nr li a::after{ content: ""; position:absolute; top: 0; bottom:0; margin: auto; right: 0; width: 1px; height: 20px; background-color: #ddd;}
	.nav_nr li:last-child a::after{ display:none; }
	.nav_nr li a.hover:after {
	    opacity: 0;
	}



.yoush{ width:80%; min-width:1200px; margin:0 auto; padding-top:100px; position: relative;  display: flex; justify-content: space-between; align-items: center; -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;}
.youshtwo{ margin-bottom:100px }


.yoush .yoush_a{ width: 46.2857%; }
.yoush .yoush_a h2{ font-size: 50px; color: #2e7ef0; padding-top: 50px; position:relative; padding-left: 70px;}
.yoush .yoush_a h2 p{ color: #000;  text-align: justify;  font-size:30px; font-family: en_b; } 
.yoush .yoush_a .pp{     font-size: 18px; color: #666666; line-height: 2.22; text-align: justify; margin-top:20px; padding-left: 70px; }
.yoush .yoush_a span{ display: block; font-weight: bold;  font-family: en_b;  color: transparent; font-size: 180px;  -webkit-text-stroke: 1px #D70917;  -webkit-text-stroke: 1px #2e7ef0;  opacity: .2;  position: absolute;  left:0; top: -80px; }
 
.yoush .yoush_b{ width: 46.2857%; }

.ptjs{ background:#fff; padding-bottom:150px;}
.ptjs .yoush_a{ width: 46.2857%; }
.ptjs .yoush_a h2{ font-size: 50px; color: #2aa8ff; padding-top: 50px; position:relative;}
.ptjs .yoush_a h2 p{ color: #000;  text-align: justify;  font-size:30px; font-family: en_b; } 
.ptjs .yoush_a .pp{     font-size: 18px; color: #666666; line-height: 2.22; text-align: justify; margin-top:20px;}
.ptjs .yoush_a span{ display: block; font-size: 28px; color: #2aa8ff; margin: 50px 0px; line-height: 160%; font-weight:bold; }

.ptjs .yoush_a {
    width: 46.2857%;
}
.ptjs .ptjs_a{ width:auto; position:relative; }

.ptjs .ptjs_a span {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: #2aa8ff;
}

.ptjs .ptjsa{
    width: 85%;
    margin: 0 auto;
    padding: 100px 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    -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;
}


.profile{ width:100%; position: relative; height:720px; color:#fff; } 
 
.profile .border_text{ text-transform: uppercase;
    font-size:240px;
    white-space: nowrap;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.35); color: #fff; position:absolute;  left: 48%;
    bottom:76%; font-family: en_b;}
 
.profile .profile_a{display:inline-block; position:absolute; left:-5%; top:0; width:55%; background:#2aa8ff; height:100%; z-index:5; }

.profile .profile_a_a{position: absolute; left: 7.5%; z-index: 10;  width: 45%;max-width:780px; top: 180px;}

.profile .profile_a_a::before { display:block; content: '';  height: 25px;  width: 25px; border: 6px solid #fff;  border-radius: 50%; vertical-align: middle; margin-bottom: 38px;
}
 
.profile .profile_a_a .idx-tags {width: 100%; margin-top: 60px;  margin-left: -50px;}
.profile .profile_a_a .idx-tags .tags_left{ display:block; margin-right:0; font-size: 35px; color:#fff;}  
.profile .profile_a_a .idx-tags .col2{ font-size: 16px; text-align: center; }
.profile_a_a h2{ font-size: 50px;}
.profile_a_a p{text-align: justify; font-size: 30px; font-family: en_b;}

.profile .profile_b{position: absolute; right: -5%; top: 0; width: 60%;  height: 100%; margin-top:100px; background:url(../images/che.jpg) no-repeat top center; text-align:center; }
.profile .profile_b .bgpic{ width:100%; }
.profile .profile_b .cheline{ margin-top: 60px; width: 65%; height: auto; }

.profile_c{ position:relative; width: 85%;  margin: 0 auto;  text-align: center; margin-top: 200px; }
.profile_c .en_b{  -webkit-text-stroke: 1px rgba(102, 102, 102, 0.1);
    position: relative;
    color: transparent;
    font-size:350px;
    white-space: nowrap;font-family: en_b; text-align:center;}
.profile_c .en_b em{ display:inline-block; }

.profile_c h2 {position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top:40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 20px;
        font-weight: 400;
        line-height: 36px;
        color: #7b7b7b;}
.profile_c h2 span{ color:#2aa8ff;font-weight: bold; font-size: 50px;  margin-bottom: 20px; }
.fontAni {
  opacity: 1;
}

 .fontAni {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
}
.fanan{ margin-top: -60px; height:810px; position:relative;  width:100%; padding:60px 0px; padding-top:130px; background:url(../images/zhuanyebg.jpg) bottom center no-repeat; }
.fanan .title {
    position: relative;
    z-index: 10;
    margin-bottom:110px; text-align: center; color: #000;
}
 .f-36 {
     font-size: 35px;
 }
.fanan  .wc{  color: #000; }
.fanan .title .line {
     width: 54px;
     height: 5px;
     background-color: #2e7ef0;
     margin:30px 0;
     border-radius: 50px;display: inline-block;
 }
.fanan .title > p {
    letter-spacing:4px;font-size:16px; color: #9c9c9c;
}

.fanan .bottom_pic{ position:absolute; bottom:0; overflow: hidden; width: 100%; z-index:6; }
.fanan .bottom_pic img { width:1920px; height:auto; position: relative; left:50%; margin-left:-960px; }


.caseslist{ width:100%; background:#f8f8f8; padding:100px 0px; }
.bx_product {
    width: 85%;

    margin: 0 auto; margin-top:50px;
}
.bx_product li {
    float: left;
    width:30%;
    background: #fff;
    box-sizing: border-box;
    text-align: center;
    margin-right:5%;
    border-radius: 5px;
    margin-bottom: 40px;
    position: relative;
    -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;
}
.bx_product li:hover {
    box-shadow: 0 4px 32px 0 rgba(10,14,29,.02), 0 8px 64px 0 rgba(10,14,29,.08);
}


.bx_product li i{ margin:0 auto; display: block; width:36px; height:24px; background:url(../images/right1.png) no-repeat top; padding-bottom:30px; background-size: 100%; }
.bx_product li a:hover i{  background:url(../images/right2.png) no-repeat top; background-size: 100%; }

.bx_product li img {
    display: block;
    margin: 0 auto;
    margin-bottom: 15px; width: 100%;
}
.bx_product li span {
    display: block;
    margin: 0 auto;
    margin: 15px;
    font-size:20px;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.bx_product li p {
    display: block;
    margin: 0 auto;
    margin: 20px;
    line-height: 22px;
    color: #949494;
	font-size: 14px;
}
.bx_product li:nth-child(3){ margin-right:0; }

.mk{ width:1200px; margin:0 auto; display:flex; height:350px; position:relative; }
.mk .mk_a{ width:50%; position: relative; overflow:hidden; }
.mk .mk_a .gd_bg_a{ width:200%; height:auto; top:0; left:0; }

.mk .mk_b{ width:50%; position: relative; overflow:hidden; }
.mk .mk_b .gd_bg_a{ width:200%; height:auto; top:0; right:0;  left: auto; }
.mk .mk_b .gd_bg_a img{ animation: rolltwo  20s linear infinite; }

.dio{ width: 10px;
    height: 10px;
    background-color: #2aa8ff;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    margin-left: -20px;
    bottom: 210px;
    z-index: 15;
    transform: rotateX(111deg); opacity: 0.5;}
	.dio:before {
	    background-color: #2aa8ff;
	}
.dio:before{
    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;
}
.dio:after { background-color: #2aa8ff;
    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 1s infinite;
}

.che{ width:590px; height:auto;position: absolute; bottom:140px; z-index:15; left:90%;   } 
.che img{ width:100%; height:auto; }

.xianj{ width: 64px; height: auto; position: absolute;   bottom: 257px;  z-index: 10;  left: 50%; margin-left: -392px;} 
.xianj .den{ animation: den 1.5s ease-out 0s infinite;   position: absolute; top: 12px; left: 56px;  width: 70px; opacity: 0.8;}
.xianj .den img{ width:100%; height:auto; }

.xianj .deng{ position: absolute; bottom: 19px;  left: -190px;}

.bi_a{  width: 100px; height: 100px; position: absolute;  bottom: 100px; left: 93px;}
.bi_a .pic{ position: absolute; z-index: 5; left: 50%;  margin-left: -20px; bottom: 20px;}
	
.bi_a .wifi{  position: absolute;width: 50px; right: -12px; top: 9px; transform: rotate(229deg); }
.bi_a span{display: block; position: absolute; background: #fff; border: 8px solid #2aa8ff; width: 50px;  height: 50px;  border-radius: 50%; bottom: 0;  z-index:4; left: 50%;  margin-left: -38px;}
.bi_a .q_a{}
.bi_a .q_b{bottom: -11px;
    z-index: 3;
    margin-left: -29px;
    opacity: 0.3;}


.mk_b .bi_a { left:100%; margin-left: -190px; }
.mk_b .bi_a .q_b{ margin-left: -50px; }
.mk_b .bi_a .wifi{ right: 78px; top: 9px; transform: rotate(129deg); }


.mk .serverq{     position: absolute;
    left: 50%;
    height: 150px;
    width: 150px;
    margin-left: -75px;
    top: -79px;}
.mk .serverq .bi_a{ bottom:0; left:0; }
.mk .serverq .bi_a .wifi{transform: rotate(0deg); width: 100px; top: 120px;}
.mk .serverq .bi_a span{ width: 80px; height: 80px; }

.mk .txt_a{ position: absolute; color: #838383; transform: rotate(-28deg);  margin-left: 220px; top:46px; }
.mk .txt_a span{}
.mk .txt_a img{ position: absolute; transform: rotate(21deg);  left: 30%; top: 26px; width: 50px;}

.mk .txt_a.txt_b{ left: 52%; transform: rotate(28deg); }
.mk .txt_a.txt_b img{ transform: rotate(-18deg); }

.shiyon{ width: 1000px;  margin: 0 auto; text-align: center; margin-bottom: 100px; }
.shiyon p{ font-size:30px; font-weight:bold; color:#000; }
.shiyon a {
   background: #2aa8ff;
       height: 45px;
       line-height: 45px;
       border-radius: 7px;
       top: 30px;
       color: #fff;
       padding: 0 35px;
       display: block;
       width: 100px;
       margin: 0 auto;
       margin-top: 30px;
}
 .footer {
     position: relative;
     padding: 0;
     font-size: 14px;
     color: #747474;
     line-height: 20px;     padding-bottom: 0;
 }
	.footer_1{ color:#fff;
    position: relative;  box-shadow: 0px 0px 50px  0 rgba(10,14,29,.08); width:85%; margin:0 auto; background:url(../images/footerbg.jpg) center top no-repeat; box-sizing:border-box; padding:120px 50px; margin-bottom: -90px; background-size: 100% 100%; }
	.footer_weixin{ display: flex; float:left; width:30%; }
	.footer_weixin li{  text-align:center; margin-right:20px; }
	.footer_weixin li img{ border:1px solid #f1f1f1; width:100px; display:block; margin:0 auto;margin-bottom:10px; }
 
	.footer.footercontact .footer_1{ position: absolute;  left: 7.5%;  margin-top: -150px; z-index:5; }
	.footer.footercontact .footer_2{ padding-top: 190px; }
	.footer_1:after {
	    clear: both;
	    display: table;
	    content: " ";
	}
	
	.footer_weizhi{ float:left; width:40%; text-align: center; }
	.footer_weizhi img{ width:30px; display:block; margin:0 auto;margin-bottom:15px; }
	.footer_weizhi  span{ display: block; line-height: 41px;  font-size: 20px; }
	.footer_tel{ float:right; text-align:right; width:30%; }
	.footer_tel span{ display:block; }
	.footer_tel span:nth-child(1){ font-size: 20px; margin-bottom: 15px; }
	.footer_tel span:nth-child(4){ font-size: 20px; margin-top: 15px; }
	.footer_tel span:nth-child(2),.footer_tel span:nth-child(3){font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt" !important; font-size: 25px;
    letter-spacing: 1px;  line-height: 36px;}
	.footer_tel img{ width:30px; vertical-align: text-top; }
	 
	.footer_tel a{ color:#fff; }
	 
	 
	 
	 .footer_2{ background: #3a3a3a; padding:50px 0px; color: #737373; font-size: 14px; line-height:28px; padding-top:150px; }
	 .footer_2 strong{color: #b3b3b3; margin-right: 10px; }
	 .footer_2 a{ color: #737373; margin-right: 15px; }
	 .footer_2 .container{ width:85%; margin:0 auto; }
	 .footer .text-left {
	     padding-top: 5px;
	     padding-bottom: 5px; width:50%;  float: left;
	 }
	 .footer .text-right {
	     padding-top: 5px;
	     padding-bottom: 5px; width:50%;  float: left; text-align: right;
	 }
	 
	 
	 .gotop {
	     position: absolute;
	     left: 50%;
	     bottom:0px;
	     margin-top: 0;
	     -webkit-transform: translate(-50%,-50%);
	     transform: translate(-50%,-50%);
	     color: #fff; cursor:pointer;
	 }
	 .radius-half {
	     -webkit-border-radius: 50%;
	     -moz-border-radius: 50%;
	     border-radius: 50%;
	 }
	 
	 .gotop >div {
	     position: relative;
	     top: 0;
	     margin: 0 auto 50px;
	     width: 26px;
	     height: 26px;
	     opacity: .7;
	     border: 1px solid #fff;
	     -webkit-transition: all 1s cubic-bezier(.23,1,.38,1);
	     transition: all 1s cubic-bezier(.23,1,.38,1);
	 }
	 .gotop:hover >div {
	     top: 35px;
	     border-bottom: 0;
	     border-right: 0;
	     border-left: 0;
	     opacity: 1;
	 }
	 .gotop:hover >div i {
	     top: -30px;
	 }
	 .gotop >div i {
	     position: absolute;
	     top: 10px;
	     left: 50%;
	     display: block;
	     content: "";
	     width: 1px;
	     height:55px;
	     background: #fff;
	     -webkit-transition: all 1s cubic-bezier(.23,1,.38,1);
	     transition: all 1s cubic-bezier(.23,1,.38,1);
	 }
	 .gotop >div i::after {
	     position: absolute;
	     top: 0;
	     left: -3.5px;
	     display: block;
	     content: "";
	     width: 8px;
	     height: 8px;
	     border-top: 1px solid #fff;
	     border-right: 1px solid #fff;
	     -webkit-transform: rotate(-45deg);
	     transform: rotate(-45deg);
	 }
	 .clearfix:after {
	     content: " ";
	     display: block;
	     clear: both;
	     visibility: hidden;
	     line-height: 0;
	     height: 0;
	 }
	 .row:before {
	     display: table;
	     content: " ";
	 }
	 
.bottom_quan{ width: 800px;
    margin: 0 auto;
    overflow: hidden;
    bottom: 170px;
    position: absolute;
    left: 50%;
    margin-left: -400px;
    height: 300px;}
.bottom_quan img{ width:100%; height:auto; animation: roll 20s linear infinite; }


.bottom_shu{ width: 72px;
    margin: 0 auto;
    overflow: hidden;
    bottom: 220px;
    position: absolute;
    left:5%;
    height: 300px;}

.bottom_shub{ width: 30px;
    margin: 0 auto;
    overflow: hidden;
    bottom: 280px;
    position: absolute;
    left:2%;
    height: 100px;}

.bottom_shua{ width:50px;
    margin: 0 auto;
    overflow: hidden;
    bottom: 140px;
    position: absolute;
    left:50%;
    height: 300px;}
.bottom_shua img,.bottom_shub img{ width:100%; }



.about{ padding:100px 0px; } 
 .about_a{ width:1400px; margin:0 auto;  }
.about_a_1{ width:50%; float:left; margin-top:150px; }
.about_a_1 h2{font-size: 32px; font-weight: 400; margin-bottom: 20px;}

.about_a_1 p{color: #999999; line-height: 33px;}
.about_a_2{ width:40%; float: right; }
.about_a_2 img{ width:100%; height:auto; }

.about_a_1 .idx-tags{ width: 100%; margin-left: -34px; margin-top:50px;}
.about_a_1 .idx-tags .col2 { color: #b3b3b3; text-align: center; font-size:16px; line-height: 25px;}
.about_a_1 .idx-tags .tags_left{     font-size: 30px; display: block; margin-bottom:10px;}


.jjfa{padding:100px 0px; }
.jjfa .you_title{ width:1100px; }


.jjfa .you_title .title_txt p{ color: #626262; }

.jt{ text-align: center; margin:10px 0px; }
.jt img{ width:50px; }

.tppic{ margin-top:50px; min-width:1200px; }
.tppic .tppic_a{  position:relative;   }
.tppic ul { text-align: center; }

.tppic .tppic_b{ border: 1px #cfcfcf dashed;
    width: 1090px;
    margin: 0 auto;
    border-radius: 10px;
    padding: 20px 0px; margin-top:50px; }

.tppic .tppic_b .center_a{ top: 23px; }	

.tppic ul li {
    width: 130px;
        height: 100px;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        padding: 10px;
        box-sizing: border-box;
}

@media screen and (max-width: 1500px){
	
	.tppic ul li{ width:80px; }
	
}

.tppic ul li p {  color: #333; font-size: 14px;}
.tppic li.img {
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
}
.tppic .center_a{border: none; text-align: center; border-radius:50%;
    background: #2aa8ff;
    line-height: 28px;
    color: #fff;
    font-size: 25px;
    padding: 30px;
    box-sizing: border-box;
    width: 120px;
    height: 120px; margin: 0 70px; position: absolute; left:50%; margin-left: -60px;top: 5px; }

.tppic li.center_b{ 
    line-height: 28px;
    color: #fff;
    font-size: 25px;
    padding: 30px;
    box-sizing: border-box;
    width: 120px;
    height: 120px;  border:none; }	
	
.tppic li img{ width:40px; }


.tppic li.img img{ width:auto; }

 .module-scene-content {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     border: 1px solid #eaeaea;
     overflow: hidden;
     position: relative;
	 width:1400px; margin:0 auto; overflow:hidden; margin-top:100px;
 }
 .module-scene-tab {
     display: inline-block;
     vertical-align: top;
     list-style: none;
     width:100%;
     margin: 0;
     padding: 0;
     font-size: 0; display:flex; border-bottom:1px solid #eaeaea;
 }
.module-scene-item {
    list-style: none;
    margin: 0;
    padding: 30px 40px;
    cursor: pointer; flex:5; text-align: center;
}
.module-scene-item-selected {
    background: #2aa8ff;
}
.module-scene-item-title {
    font-size: 16px;
    color: #000;
}
.module-scene-item-selected .module-scene-item-business, .module-scene-item-selected .module-scene-item-title, .module-scene-item-selected:hover .module-scene-item-title {
    color: #fff;
}
 
.module-scene-item:hover .module-scene-item-title {
    color: #2aa8ff;
}
.module-scene-item-selected .module-scene-item-business, .module-scene-item-selected .module-scene-item-title, .module-scene-item-selected:hover .module-scene-item-title {
    color: #fff;
}
.module-scene-tab-content{ padding:50px; box-sizing: border-box; font-size:18px; }
.module-scene-row{ line-height:25px; display:none; }
.module-scene-row.module-scene-row0{ display: block; }
.module-scene-row img{ max-width:100%; margin:10px 0; }


.news{width:100%;  padding:100px 0; overflow:hidden; }

.news .znpro{     margin-bottom: 0;  }

.news .news_ul{width:100%; margin: 0 auto;   position:relative;  }
.swiper03{width:85%;   margin: 0 auto; padding-top: 50px;   position:relative; padding-bottom: 50px;}
.news .news_ul li{ width:28%; }
.swiper03 .ind_new_con {
    display: block;
    position: relative;
}
.swiper03 .ind_new_con .new_img_box {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.swiper03 .ind_new_con .new_img_box::before {
    content: '';
    display: block;
    width: 100%;
    margin-top: 105%;
}

.swiper03 .ind_new_con .new_img_box img {
    width: 100%;
    display: none;
}

.swiper03 .ind_new_con .new_img_box .new_img_hover {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s ease;
    opacity: 0;
    z-index: 1;
}

.swiper03 .ind_new_con .new_img_box::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    top: 0;
}

.swiper03 .ind_new_con .new_text_box {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    padding: 14% 9.415% 11%;
    color: #fff; box-sizing: border-box;
}

.swiper03 .ind_new_con .new_text_box .ind_3_new_time {
    font-family: 'BrownStd-Bold';
    line-height: 1;
   font-size: 18px;
    font-weight: bold;
    position: absolute;
    right: 9.415%;
    bottom: 11%;
}
.swiper03 .ind_new_con .new_text_box .ind_3_new_name {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.79;
}

.swiper03 .ind_new_con:hover .new_img_box .new_img_hover {
    opacity: 1;
}

.swiper03  .ind_new_tab_box {
    position: absolute;
    right: 0;
    bottom: 100%;
    display: flex;
}
.swiper03 .ind_new_tab_box .swiper-button-prev, .swiper03 .ind_new_tab_box .swiper-button-next{    background-image: none;
    text-align: center;
    position: relative;
    margin: 0;
    left: auto;
    top: auto;
    right: auto;
    width:70px;
    height:70px;
    line-height:70px;
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
    transition: all .3s ease;}


.swiper03 .ind_new_tab_box .swiper-button-prev {
    margin-right: .1rem;
}


.swiper03 .ind_new_tab_box .swiper-button-prev i, .swiper03 .ind_new_tab_box .swiper-button-next i{ margin-top:20px; font-size:25px; }

.swiper03 .ind_new_tab_box .swiper-button-prev:hover, .swiper03 .ind_new_tab_box .swiper-button-next:hover {
    background-color: #2aa8ff;
}

.swiper03 .swiper-button-prev::before{ width:20px; height:3px; margin-top: 28px;
    margin-left: 20px;}
.swiper03 .swiper-button-prev::after{ width:20px; height:3px; margin-top: 10px;
    margin-left: 20px;}
	
	
	.swiper03 .swiper-button-next::before{ width:20px; height:3px; margin-top: 28px;
	    margin-left: 26px;}
	.swiper03 .swiper-button-next::after{ width:20px; height:3px; margin-top: 10px;
	    margin-left: 26px;}

 .znpro {
     width:85%; 
     margin: 0 auto;
     margin-top: 10px;
     overflow: hidden;
	 margin-bottom:40px;
 }
 .znpro h2 {
     float: left;
     font-size: 30px;
 }
 .znpro ul {
     float: right;
 }
 .znpro ul li.on {
     color: #e50112;
 }
 .znpro ul li {
     float: left;
     margin-left: 40px;
     font-size: 16px;
     cursor: pointer;
     position: relative;
 }
 
  .znpro p{ float: right; display:block; font-size:16px; color:#535353;  }
 
 
 
 
 .nr_banner {
     position: relative;
     width: 100%;
     height: auto;
     overflow: hidden;
 }
 
 .nr_banner.nr_bannertwo{ position: fixed;
    width: 100%;
    overflow: hidden;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 4;
    min-height: 100vh;}
 
 .nr_banner.nr_bannerthree{ height: 450px; margin-top: 110px; }
 .nr_banner.nr_bannerthree span {
     display: block;
     width: 100%;
     position: absolute;
     height: 100%;
     background: #000;
     opacity: 0.4;
     top: 0;
     left: 0;
 }
 #maintwo {
     padding-top: 100vh; z-index:10;
 }
 
 
 .nr_banner .text {
	 width: 1920px;
	     height: auto;
	     min-height: 100%;
	     position: relative;
	     left: 50%;
	     margin-left: -960px;
	     display: block;
	     animation: a2_6 10s ease infinite;
	     animation-iteration-count: 1;
	     -webkit-animation-iteration-count: 1;
 }
 @keyframes a2_6{from { transform: scale(1.5);}  to { transform: scale(1);}}
 .nr_banner h2 {
     text-align: center;
     font-size: 60px;
     line-height: 1;
     left: 50%;
     color: #fff;
     position: absolute;
     top: 50%;
     margin-top: -30px;
     width: 1200px;
     z-index: 5;
     margin-left: -600px;
 }
.go_scr {
     position: absolute;
     left: 0;
     right: 0;
     bottom:80px;
     user-select: none;
     width: 60px;
     height: 60px;
     border-radius: 50%;
     line-height: 0.6rem;
     background-color: #2aa8ff;
     text-align: center;
     display: flex;
     transform-origin: 50% 50%;
     justify-content: center;
     align-items: center;
    
 }
 
  .nr_banner .go_scr {  margin: auto; animation: scroll-icon 1.2s infinite alternate cubic-bezier(0.65, 0.05, 0.36, 1); } 
 
 .iconfont {
     font-family: "iconfont" !important;
     font-size: 16px;
     font-style: normal;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
.go_scr > .iconfont {
     color: #fff;
     font-size: 16px;
     display: inline-block;
     margin-left: 1px;
 }

.jieju {
    padding: 0; padding-bottom:0px; background: #fff;
	
}

.jieju  .nav_nr{ width:100%;  margin:0;    padding: 0 0px 100px 0; } 


.pub_case {
    width:80%;
    margin-left: auto;
    margin-right: auto;display: flex;
    align-items: flex-start;
}
.pub_case .pub_casetxt {
    width: 53.714%;
    padding-right: 5%;
}

.pub_case .go_scr{ position:static; margin-top:30px; }

.pub_case .pub_info {
    width: 46.286%;
    padding-right: 0;
    margin-top: .12rem;
	color: #666666;
	line-height: 2.44;
	text-align: justify;
	letter-spacing:1px;
}
 .pub_title {
     color: #2aa8ff;
     line-height: 1.2;
     font-size: 50px; font-weight: bold;
 }
 
 @font-face {
   font-family: 'en_b';
   src: url("../fonts/EUCLIDCIRCULARA-BOLD_0.TTF");
 }
 .pub_title_en {
     color: #333333;
     line-height: 1.33;
     margin-top:20px;
     text-transform: capitalize; font-size: 30px; font-family:en_b;
 }
 
 
 
 .jiejua{ width:100%; margin:0 auto; margin-top:50px; overflow:hidden; }
 
 
 .tupian{ width:100%; margin-left:-10%; margin-top:180px; margin-bottom:180px; position: relative;}
 .tupian .tupian_a { width:100%; }
 .tupian .tupian_a img{ width:100%; height:auto; display: block; } 
  .tupian span{ display: block; position: absolute; width:100%; height:100%; top:0; right: 0; background: #2aa8ff; }
 
 
 
.zhanst {
     background: #fff;
     width: 1200px;
     padding-left: 150px;
     padding-right: 150px;
     padding-bottom:40px; margin-top:50px; overflow: initial;
 }
 
 .zhanst .swiper-slide span{display: block; text-align: center; font-size: 30px; padding:40px 0px;}
 .zhanst .swiper-pagination-bullet{ border-radius: 0px;
     background: #eee;
     border: none;
     width: 80px; opacity:1; padding:0px;  }
 .zhanst  .swiper-pagination-bullet-active{ background:#28bbff; }
 
 .zhanst.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px; }
.zhanst img {
     width: 1190px;
     height: auto;
     border-radius: 10px;
     display: block;
 }
 .zhanst .swiper-button-prev, .zhanst .swiper-container-rtl .swiper-button-next {
     top: 0;
     background:none;
     width: 150px;
     height: 700px;
     left:0;
     margin-top: 0;
     padding: 0px;
 }
 
 
 .zhanst .swiper-button-prev::before {
     content: "";
     width: 70%;
     height: 2px;
     background:none;
     display: block;
     transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     margin-top: 257px;
 }
 .zhanst .swiper-button-prev::after {
     content: "";
     width: 70%;
     height: 2px;
    background:none;
     display: block;
     transform: rotate(-135deg);
     -ms-transform: rotate(-135deg);
     -moz-transform: rotate(-135deg);
     -webkit-transform: rotate(-135deg);
     -o-transform: rotate(-135deg);
     margin-top: 72px;
 }
 
 .zhanst .swiper-button-prev::before{ background:#000; }
 .zhanst .swiper-button-prev::after{ background:#000; }

.zhanst .swiper-button-next, .zhanst .swiper-container-rtl .swiper-button-prev {
    top: 0;
    background:none;
    width: 150px;
    height: 700px;
    right: 0px;
    margin-top: 0;
    left: 100%;
    margin-left: -150px;
    padding: 0px;
}
.zhanst .swiper-button-next::before {
    content: "";
    width: 70%;
    height: 2px;
    background: #fff;
    display: block;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin-top: 257px;
    margin-left: 40px;
}
.zhanst .swiper-button-next::after {
    content: "";
    width: 70%;
    height: 2px;
    background: #fff;
    display: block;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    margin-top: 72px;
    margin-left: 40px;
}
.zhanst .swiper-button-next::before {
    background: #000;
}
.zhanst .swiper-button-next::after {
    background: #000;
}

.zhanst .swiper-slide{ opacity:0.5; }
.zhanst .swiper-slide.swiper-slide-active{ opacity:1; }



.case{ margin:80px 0px; } 


.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;}


 
 
 
.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; }



  
.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%;}

 
 
.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; }



.online {
    width: 57px;
    position: fixed;
    left: 100%;
    height: 118px;
    top: 50%;
    margin-top: -79px;
    margin-left: -57px;
    z-index: 5;
    background: rgba(42 168 255);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-top: 7px;z-index: 105;
}
.kf li {
    width: 57px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-family: "Microsoft YaHei";
    font-size: 15px;
    color: #FFF;
    position: relative;
}
.kf .kf1 {
    background: url(../images/tel.png) no-repeat left center;
    width: 182px;
    padding-left:57px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    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;
}
.kf .tela {
    font-size: 18px;
    font-weight:bold;
    letter-spacing: 2px;
}
.kf li:hover a,.kf li a {
    cursor: pointer;
    color: #fff;
}
.kf .kf1:hover {
    margin-left:-182px;
    background: url(../images/tel.png) no-repeat left center rgba(0, 0, 0, 0.55);
}

.kf .kf11 {
    background: url(../images/weixin.png) no-repeat left center;
}
.kf .weixin {
    position: absolute;
    height: 218px;
    width: 216px;
    margin-left: -140px;
    line-height: 19px;
    font-family: "Microsoft YaHei";
    background: rgba(0, 0, 0, 0.55);
    border-right: none;
    margin-top: -98px;
    text-align: center;
    font-size: 15px;
    color: #FFF;
    padding-top: 15px;
    padding-bottom: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    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;
    transform: scale(0,0);
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
}
.kf .kf11:hover .weixin {
    margin-left: -245px;
    margin-top: 2px;
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
}


@media screen and (max-width:1600px){
	
	.nav a{ padding: 0 50px; }
	
}

@media screen and (max-width:1450px){
	
	.nav a{ padding: 0 40px; }
	.idx-tags ul li{ font-size:16px; }
	.idx-tags .tags_left{ font-size:40px; }
}

@media screen and (max-width:1400px){
	
	.che{ left: 107%; }
	.ptjs .ptjs_a{ width:50%; overflow: hidden; }
	.module-scene-content{ width: 1190px; }
	.zhanst{width:1000px; padding-left: 100px; padding-right: 100px; }
	.zhanst img{ width:1000px; }
	
	.cailao.cailaojk img{ width:100%; }
	
	.about_a{     width: 1100px;  }
	.about_a_1 { margin-top: 60px;}
	
}

@media screen and (max-width:1300px){
	
	.nav a{ padding: 0 30px; }
	.idx-tags ul li{ font-size:14px; }
	.idx-tags .tags_left{ font-size:35px; }
	.nav a{ margin: 0px 0px; }
	.nav_nr{ width:1000px; }
	.mk{ width:1000px; }
	
	.footer .text-right{ width:45%;    float: right; text-align: right;}
	
	.step ul li img{ width: 50px; }
}

@media screen and (max-width:1200px){
	
	.nav a{ padding: 0 20px; }
	.idx-tags .tags_left{ text-align: center; margin-right:0; display: block; }
	.idx-tags .col2{ text-align: center; }
	
}


@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: #2aa8ff; }
	.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;     border-top: 1px solid #f1f1f1;
	}
	.header.no .nav,.header.notwo .nav{ margin-top:0px; }
	
	.nav li { width: 100%; float: none; margin-left: 0; background: #fff; text-align: center; margin-bottom: 20px;}
	
	.nav a {
    text-align: center;
    margin: 0px;
    line-height:45px;
    height:45px;
    display: block;
	color: #383838;
	}
	.nav a.active::after{ background:none; }
	.header,.header.no,.header.notwo{ height:55px; }
	
	.nav li:last-child { margin-left: 0;  width: 50%; margin: 0 auto;}
	
	.header .go_index{ float:left; width:20%; margin-left:3%; height:100%; display:none; }
	.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-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:180%;
    display: block;
    margin-left:0;
	position: relative;
    left:0;
	}
	.swiper01 .swiper-slide p.banner_txt1{ font-size:25px; top: 25%; }  
	.swiper01 .swiper-slide p.banner_txt2{ font-size:16px; top: 38%; }
	.swiper01 .swiper-slide p.banner_txt3{ font-size:16px; top: 47%; }
	.swiper01 .swiper-slide p.banner_txt4{font-size: 14px;}
	.swiper01 p.banner_txt4::before { height: 10px; width: 10px; border: 3px solid #fff;}
	
	.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{  background:none; }
	
	.header.notwo .sj_nav::before, .header.notwo .sj_nav::after{ background:#212121; }
	
	
	
	.banner{ margin-top: 55px; height:auto; }  
	
	 

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

	 

	
	.swiper01{   }
	.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%; }
 
	
	  
	 .nr_banner {
	     position: relative;
	     width: 100%;
	     height: auto;
	     overflow: hidden;
		 background:#000;
	 }
	 .nr_banner .text {
	     width:700px;
		 height:auto;
	     display: block;
	     animation: a2_6 10s ease infinite;
	     animation-iteration-count: 1;
	     -webkit-animation-iteration-count: 1;
		 margin-left:-350px;
 
	 }
	 
	 
	 .nr_banner.nr_bannertwo{ min-height:500px; height:500px; top: 55px; position:absolute; }
	 .nr_banner.nr_bannertwo .text{ width:auto; height:100%; margin-left: -500px;}
	.go_scr{ width: 40px;  height: 40px;     bottom: 40px;}
	 .nr_banner h2{ width: 100%;  top: 45%;   font-size: 30px; margin:0 auto; left:0; }
	.yous{ margin-top:0; padding:50px 0;  }
	.you_title{ width:100%; box-sizing: border-box; }
	.you_title .title_txt h2{ font-size:25px; }
	.you_title .title_txt h2::after{     margin-top: 20px; margin-bottom: 20px; }
	.jjfa { padding: 30px 0px;}
	.jjfa .you_title{ width:100%; }
	.you_title .title_txt p{ font-size:14px; color: #959595; line-height: 22px;}
	.jjfa .you_title .title_txt p{ color: #959595;  }
	.module-scene-content{ width:90%; margin-top: 30px;}
	.module-scene-tab-content{ padding:15px; font-size: 16px; }
	.module-scene-row img{ height:auto!important; }
	.module-scene-item{ font-size: 12px; padding: 15px 5px; }
	.module-scene-item-title{ font-size: 12px;  }
	.yous::before{ display:none; }
	.banner_pic{ display:none; }
	.idx-tags ul li{ width:50%; margin-bottom: 30px; }
	.idx-tags{ margin-top: 30px; margin-bottom:0px; width: 96%; }
	.idx-tags .tags_left{ font-size:20px; display: block; margin-right:0; font-weight: bold;}
	.yous .bg_lf{ width:60%; }
	.idx-tags .col2{ font-size:14px;     text-align: center;}
	.profile .profile_a_a .idx-tags .col2{ font-size:14px;  }
	
	.profile .profile_a_a .idx-tags .tags_left{ font-size:20px; }
	
	
	
	.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;}
	#r2{ height:620px; box-sizing: border-box; }
	.f-36 {  font-size:25px;}
	#r2 .title .line{ margin: 20px 0; }
	#r2 .title > p{ font-size:14px; }
	#r2 .title{ margin-bottom: 30px; }
	#r2 .wrap .cir{ width:30%; }
	#r2 .wrap .mid-logo{ font-size:18px; width: 100px; }
	#r2 .wrap .items{ width:72%; }
	#r2 > .bg > span:nth-of-type(1){ width:100px; height:100px; }
	#r2 .wrap .items > li > em{ font-size:12px; }
	#r2 .wrap .items > li{ width: 60px;  height: 25px; line-height: 25px; }
	#r2 > .bg > span:nth-of-type(5){ line-height: 8vw; width: 8vw; height: 8vw; }
	#r2 > .bg > span:nth-of-type(4){ width:150px; height: 150px; }
	#r2 .wrap,#r2 > .bg{ top:60px; }
	.fanan{ height:390px; overflow: hidden; }
	.fanan .title .line{ margin: 20px 0; }
	.fanan .title > p{ font-size:14px; }
	.fanan .title{ margin-bottom: 60px; }
	.mk{ width:96%; height: 310px; }
	.mk .serverq{ transform: scale(.5); }
	.bi_a{transform: scale(0.5);  bottom: 180px; left: -30px;  }
	.mk .txt_a{ transform: rotate(-35deg); margin-left:20px; top: 0px; font-size: 12px; }
	.mk .txt_a.txt_b{ left: 59%; }
	.mk_b .bi_a{ margin-left: -66px; }
	.mk .txt_a img{ left: 34%; top: 21px;  width: 30px; }
	.mk .serverq .bi_a{ transform: scale(1); }
	.che{ width:60%; bottom: 61px; left:19%; }
	.xianj{ margin-left:-182px;bottom: 99px; transform: scale(.5); }
	.dio{     bottom: 90px; }
	.fanan .bottom_pic img{ width:800px;     margin-left: -400px; display:block; }
	.bottom_quan{ width:80%; left: 10%; bottom:0; height: 250px; margin-left:0; }
	.bottom_shu{ height:auto; bottom: 109px; width:28px; left: 14%; }
	.bottom_shub{ width: 20px; left:-25%; height: auto; bottom: 115px;}
	.bottom_shua{ height: auto; width:19px; left: 74%; bottom: 110px;}
	.bottom_shu img{ width:100%; }
	.xianj .deng{ left: -50px; }
	.nav_nr{ width:96%; }
	.nav_nr ul{ display:block; overflow:hidden; padding:0;}
	.nav_nr li{ float:left; width:50%; padding:0; }

	.nav_nr li a{ line-height: inherit; font-size:14px; padding:10px 5px; }
	
	
	.about{ padding:30px 0px; }
	.about_a{ width:90%; }
	.about_a_1{ width:100%; margin-top: 30px; }
	.about_a_1 h2{ font-size:20px; }
	.about_a_1 .idx-tags{ margin-left:0; }
	.about_a_2{ width:100%; }
	
	.history {width:100%; margin-top:0px;  padding-bottom:30px;   background-size:100%;}
	
	#r2 .wrap .items > li:nth-of-type(1){ top: -10%; }
	#r2 .wrap .items > li:nth-of-type(2){ top: 15%; }
	#r2 .wrap .items > li:nth-of-type(3){ top: 42%; }
	#r2 .wrap .items > li:nth-of-type(4){ top: 69%; }
	
	#r2 .wrap .items > li:nth-of-type(6){ top: -10%;  }
	#r2 .wrap .items > li:nth-of-type(7){ top: 15%;  }
	#r2 .wrap .items > li:nth-of-type(8){ top:42%}
	#r2 .wrap .items > li:nth-of-type(9){ top:69%}
	
	
	
	
	
	
	.history .container{ width:90%; margin:0 auto;  }
	.history .container img{ width:100%; height: 180px; 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: 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;
    color: #2aa8ff;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #ffffff;
    box-shadow: 0 0px 34px 0px rgb(0 0 0 / 10%);
    height: 100px;
    width: 100px;
    padding: 20px;
    border-radius: 50%;
    font-weight: bold; z-index: 5;}
	
	
	.history-hd .bg {
	    pointer-events: none;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    z-index: 3;
	}
	.history-hd .bg span {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: auto;
	    display: inline-block;
	}
	.history-hd .bg span:nth-of-type(1) {
	    z-index: 12;
	    width: 230px;
	    height: 230px;
	    border-radius: 50%;
	    line-height: 230px;
	    text-align: center;
	    background-color: #fff;
	    display: none;
	}
	.history-hd .bg span:nth-of-type(2) {
	    z-index: 8;
	    width: 230px;
	    height: 230px;
	    border-radius: 50%;
	    line-height: 230px;
	    text-align: center;
	    border: 1px dotted #f1f1f1;
	    /* background-color: rgba(191,191,191, 0.1); */
	    animation: ripple1 7s linear infinite;
	}
	.history-hd .bg span:nth-of-type(3) {
	    z-index: 8;
	    width: 230px;
	    height: 230px;
	    border-radius: 50%;
	    line-height: 230px;
	    text-align: center;
	    border: 1px dotted #f1f1f1;
	    /* background-color: rgba(191,191,191, 0.1); */
	    animation: ripple1 7s linear infinite;
	    animation-delay: 1.5s;
	}
	.history-hd .bg span:nth-of-type(4) {
	    z-index: 8;
	    width: 230px;
	    height: 230px;
	    border-radius: 50%;
	    line-height: 230px;
	    text-align: center;
	    border: 1px dotted #f1f1f1;
	    /* background-color: rgba(191,191,191, 0.1); */
	    animation: ripple1 7s linear infinite;
	    animation-delay: 3.5s;
	}
	.history-hd .bg span:nth-of-type(5) {
	    z-index: 8;
	    width: 12vw;
	    height: 12vw;
	    border-radius: 50%;
	    line-height: 12vw;
	    text-align: center;
	    border: 1px dotted #f1f1f1;
	    /* background-color: rgba(191,191,191, 0.1); */
	    animation: ripple1 7s linear infinite;
	    animation-delay: 4.5s;
	}
	
	
	.history-bd { position: relative;  margin: 0; padding: 7% 0 0; overflow: hidden;}
	.history-bd li { margin: 15% 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%);     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{ background: #fff; font-size: 14px; line-height: 25px; }

	.yoush{ width:90%; display:block; padding-top: 30px; min-width:auto; }
	.yoush .yoush_a{ width:100%; margin-bottom: 20px; }
	.yoush .yoush_a span{    font-size: 130px; top: -20px;}
	.yoush .yoush_a h2 { font-size: 25px; padding-top: 50px;  padding-left: 40px;}
	.yoush .yoush_a h2 p { font-size: 16px;}
	.yoush .yoush_a .pp{ padding-left: 40px; font-size: 16px; }
	.yoush .yoush_b{ width:100%; }
	.yoush .yoush_b img{ width:100%; }
	
	.yoush.youshtwo .yoush_b{ display:none; }
	
	.yoush.youshtwo .yoush_a span{margin-top:10px;}
	
	.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;}
	
	
	 
	#sw2{ margin-top:0;  padding-top: 150px; padding-bottom: 34%; position: relative; overflow: hidden; }
		#sw2 .max-wid > .left {
		    position: relative;
		        width: 100%;
		}
		#sw2 .num-box {
		    position: absolute;
		    top:280px;
		    bottom: 0;
		    left: 0;
		    right: 0;
		    margin: auto;
		    pointer-events: auto;
		    z-index: 10;
		    height: 200px;
		    width: 200px;
		    border-radius: 50%;
		    overflow: hidden;
		}
		#sw2  .num-box > .a {
		    position: absolute;
		    z-index: 4;
		    overflow: hidden;
		    width: 100%;
		    height: 50%;
		    transform: skewy(-45deg);
		    line-height: 155px;
		    text-indent: 41px;
		}
		#sw2 .num-box > .a > em {
		    position: absolute;
		    width: 100%;
		    height: 200%;
		    left: 0;
		    top: 0;
		    transform: skewy(45deg);
		    color: #d70917;
		    line-height: 150px;
		    text-align: left;
		    text-indent: 33px;
		}
		#sw2 .num-box > .b {
		    position: absolute;
		    z-index: 4;
		    overflow: hidden;
		    width: 100%;
		    height: 50%;
		    bottom: 0;
		    transform: skewy(-45deg);
		}
		#sw2 .num-box:after {
		    position: absolute;
		    content: "";
		    height: 0;
		    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		    width: 30%;
		    top: 50%;
		    left: 50%;
		    display: block;
		    transform: translate(-50%, -50%) rotate(-45deg) scalex(1);
		}
		#sw2 .num-box  .b  em {
		    position: absolute;
		    width: 100%;
		    bottom: 0;
		    height: 200%;
		    left: 0;
		    transform: skewy(45deg);
		    color: rgba(0, 0, 0, 0.5);
		    line-height: 238px;
		    text-indent: 35px;
		    text-align: center;font-size:20px;font-family: en_b;
		}
		#sw2 .num-box .a  em {
		    position: absolute;
		        width: 100%;
		        height: 200%;
		        left: 0;
		        top: 0;
		        transform: skewy(45deg);
		        color: #2aa8ff;
		        line-height: 150px;
		        text-align: left;
		        text-indent: 33px; font-size:50px; font-family: en_b;
		}
		 
		#sw2 .swiper-wrapper .swiper-slide {
		    width: 45vw;
		    height: 100%;
		    position: relative;
		    display: flex;
		    justify-content: center;
		    flex-direction: column;
		    align-items: center;
		    z-index: 10;
		}
		#sw2 .swiper-wrapper .swiper-slide .inner {
		    display: block;
		    margin: 0 auto;
		    position: relative;
		    width: 100%;
		}
		#sw2 .swiper-wrapper .swiper-slide .inner .top {
		    width: 100%;
		    position: relative;
		}
		#sw2 .swiper-wrapper .swiper-slide .inner .top .photo {
		    width: 100%;
		    height: 0px;
		    padding-bottom: 56.25%; background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    overflow: hidden;
	    position: relative;
		}
		#sw2 .swiper-wrapper .swiper-slide .inner .mid {
		    right: 0;
		    z-index: 10;
		    width:100%;
		    bottom:80px;
		    box-shadow: 0 11px 50px -6px rgba(192, 196, 204, 0.71);
		}
		#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg {
		    background-color: #fff;
		    padding: 2vw 2vw;
		    display: flex;
		    align-items: center;
		    justify-content: space-between;
		}
		#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3 {
		    color: #2aa8ff;
		    margin: 14px 0;
		        font-size: 16px;
		}
		#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3 > i {
		    display: inline-block;
		    margin-right: 10px;
		}
		#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .right {
		    font-size: 80px;
		        color: #999999;
		        opacity: 0.3;
		        font-weight: bold;     font-family: en_b; display: none;
		}
		#sw2 .swiper-wrapper .swiper-slide .inner .btm {
		    width: 100%;
		}
		#sw2 .swiper-wrapper .swiper-slide .inner .btm .text_ {
		    color: #fff;
		}
		#sw2 .swiper-wrapper .swiper-slide .inner .btm .text_ {
		    width: 100%;
		    text-align: left;
		    font-size:150px;
		    color: #fff; 
		    text-shadow: 0 0 1px #2aa8ff; font-weight:bold; display: none;
		}
	 #sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left small {
	     color: #666666; font-size: 14px; line-height: 20px; display: block;
    margin-bottom: 10px;
	 }
	 .case{ padding-bottom:0; margin: 30px 0px;}
	 .num-box.on {
	     animation: e1 2s cubic-bezier(0.86, 0, 0.07, 1);
	 }
	 
	 
	 .mainhie{ overflow:hidden;}
	 

	 #sw2 .max-wid {
	     position: absolute;
	     left: 0;
	     right: 0;
	     margin: auto;
	         top: -70px;
	         height: 100%;width: 82%;
	     max-width: 1400px;
	 }
	 #sw2 .swiper-pagination {
	     position: absolute;
	     width:100%;
	     left: auto;
	     right: 0;
	     top:auto;
		 bottom:0;
	     flex-direction: column;
	     justify-content: center;
	     align-items: center;
	 }
	 #sw2 .swiper-pagination span {
	     margin:0 10px;
	 }
	 
	 .jieju .nav_nr{     padding: 0 0px 40px 0; }
	.pub_case{ width:90%; display: block;}
	.pub_case .pub_casetxt{ width:100%; }
	.pub_title{ font-size:25px; }
	.pub_title_en{ font-size:16px; }
	.pub_case .go_scr { margin-top: 20px;	}
	.pub_case .pub_info{ margin-top: 20px; line-height: 26px; width: 100%;}
	.tupian{ margin-top: 50px; margin-bottom: 50px; }
	
	.zhanst{ width:100%; padding-left:0; padding-right:0;     margin-top: 10px; }
	.zhanst img{ width:100%; border-radius:0;}
	.zhanst .swiper-slide span{ font-size:14px; line-height: 22px; padding:15px 0px;     width: 80%; margin: 0 auto;}
	
	.zhanst .swiper-button-next, .zhanst .swiper-container-rtl .swiper-button-prev{ height:100%; width:26px; margin-left:-26px}
	.zhanst .swiper-button-prev, .zhanst .swiper-container-rtl .swiper-button-next{ height:100%; margin-left:7px; width:26px; }
	
	.zhanst .swiper-button-next::before{  margin-left: 0;     margin-top: 97px;}
	.zhanst .swiper-button-next::after{     margin-top: 10px; margin-left: 0; }
	
	.zhanst .swiper-button-prev::before{  margin-top: 97px; } 
	.zhanst .swiper-button-prev::after{ margin-top: 10px; }
	
	.classic-cl{ padding:30px 0px; position: relative; overflow:hidden; }
		.classic-cl .swiper-slide{ opacity:0.3; }
		.classic-cl .swiper-slide.swiper-slide-active{ opacity:1; }
		
		.classic-cl .swiper-button-prev, .classic-cl .swiper-button-next {
		    width:30px;
		    height:30px;
		    line-height:30px;
		    background-image: none;
		    background-color: #2aa8ff;
		    color: #fff;
		    text-align: center;
		    margin:-30px 0 0;
		    outline: none;
		    border-radius: 100%;
		    transition: all .5s ease;
			top:53%; border: 1px solid #2aa8ff;
		}
		
		.classic-cl .swiper-button-prev::before,.classic-cl .swiper-button-prev::after,.classic-cl .swiper-button-next::before,.classic-cl .swiper-button-next::after{ display:none; }
		
		.classic-cl .swiper-button-next {
		    left:85%;
		    right: auto;
		}
		
		.classic-cl .swiper-button-prev:hover, .classic-cl .swiper-button-next:hover {
		    background-color: #fff;
		    color: #2aa8ff;
		    border: 1px solid #2aa8ff; border-radius:50%;
		}
		
		.cailao.cailaojk img{ height:auto;  width:100%; }
		
		.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;  margin-bottom:10px;}
		.cailao_txt{ width:90%; text-align:center; font-size:14px; text-align:center; margin:0 auto;color: #8c8c8c; 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;}

 
	.hover .erj::after{ transform: rotate(-135deg);     top: 19px; border-bottom:1px solid #B4A078;border-right:1px solid #B4A078; }
	
	 
	.case_art{ background:#fff; padding-bottom:30px; }
	
	 
	 
	
	.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; }
	
	
	 
	.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; }
	 
	
 
	 
	
	.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; }
	
	
	.caseslist{ padding: 30px 0px; }
	.bx_product{ width:96%; }
	.bx_product li span{ font-size:18px; }
	.bx_product li{ width:100%; margin-right:0; margin-bottom: 20px; }
	.bx_product li i{ margin-bottom: 15px; }
	
	.news{ padding: 30px 0; }
	.znpro{ width:96%; min-width:auto; }
	.swiper03{ width:96%; min-width:auto;}
	.news .news_ul li{ width:78%; }
	.swiper03 .ind_new_tab_box {
	    bottom: auto;
	    top: -30px;
	}
	.swiper03 .ind_new_tab_box .swiper-button-prev, .swiper03 .ind_new_tab_box .swiper-button-next {
	    width: 40px;
	    height: 40px;
	    line-height: 40px;
	}
	.swiper03 .ind_new_tab_box .swiper-button-prev, .swiper03 .ind_new_tab_box .swiper-button-next {
	    width: 40px;
	    height: 40px;
	    line-height: 40px;
	}
	.swiper03 .ind_new_con .new_text_box .ind_3_new_name {
	    font-size: 18px;
	}
	.znpro h2 {
	    float: none;
	    font-size: 20px;
	}
	.swiper03 .ind_new_tab_box .swiper-button-prev i, .swiper03 .ind_new_tab_box .swiper-button-next i {
	    margin-top: 7px;
	}
	.swiper03 .swiper-button-prev::before{ margin-top: 13px; margin-left: 10px; }
	.swiper03 .swiper-button-prev::after { width: 20px; height: 3px; margin-top: 9px;  margin-left: 10px;}
	.swiper03 .swiper-button-next::before {
	    width: 20px;
	    height: 3px;
	    margin-top: 13px;
	    margin-left: 14px;
	}
	.swiper03 .swiper-button-next::after {
	    width: 20px;
	    height: 3px;
	    margin-top: 10px;
	    margin-left: 14px;
	}
	
	.shiyon { width:66%;}
	.shiyon p { font-size: 20px;}
	
	.footer_1{ width:90%; padding: 20px 10px; }
		.footer_weixin{ width:100%; margin-bottom: 15px; }
		.footer_weizhi{ width:100%;margin-bottom: 15px;  }
		.footer_tel{ width:100%; text-align: center; }
		.footer_weixin li{ width:50%; margin-right:0; }
		.footer_weizhi img,.footer_tel img{ width:20px;margin-bottom: 5px; }
		.footer_weizhi span{ line-height: 25px; font-size: 14px; }
		.footer_tel span:nth-child(1){ font-size: 16px; margin-bottom: 10px;}
		.footer_tel span:nth-child(4){ font-size: 16px; margin-top: 10px;}
		.footer_tel span:nth-child(2), .footer_tel span:nth-child(3){ margin: 0px 10px; font-size: 14px; display: inline-block; line-height: 25px; } 
		.footer_2 .container{ display:none; }
		.footer_2{ padding-top: 230px; }
	
	
	.ptjs .ptjsa{ width:90%;  display:block; padding: 20px 0; }
	.ptjs .ptjs_a{ width:100%; }
	.ptjs .ptjs_a img{ width:100%; height:auto; }
	#maintwo { padding-top:555px;}
	.ptjs .ptjs_a span{ background:#fff; }
	.ptjs .yoush_a{ width:100%; }
	.ptjs .yoush_a h2 { font-size: 25px; padding-top: 30px;}
	.ptjs .yoush_a h2 p{ font-size:16px; }
	.ptjs .yoush_a span{ font-size: 16px;     margin: 20px 0px; line-height: 200%;}
	.ptjs .yoush_a .pp{ font-size:14px; margin-top:0; line-height: 25px;}
	.profile .profile_a{ width:100%; height: 390px; left:0%; top: 50px; }
	.profile .profile_a_a{ width:90%; left: 5%; top: 100px; }
	.profile_a_a h2 { font-size: 25px;}
	.profile .profile_a_a::before{ height: 15px; width: 15px;  border: 3px solid #fff;     margin-bottom: 8px;}
	.profile_a_a p { font-size: 16px;}
	.profile{     height: 805px; }
	.profile .profile_a_a .idx-tags{     margin-left: 0; margin-top: 30px; }
	.profile .border_text{ top:-2px; bottom:auto; width:100%; text-align:center; left: 0; font-size: 70px; }
	.profile .profile_b{ top: 435px;  margin-top: 0;  width: 100%;  height: 370px;  right:0; }
	.profile .profile_b .cheline{ width:96%; margin-top: 40px; }
	.profile_c{ width:90%; margin-top: 60px;}
	.profile_c .en_b{ font-size:85px; }
	.profile_c h2{      font-size: 12px; line-height: 25px;     top: 0;}
	.profile_c h2 span{     margin-bottom: 10px; font-size:20px; line-height: 32px;}
	.profile_c h2 p{  }
	.profile_c h2 p:last-child{  margin-bottom:0; }
	.ptjs{ padding-bottom: 70px; }
	
	.tppic{ min-width:auto; }
	.tppic li.img,.tppic li.center_b{ display:none; }
	.tppic .center_a{ position: static; margin: 0 auto; font-size: 16px; width: 80px; height: 80px; line-height: 22px; padding: 17px; }
	.tppic {  margin-top: 30px; }
	.tppic .tppic_b{ width:90%; }
	.tppic ul li{ width:24%; padding: 6px; height: 65px;}
	.tppic li img{ width:25px; }
	.tppic ul li p{ font-size:12px; }
	.tppic ul{ margin-top:10px; }
	
	.step ul{ width:96%; }
	.step ul li { display: inline-block;  width: 32%; margin-top: 10px; margin-bottom: 10px; position: relative;}
	.step ul li::after{ top: 4px; height: 6px; width: 6px; }
	.step ul li img{ margin-bottom: 5px; width: 35px; }
	.step ul li span {  display: block; font-size: 16px;}
	.step ul li:nth-child(3)::after{ display:none;}
	
	.online{ background:none; }
	.kf .kf1 {
	    background: url(../images/tel.png) no-repeat left center;
	    width: 182px;
	    padding-left: 57px;
	    border-top-left-radius: 5px;
	    border-bottom-left-radius: 5px;
	    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;
	}
	
	.kf .kf11 {
	    background: url(../images/weixin.png) no-repeat left center;
	    border-top-left-radius: 5px;
	    border-bottom-left-radius: 5px;
	    margin-top:25px;
	}
	.kf li{ position:relative; }
	.kf li::before{ position: absolute;  content: '';  display: block;  background: #2aa8ff;  height: 50px;  width: 50px; border-radius: 50%; z-index: -1; left: 4px;}
	
	.kf .kf1:hover{     border-top-left-radius: 50px;
    border-bottom-left-radius: 50px; background: url(../images/tel.png) no-repeat left center  #2aa8ff; }
	
	.kf .weixin{ height: 176px; width: 170px;     background: rgb(42 168 255);}
	.kf .weixin img{width: 86%;}
	.kf .kf11:hover .weixin{ margin-left: -180px; }
 }

.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

}

@keyframes roll {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rolltwo {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

@keyframes ripple1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    opacity: 0.1;
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    transform: scale(5);
  }
}

 @keyframes warn {
		0% {
		  width:16px;
		  margin-left: -8px;
		  margin-top: -8px;
		  height:16px;
		  opacity:0.4;
		}

		30% {
		  opacity:0.4;
		}

		100% {
		  width:160px;
		  height:160px;
		  margin-left: -80px;
		  margin-top: -80px;
		  opacity: 0;
		}
}

@keyframes den {
		0% {
		  width:30px;
		}
		100% {
		  width:70px;
		}
}

@keyframes scroll-icon {
  0% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
  }
  100% {
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
  }
}

@keyframes e1 {
  to {
    transform: rotate(360deg);
  }
}