@charset "utf-8";
/* -------------------------------
 --css     好视通AR眼镜，AR远程可视化解决方案
 --by      市场部 Sivan 2018-08-09
 --update  v.2018-08-09
目录————————————————

/*--------------------重定义浏览器默认样式--------------------*/
div, dl, dt, dd, ul, ol, li, form, input, table, tbody, tr, th, td, em, input, img { margin: 0; padding: 0; border: none; }
body { margin: 0; padding: 0; border: none; font-family: "Microsoft YaHei", Helvetica, arial, sans-serif; color: #36475a; font-size: 14px; min-width: 240px; max-width: 2560px; margin: 0 auto; }
a:active, a:focus { outline: none; }
ul, ol, li { list-style: none; }
em, i { font-style: normal; }
ul, ol { list-style: none; }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
input, textarea { -webkit-appearance: none; border: 0; }
a:hover { text-decoration: none; }
a:active, a:focus { outline: none; }
::selection { background: #008ed7; color: #fff; }
.clearfix:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; *zoom:1;
}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; *zoom:1;
}
/*----------通用主导航----------*/  

/*--首页暗黑（透明）导航--*/

#main { }
/*栏目页面、列表 行为召唤*/
.call_w { position: relative; z-index: 1; font-size: 16px; color: #FFF; background-image: -moz-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(0,231,252) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(0,231,252) 100%); background-image: -ms-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(0,231,252) 100%); background-color: #0080ff ; color: #FFF; height: auto; }
.call_w .pull-left, .call_w .pull-right { display: table; overflow: hidden; }
.call_w .call_img, .call_w .call_text { height: 350px; display: table-cell; vertical-align: middle; }
.call_w .call_img { position: relative; z-index: 1; }
.call_w .call_img img { margin: auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; }
.call_w .call_text p { margin: 10px 0 30px 0; font-size: 18px; }

@media (max-width:992px) {
.call_w .call_img { height: 200px; display: table-cell; vertical-align: middle; }
.call_w .call_text { margin: 0 auto; text-align: center }
}

@media (max-width:480px) {
.call_w .call_img { height: 200px; display: table-cell; vertical-align: middle; }
.call_w .call_text { height: 150px; padding: 0px 0 60px 0; display: table-cell; vertical-align: middle; }
}
/**召唤按钮btn**/
.call_w .call_text .call_btn { display: block; display: inline-block; width: auto; min-width: 80px; padding: 0 40px; height: 42px; line-height: 42px; margin: 0px auto 0 auto; margin: 0rem auto 0rem auto; text-align: center; font-size: 14px; color: #0080ff ; background-color: #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }

@media (max-width:680px) {
.call_w .call_text .call_btn { padding: 0 0.70rem; height: 0.82rem; line-height: 0.82rem; text-align: center; font-size: 0.25rem; }
}
.call_w .call_text .call_btn:hover { color: #0080ff ; background-color: #FFF; -webkit-border-radius: 60px; border-radius: 60px; }
/*行为召唤冒泡动效*/
.call_w .call_img img { opacity: 0; transform: scale(0); -webkit-transition: all 1.2s; -moz-transition: all 1.2s; ; transition: all 1.2s; }
.call_w .call_img img:nth-child(1) { -webkit-transition-delay: .2s; transition-delay: .2s; z-index: 1; }
.call_w .call_img img:nth-child(2) { -webkit-transition-delay: .3s; transition-delay: .3s; z-index: 3; }
.call_w .call_img img:nth-child(3) { -webkit-transition-delay: .4s; transition-delay: .4s; z-index: 5; }
.call_w .call_img img:nth-child(4) { -webkit-transition-delay: .6s; transition-delay: .6s; z-index: 7; }
.call_w .call_img img:nth-child(5) { -webkit-transition-delay: .9s; transition-delay: .9s; z-index: 9; }
.call_w .call_img img:nth-child(6) { -webkit-transition-delay: 1.3s; transition-delay: 1.3s; z-index: 11; }
.call_w .call_img img:nth-child(7) { -webkit-transition-delay: .8s; transition-delay: .6s; z-index: 13; }
.call_w .call_img.active img { opacity: 1; transform: scale(1); }
/*行为召唤文字层动效*/
.call_w .call_text p, .call_w .call_text .call_btn_w { opacity: 8; -webkit-transform: rotate(0)translateX(100px); -moz-transform: rotate(0) translateX(100px); -o-transform: rotate(0) translateX(100px); transform: rotate(0) translateX(100px); -webkit-transition: all 3.5s ease; -moz-transition: all 3.5s ease; -o-transition: all 3.5s ease; transition: all 3.5s ease; }
.call_w .call_text .p { -webkit-transition-delay: .3s; transition-delay: .3s; }
.call_w .call_text .call_btn_w { -webkit-transition-delay: .4s; transition-delay: .4s; }
.call_w .call_text.active p, .call_text.active .call_btn_w { -moz-transform: rotate(0) translateX(0); -o-transform: rotate(0) translateX(0); transform: rotate(0) translateX(0); }
.ar_w { min-height: 800px; max-width: 2560px; padding: 100px 0; margin: 0 auto; background-color: #273150; overflow: hidden; }

@media (max-width:480px) {
.ar_w { padding: .8rem 0; }
}
.cp_text h1 { font-size: 36px; font-size: 0.36rem; line-height: 1.2; margin-top: 20px; margin-top: 0.3rem; margin-bottom: 30px; margin-bottom: 0.3rem; }
.cp_text em { display: inline-block; width: 20px; border-bottom: 3px solid #2ccfa4; ; }
.cp_desc img { color: transparent; }
.cp_desc p { max-width: 1200px; margin: 40px auto 80px auto; margin: 0.4rem auto 0.6rem auto; font-size: 18px; font-size: 0.18rem; line-height: 2.2; }
/* ar_1*/ 





/*文字块与图片块垂直居中办法：table方法,移动端时，元素全部居中排版*/
.ar_banner_w .pull-left, .ar_banner_w .pull-right { display: table; margin: 0 auto; text-align: left; }
.ar_banner_w .pull-left .ar_banner_text, .ar_banner_w .pull-right .ar_banner_text { height: 800px; display: table-cell; vertical-align: middle; }
.ar_banner_w .pull-left .ar_banner_img, .ar_banner_w .pull-right .ar_banner_img { height: 800px; display: table-cell; vertical-align: middle; }

@media (max-width:1200px) {
.ar_banner_w .pull-left, .ar_banner_w .pull-right { display: block; text-align: center; margin: 0 auto !important; float: none !important; }
.ar_banner_w .pull-left .ar_banner_text, .ar_banner_w .pull-right .ar_banner_text { display: block; margin: 0 auto !important; height: auto; }
.ar_banner_w .pull-left .ar_banner_img, .ar_banner_w .pull-right .ar_banner_img { display: block; margin: 0 auto !important; height: auto; }
}

@media (max-width: 1200px) {
.ar_banner_w .pull-left { width: 100%; height: 100%; margin: auto; position: absolute; z-index: 1; top: 50%; right: 0; bottom: 0; left: 0; -webkit-opacity: 0.15; -moz-opacity: 0.15; -ms-opacity: 0.15; -o-opacity: 0.15; opacity: 0.15; }
}

@media (max-width: 1200px) {
.ar_banner_w .pull-right { width: 100%; height: 100%; margin: auto; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; top: 25%; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; }
}
.ar_banner_w .banner_slisde2 .pull-left { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; top: 30% }
}
/*ar Banner banner附件*/
.ar_banner_w .pagination { width: 100%; margin: auto; position: absolute; z-index: 9999; right: 0; display: inline-block; text-align: center; bottom: 30px; }
.ar_banner_w .swiper-pagination-switch { width: 8px; height: 8px; display: inline-block; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background-color: #FFF; opacity: .4; margin: 0 5px; background: #FFF; -moz-transition: opacity 0.3s ease-in, opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-in, opacity 0.3s ease-out; transition: opacity 0.3s ease-in, opacity 0.3s ease-out; }
.ar_banner_w .swiper-active-switch { width: 20px; background-color: #FFF; opacity: .8; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.ar_banner_w .arrow_w { margin: auto; top: 50%; position: absolute; left: 0; right: 0; ; z-index: 100; }
.ar_banner_w .arrow-left, .ar_banner_w .arrow-right { display: block; cursor: pointer; position: absolute; top: 50%; z-index: 1000; color: #FFF; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background-color: transparent; font-size: 22px; -webkit-opacity: .4; -moz-opacity: .4; opacity: .4; width: 50px; height: 50px; line-height: 50px; text-align: center; }
.ar_banner_w .arrow-right { background: rgba(255,255,255,.2) url(../images/ar/btn_arrow_right.png) no-repeat; right: -10%; -webkit-transition: right .3s; -moz-transition: right .3s; transition: right .3s; }
.ar_banner_w .arrow-left { background: rgba(255,255,255,.2) url(../images/ar/btn_arrow_left.png) no-repeat; left: -10%; -webkit-transition: left .3s; -moz-transition: left .3s; transition: left .3s; }
.ar_banner_w:hover .arrow-right { opacity: 0.8; right: -8%; }
.ar_banner_w:hover .arrow-left { opacity: 0.8; left: -8%; }

@media screen and (max-width:1400px) {
.ar_banner_w .arrow-right { right: -10% }
.ar_banner_w .arrow-left { left: -10% }
.ar_banner_w:hover .arrow-right { opacity: 0.8; right: 3%; }
.ar_banner_w:hover .arrow-left { opacity: 0.8; left: 3%; }
}

@media screen and (max-width:680px) {
.ar_banner_w .arrow-right { right: -100% }
.ar_banner_w .arrow-left { left: -100% }
.ar_banner_w:hover .arrow-right { opacity: 0.8; right: -100%; }
.ar_banner_w:hover .arrow-left { opacity: 0.8; left: -100%; }
}
.ar_banner_w .pagination { width: 100%; margin: auto; position: absolute; z-index: 100; right: 0; display: inline-block; text-align: center; bottom: 30px; }

@media screen and (max-width:640px) {
.ar_banner_w .pagination { bottom: 20px; }
}
/*ar Banner 2018-07-09*/


.ar_banner_w { position: relative; z-index: 1; width: 100%; max-width: 100%; overflow: hidden; height: 800px; background-color: #141318; background-image: -moz-linear-gradient( -90deg, rgb(19,19,22) 0%, rgb(57,59,62) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(19,19,22) 0%, rgb(57,59,62) 100%); background-image: -ms-linear-gradient( -90deg, rgb(19,19,22) 0%, rgb(57,59,62) 100%); max-height: 800px !important; padding: 0; overflow: hidden; color: #FFF; text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }

@media screen and (max-width:480px) {
.ar_banner_w, .ar_banner_con { width: 100%; height: 420px; overflow: hidden }
}
/*文字层*/

.ar_banner_w .ar_banner_text .h_w, .ar_banner_w .ar_banner_text .ar_btn { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 1; -webkit-transform: rotate(0) translateX(300px) translateY(0) scale(1, 1); -moz-transform: rotate(0) translateX(300px) translateY(0) scale(1, 1); -o-transform: rotate(0) translateX(300px) translateY(0) scale(1, 1); transform: rotate(0) translateX(300px) translateY(0) scale(1, 1); }
.ar_banner_w .ar_banner_text .h1_w { -webkit-transition: all 1.2s ease; -moz-transition: all 1.2s ease; -ms-transition: all 1.2s ease; -o-transition: all 1.2s ease; transition: all 1.2s ease; }
.ar_banner_w .ar_banner_text .h2_w { -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; }
.ar_banner_w .ar_banner_text .ar_btn { -webkit-transition: all 3.2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; }
.swiper-slide-active .ar_banner_w .ar_banner_text .h_w, .swiper-slide-active .ar_banner_w .ar_banner_text .ar_btn { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); }
.banner_slisde1 .ar_banner_text { max-width: 620px; }
.banner_slisde1 .ar_banner_text .h2_w { color: #FFF; ; max-width: 800px; margin: 40px auto 60px auto; margin: 0.4rem auto 0.6rem auto; font-size: 18px; font-size: 0.18rem; line-height: 2.2; margin-left: 100px; margin-left: 1rem; text-shadow: 0px 0px 10px rgba(14, 19, 36, 0.66); }
.banner_slisde1 .ar_banner_text .h1_w { font-size: 36px; font-size: 0.36rem; line-height: 1.2; margin-left: 100px; margin-left: 1rem; margin-top: 20px; margin-top: 0.3rem; margin-bottom: 30px; margin-bottom: 0.3rem; text-shadow: 0px 0px 10px rgba(14, 19, 36, 0.66); }
.banner_slisde1 .ar_banner_text .ar_btn { display: block; display: inline-block; width: auto; min-width: 100px; padding: 0 40px; height: 42px; line-height: 42px; margin: 0px auto 0 auto; margin: 0rem auto 0rem auto; margin-left: 100px; margin-left: 1rem; text-align: center; font-size: 16px; color: #FFF; background-image: -moz-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(0,231,252) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(0,231,252) 100%); background-image: -ms-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(0,231,252) 100%); background-color: #0080ff ; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.banner_slisde1 .ar_banner_text .ar_btn:before { font-family: "宋体"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; content: ">"; position: absolute; left: 130%; top: 50%; margin-top: -8px; margin-top: -0.08rem; height: 100%; font-size: 125%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.banner_slisde1 .ar_banner_text .ar_btn:hover:before { left: 80%; }
.banner_slisde1 .ar_banner_text .ar_btn:hover { padding: 0 60px 0 40px; background-color: #00aaff; color: #fff; text-decoration: none; }

@media (max-width:680px) {
.banner_slisde1 .ar_banner_text .ar_btn:before { content: ""; }
.banner_slisde1 .ar_banner_text .ar_btn:hover { padding: 0 40px 0 40px; }
}

@media (max-width:1200px) {
.banner_slisde1 .ar_banner_text .h2_w { margin: 0 auto 0 auto; }
.banner_slisde1 .ar_banner_text .h1_w { margin: 0 auto 0.5rem auto; }
.banner_slisde1 .ar_banner_text .ar_btn { margin: 0.5rem auto 0.5rem auto; }
}

@media (max-width:680px) {
.banner_slisde1 .ar_banner_text .h2_w { font-size: 32px; font-size: 0.32rem; line-height: 1.2; margin: 0 auto; }
.banner_slisde1 .ar_banner_text .h1_w { font-size: 62px; font-size: 0.62rem; line-height: 1.2; }
.banner_slisde1 .ar_banner_text .ar_btn { padding: 0 0.70rem; height: 0.82rem; line-height: 0.82rem; margin: 0.8rem auto 100px auto; text-align: center; font-size: 0.25rem; color: #FFF; background-color: #0080ff ; }
.banner_slisde1 .ar_banner_text .ar_btn:before { content: ""; }
}
/*图片层*/

.banner_slisde1 .cp_pic_groups { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 1; -webkit-transform: rotate(0) translateX(300px) translateY(300px) scale(0.6, 0.6); -moz-transform: rotate(0) translateX(200px) translateY(200px) scale(0.6, 0.6); -ms-transform: rotate(0) translateX(200px) translateY(200px) scale(0.6, 0.6); -o-transform: rotate(0) translateX(200px) translateY(200px) scale(0.6, 0.6); transform: rotate(0) translateX(200px) translateY(200px) scale(0.6, 0.6); -webkit-transition: all 3.2s ease; -moz-transition: all 3.2s ease; -ms-transition: all 3.2s ease; -o-transition: all 3.2s ease; transition: all 3.2s ease; }
.swiper-slide-active .banner_slisde1 .cp_pic_groups { -webkit-opacity: 1; -moz-opacity: 1; ; opacity: 1; -webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); }
/*图片:分层动画*/

.banner_slisde1 .cp_pic_groups .pic { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; margin: auto; position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; }
.banner_slisde1 .cp_pic_groups .pic_1 { z-index: 10; -webkit-transform: rotate(0) translateX(0px) translateY(100px) scale(1, 1); -moz-transform: rotate(0) translateX(0px) translateY(100px) scale(1, 1); transform: rotate(0) translateX(0px) translateY(100px) scale(1, 1); -webkit-transition: all 1.2s ease; -moz-transition: all 1.2s ease; transition: all 1.2s ease; }
.banner_slisde1 .cp_pic_groups .pic_2 { z-index: 18; -webkit-transform: rotate(0) translateX(0px) translateY(200px) scale(1, 1); -moz-transform: rotate(0) translateX(0px) translateY(200px) scale(1, 1); transform: rotate(0) translateX(0px) translateY(200px) scale(1, 1); -webkit-transition: all 1.4s ease; -moz-transition: all 1.4s ease; transition: all 1.4s ease; }
.banner_slisde1 .cp_pic_groups .pic_3 { z-index: 6; -webkit-transform: rotate(0) translateX(0px) translateY(300px) scale(1, 1); -moz-transform: rotate(0) translateX(0px) translateY(300px) scale(1, 1); transform: rotate(0) translateX(0px) translateY(300px) scale(1, 1); -webkit-transition: all 1.6s ease; -moz-transition: all 1.6s ease; transition: all 1.6s ease; }
.banner_slisde1 .cp_pic_groups .pic_4 { z-index: 4; -webkit-transform: rotate(0) translateX(0px) translateY(400px) scale(1, 1); -moz-transform: rotate(0) translateX(0px) translateY(400px) scale(1, 1); transform: rotate(0) translateX(0px) translateY(400px) scale(1, 1); -webkit-transition: all 1.8s ease; -moz-transition: all 1.8s ease; transition: all 1.8s ease; }
.banner_slisde1 .cp_pic_groups .pic_5 { z-index: 2; -webkit-transform: rotate(0) translateX(0px) translateY(600px) scale(1, 1); -moz-transform: rotate(0) translateX(0px) translateY(600px) scale(1, 1); transform: rotate(0) translateX(0px) translateY(600px) scale(1, 1; );
-webkit-transition: all 2s ease; -moz-transition: all 2s ease; transition: all 2s ease; }
.swiper-slide-active .banner_slisde1 .cp_pic_groups .pic { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*图片*/
.banner_slisde1 .cp_pic_groups .pic img { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; margin: auto; position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; -webkit-transition: all 3s ease; -moz-transition: all 3s ease; transition: all 3s ease; }
.banner_slisde1 .cp_pic_groups .pic_2 img:nth-child(1) { -webkit-animation: fade_light 2s infinite linear; -moz-animation: fade_light 2s infinite linear; animation: fade_light 2s infinite linear; }
.banner_slisde1 .cp_pic_groups .pic_2 img:nth-child(2) { -webkit-animation: fade_light 2.1s infinite linear; -moz-animation: fade_light 2.1s infinite linear; animation: fade_light 2.1s infinite linear; }
.banner_slisde1 .cp_pic_groups .pic_2 img:nth-child(3) { -webkit-animation: fade_light 2.2s infinite linear; -moz-animation: fade_light 2.2s infinite linear; animation: fade_light 2.2s infinite linear; }

/*动效：模拟呼吸灯*/
@-webkit-keyframes fade_light {
 0% {
-webkit-opacity: 0;
}
50% {
-webkit-opacity: 1;
}
 100% {
 -webkit-opacity: 0;
}
}
@-moz-keyframes fade_light {
 0% {
-moz-opacity: 0;
}
50% {
-moz-opacity: 1;
}
 100% {
 -moz-opacity: 0;
}
}
@-o-keyframes fade_light {
 0% {
-o-opacity: 0;
}
50% {
-o-opacity: 1;
}
 100% {
 -o-opacity: 0;
}
}
 @keyframes fade_light {
 0% {
opacity: 0;
}
50% {
opacity: 1;
}
 100% {
 opacity: 0;
}
}
.banner_slisde1 .cp_pic_groups .pic_1 img:nth-child(1) { -webkit-animation: fade_90 1s infinite linear; -moz-animation: fade_90 1s infinite linear; animation: fade_90 1s infinite linear; }
.banner_slisde1 .cp_pic_groups .pic_3 img:nth-child(1) { -webkit-animation: fade_90 3s infinite linear; -moz-animation: fade_90 3s infinite linear; animation: fade_90 3s infinite linear; }
.banner_slisde1 .cp_pic_groups .pic_4 img:nth-child(2) { -webkit-animation: fade_90 4s infinite linear; -moz-animation: fade_90 4s infinite linear; animation: fade_90 4s infinite linear; }
.banner_slisde1 .cp_pic_groups .pic_5 img:nth-child(3) { -webkit-animation: fade_90 5s infinite linear; -moz-animation: fade_90 5s infinite linear; animation: fade_90 5s infinite linear; }
/*AR投影*/

.banner_slisde1 .cp_pic_groups .pic_3 img:nth-child(1) { z-index: 6; -webkit-transform: rotate(0) translateX(0px) translateY(300px) scale(1, 1); -moz-transform: rotate(0) translateX(0px) translateY(300px) scale(1, 1); transform: rotate(0) translateX(0px) translateY(300px) scale(1, 1); -webkit-transition: all 1.6s ease; -moz-transition: all 1.6s ease; transition: all 1.6s ease; }
.banner_slisde1 .cp_pic_groups .pic_3 img:nth-child(2) { z-index: 8; -webkit-transform: rotate(0) translateX(0px) translateY(400px) scale(1, 1); -moz-transform: rotate(0) translateX(0px) translateY(400px) scale(1, 1); transform: rotate(0) translateX(0px) translateY(400px) scale(1, 1); -webkit-transition: all 1.8s ease; -moz-transition: all 1.8s ease; transition: all 1.8s ease; }
.banner_slisde1 .cp_pic_groups .pic_3 img:nth-child(3) { z-index: 10; -webkit-transform: rotate(0) translateX(0px) translateY(600px) scale(1, 1); -moz-transform: rotate(0) translateX(0px) translateY(600px) scale(1, 1); transform: rotate(0) translateX(0px) translateY(600px) scale(1, 1); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; transition: all 2s ease; }
.swiper-slide-active .banner_slisde1 .cp_pic_groups .pic_3 img { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.ar_banner_w .banner_slisde2 { background: #1b1e25 url(../images/ar/ar_banner_a.jpg) no-repeat center bottom; background-size: cover; max-width: 1920px; margin: 0 auto; }
.banner_slisde2 .ar_banner_text { max-width: 620px; }
.banner_slisde2 .ar_banner_text .h2_w { color: #FFF; ; max-width: 800px; margin: 10px auto 40px auto; margin: 0.1rem auto 0.4rem auto; font-size: 18px; font-size: 0.18rem; line-height: 2.2; margin-left: 100px; margin-left: 1rem; text-shadow: 0px 0px 10px rgba(14, 19, 36, 0.66); }
.banner_slisde2 .ar_banner_text .h1_w { font-size: 36px; font-size: 0.36rem; line-height: 1.2; margin-left: 100px; margin-left: 1rem; margin-top: 20px; margin-top: 0.2rem; margin-bottom: 10px; margin-bottom: 0.1rem; text-shadow: 0px 0px 10px rgba(14, 19, 36, 0.66); }
.banner_slisde2 .ar_banner_text .ar_btn { display: block; display: inline-block; width: auto; min-width: 80px; padding: 0 40px; height: 42px; line-height: 42px; margin: 0px auto 0 auto; margin: 0rem auto 0rem auto; margin-left: 100px; margin-left: 1rem; text-align: center; font-size: 16px; color: #FFF; background-image: -moz-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(0,231,252) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(0,231,252) 100%); background-image: -ms-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(0,231,252) 100%); background-color: #0080ff ; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.banner_slisde2 .ar_banner_text .ar_btn:before { font-family: "宋体"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; content: ">"; position: absolute; left: 130%; top: 50%; margin-top: -8px; margin-top: -0.08rem; height: 100%; font-size: 125%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.banner_slisde2 .ar_banner_text .ar_btn:hover:before { left: 80%; }
.banner_slisde2 .ar_banner_text .ar_btn:hover { padding: 0 60px 0 40px; background-color: #00aaff; color: #fff; text-decoration: none; }

@media (max-width:680px) {
.banner_slisde2 .ar_banner_text .ar_btn:before { content: ""; }
.banner_slisde2 .ar_banner_text .ar_btn:hover { padding: 0 40px 0 40px; }
}

@media (max-width:1200px) {
.banner_slisde2 .ar_banner_text .h2_w { margin: 0 auto 0 auto; }
.banner_slisde2 .ar_banner_text .h1_w { margin: 0 auto 0.5rem auto; }
.banner_slisde2 .ar_banner_text .ar_btn { margin: 0.5rem auto 0.5rem auto; }
}

@media (max-width:680px) {
.banner_slisde2 .ar_banner_text .h2_w { font-size: 32px; font-size: 0.32rem; line-height: 1.2; margin: 0 auto; }
.banner_slisde2 .ar_banner_text .h1_w { font-size: 62px; font-size: 0.62rem; line-height: 1.2; }
.banner_slisde2 .ar_banner_text .ar_btn { padding: 0 0.60rem; height: 0.82rem; line-height: 0.82rem; margin: 0.8rem auto 100px auto; text-align: center; font-size: 0.25rem; color: #FFF; background-color: #0080ff ; }
.banner_slisde2 .ar_banner_text .ar_btn:before { content: ""; }
}
.ar_banner_w .banner_slisde3 { background: #1b1e25 url(../images/ar/ar_banner_c.jpg) no-repeat center bottom; background-size: cover; max-width: 1920px; margin: 0 auto; }
.banner_slisde3 .ar_banner_text { max-width: 620px; }
.banner_slisde3 .ar_banner_text .h2_w { color: #FFF; ; max-width: 800px; margin: 20px auto 30px auto; margin: 0.2rem auto 0.3rem auto; font-size: 18px; font-size: 0.18rem; line-height: 2.2; margin-left: 200px; margin-left: 2rem; text-shadow: 0px 0px 10px rgba(14, 19, 36, 0.66); }
.banner_slisde3 .ar_banner_text .h1_w { font-size: 36px; font-size: 0.36rem; line-height: 1.2; margin-left: 200px; margin-left: 2rem; margin-top: 20px; margin-top: 0.1rem; margin-bottom: 20px; margin-bottom: 0.3rem; text-shadow: 0px 0px 10px rgba(14, 19, 36, 0.66); }
.banner_slisde3 .ar_banner_text .ar_btn { display: block; display: inline-block; width: auto; min-width: 80px; padding: 0 40px; height: 42px; line-height: 42px; margin: 0px auto 0 auto; margin: 0rem auto 0rem auto; margin-left: 200px; margin-left: 2rem; text-align: center; font-size: 16px; color: #FFF; background-image: -moz-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(0,231,252) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(0,231,252) 100%); background-image: -ms-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(0,231,252) 100%); background-color: #0080ff ; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.banner_slisde3 .ar_banner_text .ar_btn:before { font-family: "宋体"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; content: ">"; position: absolute; left: 130%; top: 50%; margin-top: -8px; margin-top: -0.08rem; height: 100%; font-size: 125%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.banner_slisde3 .ar_banner_text .ar_btn:hover:before { left: 80%; }
.banner_slisde3 .ar_banner_text .ar_btn:hover { padding: 0 60px 0 40px; background-color: #00aaff; color: #fff; text-decoration: none; }

@media (max-width:680px) {
.banner_slisde3 .ar_banner_text .ar_btn:before { content: ""; }
.banner_slisde3 .ar_banner_text .ar_btn:hover { padding: 0 40px 0 40px; }
}

@media (max-width:1200px) {
.banner_slisde3 .ar_banner_text .h2_w { margin: 0 auto 0 auto; }
.banner_slisde3 .ar_banner_text .h1_w { margin: 0 auto 0.5rem auto; }
.banner_slisde3 .ar_banner_text .ar_btn { margin: 0.5rem auto 0.5rem auto; }
}

@media (max-width:680px) {
.banner_slisde3 .ar_banner_text .h2_w { font-size: 32px; font-size: 0.32rem; line-height: 1.2; margin: 0 auto; }
.banner_slisde3 .ar_banner_text .h1_w { font-size: 62px; font-size: 0.62rem; line-height: 1.2; }
.banner_slisde3 .ar_banner_text .ar_btn { padding: 0 0.60rem; height: 0.82rem; line-height: 0.82rem; margin: 0.8rem auto 100px auto; text-align: center; font-size: 0.25rem; color: #FFF; background-color: #0080ff ; }
.banner_slisde3 .ar_banner_text .ar_btn:before { content: ""; }
}
/*ar_2*/
.ar_2 { position: relative; z-index: 1; background-color: #eff6f9; /*! max-height:1400px; */
overflow: hidden; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all 0.8s ease; }
.ar_2 .pull-center .cp_text { max-width: 1400px !important; }
.ar_2 .cp_desc p { max-width: 1400px; }
/*--ar_2图标题排列--*/
.ar_2 .icon_w { margin-left: -10px; right: -10px; overflow: hidden; }
.ar_2 .icon_w .icon_list { width: 100%; min-height: 200px; max-height: 320px; padding: 40px 40px; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.ar_2 .icon_w .icon_list:hover { -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); -webkit-transition: All 0.3s ease; transition: All 0.3s ease; }
.ar_2 .icon_w .icon_list .img_w { display: block; display: inline-block; float: left; width: 100px; height: 100px; margin-right: 2%; border-radius: 100%; }
.ar_2 .icon_w .icon_list .icon_text { display: inline-block; float: left; width: auto; max-width: 70%; }
.ar_2 .icon_w .icon_list .icon_text h3 { font-size: 18px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 10px auto 10px auto; }
.ar_2 .icon_w .icon_list .icon_text p { line-height: 18px; margin-top: 15px; color: #6e798b; font-size: 14px; margin: 15px auto 10px auto; }

@media (max-width:1200px) {
.ar_2 .icon_w .icon_list { min-height: 100px; ; max-height: 100%; padding: 20px 0px 10px 0; margin: 5px auto; background-color: #FFF; }
.ar_2 .icon_w .icon_list .img_w { display: block; float: none; margin: 0 auto; }
.ar_2 .icon_w .icon_list .icon_text { display: block; float: none; margin: 0 auto; width: 100%; text-align: center; }
.ar_2 .icon_w .icon_list .icon_text h3 { font-size: 18px; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 10px auto 10px auto; }
.ar_2 .icon_w .icon_list .icon_text p { line-height: 18px; margin-top: 15px; color: #6e798b; font-size: 14px; margin: 10px auto 10px auto; min-height: 80px; }
.ar_2 .icon_w .icon_list .icon_text br { display: none; }
/**---间距---**/	
.ar_2 .icon_w { margin-top: 30px; margin-left: -10px; margin-right: -10px; }
.ar_2 .icon_w li { padding-right: 5px; padding-left: 5px; }
}

@media (max-width:720px) {
.ar_2 .icon_w .icon_list .icon_text { min-height: 100px }
}
/*--ar_2图片active动画--**/
.ar_2 .icon_w li { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); -moz-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); -webkit-transition: all .8s ease; -moz-transition: all .8s ease; transition: all .8s ease; }
.ar_2 .icon_w li:nth-child(1) { -webkit-transition-delay: .4s; -moz-transition-delay: .4s; transition-delay: .4s; }
.ar_2 .icon_w li:nth-child(2) { -webkit-transition-delay: .5s; -moz-transition-delay: .5s; transition-delay: .5s; }
.ar_2 .icon_w li:nth-child(3) { -webkit-transition-delay: .6s; -moz-transition-delay: .6s; transition-delay: .6s; }
.ar_2 .icon_w li:nth-child(4) { -webkit-transition-delay: .7s; -moz-transition-delay: .7s; transition-delay: .7s; }
.ar_2 .icon_w li:nth-child(5) { -webkit-transition-delay: .8s; -moz-transition-delay: .8s; transition-delay: .8s; }
.ar_2 .icon_w li:nth-child(6) { -webkit-transition-delay: .9s; -moz-transition-delay: .9s; transition-delay: .9s; }
.ar_2 .icon_w li:nth-child(7) { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; }
.ar_2 .icon_w li:nth-child(8) { -webkit-transition-delay: 1.1s; -moz-transition-delay: 1.1s; transition-delay: 1.1s; }
.ar_2 .icon_w li:nth-child(9) { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; transition-delay: 1.2s; }
.ar_2 .icon_w.active li { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*--ar_2图标动画--**/

.ar_2 .icon_w .icon_list .img_w, .ar_2 .icon_w .icon_list .icon_text h3, .ar_2 .icon_w .icon_list .icon_text p { -webkit-transition: all .8s ease; -moz-transition: all .8s ease; transition: all .8s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) translate3d(0, 0, 0); }
.ar_2 .icon_list .icon_text h3 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.ar_2 .icon_w .icon_list .icon_text p { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.ar_2 .icon_w .icon_list:hover .icon_text h3 { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
.ar_2 .icon_w .icon_list:hover .icon_text p { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
.ar_2 .icon_w .icon_list .img_w { -webkit-transition: all .8s ease; -moz-transition: all .8s ease; transition: all .8s ease; -webkit-transform: translate3d(5px, 5px, 0); transform: translate3d(-5px, 5px, 0); }
.ar_2 .icon_w .icon_list:hover .img_w { transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); }
/*ar_3*/
.ar_3 { position: relative; z-index: 1; background: #141417 url(../images/ar/p3_bg.jpg) no-repeat center center; background-size: cover; }
.ar_3_bg { content: ""; width: 100%; height: 100%; position: absolute; z-index: -1; left: 0; top: 0; }
.ar_3 .cp_desc h1 { color: #FFF; }
.ar_3 .cp_desc p { color: #e0e0e0; }
/*--ar_2图标题排列--*/
.ar_3 .icon_w { margin-top: 70px; margin-left: -15px; margin-right: -15px; overflow: hidden; }
.ar_3 .icon_w .icon_list { width: 100%; min-height: 240px; max-height: 320px; padding: 40px 40px; border-radius: 4px; overflow: hidden; background-color: #FFF; background-color: rgba(245, 245, 245, .95); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 15px auto; }
.ar_3 .icon_w .icon_list:hover { -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); -webkit-transition: All 0.3s ease; transition: All 0.3s ease; background-color: #FFF; background-color: rgba(245, 245, 245, 1); }
.ar_3 .icon_w .icon_list .img_w { display: block; width: 100px; height: 100px; margin: 0 auto; border-radius: 100%; }
.ar_3 .icon_w .icon_list .icon_text { width: auto; margin: 0 auto; text-align: center; }
.ar_3 .icon_w .icon_list .icon_text h3 { font-size: 18px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 10px auto 10px auto; }
.ar_3 .icon_w .icon_list .icon_text p { line-height: 18px; margin-top: 15px; color: #6e798b; font-size: 14px; margin: 15px auto 10px auto; }

@media (max-width:1200px) {
.ar_3 .icon_w .icon_list { min-height: 230px; ; max-height: 100%; padding: 20px 10px 10px 10px; margin: 5px auto }
.ar_3 .icon_w .icon_list .img_w { display: block; float: none; margin: 0 auto; }
.ar_3 .icon_w .icon_list .icon_text { display: block; float: none; margin: 0 auto; width: 100%; text-align: center; }
.ar_3 .icon_w .icon_list .icon_text br { display: none; }
/**---间距---**/	
.ar_3 .icon_w { margin-top: 30px; margin-left: -10px; margin-right: -10px; }
.ar_3 .icon_w li { padding-right: 5px; padding-left: 5px; }
}

@media (max-width:720px) {
.ar_3 .icon_w .icon_list .icon_text { min-height: auto }
}
/*--ar_3图片active动画--**/
.ar_3 .icon_w li { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); -moz-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); -webkit-transition: all .8s ease; -moz-transition: all .8s ease; transition: all .8s ease; }
.ar_3 .icon_w li:nth-child(1) { -webkit-transition-delay: .4s; -moz-transition-delay: .4s; transition-delay: .4s; }
.ar_3 .icon_w li:nth-child(2) { -webkit-transition-delay: .5s; -moz-transition-delay: .5s; transition-delay: .5s; }
.ar_3 .icon_w li:nth-child(3) { -webkit-transition-delay: .6s; -moz-transition-delay: .6s; transition-delay: .6s; }
.ar_3 .icon_w li:nth-child(4) { -webkit-transition-delay: .7s; -moz-transition-delay: .7s; transition-delay: .7s; }
.ar_3 .icon_w li:nth-child(5) { -webkit-transition-delay: .8s; -moz-transition-delay: .8s; transition-delay: .8s; }
.ar_3 .icon_w li:nth-child(6) { -webkit-transition-delay: .9s; -moz-transition-delay: .9s; transition-delay: .9s; }
.ar_3 .icon_w li:nth-child(7) { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; }
.ar_3 .icon_w li:nth-child(8) { -webkit-transition-delay: 1.1s; -moz-transition-delay: 1.1s; transition-delay: 1.5s; }
.ar_3 .icon_w li:nth-child(9) { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; transition-delay: 1.2s; }
.ar_3 .icon_w.active li { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*--ar_3图片active动画图标hover动画--**/
.ar_3 .icon_w .icon_list .img_w, .ar_3 .icon_w .icon_list .icon_text h3, .ar_3 .icon_w .icon_list .icon_text p { -webkit-transition: all .8s ease; -moz-transition: all .8s ease; transition: all .8s ease; -webkit-transform: translate3d(0, 0, 0) translate3d(0, 0, 0); transform: translate3d(0, 0, 0) translate3d(0, 0, 0); }
.ar_3 .icon_list .icon_text h3 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 5px, 0) }
.ar_3 .icon_w .icon_list .icon_text p { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.ar_3 .icon_w .icon_list:hover .icon_text h3 { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
.ar_3 .icon_w .icon_list:hover .icon_text p { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
.ar_3 .icon_w .icon_list .img_w { -webkit-transition: all .8s ease; -moz-transition: all .8s ease; transition: all .8s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.ar_3 .icon_w .icon_list:hover .img_w { transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
/*ar_4*/
.ar_4 { position: relative; z-index: 1; background-color: #eaf6fb; }
/*--ar_4--**/
.ar_4 .cp_img img { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); -moz-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); -webkit-transition: all .8s ease; -moz-transition: all .8s ease; transition: all .8s ease; }
.ar_4 .cp_img img:nth-child(1) { -webkit-transition-delay: .4s; -moz-transition-delay: .4s; transition-delay: .4s; }
.ar_4 .cp_img img:nth-child(2) { -webkit-transition-delay: .6s; -moz-transition-delay: .6s; transition-delay: 0.6s; }
.ar_4 .cp_img img:nth-child(3) { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; transition-delay: 0.8s; }
.ar_4 .cp_img.active img { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*ar_5*/
.ar_5 { position: relative; z-index: 1; background: #262a33 url(../images/ar/p5_bg.jpg) no-repeat top center; }
.ar_5 .cp_desc h1 { color: #FFF; }
.ar_5 .cp_desc p { color: #e0e0e0; ; }
.ar_5 .cp_img_w { text-align: center;color: #d4dcf7; overflow: hidden; font-family: Helvetica, arial, sans-serif; margin: 100px -30px 100px -30px; margin: 1rem -0.3rem 1rem -0.3rem; }
.ar_5 .cj_img_w { text-align: center;color: #d4dcf7; overflow: hidden; font-family: Helvetica, arial, sans-serif; margin: 50px -30px 0px -30px; margin: .5rem -0.3rem 0rem -0.3rem; }
.ar_5 .cp_img_w .cp_img_list { cursor: pointer; }
.ar_5 .cp_img_w li { margin: 30px auto; }
.ar_5 .wo_glass_w { margin: 50px auto 50px auto; margin: 0.5rem auto 0.5rem auto; text-align: left; color: #d4dcf7; overflow: hidden; }
.ar_5 .wo_glass_w { font-family: Helvetica, arial, sans-serif; }
.ar_5 .wo_glass_w h2 { font-size: 30px; border-left: 4px solid #0080ff; padding-left: 20px; line-height: 1.2 }
.ar_5 .wo_glass_w h3 {font-size: 18px;margin: 30px auto 30px auto;margin: .3rem auto .3rem auto;color: #e0e0e0; }
.ar_5 .wo_glass_w b { font-weight: 700; font-size: 26px; vertical-align: top; }

@media (max-width:1200px) {
/**---间距---**/	
.ar_5 .cp_img_w { margin-top: 20px; margin-left: -10px; margin-right: -10px; }
.ar_5 .cp_img_w li { padding-right: 10px; padding-left: 10px; }
.ar_5 .cp_img_w li h3 { font-size: 16px }
.ar_5 .wo_glass_w h2 { font-size: 20px; border-left: 4px solid #0080ff; padding-left: 10px; line-height: 1.2 }
.ar_5 .wo_glass_w b { font-weight: 700; font-size: 20px; vertical-align: top; }
}
/*--ar_5图片active动画图标hover动画--**/
.cp_img_list img, .cp_img_list h3 { -webkit-transition: all .8s ease; -moz-transition: all .8s ease; transition: all .8s ease; -webkit-transform: translate3d(0, 0, 0) translate3d(0, 0, 0); transform: translate3d(0, 0, 0) translate3d(0, 0, 0); }
.cp_img_list:hover img { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
.cp_img_list:hover h3 { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
/*--ar_5依次动画--**/
.ar_5 .cp_img_w li { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); -moz-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); -webkit-transition: all .8s ease; -moz-transition: all .8s ease; transition: all .8s ease; }
.ar_5 .cp_img_w li:nth-child(1) { -webkit-transition-delay: .4s; -moz-transition-delay: .4s; transition-delay: .4s; }
.ar_5 .cp_img_w li:nth-child(2) { -webkit-transition-delay: .6s; -moz-transition-delay: .6s; transition-delay: 0.6s; }
.ar_5 .cp_img_w.active li { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*--ar_5依次动画--**/
.ar_5 .wo_glass_w { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); -moz-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); -webkit-transition: all .8s ease; -moz-transition: all .8s ease; transition: all .8s ease; }
.ar_5 .wo_glass_w { -webkit-transition-delay: .4s; -moz-transition-delay: .4s; transition-delay: .4s; }
.ar_5 .wo_glass_w.active { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*ar_6*/
.ar_6 { position: relative; z-index: 1; min-height: 1420px; background: #141417 url(../images/ar/p6_bg.jpg) no-repeat center center; background-size: cover }
.ar_6_bg { content: ""; width: 100%; height: 100%; position: absolute; z-index: -1; left: 0; top: 0; }
.ar_6 .cp_desc h1 { color: #FFF; }
.ar_6 .cp_desc p { color: #e0e0e0; }
/*--ar_6--*/
.ar_6 .icon_w { margin-top: 70px; margin-left: -15px; margin-right: -15px; overflow: hidden; }
.ar_6 .icon_w .icon_list { width: 100%; min-height: 240px; max-height: 320px; padding: 40px 40px; border-radius: 4px; overflow: hidden; background-color: #FFF; background-color: rgba(245, 245, 245, .95); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 15px auto; }
.ar_6 .icon_w .icon_list:hover { -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); -webkit-transition: All 0.3s ease; transition: All 0.3s ease; background-color: #FFF; background-color: rgba(245, 245, 245, 1); }
.ar_6 .icon_w .icon_list .img_w { display: block; width: 100px; height: 100px; margin: 0 auto; border-radius: 100%; }
.ar_6 .icon_w .icon_list .icon_text { width: auto; margin: 0 auto; text-align: center; }
.ar_6 .icon_w .icon_list .icon_text h3 { font-size: 18px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 10px auto 10px auto; }
.ar_6 .icon_w .icon_list .icon_text p { line-height: 18px; margin-top: 15px; color: #6e798b; font-size: 14px; margin: 15px auto 10px auto; }

@media (max-width:1200px) {
.ar_6 .icon_w .icon_list { min-height: 100px; ; max-height: 100%; padding: 20px 10px; margin: 5px auto 5px auto; }
.ar_6 .icon_w .icon_list .img_w { display: block; float: none; margin: 0 auto; }
.ar_6 .icon_w .icon_list .icon_text { display: block; float: none; margin: 0 auto; width: 100%; text-align: center; }
.ar_6 .icon_w .icon_list .icon_text br { display: none; }
.ar_6 .icon_w .icon_list .icon_text { min-height: auto }
.ar_6 .icon_w .icon_list .icon_text h3 { font-size: 16px; font-weight: 500; margin: 0px auto 10px auto; }
/**---间距---**/	
.ar_6 .icon_w { margin-top: 30px; margin-left: -10px; margin-right: -10px; }
.ar_6 .icon_w li { padding-right: 5px; padding-left: 5px; }
}

@media (max-width:720px) {
}
/*--ar_6--**/
.ar_6 .icon_w li { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); -moz-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); -webkit-transition: all .8s ease; -moz-transition: all .8s ease; transition: all .8s ease; }
.ar_6 .icon_w li:nth-child(1) { -webkit-transition-delay: .4s; -moz-transition-delay: .4s; transition-delay: .4s; }
.ar_6 .icon_w li:nth-child(2) { -webkit-transition-delay: .5s; -moz-transition-delay: .5s; transition-delay: .5s; }
.ar_6 .icon_w li:nth-child(3) { -webkit-transition-delay: .6s; -moz-transition-delay: .6s; transition-delay: .6s; }
.ar_6 .icon_w li:nth-child(4) { -webkit-transition-delay: .7s; -moz-transition-delay: .7s; transition-delay: .7s; }
.ar_6 .icon_w li:nth-child(5) { -webkit-transition-delay: .8s; -moz-transition-delay: .8s; transition-delay: .8s; }
.ar_6 .icon_w li:nth-child(6) { -webkit-transition-delay: .9s; -moz-transition-delay: .9s; transition-delay: .9s; }
.ar_6 .icon_w li:nth-child(7) { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; }
.ar_6 .icon_w li:nth-child(8) { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; transition-delay: 1.2s; }
.ar_6 .icon_w li:nth-child(9) { -webkit-transition-delay: 1.3s; -moz-transition-delay: 1.3s; transition-delay: 1.3s; }
.ar_6 .icon_w li:nth-child(10) { -webkit-transition-delay: 1.4s; -moz-transition-delay: 1.4s; transition-delay: 1.4s; }
.ar_6 .icon_w li:nth-child(11) { -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; transition-delay: 1.5s; }
.ar_6 .icon_w li:nth-child(12) { -webkit-transition-delay: 1.6s; -moz-transition-delay: 1.6s; transition-delay: 1.6s; }
.ar_6 .icon_w.active li { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*--ar_6图片active动画图标hover动画--**/
.ar_6 .icon_w .icon_list .img_w, .ar_6 .icon_w .icon_list .icon_text h3, .ar_6 .icon_w .icon_list .icon_text p { -webkit-transition: all .8s ease; -moz-transition: all .8s ease; transition: all .8s ease; -webkit-transform: translate3d(0, 0, 0) translate3d(0, 0, 0); transform: translate3d(0, 0, 0) translate3d(0, 0, 0); }
.ar_6 .icon_list .icon_text h3 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 5px, 0) }
.ar_6 .icon_w .icon_list .icon_text p { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.ar_6 .icon_w .icon_list:hover .icon_text h3 { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
.ar_6 .icon_w .icon_list:hover .icon_text p { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
.ar_6 .icon_w .icon_list .img_w { -webkit-transition: all .8s ease; -moz-transition: all .8s ease; transition: all .8s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.ar_6 .icon_w .icon_list:hover .img_w { transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
/*ar_7*/
.ar_7 { position: relative; z-index: 1; background-color: #FFF; }
.ar_8 { min-height: 750px;padding: 100px 0 0px 0;background-color: #eaf6fb }
@media (min-width:1920px) {
.ar_8	.container {
  width:100%;
	max-width: 1600px;
	}
}

/*--ar_7--*/
.ar_7 .icon_w { margin: 80px -15px 0px -15px; overflow: hidden; }
.ar_7 .icon_w .icon_list { width: 100%; min-height: 240px; max-height: 450px; padding: 0; border-radius: 4px; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 15px auto; }
.ar_7 .icon_w .icon_list:hover { -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); -webkit-transition: All 0.3s ease; transition: All 0.3s ease; }
.ar_7 .icon_w .icon_list .img_w {position: relative; z-index: 1;display: block; margin: 0 auto;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;overflow: hidden; }

.ar_7 .icon_w .icon_list .img_w .logo_img{-webkit-opacity: 0;-moz-opacity: 0;opacity: 0;filter: alpha(opacity=0);margin: auto;position: absolute;z-index: 2;left: 0;top: -50px;right: 0;bottom: 0;-moz-transition: ease 0.4s;
-o-transition: ease 0.4s;
-webkit-transition: ease 0.4s;
transition: ease 0.4s;}
.ar_7 .icon_w .icon_list .img_w .img_cover{ width: 100%; height: 100%; background-color: #000;
	background-image: -moz-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(0,231,252) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(0,231,252) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(0,231,252) 100%);
background-color: #0080ff ;
	position: absolute; z-index: 1; top: 0; left: 0; -webkit-opacity: 0;-moz-opacity: 0;opacity: 0;filter: alpha(opacity=0);-moz-transition: ease 0.4s;
-o-transition: ease 0.4s;
-webkit-transition: ease 0.4s;
transition: ease 0.4s;}
.ar_7 .icon_w .icon_list:hover .img_w .logo_img{top: 0;-webkit-opacity: 1;-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);}
.ar_7 .icon_w .icon_list:hover .img_w .img_cover{-webkit-opacity: .8;-moz-opacity: .8;opacity: .8;filter: alpha(opacity=80);}

.ar_7 .icon_w .icon_list .icon_text { width: auto; margin: 0 auto; text-align: center; }
.ar_7 .icon_w .icon_list .icon_text h3 { font-size: 18px; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 30px auto 30px auto; }
.ar_7 .icon_w .icon_list .icon_text p { line-height: 18px; margin-top: 15px; color: #6e798b; font-size: 14px; margin: 15px auto 10px auto; }

@media (max-width:1200px) {
.ar_7 .icon_w .icon_list { min-height: 100px; margin: 0px auto; ; max-height: 100%; }
.ar_7 .icon_w .icon_list .img_w { display: block; float: none; margin: 0 auto; }
.ar_7 .icon_w .icon_list .icon_text { display: block; float: none; margin: 0 auto; width: 100%; text-align: center; }
.ar_7 .icon_w .icon_list .icon_text br { display: none; }
.ar_7 .icon_w .icon_list .icon_text { min-height: auto }
.ar_7 .icon_w .icon_list .icon_text h3 { font-size: 16px; font-weight: 500; margin: 15px auto 30px auto; }
/**---间距---**/	
.ar_7 .icon_w { margin-top: 30px; margin-left: -10px; margin-right: -10px; }
.ar_7 .icon_w li { padding-right: 5px; padding-left: 5px; }
}

@media (max-width:720px) {
}
/*--ar_7--**/
.ar_7 .icon_w li { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); -moz-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); -webkit-transition: all .8s ease; -moz-transition: all .8s ease; transition: all .8s ease; }
.ar_7 .icon_w li:nth-child(1) { -webkit-transition-delay: .4s; -moz-transition-delay: .4s; transition-delay: .4s; }
.ar_7 .icon_w li:nth-child(2) { -webkit-transition-delay: .5s; -moz-transition-delay: .5s; transition-delay: .5s; }
.ar_7 .icon_w li:nth-child(3) { -webkit-transition-delay: .6s; -moz-transition-delay: .6s; transition-delay: .6s; }
.ar_7 .icon_w li:nth-child(4) { -webkit-transition-delay: .7s; -moz-transition-delay: .7s; transition-delay: .7s; }
.ar_7 .icon_w li:nth-child(5) { -webkit-transition-delay: .8s; -moz-transition-delay: .8s; transition-delay: .8s; }
.ar_7 .icon_w li:nth-child(6) { -webkit-transition-delay: .9s; -moz-transition-delay: .9s; transition-delay: .9s; }
.ar_7 .icon_w li:nth-child(7) { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; }
.ar_7 .icon_w li:nth-child(8) { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; transition-delay: 1.2s; }
.ar_7 .icon_w.active li { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*--ar_7--**/
.ar_7 .icon_w .icon_list .img_w, .ar_7 .icon_w .icon_list .icon_text h3, .ar_7 .icon_w .icon_list .icon_text p { -webkit-transition: all .8s ease; -moz-transition: all .8s ease; transition: all .8s ease; -webkit-transform: translate3d(0, 0, 0) translate3d(0, 0, 0); transform: translate3d(0, 0, 0) translate3d(0, 0, 0); }
.ar_7 .icon_list .icon_text h3 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 5px, 0) }
.ar_7 .icon_w .icon_list .icon_text p { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.ar_7 .icon_w .icon_list:hover .icon_text h3 { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
.ar_7 .icon_w .icon_list:hover .icon_text p { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
.ar_7 .icon_w .icon_list .img_w { -webkit-transition: all .8s ease; -moz-transition: all .8s ease; transition: all .8s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.ar_7 .icon_w .icon_list:hover .img_w { transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);  box-shadow: 0px 10px 30px 0px rgba(27, 22, 36, 0.2);}
.ar_8 .icon_w .icon_list:hover .img_w { transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); box-shadow: 0px 10px 30px 0px rgba(24, 193, 252, 0.15);}
.
/**---------------------------------------------------------------------------**/

/*动效：缓慢向下面*/
 @-webkit-keyframes moveDown {
 0% {
-webkit-transform: translateY(30px);
 -webkit-opacity: 1;
}
 100% {
-webkit-transform: translateY(0px);
 -webkit-opacity: 1;
}
}
 @-moz-keyframes moveDown {
 0% {
-webkit-transform: translateY(30px);
 -webkit-opacity: 1;
}
 100% {
 -webkit-transform: translateY(0px);
 -webkit-opacity: 1;
}
}
 @-moz-keyframes moveDown {
 0% {
-moz-transform: translateY(30px);
 -moz-opacity: 1;
}
 100% {
-moz-transform: translateY(0px);
 -moz-opacity: 1;
}
}
 @keyframes moveDown {
 0% {
transform: translateY(30px);
opacity: 1;
}
 100% {
 transform: translateY(0px);
opacity: 1;
}
}
/*文字经图片居中：table方法*/
/*楼层文字块 图片块垂直居中*/

.ar_w .pull-left .cp_text, .ar_w .pull-right .cp_text { height: 800px; display: table-cell; vertical-align: middle; }
.ar_w .pull-left .cp_img, .ar_w .pull-right .cp_img { height: 800px; display: table-cell; vertical-align: middle; }
.ar_w_a .pull-right, .ar_w_b .pull-left { display: table; }

@media (max-width:1200px) {
.ar_w .pull-left .cp_text, .ar_w .pull-right .cp_text { height: auto; text-align: center; }
.ar_w .pull-left .cp_img, .ar_w .pull-right .cp_img { height: auto; }
}
.ar_w .pull-center .cp_text { max-width: 620px; margin: 50px auto 50px auto; line-height: 32px; font-size: 18px; }
.ar_w .pull-center .cp_text { max-width: 1200px; }
/*--【左图右文】 文字右对齐、图片左对齐--*/ 
.ar_w_a { text-align: left; }/**right**/
.ar_w_a .pull-right { text-align: left; }/**right**/
.ar_w_a .pull-left { margin-left: -200px; }

@media (max-width:1366px) {
.ar_w_a .pull-left { margin-left: -100px; }
}

@media (max-width:1200px) {
.ar_w_a .pull-right { width: 100%; text-align: center; margin: 0 auto; }
.ar_w_a .pull-left { width: 100%; text-align: center; margin: 0 auto; }
}
/*--【左文右图】 文字左对齐、图片右对齐--*/ 
.ar_w_b .pull-left { text-align: left; }
.ar_w_b .pull-right { margin-right: -100px; }

@media (max-width:1366px) {
.ar_w_b .pull-right { margin-right: -100px; }
}

@media (max-width:1200px) {
.ar_w_b .pull-right { width: 100%; text-align: center; }
.ar_w_b .pull-right { width: 100%; text-align: center; margin: 0 auto !important; }
}

/*楼移动端居中*/
@media (max-width: 1600px) {
.ar_w .cp_text p br { display: none; }
}

@media (max-width: 1200px) {
.ar_w { min-height: auto !important; }
.ar_w_a .pull-left, .ar_w_b .pull-right { margin: 0 auto !important; display: block; }
.ar_w .cp_text { height: auto; display: block; ; max-width: 6.2rem; margin: 1rem auto 1rem auto; }
.ar_w .cp_desc .cp_text .num_w { width: 1rem; height: 1rem; background-size: contain; }
.ar_w .cp_desc .cp_text h1 { margin: .3rem auto .5rem auto; font-size: 34px; line-height: 1.3 }
.ar_w .cp_desc .cp_text em { width: .2rem; border-bottom: .03rem solid #2ccfa4; }
.ar_w .cp_desc .cp_text p { margin: .8rem auto .8rem auto; font-size: 16px; line-height: 1.8; }
.ar_w .cp_img { height: auto; display: block; margin: .5rem auto; }
.ar_w_a .pull-right, .ar_w_b .pull-left { height: auto; }
}

@media (max-width: 480px) {
.ar_w { width: 100%; padding: .5rem 0; }
}

@media screen and (max-width:480px) {
.ar_banner_w, .ar_banner_con { width: 100%; height: 420px; overflow: hidden }
.ar_w_a .pull-left, .ar_w_b .pull-right { margin: 0 auto !important; display: block; }
.ar_w .pull-left .cp_text, .ar_w .pull-right .cp_text, .ar_w .pull-center .cp_text { height: auto; display: block; max-width: 100%; margin: 1rem auto 1rem auto; padding: 0; font-size: .18rem; line-height: 1.5 }
.ar_w .cp_text h1 { margin: .5rem auto; font-size: .50rem; }
.ar_w .cp_text em { width: .2rem; border-bottom: .06rem solid #08a1ef; ; }
.ar_w .cp_textp { margin: .5rem auto .5rem auto; font-size: .28rem; line-height: 1.8; }
.ar_w .pull-left .cp_img, .ar_w .pull-right .cp_img, .ar_w .pull-center .cp_img { height: auto; display: block; margin: .5rem auto; bottom: 0; }
.ar_w_a .pull-right, .ar_w_b .pull-left { height: auto; }
}
/*段落文字【数字】动画*/ 
.active .cp_text .num_w { opacity: 1; -webkit-transition: all 1s .1s; -webkit-transition-delay: ease; -moz-transition: all 1s .1s ease; -o-transition: all 1s .1s ease; transition: all 1s .1s ease; -webkit-animation: moveDown 1s ease-in-out 0.1s backwards; -moz-animation: moveDown 1s ease-in-out 0.1 backwards; -o-animation: moveDown 1s ease-in-out 0.1s backwards; -ms-animation: moveDown 1s ease-in-out 0.1s backwards; animation: moveDown 1s ease-in-out 0.1s backwards; }
/*段落文字【H1】动画*/ 
.active .cp_text h1 { opacity: 1; -webkit-transition: all 1s .1s; -webkit-transition-delay: ease; -moz-transition: all 1s .1s ease; -o-transition: all 1s .1s ease; transition: all 1s .1s ease; -webkit-animation: moveDown 1s ease-in-out 0.2s backwards; -moz-animation: moveDown 1s ease-in-out 0.2s backwards; -o-animation: moveDown 1s ease-in-out 0.2s backwards; -ms-animation: moveDown 1s ease-in-out 0.2s backwards; animation: moveDown 1s ease-in-out 0.2s backwards; }
/*段落文字【em】动画*/ 
.active .cp_text em { opacity: 1; -webkit-transition: all 1s .1s; -webkit-transition-delay: ease; -moz-transition: all 1s .1s ease; -o-transition: all 1s .1s ease; transition: all 1s .1s ease; -webkit-animation: moveDown 1s ease-in-out 0.2s backwards; -moz-animation: moveDown 1s ease-in-out 0.2s backwards; -o-animation: moveDown 1s ease-in-out 0.2s backwards; -ms-animation: moveDown 1s ease-in-out 0.2s backwards; animation: moveDown 1s ease-in-out 0.4s backwards; }
/*段落文字【p】动画*/ 
.active .cp_text p { opacity: 1; -webkit-transition: all 1s .1s; -webkit-transition-delay: ease; -moz-transition: all 1s .1s ease; -o-transition: all 1s .1s ease; transition: all 1s .1s ease; -webkit-animation: moveDown 1s ease-in-out 0.2s backwards; -moz-animation: moveDown 1s ease-in-out 0.2s backwards; -o-animation: moveDown 1s ease-in-out 0.2s backwards; -ms-animation: moveDown 1s ease-in-out 0.2s backwards; animation: moveDown 1s ease-in-out 0.6s backwards; }
/*段落文字【BTN】动画*/ 
.active .cp_text .ar_btn { opacity: 1; -webkit-transition: all 1s .1s; -webkit-transition-delay: ease; -moz-transition: all 1s .1s ease; -o-transition: all 1s .1s ease; transition: all 1s .1s ease; -webkit-animation: moveDown 1s ease-in-out 0.8s backwards; -moz-animation: moveDown 1s ease-in-out 0.8s backwards; -o-animation: moveDown 1s ease-in-out 0.8s backwards; -ms-animation: moveDown 1s ease-in-out 0.8s backwards; }
/*段落文字【图标组】动画*/ 
.active .cp_text .trait_list_w { opacity: 1; -webkit-transition: all 1s .1s; -webkit-transition-delay: ease; -moz-transition: all 1s .1s ease; -o-transition: all 1s .1s ease; transition: all 1s .1s ease; -webkit-animation: moveDown 1s ease-in-out 0.2s backwards; -moz-animation: moveDown 1s ease-in-out 0.2s backwards; -o-animation: moveDown 1s ease-in-out 0.2s backwards; -ms-animation: moveDown 1s ease-in-out 0.2s backwards; animation: moveDown 1s ease-in-out 0.8s backwards; }
/**单独的免费试用【按钮】动画**/
.active .btn_r_more, .active .btn_view_further, .active .btn_free_trial { opacity: 1; -webkit-transition: all .3s .1s; -webkit-transition-delay: ease; -moz-transition: all .3s .1s ease; -o-transition: all .3s .1s ease; transition: all .3s .1s ease; -webkit-animation: moveDown 0.8s ease-in-out 0.4s backwards; -moz-animation: moveDown 0.8s ease-in-out 0.4s backwards; -o-animation: moveDown 0.8s ease-in-out 0.4s backwards; -ms-animation: moveDown 0.8s ease-in-out 0.4s backwards; animation: moveDown 0.8s ease-in-out 0.4s backwards; animation: moveDown 1.6s ease-in-out 0.2s backwards; }
/**中间图片往上移动动画-暂时不要**/

.active .cp_center_img im0000g { opacity: 1; -webkit-transition: 1.2s ease-in-out 0.6s backwards; -webkit-transition-delay: ease; -moz-transition: 1.2s ease-in-out 0.6s backwards ease; -o-transition: 1.2s ease-in-out 0.6s backwards ease; transition: 1.2s ease-in-out 0.6s backwards ease; -webkit-animation: moveDown 1.2s ease-in-out 0.6s backwards; -moz-animation: moveDown 1.2s ease-in-out 0.6s backwards; -o-animation: moveDown 1.2s ease-in-out 0.6s backwards; -ms-animation: moveDown 1.2s ease-in-out 0.6s backwards; animation: moveDown 1.2s ease-in-out 0.6s backwards; }
 @-webkit-keyframes moveUp {
 0% {
-webkit-transform: translateY(-40px);
 -webkit-opacity: 0;
}
 100% {
-webkit-transform: translateY(0px);
-webkit-opacity: 1;
}
}
 @-moz-keyframes moveUp {
 0% {
-moz-transform: translateY(-40px);
 -moz-opacity: 0;
}
 100% {
-moz-transform: translateY(0px);
-moz- opacity: 1;
}
}
 @-o-keyframes moveUp {
 0% {
-o-transform: translateY(-40px);
 -o-opacity: 0;
}
 100% {
-o-transform: translateY(0px);
-o-opacity: 1;
}
}
 @keyframes moveUp {
 0% {
 transform: translateY(-40px);
 opacity: 0;
}
 100% {
 transform: translateY(0px);
 opacity: 1;
}
}
/**右侧图片左移动**/
.active.pull-right .cp_img img { opacity: 1; -webkit-transition: 1.2s ease-in-out 0.6s backwards; -webkit-transition-delay: ease; -moz-transition: 1.2s ease-in-out 0.6s backwards ease; -o-transition: 1.2s ease-in-out 0.6s backwards ease; transition: 1.2s ease-in-out 0.6s backwards ease; -webkit-animation: moveLeft 1.1s ease-in-out 0.6s backwards; -moz-animation: moveLeft 1.1s ease-in-out 0.6s backwards; -o-animation: moveLeft 1.1s ease-in-out 0.6s backwards; -ms-animation: moveLeft 1.1s ease-in-out 0.6s backwards; animation: moveLeft 1.1s ease-in-out 0.6s backwards; }
 @-webkit-keyframes moveLeft {
 0% {
-webkit-transform: translateX(40px);
 -webkit-opacity: 0;
}
 100% {
-webkit-transform: translateX(0px);
 -webkit-opacity: 1;
}
}
 @-moz-keyframes movemoveLeft {
 0% {
-moz-transform: translateX(40px);
 -moz-opacity: 0;
}
 100% {
-moz-transform: translateX(0px);
-moz-opacity: 1;
}
}
 @-o-keyframes movemoveLeft {
 0% {
 -o-transform: translateX(40px);
 -o-opacity: 0;
}
 100% {
 -o-transform: translateX(0px);
 -o-opacity: 1;
}
}
 @keyframes movemoveLeft {
 0% {
 transform: translateX(0px);
 opacity: 0;
}
 100% {
 transform: translateX(40px);
 opacity: 1;
}
}
/**左侧图片右边移动**/

.active.pull-left .cp_img img { -webkit-animation: moveRight 1.2s ease-in-out 0.6s backwards; -moz-animation: moveRight 1.2s ease-in-out 0.6s backwards; -o-animation: moveRight 1.2s ease-in-out 0.6s backwards; -ms-animation: moveRight 1.2s ease-in-out 0.6s backwards; animation: moveRight 1.2s ease-in-out 0.6s backwards; }
 @-webkit-keyframes moveRight {
 0% {
-webkit-transform: translateX(-40px);
 -webkit-opacity: 0;
}
 100% {
-webkit-transform: translateX(0px);
 -webkit-opacity: 1;
}
}
 @-moz-keyframes moveRight {
 0% {
-moz-transform: translateX(-40px);
 -moz-opacity: 0;
}
 100% {
-moz-transform: translateX(0px);
 -moz-opacity: 1;
}
}
 @-o-keyframes moveRight {
 0% {
-o-transform: translateX(-40px);
 -o-opacity: 0;
}
 100% {
-o-transform: translateX(0px);
 -o-opacity: 1;
}
}
 @keyframes moveRight {
 0% {
 transform: translateX(-40px);
 opacity: 0;
}
 100% {
 transform: translateX(0px);
 opacity: 1;
}
}
/*-----底部-----*/
#footer { background-color: #262a33; color: #627183; ; padding-top: 10px; padding-bottom: 20px; max-width: 100%; overflow: hidden; }
#footer .footer_advantage_w { max-width: 100%; overflow: hidden; }
#footer .footer_advantage_w .container { padding: 0; border-bottom: 1px solid #273448; ; }
#footer .container { padding: 0; }
#footer .container .col-md-2 { padding: 0; width: 13%; }
#footer .footer_advantage { color: #72767b; padding: 30px 0; margin-right: -270px; }
#footer .footer_advantage_w .advantage_list { color: #d4dcf7; ; font-size: 16px; display: inline-block; vertical-align: middle; text-align: left; float: left; width: 25%; height: 100%; }
#footer .footer_advantage_w .advantage_list .icon { display: inline-block; width: 32px; height: 32px; vertical-align: middle; margin-right: 10px; }
#footer .footer_advantage_w .advantage_list .icon_1 { background: url(../images/icon_advantage.png) no-repeat 0 0; }
#footer .footer_advantage_w .advantage_list .icon_2 { background: url(../images/icon_advantage.png) no-repeat 0 -42px; }
#footer .footer_advantage_w .advantage_list .icon_3 { background: url(../images/icon_advantage.png) no-repeat 0 -84px; }
#footer .footer_advantage_w .advantage_list .icon_4 { background: url(../images/icon_advantage.png) no-repeat 0 -126px; }
#footer .footer_w { padding: 30px 0 30px 0; }
#footer .footer_w h5 { margin-bottom: 20px; }
#footer .footer_w h5, #footer .footer_w h5 a { color: #d4dcf7; }
#footer .footer_w h5:hover, #footer .footer_w h5 a:hover { color: #00aaff; }
#footer .footer_menu a { line-height: 32px; color: #627183; }
#footer .footer_menu a:hover { color: #0080ff ; }
#footer .footer_menu { }
#footer .erweima_w { overflow: hidden; }
#footer .erweima_w .f_erweima_img { width: 110px; float: left; margin-top: 13px; margin-right: 20px; }
#footer .erweima_w .f_erweima_img img { max-width: 110px; color: #262A33; }
#footer .erweima_w .f_contact_text { float: left; color: #d4dcf7; }
#footer .erweima_w .f_contact_text h1 { font-size: 32px; font-weight: 700; margin: 20px 0 20px 0; }
#footer .erweima_w .f_contact_text p { letter-spacing: 2px; }
#footer .erweima_w .f_contact_btn { float: left }

@media screen and (max-width:1400px) {
#footer .container { padding: 0 15px; }
#footer .footer_advantage { padding: 30px 15px; margin-right: 0px; }
}
/*按钮*/
#footer .erweima_w .f_contact_btn .btn_view_footer { display: block; display: inline-block; width: auto; min-width: 60px; padding: 0 30px; height: 42px; line-height: 42px; margin: 24px 30px 0px 0px; text-align: center; font-size: 14px; color: #FFF; background-color: #0080ff ; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.f_contact_btn .btn_view_footer:hover { background-color: #00aaff; }
#footer .erweima_w .f_contact_btn .btn_view_yellow { background-color: #ffb22d; }
.footer_link_set { }
.footer_link_set p { margin: 0px 0 0px 0; }
.footer_link_set .link_set { padding-top: 20px; border-top: 1px solid #273448; ; }
.footer_link_set .link_set a { margin-right: 20px; color: #627183; ; }
.footer_link_set .link_set a:hover { color: #0080ff ; }
.copyright_w { overflow: hidden; line-height: 32px; }
.copyright_w .copyright_span { float: left; }
.copyright_w .copyright_span a { color: #627183; ; }
.copyright_w .copyright_span a:hover { color: #00aaff; }
.copyright_w .safe_w { float: right; opacity: .8; filter: alpha(opacity=100)\5; }
.copyright_w .safe_w a { padding-left: 5px; }
.copyright_w .safe_w a img { width: 24px; }
#footer .link_w { margin-top: 10px; margin-bottom: 20px; height: auto; }
#footer .link_w #yqlj { position: relative; cursor: pointer; color: #FFF; }
#footer .link_w .yqljnr { display: block; padding: 0px }
#footer .on .yqljnr { display: none; }
#footer .on #yqlj { color: #81858c; ; }
#footer .link_w #yqlj i { position: absolute; font-family: "宋体"; margin-left: 5px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
#footer .on #yqlj i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); color: #08A3F0; }
#footer .link_w #yqljnr { width: 100% }
#footer .link_w #yqljnr a { padding-right: 14px; font-size: 12px; color: #7f868b; }
#footer .link_w #yqljnr a:hover { color: #00aaff; }
/*--------------------通用底部--------------------*/
.footer { background-color: #262a33; height: auto; padding: 10px 0px 10px 0px; }
.footer, .footer .f_nav_w p, .footer .f_nav_w a { color: #AAA; }
.footer .f_nav_w { }
.footer .f_nav_w .f_padding { padding-top: 30px; }
.footer .f_nav_w li { list-style: none; margin: 8px 0; }
.footer .footer_bottom_w { margin-top: 20px; color: #999; }
.footer .footer_bottom_w a { color: #999; }
.footer .footer_bottom_w .copy_w { }
.footer .footer_bottom_w .safe_w { margin-top: 25px; }
.footer .footer_bottom_w .copy_w .f_nav { overflow: hidden; }
.footer .footer_bottom_w .copy_w .copyright { padding-top: 0px; text-align: left; line-height: 24px; }
.footer .footer_bottom_w .copy_w .f_nav span { float: left; margin-right: 20px; line-height: 24px; }
.footer .footer_bottom_w .safe_w li { margin-right: 8px }
.footer .link_w { margin-top: 10px; margin-bottom: 20px; height: auto; }
.footer .link_w #yqlj { position: relative; cursor: pointer; padding-right: 10px; padding-left: 10px; color: #AAA; }
.footer .link_w .yqljnr { display: none; }
.footer .on .yqljnr { display: block; }
.footer .on #yqlj { color: #08A3F0; }
.footer .link_w #yqlj i { position: absolute; font-family: "宋体"; margin-left: 5px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.footer .on #yqlj i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); color: #08A3F0; }
.footer .link_w #yqljnr { width: 100% }
.footer .link_w #yqljnr a { padding-right: 12px; font-size: 12px; color: #999 }
.footer .link_w #yqljnr a:hover { color: #FFF; }
.footer a:hover { color: #fff; }
.navtit { display: block; font-size: 20px; height: 32px; line-height: 32px; margin-bottom: 20px; }
.footer .f_nav_w .testbutton { display: block; width: 80%; margin: 0 auto; font-size: 16px; background-color: #0080ff ; text-align: center; line-height: 40px; color: #fff; margin-bottom: 20px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.footer .testbutton:hover { background-color: #0390d6 }
.footericon li { padding-left: 10px; }
.footericon { vertical-align: text-bottom; ; }
.customer .carousel-caption { text-shadow: none; color: #666; }
.yinhao { height: 50px; font-size: 14px; line-height: 32px; padding: 1% 8%; color: #666; background: url(../images/yinhao1.png) top left no-repeat, url(../images/yinhao2.png) bottom right no-repeat; }
.customer { margin-top: 10px; position: relative; /*! height: 330px; */ overflow: hidden; }
.customerbox { position: relative; }
.bd ul li { margin-right: 20px; float: left; height: 24px; line-height: 24px; text-align: left; _display: inline; }
.sright, .sleft { position: absolute; z-index: 5; }
.sright { right: -10%; top: 50%; }
.sleft { left: -10%; top: 50%; }

/*--------------------手机底部2016-12-21--------------------*/
@media (max-width:970px) {
#footer { display: none; }
.m_footerr_w { display: block; }
.m_footer_nav_w { display: block; }
#goTopBtn { right: 10px; bottom: 10px; }
#doyoo_monitor, #doyoo_panel, #doyoo_share { display: none !important; }/*手机网页隐藏乐语弹窗、左侧、分享*/
}

@media (min-width:969px) {
.m_footerr_w { display: none; }
.m_footer_nav_w { display: none; }
}
.m_footerr_w { background-color: #182032; padding: 50px 10px; }
.m_footerr_w .m_footerr { max-width: 750px; margin: 0 auto; }
.m_footerr_w .m_footer_t_l { float: left; font-size: 16px; /*! color: #929292; */ color: #657a92; line-height: 24Px; }
.m_footerr_w .m_footer_t_l .m_footer_phone { font-size: 32px; margin: 20px auto; color: #9db9d8; ; }
.m_footerr_w .m_footer_t_r { float: right; display: table; margin: 10px auto; width: 180px; height: 180px; }
.m_footerr_w .m_footer_t_r span { display: table-cell; vertical-align: middle; }

@media (max-width:922px) {
.m_footerr_w .m_footer_t_l { float: left; font-size: 16px; /*! color: #929292; */ line-height: 24Px; }
.m_footerr_w .m_footer_t_l .m_footer_phone { font-size: 32px; margin: 16px auto; /*! color: #CCC; */ }
.m_footerr_w .m_footer_t_r { float: right; display: table; margin: 10px auto; width: 180px; height: 180px; }
.m_footerr_w .m_footer_t_r span { display: table-cell; vertical-align: middle; }
}

@media (max-width:750px) {
.m_footerr_w .m_footer_t_l { float: left; font-size: 16px; /*! color: #929292; */ line-height: 24Px; }
.m_footerr_w .m_footer_t_l .m_footer_phone { font-size: 32px; margin: 20px auto; /*! color: #CCC; */ }
.m_footerr_w .m_footer_t_r { float: right; display: table; margin: 10px auto; width: 180px; height: 180px; }
.m_footerr_w .m_footer_t_r span { display: table-cell; vertical-align: middle; }
}

@media (max-width:680px) {
.m_footerr_w .m_footer_t_l { float: left; font-size: 14px; /*! color: #929292; */ line-height: 24Px; }
.m_footerr_w .m_footer_t_l p { margin: 8px 0 8px 0; }
.m_footerr_w .m_footer_t_l .m_footer_phone { font-size: 32px; margin: 10px auto; /*! color: #CCC; */ }
.m_footerr_w .m_footer_t_r { float: right; display: table; margin: 10px auto; width: 180px; height: 180px; }
.m_footerr_w .m_footer_t_r span { display: table-cell; vertical-align: middle; }
}

@media (max-width:480px) {
.m_footerr_w .m_footer_t_l { float: left; font-size: 14px; /*! color: #7f868b; */ line-height: 24Px; }
.m_footerr_w .m_footer_t_l p { margin: 4px 0 4px 0; }
.m_footerr_w .m_footer_t_l .m_footer_phone { font-size: 32px; margin: 10px auto; /*! color: #CCC; */ }
.m_footerr_w .m_footer_t_r { float: right; display: table; margin: 10px auto; width: 180px; height: 180px; }
.m_footerr_w .m_footer_t_r span { display: table-cell; vertical-align: middle; }
}

@media (min-width:320px) and (max-width:480px) {
.m_footerr_w .m_footer_t_l { float: none; width: 100%; text-align: center; font-size: 14px; /*! color: #7f868b; */ ; line-height: 20Px; }
.m_footerr_w .m_footer_t_l .m_footer_phone { font-size: 32px; margin: 30px auto; /*! color: #CCC; */ }
.m_footerr_w .m_footer_t_r { float: none; display: table; text-align: center; width: 180px; height: 180px; margin: 10px auto; }
.m_footerr_w .m_footer_t_r span { display: table-cell; vertical-align: middle; }
}

@media (max-width:320px) {
.m_footerr_w .m_footer_t_l { float: none; width: 100%; text-align: center; font-size: 14px; /*! color: #7f868b; */ line-height: 20Px; }
.m_footerr_w .m_footer_t_l .m_footer_phone { font-size: 32px; margin: 20px auto; /*! color: #CCC; */ }
.m_footerr_w .m_footer_t_r { float: none; display: table; text-align: center; width: 180px; height: 180px; margin: 10px auto; }
.m_footerr_w .m_footer_t_r span { display: table-cell; vertical-align: middle; }
}
.m_footer_nav_w { position: fixed; z-index: 999; ; bottom: 0; height: 50px; min-width: 240px; width: 100%; margin: 0 auto; background-color: #FFF; color: #42566e; font-size: 12px; text-align: center; }
.m_footer_nav_w .m_footer_nav { max-width: 1200px; margin: 0 auto; }
.m_footer_nav_w .m_footer_nav li a { display: block; float: left; width: 50%; height: 50px; text-align: center; min-height: 1px; padding: 5px 5px; font-size: 14px; color: #36475a; border: 1px solid #E7E7E7; border-right: none; }
.m_footer_nav_w .m_footer_nav li a div { width: 120px; height: 50px; margin: 5px auto; }
.m_footer_nav_w .m_footer_nav li a:hover { color: #089AF8; background-color: #F2F2F2; }
.m_footer_nav_w .m_footer_nav li a p { margin: 0; line-height: 12px; height: 32px; line-height: 32px; float: left; }
.m_footer_nav_w .m_footer_nav li a .m_footer_icon { display: block; width: 34px; height: 32px; margin: 0 auto; float: left; }
.m_footer_nav_w .m_footer_nav li a .m_icon_ty { background: url(../images/m_gift.png) no-repeat 0 0; background-size: cover; }
.m_footer_nav_w .m_footer_nav li a .m_icon_zx { background: url(../images/m_chak.png) no-repeat 0 0; background-size: cover; }
.m_footer_nav_w .m_footer_nav li a .m_icon_xz { background: url(../images/m_download.png) no-repeat 0 0; background-size: cover; }
.m_footer_nav_w .m_footer_nav li a .m_icon_dh { background: url(../images/m_tel.png) no-repeat 0 0; background-size: cover; }
.m_footer_nav_w .m_footer_nav li a:hover .m_footer_icon { background-position: 0 -34px; }
/*--------------------返回顶部--------------------*/
.totop { width: 42px; height: 42px; position: fixed; z-index: 99; right: 42px; bottom: 42px; display: none; -webkit-border-radius: 30px; -moz-border-radius: 30px;border-radius: 30px; background: url(../images/totop.png) no-repeat 0 0px; -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8;}
.totop:hover { background: url(../images/totop.png) no-repeat 0 -42px;  -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; }