.all_banner_cp{
width:100%;
height:460px;
background:url(images/cp/banner.jpg) center top no-repeat;
overflow:hidden;
}
.banner_cp{
width:1200px;
height:460px;
position:relative;
margin:0 auto;
}
.banner_cpA{
width:100%;
height:66px;
line-height:66px;
font-size:46px;
font-weight:bold;
color:#000;
position:absolute;
left:0;
top:123px;
}
.banner_cpB{
width:100%;
height:38px;
line-height:38px;
font-size:18px;
color:#000;
position:absolute;
left:0;
top:195px;
}
.banner_cpC{
width:100%;
height:40px;
position:absolute;
left:0;
top:269px;
}
.banner_cpC a{
width:108px;
height:38px;
line-height:38px;
display:block;
border:1px solid #545658;
text-align:center;
font-size:15px;
color:#000;
text-decoration:none;
border-radius:40px;
}
.banner_cpC a:hover{
background-color:#f5ad00;
border-color:#f5ad00;
color:#000;
}

.all_cp_01{
width:100%;
padding-top:22px;
padding-bottom:86px;
background-color:#f7f7f7;
overflow:hidden;
}
.cp_01_TT{
width:100%;
height:132px;
line-height:132px;
text-align:center;
font-size:34px;
color:#000000;
font-weight:bold;
}
.cp_01{
width:1230px;
}
.cp_01 ul{
margin:0;
padding:0;
list-style:none;
}
.cp_01 ul li{
width:380px;
float:left;
margin-right:30px;
height:260px;
background-color:#fff;
border-radius:10px;
position:relative;
}
.cp_01a{
width:320px;
position:absolute;
left:30px;
top:30px;
height:60px;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.cp_01b{
width:320px;
position:absolute;
left:30px;
top:110px;
height:40px;
line-height:40px;
font-size:20px;
color:#000;
font-weight:bold;
}
.cp_01c{
width:320px;
position:absolute;
left:30px;
top:155px;
height:auto;
line-height:24px;
font-size:16px;
color:#4c4c4c;
}

.cp_01 ul li:hover{box-shadow:0 0 12px rgba(0,0,0,0.14);}

.all_cp_02{
width:100%;
padding-top:22px;
padding-bottom:86px;
background:url(images/cp/all_01.jpg) center top no-repeat;
overflow:hidden;
}
.cp_02_TT{
width:100%;
height:192px;
line-height:192px;
text-align:center;
font-size:34px;
color:#ffff;
font-weight:bold;
}
.cp_02{
width:1280px;
height:220px;
background:url(images/cp/step.png) 268px 59px no-repeat;
}
.cp_02 ul{
margin:0;
padding:0;
list-style:none;
}
.cp_02 ul li{
width:320px;
float:left;
height:220px;
position:relative;
}
.cp_02a{
width:240px;
position:absolute;
left:0;
top:0;
height:50px;
line-height:50px;
font-size:30px;
color:#f5c400;
background: linear-gradient(to right, #f5d900, #f5ae00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.cp_02b{
width:240px;
position:absolute;
left:0;
top:53px;
height:40px;
line-height:40px;
font-size:20px;
color:#fff;
font-weight:bold;
}
.cp_02c{
width:240px;
position:absolute;
left:0;
top:98px;
height:auto;
line-height:24px;
font-size:16px;
color:rgba(255,255,255,0.8);
}

.cp_02_more{
width:130px;
margin:0 auto;
}
.cp_02_more a{
width:128px;
height:38px;
display:block;
line-height:38px;
border:1px solid rgba(255,255,255,0.7);
font-size:15px;
color:#fff;
text-decoration:none;
border-radius:40px;
text-align:center;
}
.cp_02_more a:hover{
background-color:#f5ad00;
border-color:rgba(245,173,0,1);
color:#000;
}

.all_cp_03{
width:100%;
padding-top:30px;
padding-bottom:70px;
background-color:#fff;
overflow:hidden;
}
.cp_03_TT{
width:100%;
height:112px;
line-height:112px;
text-align:center;
font-size:34px;
color:#000000;
font-weight:bold;
}
.cp_03{
width:1230px;
height:580px;
}
.cp_03 ul{
margin:0;
padding:0;
list-style:none;
}
.cp_03 ul li{
width:380px;
float:left;
margin-right:30px;
height:550px;
background-color:#fff;
border-radius:10px;
position:relative;
box-shadow:0 0 7px rgba(0,0,0,0.12);
}
.cp_03 ul li a{
width:380px;
height:550px;
display:block;
}
.cp_03a{
width:320px;
position:absolute;
left:30px;
top:30px;
height:auto;
}
.cp_03b{
width:320px;
position:absolute;
left:30px;
top:98px;
height:40px;
line-height:40px;
font-size:20px;
color:#000;
font-weight:bold;
}
.cp_03c{
width:320px;
position:absolute;
left:30px;
top:144px;
height:auto;
line-height:20px;
font-size:14px;
color:#4c4c4c;
}
.cp_03d{
width:320px;
height:34px;
line-height:34px;
font-size:14px;
color:#666666;
position:absolute;
left:30px;
top:218px;
}
.cp_03e{
width:320px;
height:auto;
line-height:38px;
font-size:14px;
color:#333333;
position:absolute;
left:30px;
top:252px;
}
.cp_03f{
width:108px;
border:1px solid #989898;
height:38px;
line-height:38px;
position:absolute;
left:30px;
top:470px;
font-size:14px;
color:#333333;
font-weight:bold;
text-align:center;
border-radius:40px;
}

.cp_03 ul li:hover{box-shadow:0 0 12px rgba(0,0,0,0.14);}

.cp_03 ul li:hover .cp_03f{background-color:#f5ad00; color:#000; border-color:#f5ad00;}

.cp_03_more{
width:106px;
margin:0 auto;
}
.cp_03_more a{
font-size:14px;
color:#000000;
width:106px;
height:34px;
line-height:34px;
display:block;
background:url(images/2025/arrow.png) right center no-repeat;
}
.cp_03_more a:hover{
background:url(images/2025/arrows.png) right center no-repeat;
color:#f5ad00;
text-decoration:underline;
}

.all_cp_04{
width:100%;
padding-top:20px;
background-color:#f7f7f7;
overflow:hidden;
}
.cp_04_TT{
width:100%;
height:132px;
line-height:132px;
text-align:center;
font-size:34px;
color:#000000;
font-weight:bold;
}
.cp_04{
width:1230px;
height:506px;
}
.cp_04 ul{
margin:0;
padding:0;
list-style:none;
}
.cp_04 ul li{
width:380px;
float:left;
margin-right:30px;
height:506px;
position:relative;
}

.cp_04a{
width:380px;
position:absolute;
left:0;
top:0;
height:220px;
}
.cp_04b{
width:348px;
position:absolute;
left:16px;
top:240px;
height:40px;
line-height:40px;
font-size:20px;
color:#000;
font-weight:bold;
}
.cp_04c{
width:330px;
position:absolute;
left:16px;
top:283px;
height:auto;
line-height:22px;
font-size:15px;
color:#4c4c4c;
}
.cp_04d{
width:110px;
height:40px;
position:absolute;
left:16px;
top:381px;
}
.cp_04d a{
width:108px;
border:1px solid #959595;
height:38px;
line-height:38px;
display:block;
font-size:14px;
color:#333333;
font-weight:bold;
text-align:center;
border-radius:40px;
}
.cp_04d a:hover{
background-color:#f5ad00;
color:#000;
border:1px solid #f5ad00;
}

.all_cp_05x{
width:100%;
height:980px;
position:relative;
}
.all_cp_05xss{
width:100%;
height:980px;
position:absolute;
left:0;
top:0;
z-index:1;
}
.all_cp_05xs{
width:100%;
height:980px;
position:relative;
}
.cp_class_01{
width:100%;
height:980px;
background:url(images/cp/class_01.jpg) center top no-repeat;
z-index:2;
}
.cp_class_02{
width:100%;
height:980px;
background:url(images/cp/class_02.jpg) center top no-repeat;
z-index:1;
}
.cp_class_03{
width:100%;
height:980px;
background:url(images/cp/class_03.jpg) center top no-repeat;
z-index:1;
}
.cp_class_04{
width:100%;
height:980px;
background:url(images/cp/class_04.jpg) center top no-repeat;
z-index:1;
}
.cp_class_05{
width:100%;
height:980px;
background:url(images/cp/class_05.jpg) center top no-repeat;
z-index:1;
}
.cp_class_06{
width:100%;
height:980px;
background:url(images/cp/class_06.jpg) center top no-repeat;
z-index:1;
}
.cp_class_07{
width:100%;
height:980px;
background:url(images/cp/class_07.jpg) center top no-repeat;
z-index:1;
}
.cp_class_08{
width:100%;
height:980px;
background:url(images/cp/class_08.jpg) center top no-repeat;
z-index:1;
}
.cp_class_09{
width:100%;
height:980px;
background:url(images/cp/class_09.jpg) center top no-repeat;
z-index:1;
}
.cp_class_10{
width:100%;
height:980px;
background:url(images/cp/class_10.jpg) center top no-repeat;
z-index:1;
}

.customers-bg {
	position:absolute;
	left:0;
	top:0;
	background-size:cover;
	background-position:top;
	-webkit-animation:fadeIn .4s forwards;
	animation:fadeIn .4s forwards;
}

.vhide{
visibility:hidden;
opacity:0;
}

@-webkit-keyframes fadeIn {
	0% {
	opacity:0
}
to {
	opacity:1
}
}@keyframes fadeIn {
	0% {
	opacity:0
}
to {
	opacity:1
}
}



.all_cp_05{
width:100%;
padding-top:90px;
position:absolute;
left:0;
top:0;
z-index:3;
height:890px;
overflow:hidden;
}
.cp_05_TT{
width:100%;
height:54px;
line-height:54px;
font-size:34px;
color:#fff;
font-weight:bold;
text-align:center;
}
.cp_05_Desc{
width:100%;
height:105px;
line-height:36px;
font-size:16px;
color:#fff;
text-align:center;
}
.cp_05{
width:1200px;
height:642px;
position:relative;
}
.cp_05_L{
width:220px;
height:610px;
position:absolute;
left:0;
top:0;
background-color:rgba(255,255,255,0.24);
border-radius:10px;
overflow:hidden;
}
.cp_05_L ul{
margin:0;
padding:0;
list-style:none;
}
.cp_05_L ul li{
width:220px;
float:left;
height:60px;
cursor:pointer;
}
.cp_05_L ul li span{
width:170px;
height:60px;
line-height:60px;
padding-left:50px;
display:block;
color:rgba(255,255,255,0.8);
}
.cp_05_L ul li span.ico1{
background:url(images/cp/ico1.png) 20px center no-repeat;
}
.cp_05_L ul li span.ico2{
background:url(images/cp/ico2.png) 20px center no-repeat;
}
.cp_05_L ul li span.ico3{
background:url(images/cp/ico3.png) 20px center no-repeat;
}
.cp_05_L ul li span.ico4{
background:url(images/cp/ico4.png) 20px center no-repeat;
}
.cp_05_L ul li span.ico5{
background:url(images/cp/ico5.png) 20px center no-repeat;
}
.cp_05_L ul li span.ico6{
background:url(images/cp/ico6.png) 20px center no-repeat;
}
.cp_05_L ul li span.ico7{
background:url(images/cp/ico7.png) 20px center no-repeat;
}
.cp_05_L ul li span.ico8{
background:url(images/cp/ico8.png) 20px center no-repeat;
}
.cp_05_L ul li span.ico9{
background:url(images/cp/ico9.png) 20px center no-repeat;
}
.cp_05_L ul li span.ico10{
background:url(images/cp/ico10.png) 20px center no-repeat;
}

.cp_05_L ul li.selected{
background-color:rgba(0,0,0,0.1);
}

.cp_05_R{
width:820px;
position:absolute;
left:326px;
top:3px;
}
.cp_05_Rx{
width:820px;
-webkit-animation:textIn .4s forwards;
animation:textIn .4s forwards;
}
.cp_05_Rxa{
width:1300px;
height:116px;
line-height:116px;
font-size:32px;
color:#fff;
font-weight:bold;
}
.cp_05_Rxb{
width:100%;
line-height:32px;
font-size:22px;
color:#fff;
padding-bottom:45px;
overflow:hidden;
}
.cp_05_Rxc{
width:130px;
height:46px;
}
.cp_05_Rxc a{
width:128px;
height:44px;
display:block;
line-height:44px;
border:1px solid #fff;
border-radius:40px;
text-align:center;
text-decoration:none;
font-size:15px;
color:#fff;
}

.cp_05_More{
width:110px;
margin:0 auto;
}
.cp_05_More a{
font-size:16px;
color:#fff;
width:110px;
height:36px;
line-height:36px;
display:block;
background:url(images/cp/arrow.png) right center no-repeat;
}
.cp_05_More a:hover{
color:#f5ad00;
background:url(images/2025/arrows.png) right center no-repeat;
}

@-webkit-keyframes textIn {
	0% {
	-webkit-transform:translateY(50px);
	transform:translateY(50px);
	opacity:0
}
to {
	-webkit-transform:translate(0);
	transform:translate(0);
	opacity:1
}
}@keyframes textIn {
	0% {
	-webkit-transform:translateY(50px);
	transform:translateY(50px);
	opacity:0
}
to {
	-webkit-transform:translate(0);
	transform:translate(0);
	opacity:1
}
}

.all_cp_06{
width:100%;
background:url(images/cp/all_03.jpg) center top no-repeat;
height:384px;
overflow:hidden;
}
.cp_06{
width:1200px;
height:384px;
position:relative;
}
.cp_06a{
width:100%;
height:76px;
line-height:76px;
text-align:center;
position:absolute;
left:0;
top:72px;
font-size:56px;
font-weight:bold;
color:#000;
}
.cp_06b{
width:100%;
height:74px;
line-height:74px;
text-align:center;
position:absolute;
left:0;
top:157px;
font-size:54px;
font-weight:bold;
color:#111111;
}
.cp_06c{
width:100%;
height:46px;
position:absolute;
left:0;
top:260px;
}
.cp_06c a{
width:178px;
height:44px;
display:block;
line-height:44px;
border:1px solid #666;
border-radius:40px;
text-align:center;
text-decoration:none;
font-size:15px;
color:#111;
margin:0 auto;
}
.cp_06c a:hover{
border:1px solid #fdb309;
background-color:#fdb309;
color:#000;
}