/* CSS Document */



a {text-decoration:none !important;}
a:hover {text-decoration:none !important;}

#w_common_text-1536910800655 .reset_style p {text-align:left;}
#c_product_list-15361089076891906,#c_news_list-15371563782828300,#c_product_list-15422731407808989,#w_rbox-1537238197556 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
}
.shoyewu ul li {float:left;width: 33.3333%;height:100%;position:relative;display:inline-block;overflow:hidden;cursor:pointer;height: calc((100vh - 80px)/2);}
.shoyewu ul li .shoe_img img{width:100%;height:100%;}
.shoyewu ul li img {width:auto;height:auto;transition: all 0.7s ease-in-out;}
.mianliao .tuflow img {transition: all 1s ease-in-out;}
.shoyewu ul li:hover>img {transform:scale(1.1,1.1);transition: all 1s ease-in-out;}
.shoyewu {padding-top:80px;height: calc(100vh - 0px);}

.qcana1 {width:100%;position:absolute;top:18%;left: -100%;transition: all 4s ease-in-out;}
.active .qcana1 {left: 0px;}

.buicon {position:absolute;top:30%;width:80%;left:10%;transition: all 1s ease-in-out;}

.shoyewu ul li:hover .buicon {position:absolute;top:17%;width:80%;left:10%;transition: all 1s ease-in-out;}


.qcan1 {width: 55%;position:relative;float:left;display: inline-block;height: 50px;}
.qcan1::after {position:absolute;height:1px;width:100%;background:#076447;top: 58px;content:"";}
.qcan2 {width: 45%;float:left;display: inline-block;}



.buicon .buicon1 {text-align:center;}
.buicon h3 {
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding: 30px 0px 60px 0px;
    position: relative;
}

.buicon h3::after {
    position: absolute;
    background: #fff;
    width: 40px;
    height: 2px;
    top: 80px;
    left: 50%;
    margin-left: -20px;
    content: "";
     transition: all 0.8s ease-in-out;
}

.shoyewu ul li:hover .buicon h3::after {
    position: absolute;
    background: #fff;
    width: 120px;
    height: 2px;
    top: 80px;
    left: 50%;
    margin-left: -60px;
    content: "";
     transition: all 0.8s ease-in-out;
}


.yangjiu a span {font-size:26px;color:#fff;padding-right:10px;}
.yangjiu {font-size:14px;color:#fff;padding:20px 0px;}
.yangjiu a {color:#fff;}

.buicon p {
    font-size: 12px;
    text-align: center;
    color: #fff;
    width: 80%;
    margin: 0 auto;
    line-height: 180%;
    opacity: 0;
    transition: all 0.8s ease-in-out;
}
.shoyewu ul li:hover .buicon p {opacity: 1;transition: all 0.8s ease-in-out;}

.buibg {
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
  transition: all 0.5s ease-in-out;
}
.shoyewu ul li:hover .buibg {
    background: #641f20;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
  transition: all 0.5s ease-in-out;
}

.slide {width:100%;height:100%;}
.dongh1 {background:url("x9m5LhKYTuijf3hZQZNA3Q.jpg")/*tpa=http://www.sojournfield.com/repository/image/x9m5LhKYTuijf3hZQZNA3Q.jpg*/ no-repeat center top;background-size:cover;width:100%;height:100%;}

.dongh2 {background: url("sbg2.jpg")/*tpa=http://www.sojournfield.com/img/sbg2.jpg*/ no-repeat center top;background-size:cover;width:100%;height:100%;}
.dongh3 {background: url("sbg3.jpg")/*tpa=http://www.sojournfield.com/img/sbg3.jpg*/ no-repeat center top;background-size:cover;width:100%;height:100%;}

.relativekuang {position:relative;height:297px;width:1000px;}
.qiaoxian2 {width:4px;height:297px;background:#076447;position:absolute;left:0px;top:0px;}

.qiaoxian1 {width:458px;height:4px;background:#076447;position:absolute;left:0px;top:0px;}

.qiaoxian3 {width:1000px;height:4px;background:#076447;position:absolute;left:0px;top:297px;}

.qiaoxian4 {width: 4px;height: 202px;background:#076447;position:absolute;right:0px;bottom:0px;}


.relativekuang h1 {color:#076447;font-size:34px;position:absolute;left:64px;top:50px;font-weight:normal;}

.qcabout {position:absolute;left: 170px;top: -10px;color:#666666;font-size:96px;opacity: 0.07;}

.qcabout1 {position:absolute;right: 0px;top:-10px;}
.relativekuang a {position:absolute;background: #076447;width: 226px;height: 50px;line-height: 50px;font-size: 14px;color: #fff;text-align: center;letter-spacing: 20px;bottom: -27px;right: 100px;}

.shoumain {position: relative;
    width: 100% !important;
    margin: 0px auto;
}

.shoulearnmore a:link {
    text-decoration: none;
}
.shoulearnmore a:visited {
    text-decoration: none;
}
.shoulearnmore a:hover h1{
   color: #666;
}


.sheshou {position:absolute;bottom:-500px;left: 7%;transition: all 2s;opacity: 0;}
.active .sheshou {bottom:0px;opacity: 1;transition-delay: 0.3s;}
.yuangui {position:absolute;top:-800px;right: 7%;opacity: 0;transition: all 5s;}
.active .yuangui {top:20%;opacity:1;}

.row {position:relative;width:1200px;margin:0 auto;height:100vh;}

.biaoyu1 {position:absolute;width:513px;left:50%;margin-left:-256px;top:52%;z-index:100;transition: all 2s;opacity: 0;}
.active .biaoyu1 {top:42%;opacity: 1;transition-delay: 1s;}
 .kouhao {position:absolute;width: 508px;left:50%;margin-left: -254px;top: 17%;z-index:100;transition: all 2s;opacity: 0;margin-top: 300px;}
.active .kouhao {opacity: 1;margin-top:0px;}

 .kouhao1 {position:absolute;width: 602px;left:50%;margin-left: -301px;top: 24%;z-index:100;transition: all 2s;opacity: 0;margin-top: 400px;text-align: center;font-size: 36px;color: #666;font-weight: 600;letter-spacing: 5px;text-align: center;}
.active .kouhao1 {opacity: 1;margin-top: 220px;transition-delay: 0.3s;}



 .kouhao2 {position:absolute;width: 600px;left:50%;margin-left: -300px;top: 24%;z-index:100;transition: all 2s;opacity: 0;margin-top: 600px;color: #ED2027;font-size: 20px;letter-spacing: 0px;text-align:center;font-weight: 400;}
.active .kouhao2 {opacity: 1;margin-top: 280px;transition-delay: 0.3s;}
.kouhao2::after {top: 15px;width:0px;left: 40px;height:1px;background: #ED2027;position: absolute;content:"";transition: all .7s ease;}
.kouhao2::before {top: 15px;width: 0px;right: 40px;height:1px;background: #ED2027;position: absolute;content:"";transition: all .7s ease;}

.active .kouhao2::after {width: 30px;}
.active .kouhao2::before {width: 30px;}

.shoulearnmore h1 {font-size:14px;color:#666;margin: 0 auto;margin-top: 20px;font-weight:400;}

.shoulearnmore {position:absolute;bottom: 10%;z-index:100;transition: all 2s;opacity: 0;text-align:center;width:200px;left:50%;margin-left:-100px;}
.active .shoulearnmore {opacity: 1;transition-delay: 1s;bottom: 50px;}

.shoulearnmore1 {position:relative;text-align:center;transition: all 0.5s ease-in-out;cursor:pointer;-webkit-animation: guanyba 1s 0s infinite;top:0px;}
@keyframes guanyba {
	0% {
		transform-origin:center center;
		animation-timing-function:ease-out;
		top:0px;
	}
	
	50% {
		transform-origin:center center;

		animation-timing-function:ease-in-out;
		
		top:10px;
	}
	
	100% {
		transform-origin:center center;

		animation-timing-function:ease-in-out;
		
		top:0px;
	}
}

@-webkit-keyframes guanyba {
	0% {
		-webkit-transform-origin:center center;
		-webkit-animation-timing-function:ease-out;
		top:0px;
	}
	
	50% {
		-webkit-transform-origin:center center;

		-webkit-animation-timing-function:ease-in-out;
		
		top:10px;
	}
	
	100% {
		-webkit-transform-origin:center center;

		-webkit-animation-timing-function:ease-in-out;
		
		top:0px;
	}
}





/*pages2*/
.shouc2 {
	position: absolute;
	width: 1360px;
	z-index:100;
	transition: all 2s;
	opacity: 0;
	margin: 0 auto;
	text-align: center;
	padding-top: 0px;
	top: 30%;
	left: 50%;
	margin-top: 800px;
	margin-left: -690px;
	}

.shouc2 p span {
    display: block;
    font-size: 20px;
    color: #ED2027;
    font-weight: 400;
    padding-bottom: 15px;
}
.active .shouc2 {opacity: 1;transition-delay: 1s;margin-top: 140px;}


.shouc2a {
	position: absolute;
	width: 100px;
	z-index:100;
	transition: all 3s;
	opacity: 0;
	margin: 0 auto;
	text-align: center;
	padding-top: 0px;
	top: 14%;
	left:0px;
	margin-top: 800px;
	}

.active .shouc2a {opacity: 1;transition-delay: 1s;margin-top: 50px;}
.shouc2a p {
    color: #666666;
    font-size: 14px;
    line-height: 25px;
    padding-top: 0px;
    width:700px;
    text-align:left;
    position:absolute;
    left:170px;
    top:120px
}

.abouttubiao {
    position: absolute;
    width: 800px;
    z-index:100;
    transition: all 2s;
    opacity: 0;
    margin: 0 auto;
    text-align: center;
    padding-top: 10px;
    top: 18%;
    left: 50%;
    margin-left: -400px;
    margin-top: 580px;
 }

.active .abouttubiao {opacity: 1;transition-delay: 1.5s;margin-top: 380px;}

.abouttubiao ul li {display:inline-block;margin: 0px 70px;cursor:pointer;width: 28px;font-size: 14px;color: #076447;text-align: center;position: relative;}

.abouttubiao ul li a {
    color: #076447;
    text-align: center;
}

.abouttubiao ul li::before {
    position: absolute;
    left: -10px;
    background: #076447;
    width: 2px;
    height: 70px;
    content: "";
}

.abouttubiao ul li .abouttubiao1 {width:111px;height:111px;overflow:hidden;position:relative;background:#fff;border-radius:100%;}
.abouttubiao ul li .abouttubiao1 img {top:0px;position:absolute;left:0px;transition: all 0.7s ease-in-out;}

.abouttubiao ul li:hover .abouttubiao1 img {top:-111px;transition: all 0.7s ease-in-out;}


.abouttubiao ul li h3 {font-size:14px;padding-top:10px;font-weight:600;}
.abouttubiao ul li:hover h3 {color:#ED2027;}

.yuanquan {
    height: 654px;
    width: 654px;
    top: 50%;
    margin-top: -300px;
    position: absolute;
    left: 50%;
    margin-left: -327px;
    
    animation: yuanys 15s linear infinite;
    -moz-animation: yuanys 15s linear infinite;
    -webkit-animation: yuanys 15s linear infinite;
    -o-animation: yuanys 15s linear infinite;
    transition: all 0.5s ease-in-out;
}

.yuanquan2 {
    height: 654px;
    width: 654px;
    top: 50%;
    margin-top: -300px;
    position: absolute;
    left: 50%;
    margin-left: -327px;

    
}



.yuanabout1 {
    position: relative;
    left: -200px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    top: 280px;
    border-radius: 100%;
    transition: all 2s ease-in-out;
    opacity:0;
}

.active .yuanabout1 {left: -50px;opacity:1;transition-delay: 1s;}

.yuanabout1 span {
    background-color: rgba(255,255,255,0.8);
    height: 100px;
    width: 100px;
    display: block;
    cursor: pointer;
}





.yuanabout1 span:hover::after {top: 0px;transition: all 0.5s ease-in-out;}



.yuanabout2 {
    position: relative;
    left: 800px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    top: 185px;
    border-radius: 100%;
     transition: all 2s ease-in-out;
    opacity:0;
}

.active .yuanabout2 {left: 600px;opacity:1;transition-delay: 1.2s;}

.yuanabout2 span {
    background-color: rgba(255,255,255,0.8);
    height: 100px;
    width: 100px;
    display: block;
    cursor: pointer;
}





.yuanabout2 span:hover::after {top: 0px;transition: all 0.5s ease-in-out;}



.yuanabout3 {
    position: relative;
    left: 30px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    top: 360px;
    border-radius: 100%;
     transition: all 2s ease-in-out;
    opacity:0;
}

.active .yuanabout3 {left: 130px;opacity:1;transition-delay: 1.5s;}

.yuanabout3 span {
    background-color: rgba(255,255,255,0.8);
    height: 100px;
    width: 100px;
    display: block;
    cursor: pointer;
}



.yuanabout3 span::after {
    background: rgba(81,177,43,0.9);
    height: 100px;
    width: 100px;
    position: absolute;
    top: 100px;
   
    left: 0px;
    color: #fff;
    line-height: 100px;
    text-align: center;
    transition: all 0.5s ease-in-out;
    border-radius:100%;
}

.yuanabout3 span:hover::after {top: 0px;transition: all 0.5s ease-in-out;}

.line1 {height:2px;border-bottom: 1px dashed #2068B4;top: 90px;position: absolute;width: 0px;left: 50px;transition: all 9s;}

.active .line1 {
    width: 1100px;
    
}

.wus {
    position: absolute;
    right: 50px;
    width: 230px;
    height: 80px;
    line-height: 80px;
    background: #2068B4;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    top: 51px;
    color: #fff;
    z-index: 9999;
}

.wus a:link {
    display: block;
    color: #fff;
}
.wus a:visited {
    display: block;
    color: #fff;
}
.wus a:hover {
    display: block;
    color: #fff;
}

.wusa a:link {
    display: block;
    color: #fff;
}
.wusa a:visited {
    display: block;
    color: #fff;
}
.wusa a:hover {
    display: block;
    color: #fff;
}



.wus span {
    padding: 0px 10px 0px 60px;
}




.line2 {height:2px;border-bottom: 1px dashed #51B12B;top: 90px;position: absolute;width: 0px;right: 50px;transition: all 9s;}

.active .line2 {
    width: 1100px;
    
}

.wusa {
    position: absolute;
    left: 0px;
    width: 230px;
    height: 80px;
    line-height: 80px;
    background: #51B12B;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    top: 51px;
    color: #fff;
    z-index: 9999;
}

.wusa span {
    padding: 0px 10px 0px 20px;
}


.yuanabout4 {
    position: relative;
    left: 550px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    top: 250px;
    border-radius: 100%;
     transition: all 2s ease-in-out;
    opacity:0;
}

.active .yuanabout4 {left: 450px;opacity:1;transition-delay: 1.8s;}

.yuanabout4 span {
    background-color: rgba(255,255,255,0.8);
    height: 100px;
    width: 100px;
    display: block;
    cursor: pointer;
}



.yuanabout4 span::after {
    background: rgba(81,177,43,0.9);
    height: 100px;
    width: 100px;
    position: absolute;
    top: 100px;
   
    left: 0px;
    color: #fff;
    line-height: 100px;
    text-align: center;
    transition: all 0.5s ease-in-out;
    border-radius:100%;
}

.yuanabout4 span:hover::after {top: 0px;transition: all 0.5s ease-in-out;}




.luyuan {
    background: url("wm_5HSBJQnia-7mmaXSYKQ.png")/*tpa=http://www.sojournfield.com/repository/image/wm_5HSBJQnia-7mmaXSYKQ.png*/ no-repeat left top;
    width: 473px;
    height: 473px;
    position: absolute;
    left: 50%;
    margin-left: -236px;
    top: 130%;
    margin-top: -216px;

  transition: all 3s cubic-bezier(0.68, -0.55, 0.43, 1.1);
  

}


.active .luyuan {


top: 50%




}

@keyframes yuanys {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}

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



.shouc2 h2 {color:#fff;font-size:20px;font-weight:600;padding-bottom: 10px;}
.shouc2 p {color: #666666;font-size: 14px;line-height:25px;padding-top: 0px;position: absolute;left: 170px;width: 720px;text-align: left;top: 100px;}
.shouc2 p a {width: 130px;height: 40px;margin: 0 auto;margin-top: 15px;color:#fff;text-align:center;clear: both;display: block;line-height: 40px;border-radius: 50px;background: #ED2027;}


.shouc1 {color:#fff;font-size: 30px;font-weight:600;text-align: center;padding-top: 50px;}




.shousb2 {position:absolute;width:384px;left:-400px;top: 37%;z-index:100;transition: all 2s;opacity: 0;}
.active .shousb2 {left:0px;opacity: 1;transition-delay: 1s;}
.shousb2 h2 {color:#fff;font-size:20px;font-weight:600;}
.shousb2 p {color:#fff;font-size:14px;line-height:25px;padding-top:20px}
.shousb2 p a {width:120px;height:40px;border:1px solid #ddd;display:block;margin-top:15px;color:#fff;text-align:center;line-height:40px;}


.shouc3 {position:absolute;right:-500px;width:530px;top:27%;transition: all 2s;opacity: 0;}
.active .shouc3 {right:0px;opacity: 1;transition-delay: 1s;}

.shouc33 span {display:block;color:#fff;text-align:center;padding-top:20px;}
.shouc33 {width:121px;margin:20px 0px 20px 50px;float:left;display:inline-block;}


.gnab {background:url("yAJg3dQ-RmO5fvIs2UNStQ.png")/*tpa=http://www.sojournfield.com/repository/image/yAJg3dQ-RmO5fvIs2UNStQ.png*/ no-repeat left center;padding-left:80px;position:absolute;width: 500px;color: #333;left:50%;margin-left: -730px;top:0%;font-size:18px;font-weight:600;height:50px;line-height:50px;transition: all 2s;top: 17%;margin-top: 110px;}
.gnab span {color:#ED2027;font-size:20px;}
.active .gnab {margin-left: -430px;opacity: 1;}


.gnab1 {background: url("bictjKcHRveecBVBK7uJdw.png")/*tpa=http://www.sojournfield.com/repository/image/bictjKcHRveecBVBK7uJdw.png*/ no-repeat left center;padding-left:80px;position:absolute;width: 500px;color: #333;right: 50%;margin-right: -1000px;top:0%;font-size:18px;font-weight:600;height:50px;line-height:50px;transition: all 2s;top: 17%;margin-top: 110px;opacity: 0;}
.gnab1 span {color:#ED2027;font-size:20px;}
.active .gnab1 {margin-right: -610px;opacity: 1;}


/*pages3*/
.shoucp1 {position:absolute;width: 400px;color: #51B12B;left:50%;margin-left: -200px;top:0%;font-size: 30px;font-weight:600;text-align:center;transition: all 2s;opacity: 0;top: 17%;margin-top: -400px;}
.active .shoucp1 {opacity: 1;transition-delay: 0.5s;margin-top: 0px;}
.shoucp1 span {height: 2px;line-height: 2px;display:block;font-weight:normal;font-size:12px;background: #51B12B;width: 20px;margin: 0 auto;margin-top: 10px;}

 .shoucp1c h1 {margin-bottom: 20px;line-height: 1.4;font-size: 34px;color: #fff;font-weight: 400;position: relative;}
.shoucp1c {position:absolute;width: 400px;left:50%;margin-left: -200px;text-align:center;margin-top: 150px;}
.shoucp1c h1::after {
    height: 1px;
    background: #fff;
    width: 50px;
    position: absolute;
    content: "";
    top: 20px;
    right: 80px;
}

.shoucp1c h1::before {
    height: 1px;
    background: #fff;
    width: 50px;
    position: absolute;
    content: "";
    top: 20px;
    left: 80px;
}

.contcenter {
	position:absolute;
	width: 540px;
	height: 540px;
	top: 540px;
	opacity: 0;
	transition: all 2s;
	background: url("ACjt3otkSe69zZTA9evD1w.png")/*tpa=http://www.sojournfield.com/repository/image/ACjt3otkSe69zZTA9evD1w.png*/ no-repeat center top;
	left: 50%;
	margin-left: -270px;
	}

.conico1 a{
	position:absolute;
	width: 278px;
	height: 277px;
	top: 630px;
	opacity: 0;
	transition: all 2s;
	background: url("uTUP5JvzSnWQFJDmUY29mQ.png")/*tpa=http://www.sojournfield.com/repository/image/uTUP5JvzSnWQFJDmUY29mQ.png*/ no-repeat center top;
	left: 0px;
	text-align:center;
	font-size: 16px;
	color:#fff;
	display:block;
	padding-top: 100px;
	line-height:30px;
	transition: all 2s;
	}

.active .conico1 a {opacity: 1;transition-delay: 1s;top: 430px;}


.conico2 a{
	position:absolute;
	width: 278px;
	height: 277px;
	top: 730px;
	opacity: 0;
	transition: all 2s;
	background: url("6d1Iv9zQRjy144x_uPVgOQ.png")/*tpa=http://www.sojournfield.com/repository/image/6d1Iv9zQRjy144x_uPVgOQ.png*/ no-repeat center top;
	right: 0px;
	text-align:center;
	font-size: 16px;
	color:#fff;
	display:block;
	padding-top: 100px;
	line-height:30px;
	transition: all 2s;
	}

.active .conico2 a {opacity: 1;transition-delay: 1.3s;top: 430px;}


.active .contcenter {opacity: 1;transition-delay: 0.2s;top: 180px;}
.contcenter .dianhua {
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-weight: 600;
}

.contcenter h3 {
    font-size: 20px;
    color: #fff;
    margin-top: 280px;
    text-align: center;
}

.contcenter p {
    font-size: 14px;
    text-align: center;
    color: #fff;
    line-height: 50px;
}


.shoucp2 {position:absolute;width:400px;color: #51B12B;left:50%;margin-left:-200px;margin-top: 200px;font-size: 20px;text-align:center;transition: all 2s;opacity: 0;top: 17%;}
.active .shoucp2 {opacity: 1;transition-delay: 0.2s;margin-top: 60px;}

.fananwen {
    position: absolute;
    font-size: 13px;
    color: #666;
    top: 17%;
    width: 1000px;
    text-align: center;
    margin-top: 210px;
    left: 50%;
    margin-left: -500px;
    line-height: 180%;
    transition: all 2s;
    opacity:0;
}

.active .fananwen {opacity: 1;margin-top: 110px;transition-delay: 0.6s;}


.fananwen1 {
    position: absolute;
    font-size: 13px;
    color: #666;
    top: 17%;
    width: 1000px;
    text-align: center;
    margin-top: 170px;
    left: 50%;
    margin-left: -500px;
    line-height: 180%;
    opacity: 0;
    transition: all 2s;
}
.active .fananwen1 {opacity: 1;margin-top: 70px;}

.shoucp3 {position:absolute;width: 1300px;left:50%;margin-left: -650px;margin-top: 190px;top: 17%;}
.relativediv {width: 1300px;margin:0 auto;position:relative;height: 230px;}

.relativediv a {
    color: #888;
}
.cpp1 {position:absolute;color:#fff;left: 0px;transition: all 1s;opacity: 0;z-index:100;top: 20px;text-align: center;line-height: 280%;}
.active .cpp1 {opacity: 1;transition-delay: 0.8s;left: 20px;}


.cpp2 {position:absolute;left: 150px;top: 0px;transition: all 2s;opacity: 0;z-index:90;text-align: center;line-height: 280%;}
.active .cpp2 {opacity: 1;transition-delay: 1.5s;left: 250px;}

.cpp4 {position:absolute;left: 450px;top: 20px;transition: all 2s;opacity: 0;z-index:90;text-align: center;line-height: 280%;}
.active .cpp4 {opacity: 1;transition-delay: 2s;left: 550px;}

.cpp3 {position:absolute;top: 20px;transition: all 2s;opacity: 0;z-index:90;left: 700px;text-align: center;line-height: 280%;color: #666;}
.active .cpp3 {opacity: 1;transition-delay: 2.5s;left: 800px;}


.cpp5 {position:absolute;width:190px;right:400px;top:84px;transition: all 2s;opacity: 0;z-index:90;}
.active .cpp5 {right:0px;opacity: 1;transition-delay: 2s;}



.cpp1a {position:absolute;color:#fff;right: 480px;transition: all 2s;opacity: 0;z-index:100;top: 20px;text-align: center;line-height: 280%;}
.active .cpp1a {opacity: 1;transition-delay: 2s;right: 580px;}


.cpp2a {position:absolute;right: 150px;top: 0px;transition: all 2s;opacity: 0;z-index:90;text-align: center;line-height: 280%;}
.active .cpp2a {opacity: 1;transition-delay: 1.5s;right: 250px;}

.cpp4a {position:absolute;right: 0px;top: 20px;transition: all 2s;opacity: 0;z-index:90;text-align: center;line-height: 280%;}
.active .cpp4a {opacity: 1;right: 20px;}

.cpp3a {position:absolute;top: 20px;transition: all 2s;opacity: 0;z-index:90;right: 700px;text-align: center;line-height: 280%;color: #666;}
.active .cpp3a {opacity: 1;transition-delay: 2.5s;right: 800px;}


.cpp5a {position:absolute;width:190px;right:400px;top:84px;transition: all 2s;opacity: 0;z-index:90;}
.active .cpp5a {right:0px;opacity: 1;transition-delay: 2s;}


/*pages4*/
.she1 {color: #fff;}
.she1 span {
    height: 2px;
    line-height: 2px;
    display: block;
    font-weight: normal;
    font-size: 12px;
    background: #fff;
    width: 20px;
    margin: 0 auto;
    margin-top:10px;
}
.she2 {color:#00336A;}
.casea1 {position:absolute;width:260px;left:300px;top:84px;transition: all 2s;opacity: 0;transition:all 3s ease-in-out;}
.active .casea1 {left:100px;opacity: 1;transition-delay: 1s;}


.casesright {position:absolute;width:998px;right:-300px;top:17%;opacity: 0;transition:all 2s ease-in-out;margin-top: 210px;}
.active .casesright {opacity: 1;right:0px;transition-delay: 1s;}

.casesleft {position:absolute;width: 1200px;left:-300px;top:17%;opacity: 0;transition:all 2s ease-in-out;padding: 13px 20px;margin-top: 330px;left: 50%;margin-left: -600px;}

.casesleft ul {
    text-align: center;
}
.active .casesleft {opacity: 1;transition-delay: 0.5s;margin-top: 130px;}


.casesleft ul li {display: inline-block;margin: 10px 0px;}
.casesleft ul li a {
    border: 1px solid #CCCCCC;
    display: block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    color: #666;
    font-size: 14px;
    transition:all 0.5s ease-in-out;
    text-align: center;
}

.casesleft ul li a:hover {
    color: #076447;
    border: 1px solid #076447;
    transition:all 0.5s ease-in-out;
}
.casesleft ul li span {
    transition:all 0.7s ease-in-out;
}
.casesleft ul li:hover span {
    padding-left: 5px;
    padding-right: 10px;
    transition:all 0.7s ease-in-out;
}

.casea1 span,.casea2 span,.casea3 span {color:#666;font-size:16px;display:block;text-align:center;padding-top:15px;}
.casea3 {position:absolute;width:260px;right:-200px;top:84px;transition: all 2s;opacity: 0;transition:all 3s ease-in-out;}
.active .casea3 {right:100px;opacity: 1;transition-delay: 1.6s;}


.casea2 {position:absolute;width:260px;top:84px;transition: all 2s;opacity: 0;left:50%;margin-left:150px;transition:all 3s ease-in-out;}

.active .casea2 {margin-left:-130px;opacity: 1;transition-delay: 1.3s;}

.morean a {
    width: 170px;
    margin: 0 auto;
    height: 50px;
    border: 2px solid #60B840;
    display: block;
    margin-top: 15px;
    color: #60B840;
    text-align: center;
    line-height: 50px;
    transition:all 0.8s ease-in-out;
}

.morean a:hover {
    width: 170px;
    height: 50px;
    border: 2px solid #60B840;
    display: block;
    margin-top: 15px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    background:#60B840;
    text-decoration:none;
    transition:all 0.8s ease-in-out;
}


.morean {
    position: absolute;
    top: 20%;
    margin-top: 570px;
    width: 400px;
    left: 50%;
    margin-left: -200px;
    opacity: 0;
    transition:all 2s ease-in-out;
}
.active .morean {opacity: 1;transition-delay: 0.8s;margin-top: 470px;}

.shoucp3a {
    position: absolute;
    width: 1300px;
    left: 50%;
    margin-left: -650px;
    margin-top: 290px;
    top: 17%;
    opacity: 0;
    transition:all 2s ease-in-out;
}
.active .shoucp3a {opacity: 1;transition-delay: 0.5s;margin-top: 220px;}

/*pages5*/



.shousb4 {position:absolute;right:-400px;top:20%;transition:all 1.5s ease-in-out;margin-top: 90px;opacity: 0;}
.active .shousb4 {opacity: 1;transition-delay: 0.4s;right:0px;}



.shousb31 {position:absolute;right:600px;top:60px;transition:all 2s ease-in-out;opacity: 0;}
.active .shousb31 {opacity: 1;right:335px;transition-delay: 0.5s;}

.shousb32 {position:absolute;right:-300px;transition:all 2s ease-in-out;opacity: 0;}
.active .shousb32 {opacity: 1;right:0px;transition-delay: 0.8s;}

.shousb33 {position:absolute;right:134px;top:400px;transition:all 2s ease-in-out;opacity: 0;}
.active .shousb33 {opacity: 1;top:240px;transition-delay: 1s;}

.leftxw {position:relative;left:-400px;top:20%;padding-top: 90px;transition:all 2s ease-in-out;opacity: 0;width: 568px;}
.active .leftxw {transition-delay: 0.2s;left:0px;opacity:1;}

/*pages6*/

.shouhez1 {position:absolute;width: 1300px;left:50%;top: 20%;margin-left: -650px;text-align:center;transition:all 3s ease-in-out;opacity: 0;margin-top:350px;}
.active .shouhez1 {opacity: 1;transition-delay: 1.5s;margin-top:150px;}


.contactxian1 {position:absolute;top:20%;margin-top:110px;height:1px;background-color:rgba(255,255,255,0.4);width:0px;left:0px;transition:all 3s ease-in-out;}
.active .contactxian1 {width:1300px;transition-delay: 2s;}


.contactxian2 {position:absolute;top:20%;margin-top:480px;height:1px;background-color:rgba(255,255,255,0.4);width:0px;right:0px;transition:all 3s ease-in-out;}
.active .contactxian2 {width:1300px;transition-delay: 2s;}


.shouhez2 {position:absolute;width:800px;left:50%;top:65%;margin-left:-400px;text-align:center;transition:all 3s ease-in-out;color:#333333;opacity: 0;}
.active .shouhez2 {opacity: 1;top:33%;transition-delay: 1s;}

/*pages7*/
.shoucont1 {position:absolute;width:1200px;left:50%;top: 50%;margin-left:-600px;text-align:center;transition:all 2s ease-in-out;opacity: 0;}
.active .shoucont1 {opacity: 1;top:33%;transition-delay: 1s;}


.shoucont1 h1 {font-size:30px;font-weight:600;}
.shoucont1 p {color:#fff;line-height:30px;font-size:16px;}
.shoucont2 {position:absolute;left:50%;top: 60%;text-align:center;transition:all 2s ease-in-out;margin-left:-700px;opacity: 0;}
.active .shoucont2 {opacity: 1;margin-left:-250px;transition-delay: 1s;}


.shoucont3 {position:absolute;left:50%;top: 60%;text-align:center;transition:all 2s ease-in-out;margin-left:500px;opacity: 0;}

.active .shoucont3 {opacity: 1;margin-left:50px;transition-delay: 1s;}

.shoucont3 span,.shoucont2 span {color:#fff;display:block;font-size:14px;text-align:center;padding-top:15px;}

.footer-link {background:#313131;}
.icp {padding:20px 0px;color:#fff;width:1300px;position:relative;margin:0 auto;}
.icp a {color:#fff;}
.shouc33 img,.casea1 img,.casea2 img,.casea3 img,.shoucont2 img,.shoucont3 img {transition:all 1s ease-in-out;}
.shouc33:hover img,.casea1:hover img,.casea2:hover img,.casea3:hover img,.shoucont3:hover img,.shoucont2:hover img {transition:all 1s ease-in-out;-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);}



.wave {
  position: absolute;
  left:0;
  right:0;
 height:230px;
  bottom:0;
  z-index: 1;
}

.wave + .wave {
  z-index: 2;
}





@media (max-width:1440px) {

.buicon h3::after {
    position: absolute;
    background: #fff;
    width: 40px;
    height: 2px;
    top: 60px;
    left: 50%;
    margin-left: -20px;
    content: "";
    transition: all 0.8s ease-in-out;
}


.shoyewu ul li:hover .buicon h3::after {
    position: absolute;
    background: #fff;
    width: 120px;
    height: 2px;
    top: 60px;
    left: 50%;
    margin-left: -60px;
    content: "";
     transition: all 0.8s ease-in-out;
}

  
 .buicon h3 {
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding: 20px 0px 30px 0px;
    position: relative;
} 
 .shoucp3 {
    position: absolute;
    width: 1300px;
    left: 50%;
    margin-left: -650px;
    margin-top: 190px;
    top: 11%;
} 
 .fananwen {
    position: absolute;
    font-size: 12px;
    color: #666;
    top: 15%;
    width: 1000px;
    text-align: center;
    margin-top: 210px;
    left: 50%;
    margin-left: -500px;
    line-height: 180%;
    transition: all 2s;
    opacity:0;
} 
.relativediv {

    width: 1300px;
    margin: 0 auto;
    position: relative;
    height: 200px;
  transform: scale(0.9,0.9);

}  
  .shoucp3a {top: 17%;}  
  .morean {
    position: absolute;
    top: 16%;
    margin-top: 570px;
    width: 400px;
    left: 50%;
    margin-left: -200px;
    opacity: 0;
    transition: all 2s ease-in-out;
}
  
.shousb4,.leftxw {transform: scale(0.9,0.9);top: 15%;}  
.yuangui img {width:230px;}
.sheshou img {width:80%;} 
  
}