@charset "UTF-8";

img { border: 0; display: inline-block; }
a { color: #333; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
a.more { position: relative; }
a.more span { position: relative; z-index: 2; }
a.more:after { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100px; background: rgba(255,255,255,0.3); transition: all .3s; }
img.phone_img { display: none; }
@media only screen and (max-width: 768px) {
img.pc_img { display: none; }
img.phone_img { display: block; }
}
h3 p.f_title { line-height: 0.9; }
h3 span.line { display: block; height: 1px; width: 100px; }

.cloud_all { margin-top: 70px; }
.cl_a_banner { height: 450px; position: relative; width: 100%;background: url(../images/bg1.jpg);background-attachment: fixed; background-position: center bottom; background-repeat: no-repeat; background-size: cover; }
.cl_a_banner .cl_p { position: absolute; top: 0; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.7); z-index: 0; }
.cl_a_banner .con { width:1280px;color: #fff; position: relative; z-index: 1; text-align: center; padding-top:1px; margin: 0px auto;background: #ffffff21;top:50px;}
.cl_a_banner .con h3 { margin-top: 40px; line-height: 1; text-align: center; position: relative; top: 20px; opacity: 0; }
.cl_a_banner .con h3 span.line { margin-left: auto; margin-right: auto; background: #fff; }
.cl_a_banner .con div.p { max-width: 1280px; margin-left: auto; margin-right: auto; color: #c4c4c4; /*动画*/ position: relative; top: 20px; opacity: 0; padding: 40px;}
.cl_a_banner .con div.img { margin-top: 75px; opacity: 0; }
@media only screen and (max-width: 1440px) {
.cl_a_banner .con div.img { margin-top: 40px; }
}
@media only screen and (max-width: 1366px) {
.cl_a_banner { height: 710px; }
.cl_a_banner .con div.img { max-width: 98%; margin: 40px auto 0; }
.cl_a_banner .con div.img img { width: 100%; }
}
@media only screen and (max-width: 1280px) {
.cl_a_banner .con { width:98%;}
.cl_a_banner .con h3 { margin-top: 50px; }
}
@media only screen and (max-width: 1200px) {
  .cl_a_banner {height: 550px;}
}
@media only screen and (max-width: 1024px) {
.cl_a_banner {height: 400px;}
.cloud_all { margin-top: 70px; }
}
@media only screen and (max-width: 768px) {
.cl_a_banner {height: 410px;}
.cl_a_banner { padding-bottom: 0px; padding-top:10px; height: 400px; }
.cl_a_banner .con {padding: 10px 20px; box-sizing: border-box; background:none;}
.cl_a_banner .con h3 { margin-top: 10px; }
.cl_a_banner .con div.p {top: 20px; padding: 10px;line-height:20px;}
.cl_a_banner .con div.p br:first-child { display: none; }
}
.cl_a_inf { width: 100%; height: 550px; background:#000000/*url(../images/bg1.jpg) no-repeat*/; background-attachment: fixed; background-repeat: no-repeat; background-position: 0px 100px; color: #fff; position: relative; }
.cl_a_inf .left { float: left; }
.cl_a_inf .left h3 { margin-top: 120px; line-height: 1; }
.cl_a_inf .right { float: right; width: 600px; position: absolute; top: 50%; left: 60%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; }
.cl_a_inf .right h3 { position: relative; }
.cl_a_inf .right h3 p { line-height: 1; }
.cl_a_inf .right h3 span { display: block; background: #fff; }
 @media only screen and (max-width: 1330px) {
.cl_a_inf .left { margin-left: 60px; }
.cl_a_inf .right { width: 500px; margin-right: 100px; }
.cl_a_inf .right h3 { height: 46px; }
}
@media only screen and (max-width: 1200px) {
.cl_a_inf img{width: 100%;}
.cl_a_inf { height: auto; padding: 50px 0; }
.cl_a_inf .left h3 { margin-top: 0; }
.cl_a_inf .right { width: 40%; margin-right: 10%; position: static; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
@media only screen and (max-width: 768px) {
.cl_a_inf img{width: 100%;}
.cl_a_inf .left { margin-left: 20px; }
.cl_a_inf .right { width: 100%; margin: 0; padding: 20px; box-sizing: border-box; }
.cl_a_inf .right h3 { height: auto; }
}

.cl_a_con01 { height: 960px; background-image: url(../images/bg1-shcn.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: 0px 0px; }
.ipadPro1024 .cl_a_con01 { background: #fff!important; }
.cl_a_con01 .wrap { width: 1280px; padding-top: 100px;}
.cl_a_con01 h3 { position: relative; color: #b0b0b0;  text-align: center; opacity: 0; top: 30px; }
.cl_a_con01 h3 span { display: block; width: 0px; background: #232323; margin-right: auto; margin-left: auto; }
.cl_a_con01 .cl_a_c01_dl { margin-top: 80px; height: 448px; }
.cl_a_con01 .cl_a_c01_dl dl {width: 24.5%;height: 248px;float: left;/* margin-left: 19px; */-webkit-transition: all 0.5s;transition: all 0.5s; /*动画*/position: relative;opacity: 0;top: 100px;border-right: 1px solid #b1b1b1;border-bottom: 1px solid #b1b1b1;}
.cl_a_con01 .cl_a_c01_dl dl:first-child { margin-left: 0; }
.cl_a_con01 .cl_a_c01_dl dl:nth-child(4) { margin-left: 0; border-right: none; }
.cl_a_con01 .cl_a_c01_dl dl:nth-child(5) { margin-left: 0; border-bottom: none;}
.cl_a_con01 .cl_a_c01_dl dl:nth-child(6) { margin-left: 0; border-bottom: none;}
.cl_a_con01 .cl_a_c01_dl dl:nth-child(7) { margin-left: 0; border-bottom: none;}
.cl_a_con01 .cl_a_c01_dl dl:nth-child(8) { margin-left: 0;border-right: none; border-bottom: none;}
.cl_a_con01 dt { margin: 50px 0 0 55px; height: 100px; width: 100px; background-repeat: no-repeat; -webkit-transition: all 0.5s; transition: all 0.5s; }
.cl_a_con01 dd { -webkit-transition: all 0.5s; transition: all 0.5s; }
.cl_a_con01 dd.dd_tit { height: 75px; margin: 25px 0 0 55px; color: #b0b0b0;}
.cl_a_con01 dd.dd_tit em { color: #7d7d7d; text-transform: Uppercase; }
.cl_a_con01 dd.dd_con { margin: 10px 0 0 55px; }
.cl_a_con01 dd.dd_con li {  padding-left: 10px; color: #000000; line-height: 1; float: left; margin: 20px 40px 0 0; }
.cl_a_con01 dl.last_dl dd.dd_con li { margin: 20px 0px 0 0; width: 115px; }
.cl_a_con01 dl.last_dl dd.dd_con li+li+li+li { width: auto; }
.cl_a_con01 div.more a { margin: 0px auto; color: #6e6e6e; border-color: #7d7d7d; }
@media only screen and (max-width: 1440px) {
.cl_a_con01 { height: auto; padding-bottom: 100px; }
}
@media only screen and (max-width: 1366px) {
.cl_a_con01 dt { margin-top: 70px; }
.cl_a_con01 .cl_a_c01_dl { max-width: 1280px; margin-left: auto; margin-right: auto; margin-top: 70px; }
.cl_a_con01 .cl_a_c01_dl dl { width: 305px; height: 430px; background-size: cover; }
.cl_a_con01 h3 { height: 70px; }
}
@media only screen and (max-width: 1330px) {
.cl_a_con01 .wrap { width: 100%; padding-top:50px; }
.cl_a_con01 h3 { margin-top: 70px; }
.cl_a_con01 .cl_a_c01_dl { max-width: 1160px; }
.cl_a_con01 .cl_a_c01_dl dl { width: 275px; height: 388px; }
.cl_a_con01 dt { margin-top: 50px; margin-left: 35px; }
.cl_a_con01 dd.dd_tit { margin: 35px 0 0 35px; }
.cl_a_con01 dd.dd_con { margin-left: 35px; }
.cl_a_con01 dl.last_dl dd.dd_con li { width: 95px; }
}
@media only screen and (max-width: 1200px) {
.cl_a_con01 { background-color: #ecf0ef; background-size: cover; }
.cl_a_con01 h3 { margin-top: 50px; }
.cl_a_con01 { height: 650px; padding-bottom: 50px; }
.cl_a_con01 .cl_a_c01_dl { margin-top: 30px; height: 350px; margin-bottom: 50px; }
.cl_a_con01 .cl_a_c01_dl dl { width: 23%; margin: 0 1%; height: 333px; }
.cl_a_con01 .cl_a_c01_dl dl:first-child { margin-left: 1%; }
.cl_a_con01 dt { margin: 30px 0 0 20px; width: 70px; height: 70px; background-size: cover; }
.cl_a_con01 dd.dd_tit { margin: 15px 0 0 20px; }
.cl_a_con01 dd.dd_con li { margin: 10px 20px 0 0; float: none; }
.cl_a_con01 dl.last_dl dd.dd_con li { width: 100%; margin: 10px 20px 0 0; }
}
@media only screen and (max-width: 1000px) {
.cl_a_con01 .cl_a_c01_dl dl { width: 48%; height: 172px!important; margin: 1%; background: rgba(255,255,255,0.5); border: 1px solid #e4e4e4; box-sizing: border-box; padding: 20px; }
.cl_a_con01 dt { float: left; margin: 0; }
.cl_a_con01 dd.dd_tit { float: left; margin: 0; margin-left: 20px; height: 60px; }
.cl_a_con01 dd.dd_con { float: left; width: 100%; margin: 0; }
.cl_a_con01 dd.dd_con li { width: 50%; float: left; margin-right: 0; margin-left: 0px; box-sizing: border-box; }
.cl_a_con01 dl.last_dl dd.dd_con li { width: 50%; margin-right: 0; margin-left: 0px; }
.cl_a_con01 .cl_a_c01_dl { margin-bottom: 30px; }
.cl_a_con01 .cl_a_c01_dl dl { opacity: 1!important; top: 0px!important; }
}
@media only screen and (max-width: 768px) {
.cl_a_con01 dt {width: 100px; height: 100px;}  
.cl_a_con01 {height: 590px;}
.cl_a_con01 .cl_a_c01_dl dl {border: 1px solid #e4e4e433; }
.cl_a_con01 h3 { margin-top: 0px;height: 50px; }
.cl_a_con01 .cl_a_c01_dl { margin-top: 0; }
.cl_a_con01 dd.dd_con li { width: 100%; }
.cl_a_con01 dd.dd_tit { margin-top: 10px; margin-left: 0; height: 50px;color: #f6f6fb; }
.cl_a_con01 .cl_a_c01_dl dl:first-child { margin-left: 0%; }
.cl_a_con01 dl.last_dl dd.dd_con li { width: 100%; }
.cl_a_con01 .cl_a_c01_dl dl { height: 120px!important;width: 50%;margin: 0%;}
}
@media only screen and (max-width: 560px) {
.cl_a_con01 { height: 750px; }
.cl_a_con01 .cl_a_c01_dl dl { height: 160px!important; }
}
@media only screen and (max-width: 325px) {
.cl_a_con01 .cl_a_c01_dl dl { width: 98%; height: 160px!important; }
.cl_a_con01 dd.dd_con li { width: 50%; }
.cl_a_con01 dd.dd_tit { margin-top: 0px; margin-left: 10px; }
.cl_a_con01 dl.last_dl dd.dd_con li { width: 50%; }
}
.cl_a_con02 { height: 700px; background: #f6f6fb; }
.cl_a_con02 .wrap { max-width: 1330px; }
.cl_a_con02 .left { float: left; width: 58%; margin-top: 160px; text-align: center; position: relative; top: -30px; opacity: 0; }
.cl_a_con02 .left span { position: absolute; top: 0px; left: 0px; width: 100%; text-align: right; }
.cl_a_con02 .left span img { box-shadow: 0 0 20px #ddd; opacity: 0; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); }
.cl_a_con02 .left span:first-child { margin-right: 3%; width: 97% }
.cl_a_con02 .left span:first-child+span { top: 50%; text-align: center; }
.cl_a_con02 .left img { max-width: 100%; }
.cl_a_con02 .left span:nth-child(1) img { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; transition: all 1s; }
.cl_a_con02 .left span:nth-child(2) img { -webkit-transition: all 1s 0.5s; -moz-transition: all 1s 0.5s; -ms-transition: all 1s 0.5s; transition: all 1s 0.5s; }
.cl_a_con02 .left span:nth-child(1) img.ani01 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
.cl_a_con02 .left span:nth-child(2) img.ani02 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
.cl_a_con02 .right { float: right; width: 40%; margin-top: 210px; position: relative; left: -30px; opacity: 0;line-height: 35px; }
.cl_a_con02 .right h3 { position: relative; }
.cl_a_con02 .right h3 em { color: #595757; display: inline-block; line-height: 1; }
.cl_a_con02 .right h3 span { background: #232323; }
.cl_a_con02 .right div.p { color: #595757; }
@media only screen and (max-width: 1366px) {
.cl_a_con02 { height: 500px; padding-bottom: 60px; }
.cl_a_con02 .left { margin-top: 120px; }
.cl_a_con02 .right { margin-top: 50px; width: 35%; float: left; margin-left: 5%; }
}
@media only screen and (max-width: 1024px) {
.cl_a_con02 .left { width: 50%; margin-left: 2%; }
.cl_a_con02 .left span img { width: 85%; }
.cl_a_con02 .left span:first-child img { width: 30%; }
}
@media only screen and (max-width: 1000px) {
.cl_a_con02 .right { margin-top: 80px; }
}
@media only screen and (max-width: 768px) {
.cl_a_con02 {height: 680px;padding-top: 30px;padding-bottom: 0px;}
.cl_a_con02 .left { margin-top: 20px; }
.cl_a_con02 .left { width: 100%; margin-left: 0px; padding: 0 5%; box-sizing: border-box; background: none; }
.cl_a_con02 .right { width: 100%; padding: 0 5%; box-sizing: border-box; margin-left: 0px; margin-top: 30px; }
}

@media only screen and (max-width: 525px) {
.cl_a_con02 {height: 520px;}  
}