@charset "utf-8";
* { margin: 0; padding: 0; }
body { background: #FFFFFF; color: #333333; font-family: "微软雅黑",Arial,Lucida,Verdana,Helvetica,sans-serif; font-size: 12px; line-height: 150%; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { color: #990000; }
ol, ul { list-style: none outside none; }
.m { margin-bottom: 10px; }
.m, .mt, .mc, .mb { overflow: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
ul, li { list-style-type: none; }
img { border: 0px; }
input { font-family: "微软雅黑" }
a { color: #333; }
.body_bkg { background: #F5F5F5; }
.txt_cent { text-align: center; }
.red {  color:#F00;}

.not-animated { opacity: 0; }

.topbj { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #fff; z-index: 55; }
.topbj .topimg { position: absolute; top: 50%; left: 50%; margin-left: -127.5px; margin-top: -127.5px; }
.topbj .topimg img { animation: colorSlide1 4s linear; }

@keyframes colorSlide1 {
    0% { transform: rotate(0deg) }
    5% { transform: rotate(15deg) }
    15% { transform: rotate(30deg) }
    20% { transform: rotate(60deg) }
    25% { transform: rotate(90deg) }
    30% { transform: rotate(180deg) }
    35% { transform: rotate(360deg) }
    40% { transform: rotate(630deg) }
    45% { transform: rotate(990deg) }
    50% { transform: rotate(1440deg) }
    55% { transform: rotate(1980deg) }
    60% { transform: rotate(2610deg) }
    65% { transform: rotate(3330deg) }
    70% { transform: rotate(4140deg) }
    75% { transform: rotate(5040deg) }
    80% { transform: rotate(5280deg) }
    85% { transform: rotate(5472deg) }
    90% { transform: rotate(5616deg) }
    95% { transform: rotate(5712deg) }
    100% { transform: rotate(5760deg) }
}

.banner { width:100%;height: 920px; position:relative;overflow:hidden;}

.top { position: absolute; width: 100%; top: 75px; /* width:1400px; left:50%; transform:translateX(-50%);*/ z-index: 5; z-index: 999; }
.tops { width: 1400px; margin: 0 auto; }
.top .logo { opacity: 0; float: left; }
.top .topr { opacity: 0; float: right; }
.top .top_load_1 { animation: top_load1_an 1.2s 0.5s forwards; }
@keyframes top_load1_an {
    0% { opacity: 0; transform: translateX(-50px); }
    100% { opacity: 1; transform: translateX(0px); }
}
.top .top_load_2 { animation: top_load2_an 1.2s 0.5s forwards; }
@keyframes top_load2_an {
    0% { opacity: 0; transform: translateX(50px); }
    100% { opacity: 1; transform: translateX(0px); }
}

.banner .touh { display: none; }
.banner .swiper-wrapper { height: 920px; }
.banner .swiper-slide { /*background:url(../images/banner.jpg) no-repeat center;*/ height: 920px; overflow: hidden }
.ban_con { width: 1400px; margin: 0 auto; position: relative; height: 920px; z-index: 5; }
.banner .swiper-slide .banimg_l { width: 36.5%; height: 920px; background: url(../images/222.jpg) no-repeat center right; position: absolute; left: -100%; transition: all 1s; }
.banner .swiper-slide .banimg_r { width: 63.5%; height: 920px; background: url(../images/333.jpg) no-repeat center left; position: absolute; right: -100%; transition: all 1s; }
.banner .swiper-slide.ban_bb .banimg_l { left: 0%; }
.banner .swiper-slide.ban_bb .banimg_r { right: 0%; }
.ban_con .ban_1 { padding-top: 200px; padding-left: 94px; opacity: 0; transform: translateY(-20px); transition: all 1s; }
.banner .swiper-slide.ban_bb .ban_1 { right: 0%; opacity: 1; transform: translateY(0px); }
.ban_con .ban_2 { margin-top: 100px; padding-left: 94px; opacity: 0; transition: all 1.5s; transform: translateX(-50px); }
.ban_con .ban_a { margin-top: 60px; margin-left: 94px; width: 265px; height: 79px; background: #217ef5; line-height: 79px; transition: all 1.5s; transform: translateX(-50px); opacity: 0; position: relative; }
.ban_con .ban_a a { display: block }
.ban_con .ban_a a span { display: block; float: left; width: 188px; text-align: center; font-size: 16px; color: #fff; }
.ban_con .ban_a a font { position: relative; display: block; width: 77px; float: right; background: #1b67cc; height: 79px; }
.ban_con .ban_a a font::before { content: ""; width: 32px; border-bottom: 2px solid #fff; display: block; margin: 0 auto; margin-top: 40px; position: relative }
.ban_con .ban_a a font::after { content: ""; width: 15px; border-bottom: 2px solid #fff; display: block; position: absolute; right: 20px; transform: rotate(45deg); top: 35px; }
.ban_con .ban_img { position: absolute; right: -1000px; top: 104px; transition: all 1.5s; transform: scale(0,0); }
.ban_con .ban_dian { position: absolute; top: 255px; left: -85px; }
.ban_con .ban_bon_dian { position: absolute; bottom: 65px; right: -185px; }
.ban_con .ban_qq { position: absolute; bottom: 216px; right: 53px; cursor: pointer; }
.ban_con .ban_qq img.ban_imgs { opacity: 0; transition: all 0.5s; }
.ban_con .ban_qqh { background: url(../images/ban_bk.png) no-repeat center; height: 240px; width: 209px; position: absolute; bottom: 48px; right: 140px; text-align: center; padding-top: 45PX; box-sizing: border-box; transition: all 0.5s; opacity: 0; z-index: -1; }
.ban_con .ban_qqh img { }
.ban_con .ban_qq:hover img.ban_imgs { opacity: 0.8; }
.ban_con .ban_qq:hover .ban_qqh { opacity: 1; z-index: 1; }
.ban_con .ban_qq:hover .ban_qqh img { animation: colorSlidezz 2s linear infinite; }

@keyframes colorSlidezz {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg) }
}




.ban_con .ban_wzh .ban_img { transform: scale(1,1); right: -85px; }
.ban_con .ban_wzh .ban_2 { transform: translateX(0px); opacity: 1; }
.ban_con .ban_wzh .ban_a { transform: translateX(0px); opacity: 1; }
.ban_con .ban_wzh .ban_imgh .ban_qq img.ban_imgs { animation: colorSlide2 6s linear infinite; }

@keyframes colorSlide2 {
    0% { opacity: 0 }
    50% { opacity: 0.8 }
    100% { opacity: 0 }
}


/*banner 1*/
.ban_1_bkg { position:absolute; left:0; top:0; width:100%; height:920px; background: url(../images/ban_01_0.jpg) center center no-repeat; background-size:cover; transition:0.3s all ease-out; z-index:2; }
.ban_1_video { position: absolute; left: 0; top: 0; width: 100%; height: 920px; z-index: 3; opacity:0.05; }
.ban_1_video video {}
.ban_1_box { width: 1400px; height: 920px; margin: 0 auto 0 auto; position: relative; z-index: 13; }
.ban_1_box .dd{ transition:0.3s all ease-out;}
.ban_1_box .dd_1 { position: absolute; left: -170px; top: 215px; }
.ban_1_box .dd_2 { position: absolute; right: -170px; bottom: 70px; }
.ban_1_box .ft_1 { position: absolute; top: 360px; left: 0; width: 100%; text-align: center; transition: 0.3s all ease-out; z-index: 13; }
.ban_1_box .ft_1 span { opacity: 0; transform: scale(0.8); display: inline-block; margin: 0 2px; position: relative; }
.ban_1_box .ft_1 span:nth-child(n+5) { transform: translateY(45px); }
.ban_1_box .ft_1 span:nth-child(5) i { width: 0; display: block; position: absolute; left: 15px; top: -28px; height: 4px; background-color: #217ef5; }
.ban_1_box .che { opacity: 0; position: absolute; bottom: 223px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; z-index: 14; }
.ban_1_box .che img { }
.ban_1_box .lun { opacity: 0; position: absolute; top: 552px; left: calc(50% - 245px); z-index: 15; }
.ban_1_box .lun_1 { left:calc(50% - 245px); }
.ban_1_box .lun_2 { left: calc(50% + 180px); }
.ban_1_box .gxll { padding-top: 270px; text-align: center; position: relative; }
.ban_1_box .gxll ul { }
.ban_1_box .gxll ul li { display: inline-block; padding: 0 25px 48px 25px; position:relative;}
.ban_1_box .gxll ul li .wz { opacity: 0; transform: translateY(-100px); }
.ban_1_box .gxll ul li .yy { opacity: 0; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%) }
.ban_1_box .more { opacity: 0; display: block; margin: 18px auto 0 auto; width: 265px; height: 79px; background: #1B67CC url(../images/ban_01_9.png) right 23px center no-repeat; }
.ban_1_box .more span { display: block; width: 188px; height: 79px; line-height: 79px; font-size:16px; text-align:center; color: #FFF; background-color: #217EF5; }
.ban_1_box .wz_load_0 { animation: wz_load_an 0.8s forwards; }
.ban_1_box .wz_load_1 { animation: wz_load_an 0.8s 0.3s forwards; }
.ban_1_box .wz_load_2 { animation: wz_load_an 0.8s 0.6s forwards; }
.ban_1_box .wz_load_3 { animation: wz_load_an 0.8s 0.9s forwards; }
@keyframes wz_load_an {
    0% { opacity: 0; transform: translateY(-100px); }
    100% { opacity: 1; transform: translateY(0); }
}
.ban_1_box .yy_load_0 { animation: yy_load_an 0.6s 0.3s forwards; }
.ban_1_box .yy_load_1 { animation: yy_load_an 0.6s 0.6s forwards; }
.ban_1_box .yy_load_2 { animation: yy_load_an 0.6s 0.9s forwards; }
.ban_1_box .yy_load_3 { animation: yy_load_an 0.6s 1.2s forwards; }
@keyframes yy_load_an {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.ban_1_box .ft_load_0 { animation: ft_load_an 1.2s 1.5s forwards; }
.ban_1_box .ft_load_1 { animation: ft_load_an 1.2s 1.65s forwards; }
.ban_1_box .ft_load_2 { animation: ft_load_an 1.2s 1.8s forwards; }
.ban_1_box .ft_load_3 { animation: ft_load_an 1.2s 1.95s forwards; }
.ban_1_box .ft_load_4 { animation: ft_load_an1 1.2s 2.1s forwards; }
.ban_1_box .ft_load_5 { animation: ft_load_an1 1.2s 2.25s forwards; }
.ban_1_box .ft_load_6 { animation: ft_load_an1 1.2s 2.4s forwards; }
.ban_1_box .ft_load_7 { animation: ft_load_an1 1.2s 2.55s forwards; }
@keyframes ft_load_an {
    0% { opacity: 0; transform: translateX(140px) scale(1.5) rotateX(-80deg); }
    100% { opacity: 1; transform: translateX(0) scale(1) rotateX(0deg); }
}
@keyframes ft_load_an1 {
    0% { opacity: 0; transform: translateX(140px) scale(1.5) rotateX(-80deg); }
    100% { opacity: 1; transform: translateX(0) scale(1) translateY(45px) rotateX(0deg); }
}
.ban_1_box .ft_i_load { animation: ft_i_load_an 0.6s 2.6s forwards; }
@keyframes ft_i_load_an {
    0% { width: 0; }
    100% { width: 64px; }
}
/*.ban_1_box .che_load { animation: che_load_an 1s 3s forwards; }
@keyframes che_load_an {
    0% { opacity: 0; left:0; }
    100% { opacity: 1; left: 50%; }
}*/
.ban_1_box .che_load_0 { animation: che_load_an_0 1s 3s forwards; }
@keyframes che_load_an_0 {
    0% { opacity: 0; left: 0; }
    100% { opacity: 1; left: 50%; }
}
.ban_1_box .lun_load { animation: lun_load_an 2s infinite 3.8s linear; }
@keyframes lun_load_an {
    0% { opacity: 0; transform: rotate(0); }
    50% { opacity: 1; transform: rotate(180deg); }
    100% { opacity: 0; transform: rotate(360deg); }
}
.ban_1_box .more_load { animation: more_load_an 1.2s 4.1s forwards; }
@keyframes more_load_an {
    0% { opacity: 0; transform: translateY(50px); }
    100% { opacity: 1; transform: translateY(0px); }
}
/*banner 2*/
.ban_2_box .che { bottom: 175px; left: unset; right: 50%; transform: translateX(50%); }
.ban_2_box .lun_1 { left: calc(50% - 352px); top:540px; }
.ban_2_box .lun_2 { left: calc(50% + 220px); top: 538px; }
.ban_2_box .che_load_1 { animation: che_load_an_1 1s 3s forwards; }
@keyframes che_load_an_1 {
    0% { opacity: 0; right: 0; }
    100% { opacity: 1; right: 50%; }
}


.btn_list { position:absolute; left:calc(50% - 700px); top:480px; z-index:1001;}
.btn_list span { display:block; width:11px; height:11px; border-radius:50%; background:#FFF; margin-bottom:20px; cursor:pointer; position:relative;}
.btn_list span:after { content: ""; display: block; width: 1px; height: 16px; top: 13px; left: 5px; position: absolute; background: #FFF; }
.btn_list span.on { border:2px solid #FFF; background:none; transform:translateX(-2px);}
.btn_list span.on:after { top: 15px; }
.btn_list span:last-child:after { display:none;}


.opa0 { opacity: 0; }

/*.ban_con .ban_wzh .ban_imgh .ban_qq .ban_qqh{ opacity:1;}
.ban_con .ban_wzh .ban_imgh .ban_qq .ban_qqh img{transform:rotate(360deg);}*/
.a1 { height: 352px; background: url(../images/00home_02.jpg) no-repeat center; }
.spro { padding-bottom: 178px; position: relative; width: 100%; overflow: hidden; }
.sprobj { height: 920px; overflow: hidden; position: relative; }
.sprobjs { background: url(../images/1.jpg) no-repeat center; height: 920px; }
.sprobjwz { background: url(../images/0.png) no-repeat center; height: 920px; position: absolute; width: 100%; top: 0px; }
.spro_wz { width: 1440px; margin: 0 auto; /*transform:translateX(-50%);*/ }
.spro_abos { position: absolute; left: 0px; top: 0px; width: 100%; }
.spro_top { padding-top: 80px; text-align: center; }
.spro_cn { text-align: center; font-size: 68px; line-height: 68px; color: #fff; font-weight: bold; width: 620px; margin: 0 auto; margin-top: 20px; position: relative; }
.spro_cn span { position: relative; z-index: 2; }
.spro_cn::after { width: 100%; content: ""; border-bottom: 6px solid #1161c8; display: block; position: absolute; z-index: 1; bottom: -2px; }
.spro_con { margin-top: 75px; height: 503px; position: relative; }
.spro_con ul { display:flex; color:#FFF;}
.spro_con li {width: 785px;height: 423px;padding: 40px 0 40px 40px;margin-right: 20px;overflow: hidden;background: url(../images/index_11_left.jpg) top left no-repeat;transition: all 0.5s ease-out;}
.spro_con li:nth-child(2){background: url(../images/index_11_right.jpg) top left no-repeat;}
.spro_con li:last-child { margin-right:0;}
.spro_con .li_2 { background-image: url(../images/index_11_2.jpg); }
.spro_con .li_3 { background-image: url(../images/index_11_3.jpg); }
.spro_con .li_4 { background-image: url(../images/index_11_4.jpg); }
.spro_con li .p_1 { margin-top: 20px; font-size: 30px; font-weight: bold; line-height: 1; }
.spro_con li .hx { margin-top: 20px; width: 29px; height: 2px; background: #828384; }
.spro_con li .info { display:block; margin-top:20px; font-size:16px; line-height:33px; padding-right:40px;}
.spro_con li.on {  }
.spro_con li.on .info { display:block;}
.sproc { margin-top: 155px; width: 400px; overflow: hidden }
.sproc_l { float: left; }
.sproc_r { float: right; }
.sproc .sproimg { float: left; }
.sproc .sprowz { float: right; width: 345px; }
.sproc .sprowz .sprowz_cn { font-size: 24px; color: #ffffff; line-height: 24px; }
.sproc .sprowz .sprowz_en { font-size: 14px; color: #fff; opacity: 0.4; text-transform: uppercase; margin-top: 10px; margin-bottom: 5px; }
.sproc .sprowz .sprowz_zy { font-size: 14px; color: #fff; line-height: 32px; }
.sproc_qq { position: absolute; bottom: 5px; left: 50%; margin-left: -238px; }
.sproc_qq img { }

@keyframes colorSlide {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(720deg) }
}

.a3 { height: 190px; background: url(../images/a3.jpg) no-repeat center; position: absolute; bottom: 84px; width: 100%; }

.a2 { height: 1485px; background: url(../images/a2.jpg) no-repeat center top; overflow: hidden; padding-bottom: 202px; position: relative; }
.spic { margin-top: 210px; overflow: hidden; height: 598px; width: 100%; }
.spic_c { overflow: hidden }
.spic_con { float: right; position: relative; overflow: hidden }
.spic_c .swiper-slide { position: relative; height: 538px; overflow: hidden; width: 1003px; }
.spic_c .swiper-container { width: calc(100% - 437px); float: right; }
.spic_c .swiper-slide div { position: absolute; width: 1003px; height: 538px; background: rgba(0,0,0,0.5); top: 0px; left: 0px; }
.spic_c .swiper-slide.swiper-slide-active div { display: none; }
.spic_wz { position: absolute; z-index: 5; left: 0px; }
.spic_wz .spic_en { font-size: 50px; line-height: 68px; color: #fff; text-transform: uppercase; font-family: Arial; padding-top: 98px; font-weight: bold; }
.spic_wz .spic_cn { width:400px; font-size: 50px; color: #fff; line-height: 70px; margin-top: 90px; font-weight: bold; }
.spic_wz .spic_a { margin-top: 65px; line-height: 66px; width: 195px; border: 1px solid #fff; text-align: center; }
.spic_wz .spic_a a { display: block; color: #fff; font-size: 14px; }


.spic_c .swiper-pagination { position: relative; color: #fff; width: auto;top:0px; left: 0px; bottom: 0px; padding-top: 40px; text-align: left; }
.spic_c .swiper-pagination span { font-size: 18px; }
.spic_c .swiper-pagination font { display: inline-block; width: 105px; border-bottom: 1px solid #fff; margin: 0px 10px; position: relative; top: -7px; }

.a4 { height: 624px; position: absolute; width: 100%; background: url(../images/a4.jpg) no-repeat center; bottom: 88px; }
.a5 { height: 860px; background: url(../images/00home_04.jpg) no-repeat center; }

.h-nums { position: relative; width: 1400px; margin: 0 auto; opacity: 0; transition:0.3s all ease-out; }
.h-nums .swiper-pagination { text-align: right; font-size: 18px; color: #ffffff; }
.h-nums .swiper-pagination .swiper-pagination-current { font-size: 38px; font-weight: 100; }
.h-nums .swiper-pagination-fraction { bottom: 50px; }
.h-nums span:before { content: "0"; }
.banner:hover .h-nums { opacity:0;}
.topr { overflow: hidden; }
.klo { float: right; }
.k1 { float: right; margin-top: 4px; cursor:pointer; }
.k2 { float: right; margin-left: 23px; margin-top: 6px; }
.k3 { float: right; margin-left: 25px; }
.k3 a { background: url(../images/tt.png) no-repeat; width: 26px; height: 21px; display: block; }
.k3 a.close { background: url(../images/x.png) no-repeat; }
.h-ng { background: url(../images/banner-bg.png); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 99; display: none; height: 0px; overflow: hidden; }
.nsou { width: 1400px; margin: 0 auto; margin-top: 220px; }
.sye { padding-top: 80px; float: left; overflow: hidden; width: 12.5%; line-height: 44px; }
.sye li { position: relative; }
.sye a p { color: #fff; font-size: 28px; line-height: 60px; }
.sye a { font-size: 18px; color: #b2b2b2; }
.lxwms { width: 8%; }
.sye a em { width: 0px; height: 5px; display: block; background: #217ef5; transition: all 0.3s ease-out 0s; position: absolute; bottom: 0px; }
.sye:hover em { width: 110px; }
.shouye:hover em { width: 58px; }
.sye li font { font-size: 14px; font-family: "宋体"; margin-left: -12px; transition: all 0.3s ease-out 0s; }
.sye li:hover font { margin-left: 0px; }
.hens { width: 100%; background: #333333; height: 1px; }

@-webkit-keyframes fadeInDown2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }

@-webkit-keyframes fadeInUp2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInUp2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }

@-webkit-keyframes fadeInLeft2 {
    0% { opacity: 0; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeft2 {
    0% { opacity: 0; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }

@-webkit-keyframes fadeInRight2 {
    0% { opacity: 0; -webkit-transform: translate3d(50%,0,0); transform: translate3d(50%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInRight2 {
    0% { opacity: 0; -webkit-transform: translate3d(50%,0,0); transform: translate3d(50%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }

@-webkit-keyframes fadeInLeft3 {
    0% { opacity: 0; -webkit-transform: translate3d(-20%,0,0); transform: translate3d(-20%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeft3 {
    0% { opacity: 0; -webkit-transform: translate3d(-20%,0,0); transform: translate3d(-20%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeft3 { -webkit-animation-name: fadeInLeft3; animation-name: fadeInLeft3 }

@-webkit-keyframes fadeInRight3 {
    0% { opacity: 0; -webkit-transform: translate3d(20%,0,0); transform: translate3d(20%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInRight3 {
    0% { opacity: 0; -webkit-transform: translate3d(20%,0,0); transform: translate3d(20%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInRight3 { -webkit-animation-name: fadeInRight3; animation-name: fadeInRight3 }

@-webkit-keyframes fadeInDown3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-30%,0); transform: translate3d(0,-30%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-30%,0); transform: translate3d(0,-30%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInDown3 { -webkit-animation-name: fadeInDown3; animation-name: fadeInDown3 }

@-webkit-keyframes fadeInUp3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,30%,0); transform: translate3d(0,30%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInUp3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,30%,0); transform: translate3d(0,30%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInUp3 { -webkit-animation-name: fadeInUp3; animation-name: fadeInUp3 }

@-webkit-keyframes fadeInwidth2 {
    0% { opacity: 0; width: 0%; }
    100% { opacity: 1; width: 100%; }
}

@keyframes fadeInwidth2 {
    0% { opacity: 0; width: 0%; }
    100% { opacity: 1; width: 100%; }
}

.fadeInwidth2 { -webkit-animation-name: fadeInwidth2; animation-name: fadeInwidth2 }
.lich { width: 100%; overflow: hidden; position: absolute; bottom: 88px; }
.lond { width: 1400px; height: 624px; margin: 0 auto; position: relative; }
.dcli { background: url(../images/bg.jpg) no-repeat; position: absolute; left: 0px; top: 0px; height: 624px; width: 100%; }
.dbli { background: url(../images/band.png) no-repeat right center; position: absolute; left: 0px; top: 0px; height: 624px; width: 100%; }
.fuds { position: absolute; left: 80px; top: 170px; }
.fuds font { color: #fff; font-size: 34px; font-weight: bold; display: block; }
.fuds p { font-size: 14px; color: #e6e1dd; line-height: 33px; width: 410px; padding-top: 20px; }
.henai { position: absolute; left: 0px; bottom: 31px; width: 100%; overflow: hidden; z-index:10; }
.lich .swiper-slide { width: 292px; cursor: pointer; }
.lich .swiper-slide .wkua { width: 188px; padding-left: 30px; height: 137px; display: block;  padding-top: 29px; }
.lich .swiper-container { width: 860px; float: right; height: 242px; }
.lich .swiper-button-next { background: url(../images/you.png) no-repeat; width: 62px; height: 62px; outline: none; left: 162px; bottom: 35px; right: 0px; position: absolute; transform: scaleX(1) }
.lich .swiper-button-prev { background: url(../images/zuo.png) no-repeat; width: 62px; height: 62px; outline: none; left: 80px; bottom: 35px; position: absolute; }
.lich .swiper-button-prev.swiper-button-disabled, .lich .swiper-button-next.swiper-button-disabled { opacity: 0.35; }
.wkua .lc1 { position: relative; height: 68px; }
.wkua .lc1 font { opacity: 1; transition: all 0.3s ease-out 0s; display: block; position: absolute; left: 0px; top: 0px; }
.wkua .lc1 p { opacity: 0; transition: all 0.3s ease-out 0s; display: block; position: absolute; left: 0px; top: 0px; }
.wkua .lc2 { opacity:0; width: 155px; padding-top: 0px; font-size: 14px; color: #333333; line-height: 20px; height: 80px; }
.wkua .lc3 { padding-top: 10px; padding-right:30px; text-align:center; font-size: 28px; font-weight: bold; color: #FFF; transition: all 0.3s ease-out; }
.wkua .lc4 { padding-top: 17px; }
.wkua .lc4 div { background: url(../images/lcd4.png) no-repeat; position: absolute; left: 108px; height: 39px; width: 2px; transition: all 0.3s ease-out; }
.wkua .lc5 { margin-left: 67px; padding-top: 60px; }
.wkua .lc5 div { background: url(../images/hei.png) no-repeat; width: 24px; height: 24px; transition: all 0.3s ease-out 0s; }
.wkua:hover { background: #fff; }
.wkua:hover .lc2 { opacity: 1; }
.wkua:hover .lc3 { color: #217ef5; text-align:left; }
/*.lich .swiper-slide-active font { opacity: 0; }
.lich .swiper-slide-active p { opacity: 1; }
.lich .swiper-slide-active .lc3 { color: #217ef5; font-size: 28px; font-weight: bold; }
.lich .swiper-slide-active .lc4 div { background: url(../images/lcd4l.png) no-repeat; }
.lich .swiper-slide-active .lc5 div { background: url(../images/hui.png) no-repeat; }*/
.lich .swiper-slide:hover font { opacity: 0; }
.lich .swiper-slide:hover p { opacity: 1; }
.lich .swiper-slide:hover .lc3 { color: #217ef5; font-size: 28px; font-weight: bold; }
.lich .swiper-slide:hover .lc4 div { background: url(../images/lcd4l.png) no-repeat; }
.lich .swiper-slide:hover .lc5 div { background: url(../images/hui.png) no-repeat; }
.fzlc { position: absolute; left: 80px; top: 570px; height: 15px; background: url(../images/fzlc.png) no-repeat center; width: 1282px; }
.bottom { height: 497px; border-top: 5px #217ef5 solid; background: #272727; padding-top: 80px; }
.b1foot { width: 1400px; margin: 0 auto; overflow: hidden; }

.abot { width: 1400px; margin: 0 auto; overflow: hidden; }
.bgua { padding-top: 227px; font-size: 14px; line-height: 32px; color: #666666; width: 730px; float: left; }
.yoqi { width: 1400px; margin: 0 auto; overflow: hidden; }
.tzuo { float: left; width: 635px; overflow: hidden; padding-top: 150px; }
.lie1 { width: 100%; overflow: hidden; }
.tyou { float: right; overflow: hidden; width: 720px; padding-top: 80px; }
.lie1 font { color: #ffffff; font-size: 54px; line-height: 54px; }
.lie1 em { display: block; margin-top: 37px; width: 48px; height: 3px; background: #217ef5; }
.lie1 p { line-height: 33px; font-size: 14px; color: #ffffff; display: block; padding-top: 30px; overflow: hidden; padding-bottom: 50px; text-indent: 2em;}
.liea a { display: block; width: 170px; height: 72px; line-height: 72px; font-size: 14px; color: #ffffff; background: url(../images/menu.jpg) no-repeat center; padding-left: 70px; }
.links { width: 100%; overflow: hidden; padding-bottom:40px; display: block; background: url(../images/tz.png); }
.links ul { padding-left: 10px; padding-top: 10px; }
.links li { float: left; overflow: hidden; text-align: center; width: 170px; padding-top: 30px; padding-left: 50px; }
.bfleft { float: left; overflow: hidden; }
.bfshuz { font-size: 14px; color: #999999; line-height: 28px; padding-top: 24px; }
.bfright { float: right; overflow: hidden; padding-bottom: 60px; }
.bfright ul { float: left; width: 135px; color: #ffffff; overflow: hidden; }
.bfright .flx { width: 80px; }
.bfright ul p { color: #ffffff; font-size: 16px; }
.bfright ul font { font-size: 14px; font-family: "宋体"; margin-left: -12px; transition: all 0.3s ease-out 0s; }
.bfright ul em { display: block; height: 1px; width: 18px; background: #217ef5; margin-top: 10px; margin-bottom: 10px; transition: all 0.3s ease-out 0s; }
.bfright ul:hover em { width: 70px; }
.bfright a:hover font { margin-left: 0px; }
.bfright ul a { line-height: 28px; color: #999999; font-size: 14px; }
.foer { width: 1400px; margin: 0 auto; overflow: hidden; border-top: 1px solid #333333; }
.foer_left { float: left; overflow: hidden; padding-top: 60px; }
.foer_right { float: right; overflow: hidden; padding-top: 60px; }
.fok1 { font-size: 14px; width: 100%; overflow: hidden; color: #b2b2b2; }
.fok1 a { color: #b2b2b2; }
.fok2 { color: #b2b2b2; line-height: 28px; padding-top: 10px; font-size: 14px; }
.fok2 a { color: #b2b2b2; }
.aboa { overflow: hidden; float: right; width: 576px; padding-top: 108px; }
.abo1 { width: 113px; float: left; overflow: hidden; text-align: center; }
.abo2 { width: 130px; float: left; overflow: hidden; text-align: center; margin-left: 120px; }
.abo3 { width: 93px; float: left; overflow: hidden; text-align: center; margin-left: 120px; }
.aboa font { display: block; font-size: 22px; color: #333333; margin-top: 20px; }
.aboa p { margin-top: 8px; font-size: 14px; color: #999999; text-transform: uppercase; }



/*about us*/
.ab_topbox { width: 100%; border-bottom: 6px solid #217EF5; background-color: #FFF; }
.ab_top { width: 1360px; height: 150px; margin: 0 auto; position: relative; }
.ab_top .lt { float: left; width: 160px; padding-top: 50px; }
.ab_top .rt { float: right; width: 65px; padding-top: 66px; position:relative;z-index:2;}
.ab_top .rt .shbtn { cursor: pointer; display: inline-block; margin-right: 22px; cursor: pointer; width: 13px; height: 13px; background: url(../images/about_03.jpg) center center no-repeat; }
.ab_top .rt .lang { display: inline-block; cursor: pointer; }
.ab_top .menu { height: 100%; float: left; width: calc(100% - 225px); }
.ab_top .menu > div { height: 100%; position: relative; left: 50%; float: left; }
.ab_top .menu>div>ul { height: 100%; position: relative; left: -50%; float: left; }
.ab_top .menu>div>ul>li { float: left; height: 100%; padding: 0 22px; font-size: 14px;position:relative; }
.ab_top .menu>div>ul>li>ul{position:absolute;left: 22px;top:95px;background: #fff;padding:20px 28px;padding-right: 0px;width: 90px;line-height: 28px;display:none;box-shadow:0px 0px 20px rgba(33,126,245,.15);margin-top:14px;}
.ab_top .menu>div>ul>li:hover>ul{display:block;}
.ab_top .menu>div>ul>li>ul li{position:relative;}
.ab_top .menu>div>ul>li>ul li:first-child:after{position:absolute;left: -20px;top:-30px;content:"";display:block;background: url(../images/a1.png) no-repeat left center;width:17px;height:8px;}
.ab_top .menu>div>ul>li>ul font{margin-right:3px;display:none;}
.ab_top .menu>div>ul>li>ul li:hover font{display:block}
.ab_top .menu>div>ul>li>ul li a{color:#333;}
.ab_top .menu li > a { display: inline-block; height: 100%; display: flex; align-items: center; }
.ab_top .menu li > a:hover {  color:#217ef5;}
.sh_bkg { position: fixed; left: 0; top: 0; z-index: 2000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: none; }
.sh_box { position: fixed; left: 20%; top: 40%; z-index: 2001; width: 60%; display: none; }
.sh_box .txt { float: left; display: block; width: calc(90% - 22px); height: 20px; line-height: 20px; padding: 15px 10px; border: 0; }
.sh_box .btn { float: left; display: block; width: 10%; height: 50px; line-height: 50px; text-align: center; color: #FFF; background: #217EF5 url(../images/index_04.png) center center no-repeat; border: 0; cursor: pointer; }
.sh_box .box { margin-top: 35px; }
.sh_box .close { position: relative; width: 50px; height: 50px; margin: 0 auto; cursor: pointer; transition: all 0.4s ease-out; }
.sh_box .close:before, .sh_box .close:after { content: ""; display: block; width: 60px; height: 1px; background-color: #FFF; position: absolute; left: -5px; top: 25px; }
.sh_box .close:before { transform: rotate(45deg); }
.sh_box .close:after { transform: rotate(-45deg); }
.sh_box .close:hover { transform: rotate(180deg); }
.ab_boxA_box { clear: both; width: 100%; background: url(../images/about_05.jpg) center bottom no-repeat; }
.ab_boxA { width: 1360px; height: 714px; margin: 0 auto; color: #FFF; }
.ab_boxA .lt { float: left; padding: 190px 0 0 80px; }
.ab_boxA .lt .tit { font-size: 58px; line-height: 60px; }
.ab_boxA .lt .hx { margin-top: 33px; width: 48px; height: 1px; background-color: #FFF; }
.ab_boxA .lt .fx { margin-top: 55px; }
.ab_boxA .lt .fx a { float: left; display: block; width: 44px; height: 44px; border-radius: 50%; margin: 0 18px 0 0; padding: 0; transition: all 0.3s ease-out; }
.ab_boxA .lt .fx .a_1 { background: #666 url(../images/about_07_1.png) center center no-repeat; }
.ab_boxA .lt .fx .a_2 { background: #666 url(../images/about_07_2.png) center center no-repeat; }
.ab_boxA .lt .fx .a_3 { background: #666 url(../images/about_07_3.png) center center no-repeat; }
.ab_boxA .lt .fx a:hover { background-color: #217EF5; }
.ab_boxA .rt { float: right; width: 670px; height: 370px; padding: 35px 25px 35px 35px; overflow: hidden; line-height: 37px; background-color: rgba(0,0,0,0.3); margin-top: 130px; font-size:15px; }
.ab_boxB_box { clear: both; width: 100%; background: url(../images/about_09.jpg) center bottom no-repeat; overflow:hidden;}
.ab_boxB { width: 1100px; height: 653px; margin: 0 auto; }
.ab_boxB .lt {  float:left;}
.ab_boxB .tit_en { font-size: 32px; color: #ebebeb; line-height: 1; text-transform: uppercase; padding-top: 140px; }
.ab_boxB .tit { font-size: 22px; line-height: 1; margin: 25px 0; }
.ab_boxB .hx { width: 40px; height: 3px; background-color: #2C85F6; }
.ab_boxB .info {  margin-top:80px}
.ab_boxB .rt { float: right; padding-top:80px; }
.ab_boxC_box { clear: both; width: 100%; background: url(../images/about_11_1.jpg) center center no-repeat; }
.ab_boxC { width: 1200px; height: 720px; margin: 0 auto; }
.ab_boxC .lt {  float:left;}
.ab_boxC .lt img { margin-left:-115px;}
.ab_boxC .rt { float: right; width: 430px; padding-top: 70px; color: #FFF; }
.ab_boxC .rt .item { margin-top: 65px; }
.ab_boxC .rt .item .tit { height: 54px; padding-left: 80px; background-position: left center; background-repeat: no-repeat; }
.ab_boxC .rt .item .tit p { font-size: 22px; line-height: 38px; }
.ab_boxC .rt .item .tit span { font-weight: bold; text-transform: uppercase; opacity: 0.5; }
.ab_boxC .rt .item .cont { font-size: 16px; padding-top: 18px; }
.ab_boxC .rt .item .bkg_1 { background-image: url(../images/about_13_1.png); }
.ab_boxC .rt .item .bkg_2 { background-image: url(../images/about_13_2.png); }
.ab_boxC .rt .item .bkg_3 { background-image: url(../images/about_13_3.png); }
.ab_boxD_box { clear: both; width: 100%; overflow: hidden; padding-bottom: 80px; }
.ab_boxD { width: 1600px; float: right; }
.ab_boxD .titbox { overflow: hidden; }
.ab_boxD .titbox .lt { float: left; padding-top: 75px; }
.ab_boxD .titbox .lt .tit_en { font-weight: bold; font-size: 48px; line-height: 1; color: #EEE; text-transform: uppercase; }
.ab_boxD .titbox .lt .tit { color: #000; font-size: 22px; margin-top: 18px; }
.ab_boxD .titbox .rt { float: right; padding: 115px 320px 0 0; }
.ab_boxD .titbox .rt p { cursor: pointer; display: inline-block; width: 85px; height: 48px; background: #333333 url(../images/about_15.png) center center no-repeat; margin-left: 15px; transition: all 0.3s ease-out; }
.ab_boxD .titbox .rt .next { transform: rotate(180deg); }
.ab_boxD .titbox .rt p:hover { background-color: #217EF5; }
.ab_boxD .box { width: 100%; margin-top: 35px; height: 538px; overflow: hidden; position: relative; }
.ab_boxD .box li { float: left; width: 1003px; position: relative; }
.ab_boxD .box .swiper-slide div { width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top: 0px; left: 0px; }
.ab_boxD .box .swiper-slide.swiper-slide-active div { display: none; }
.ab_boxE_box { clear: both; width: 100%; background: url(../images/about_17.jpg) center center no-repeat; overflow:hidden; }
.ab_boxE { width: 1280px; height: 624px; margin: 0 auto; position: relative; }
.ab_boxE .tit { padding-top: 165px; font-size: 34px; line-height: 1; color: #FFF; font-weight: bold; }
.ab_boxE .hx { position: absolute; left: 0; bottom: 40px; width: 100%; color: #FFF; font-size: 16px; }
.ab_boxE .hx i { float: right; display: block; margin-top: 10px; width: calc(100% - 70px); height: 1px; background-color: rgba(255,255,255,0.2); }
.ab_boxE .btnbox { position: absolute; left: 0; bottom: 130px; }
.ab_boxE .btnbox p { cursor: pointer; display: inline-block; width: 62px; height: 62px; border-radius: 50%; background: #217EF5; margin-right: 20px; position: relative; transition: all 0.3s ease-out; }
.ab_boxE .btnbox p::after { content: ""; display: block; position: absolute; left: 26px; top: 24px; width: 13px; height: 13px; border-left: 2px solid #FFF; border-top: 2px solid #FFF; transform: rotate(-45deg); }
.ab_boxE .btnbox .next { transform: rotate(180deg); }
.ab_boxE .btnbox .swiper-button-disabled { opacity: 0.35; }
.ab_boxE .box { position: absolute; bottom: 36px; right: 0; width: 790px; }
.ab_boxE .box .item { float: left; width: 218px; cursor: pointer; }
.ab_boxE .box .item .info { width: calc(100% - 30px); height: 137px; padding: 29px 0 0 30px; }
.ab_boxE .box .item .info .imgs { position: relative; }
.ab_boxE .box .item .info .imgs img:last-child { position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.3s ease-out; }
.ab_boxE .box .item .cont { opacity: 0; width: 155px; color: #333; line-height: 20px; height: 80px; font-size: 14px; }
.ab_boxE .box .item .year { padding-right:30px; text-align:center; font-size: 28px; font-weight: bold; color: #FFF; margin-top: 10px; transition: all 0.3s ease-out; }
.ab_boxE .box .item .xs { transform: translate(calc(50% - 1px), -9px); position: relative; }
.ab_boxE .box .item .xs img:last-child { position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.3s ease-out; }
.ab_boxE .box .item .cl { margin-top: 13px; transform: translateX(calc(50% - 12px)); position: relative; }
.ab_boxE .box .item .cl img:last-child { position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.3s ease-out; }
.ab_boxE .box .item:hover .info { background-color: #FFF; }
.ab_boxE .box .item:hover .cont { opacity:1; }
.ab_boxE .box .item:hover .year { color: #217ef5;  text-align:left; }
.ab_boxE .box .item:hover .xs img:last-child { opacity: 1; }
.ab_boxE .box .item:hover .cl img:last-child { opacity: 1; }
.ab_boxE .box .swiper-2 { position: relative; overflow: hidden; }
.ab_boxF_box { clear: both; width: 100%; background: url(../images/about_19.jpg) center center no-repeat; display:none;}
.ab_boxF { width: 1280px; min-height: 589px; margin: 0 auto; }
.ab_boxF .tit_en { padding-top: 77px; text-align: center; font-size: 48px; line-height: 1; text-transform: uppercase; font-weight: bold; color: #000; opacity: 0.1; }
.ab_boxF .tit { padding-top: 17px; text-align: center; font-size: 22px; }
.ab_boxF .list { margin: 60px 0 0 0; height: 300px; overflow: hidden; position: relative; }
/*.ab_boxF .list ul { }
.ab_boxF .list li { float: left; width: 290px; }
.ab_boxF .list li img { display: block; width: 290px; height: 200px; transition: all 0.3s ease-out; }
.ab_boxF .list li p { text-align: center; font-size: 16px; color: #000; padding-top: 15px; }
.ab_boxF .list li:hover img { box-shadow: 0 0 10px #ddd; }*/
.ab_boxF .btnbox { text-align: center; margin-top: 40px; }
.ab_boxF .btnbox p { cursor: pointer; display: inline-block; width: 36px; height: 8px; margin: 0 10px; background: url(../images/about_23.png) center center no-repeat; }
.ab_boxF .btnbox p.next { transform: scaleX(-1); }
.ab_boxF .btnbox p:hover { background-image: url(../images/about_23_1.png); }
.ab_boxG_box { clear: both; width: 100%; background: url(../images/about_31.jpg) top center no-repeat; }
.ab_boxG { width:1280px; margin:0 auto; padding-top:85px;}
.ab_boxG .list_1 { display:flex; justify-content:space-between;}
.ab_boxG .list_1 li { color:#FFF; }
.ab_boxG .list_1 li .tit { display:flex; align-items:center;}
.ab_boxG .list_1 li .tit img { margin-right:8px;}
.ab_boxG .list_1 li .tit p { font-size: 22px; line-height:1;font-weight:bold;}
.ab_boxG .list_1 li .tit span { display:block; margin-top:7px; font-weight:bold; opacity:0.5; text-transform:uppercase;}
.ab_boxG .list_1 li .info { margin-top:18px; font-size: 18px; font-weight: bold; }
.ab_boxG .vid { margin-top:70px; }
.ab_boxG .vid video{ width:100%; }




.ab_boxG .list_1 li { }
/*products*/
.pro_ban { width: 100%; height: 542px; background: url(../images/products_02.jpg) center top no-repeat; }
.pro_boxA { clear: both; width: 1280px; margin: 0 auto; background-color: #FFF; font-size: 14px; position: relative; margin-top: -55px; }
.pro_boxA .boxA { height: 110px; overflow: auto; padding: 0 40px; }
.pro_boxA .boxA .lt { float: left; line-height: 35px; padding-top: 36px; }
.pro_boxA .boxA .lt b { display: inline-block; height: 38px; font-size: 26px; color: #4c4c4c; }
.pro_boxA .boxA .lt i { display: inline-block; margin-left: 5px; width: 126px; height: 38px; text-align: center; font-weight: bold; font-style: normal; font-size: 26px; color: #FFF; background: url(../images/products_03.jpg) center center no-repeat; }
.pro_boxA .boxA .rt { float: right; padding-top: 34px; }
.pro_boxA .boxA .rt ul { overflow: hidden; }
.pro_boxA .boxA .rt li { float: left; padding: 0 5px 2px 5px; }
.pro_boxA .boxA .rt li a { display: block; padding: 0 26px; height: 41px; line-height: 41px; position: relative; }
.pro_boxA .boxA .rt li a:after { content: ""; display: block; position: absolute; bottom: -2px; left: 5%; width: 90%; height: 0; background-color: #4D4D4D; }
.pro_boxA .boxA .rt li a:hover { background-color: #217EF5; color: #FFF; }
.pro_boxA .boxA .rt li a:hover:after { height: 2px; }
.pro_boxA .boxA .rt li.on a { background-color: #217EF5; color: #FFF; }
.pro_boxA .boxA .rt li.on a:after { height: 2px; }
.pro_boxA .boxB { clear: both; padding: 30px 40px; height: 22px; line-height: 22px; overflow: auto; border-top: 1px solid #E6E6E6; color: #808080; }
.pro_boxA .boxB .lt { float: left; }
.pro_boxA .boxB .lt a { display: inline-block; margin-right: 24px; }
.pro_boxA .boxB .lt a.on { color: #217ef5; font-weight: bold; }
.pro_boxA .boxB .rt { float: right; }
.pro_boxB { clear: both; width: 1280px; min-height: 200px; margin: 30px auto 0 auto; padding-bottom: 40px; font-size: 14px; }
.pro_boxB ul { overflow: hidden; }
.pro_boxB li { float: left; width: 296px; margin: 0 32px 30px 0; }
.pro_boxB li:nth-child(4n) { margin-right: 0; }
.pro_boxB li a { display: block; background-color: #FFF; }
.pro_boxB li img { display: block; width: 296px; height: 296px; }
.pro_boxB li div { height: 90px; overflow: hidden; padding: 0 25px; border-top: 1px solid #F5F5F5; background: url(../images/products_07.jpg) right 25px center no-repeat; }
.pro_boxB li div p { padding-top: 22px; font-size: 22px; line-height: 1; color: #4c4c4c; }
.pro_boxB li div span { display: inline-block; color: #999; margin-top: 5px; }
.load_css { opacity: 0; transform: translateY(20px); }
.load_css_rt { animation: load_css_Rotate 0.3s linear forwards; }
@keyframes load_css_Rotate {
    100% { opacity: 1; transform: translateY(0px); }
}
.pro_more { clear: both; }
.pro_more .load { display: none; width: 58px; height: 58px; margin: 0px auto; background: url(../images/case_06.png) no-repeat; opacity: 1; filter: alpha(opacity=0); }
.pro_more .cs_rotate0 { animation: Cs_Rotate0 0.8s linear infinite; }
@keyframes Cs_Rotate0 {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(180deg); }
    100% { transform: rotate(360deg); }
}
.pro_more .more { display: block; margin: 15px auto 0 auto; width: 131px; padding-left: 14px; height: 41px; line-height: 41px; background: #4D4D4D url(../images/products_09.png) right 16px center no-repeat; color: #FFF; position: relative; }
.pro_more .more:after { content: ""; display: block; position: absolute; bottom: -2px; left: 5%; width: 90%; height: 2px; background-color: #217EF5; }



/*products show*/
.pros_boxB { clear: both; overflow: hidden; width: 1280px; margin: 30px auto 0 auto; font-size: 14px; }
.pros_boxB .lt { float: left; width: 460px; }
.pros_boxB .lt img { display: block; }
.pros_boxB .rt { float: right; width: 780px; }
.pros_boxB .rt .titbox { height: 58px; padding-top: 5px; border-bottom: 3px solid #217EF5; }
.pros_boxB .rt .titbox b { font-size: 32px; line-height: 32px; }
.pros_boxB .rt .titbox span { font-size: 16px; color: #999; }
.pros_boxB .rt .params { overflow: hidden; padding-top: 37px; }
.pros_boxB .rt .params li { float: left; }
.pros_boxB .rt .params li p { color: #999; padding-bottom: 5px; }
.pros_boxB .rt .params li p i { font-style: normal; color: #b2b2b2; font-size: 12px; text-transform: uppercase; }
.pros_boxB .rt .params li span { font-size: 16px; font-weight: bold; }
.pros_boxB .rt .params .li_0 { width: 315px; }
.pros_boxB .rt .params .li_1 { width: 300px; }
.pros_boxB .rt .params .li_2 { width: calc(100% - 615px); }
.pros_boxB .rt .info { clear: both; padding-top: 37px; }
.pros_boxB .rt .info p { color: #999; padding-bottom: 5px; }
.pros_boxB .rt .info p i { font-style: normal; color: #b2b2b2; font-size: 12px; text-transform: uppercase; }
.pros_boxB .rt .info div { font-size: 14px; font-weight: bold; }
.pros_boxB .rt .sm_list { clear: both; margin-top: 40px; padding-top: 40px; border-top: 1px solid #D6D6D6; }
.pros_boxB .rt .sm_list .lt { float: left; width: 67px; padding-top: 37px; }
.pros_boxB .rt .sm_list .rt { float: right; width: 67px; padding-top: 37px; }
.pros_boxB .rt .sm_list .btn { width: 32px; height: 68px; background: #217EF5 url(../images/productsShow_05.png) center center no-repeat; cursor: pointer; position: relative; }
.pros_boxB .rt .sm_list .btn:after { content: ""; display: block; width: 3px; height: 58px; background-color: #4D4D4D; position: absolute; right: -3px; top: 5px; }
.pros_boxB .rt .sm_list .next { float: right; transform: rotate(180deg); }
.pros_boxB .rt .sm_list .ct { float: left; width: 646px; position: relative; overflow: hidden; }
.pros_boxB .rt .sm_list .ct li { float: left; margin-right: 20px; }
.pros_boxB .rt .sm_list .ct img { display: block; width: 142px; height: 142px; border: 2px solid #FFF; cursor: pointer; }
.pros_boxB .rt .sm_list .on img { border-color: #217EF5; }
.pros_boxC { clear: both; width: 1280px; margin: 30px auto 0 auto; font-size: 14px; }
.pros_boxC .tit { overflow: hidden; line-height: 22px; }
.pros_boxC .tit p { display: inline-block; font-size: 18px; }
.pros_boxC .tit span { display: inline-block; font-size: 12px; color: #b2b2b2; text-transform: uppercase; margin-left: 10px; }
.pros_boxC .tit i { display: inline-block; width: calc(100% - 170px); height: 1px; background-color: #D6D6D6; margin-left: 10px; }
.pros_boxC .box { clear: both; padding: 50px 0; }
.pros_boxD { clear: both; width: 1280px; margin: 30px auto 0 auto; font-size: 14px; }
.pros_boxD .tit { overflow: hidden; line-height: 22px; }
.pros_boxD .tit p { display: inline-block; font-size: 18px; }
.pros_boxD .tit span { display: inline-block; font-size: 12px; color: #b2b2b2; text-transform: uppercase; margin-left: 10px; }
.pros_boxD .tit i { display: inline-block; width: calc(100% - 180px); height: 1px; background-color: #D6D6D6; margin-left: 10px; }
.pros_boxD .box { clear: both; padding: 40px 0; }
.pros_boxD ul { overflow: auto; }
.pros_boxD li { float: left; width: 296px; margin: 0 32px 30px 0; }
.pros_boxD li:nth-child(4n) { margin-right: 0; }
.pros_boxD li a { display: block; background-color: #FFF; }
.pros_boxD li img { display: block; width: 296px; height: 296px; }
.pros_boxD li div { height: 90px; overflow: hidden; padding: 0 25px; border-top: 1px solid #F5F5F5; background: url(../images/products_07.jpg) right 25px center no-repeat; }
.pros_boxD li div p { padding-top: 22px; font-size: 22px; line-height: 1; color: #4c4c4c; }
.pros_boxD li div span { display: inline-block; color: #999; margin-top: 5px; }

/*news*/
.news_ban { width: 100%; height: 542px; background: url(../images/news_02.jpg) center top no-repeat; }
.news_boxB { clear: both; width: 1280px; min-height:200px; margin: 30px auto 0 auto; padding-bottom: 40px; font-size: 14px; }
.news_boxB ul { overflow: auto; }
.news_boxB li { float: left; width: 296px; height: 377px; margin: 0 32px 32px 0; position: relative; }
.news_boxB li:nth-child(4n) { margin-right: 0; }
.news_boxB li a { display: block; background-color: #FFF; }
.news_boxB li img { display: block; }
.news_boxB li .info { position: absolute; left: 0; bottom: 0; width:calc(100% - 40px); height: 125px; padding: 15px 20px 25px 20px; background-color:#FFF; transition: all 0.3s ease-out; }
.news_boxB li .info span { font-size: 12px; color: #999; transition: all 0.3s ease-out; }
.news_boxB li .info p { padding-top: 10px; font-size: 16px; color: #4c4c4c; line-height: 24px; height: 48px; overflow: hidden; transition: all 0.3s ease-out; }
.news_boxB li .info div { padding-top: 10px; font-size: 12px; color: #999; line-height: 22px; height: 44px; overflow: hidden; transition: all 0.3s ease-out; }
.news_boxB li:hover .info { background-color: #217EF5; height: 175px; }
.news_boxB li:hover .info span { color: #FFF; }
.news_boxB li:hover .info p { color: #FFF; }
.news_boxB li:hover .info div { color: #FFF; height: 88px; }

/*news show*/
.newss_boxB { clear: both; width: 1280px; margin: 30px auto 0 auto; padding-bottom: 40px; font-size: 14px; }
.newss_boxB .tit { text-align: center; font-size: 26px; }
.newss_boxB .tm { padding: 25px 0 30px 0; text-align: center; color: #b2b2b2; border-bottom: 1px solid #E0E0E0; }
.newss_boxB .tm span { display: inline-block; margin: 0 7px; }
.newss_boxB .tm i { margin: 0 5px -3px 0; display: inline-block; width: 17px; height: 17px; background: url(../images/newsShow_03.jpg) center center no-repeat; }
.newss_boxB .cont { padding-top: 55px; line-height: 32px; min-height:200px; }

/*job*/
.job_ban { width: 100%; height: 542px; background: url(../images/job_02.jpg) center top no-repeat; }
.job_boxB { clear: both; width: 1280px; margin: 50px auto 0 auto; padding-bottom: 40px; font-size: 14px; }
.job_boxB ul { overflow: hidden; }
.job_boxB li { float: left; width: calc(50% - 20px); height: 160px; background-color: #FFF; margin: 0 40px 40px 0; position: relative; }
.job_boxB li:nth-child(2n) { margin-right: 0; }
.job_boxB li:after { content: ""; display: block; width: 2px; height: 0; position: absolute; left: 0; top: 0; background-color: #217ef5; transition: all 0.3s ease-out; }
.job_boxB li a { display: block; width: 100%; height: 100%; }
.job_boxB li .lt { float: left; height: 100%; margin: 0 44px 0 52px; width: 67px; background: url(../images/job_03.jpg) center center no-repeat; }
.job_boxB li .info { float: left; width: 195px; padding-top: 35px; }
.job_boxB li .info b { color: #666; font-size: 20px; transition: all 0.3s ease-out; }
.job_boxB li .info .p_1 { padding-top: 22px; height: 20px; overflow:hidden; }
.job_boxB li .info .p_2 { padding-top: 12px; height: 20px; overflow: hidden; }
.job_boxB li .info p span { color: #b2b2b2; }
.job_boxB li .num { float: left; padding-top: 75px; }
.job_boxB li .num span { color: #b2b2b2; }
.job_boxB li .rt { float: right; width: 44px; height: 44px; border-radius: 44px; background: #999 url(../images/job_05.png) center center no-repeat; margin: 58px 42px 0 0; transition: all 0.3s ease-out; }
.job_boxB li:hover .info b { color: #217ef5; }
.job_boxB li:hover .rt { background-color: #217ef5; }
.job_boxB li:hover:after { height: 100%; }


/*job join*/
.jobjoin_boxB { clear: both; width: 1220px; padding: 0 30px; margin: 40px auto 0 auto; background-color: #FFF; font-size: 14px; }
.jobjoin_boxB .tit { height: 77px; line-height: 77px; font-size: 22px; font-weight: bold; color: #666; border-bottom: 1px solid #EBEBEB; }
.jobjoin_boxB .info_1 { color: #666; line-height: 24px; padding: 20px 0; }
.jobjoin_boxB .info_2 { color: #666; line-height: 24px; padding: 20px 0 30px 0; border-top: 1px solid #EBEBEB; }
.jobjoin_boxB .info_2 .p_1 { color: #999; }
.jobjoin_boxC { clear: both; width: 1280px; margin: 40px auto; padding-bottom: 30px; background-color: #FFF; font-size: 14px; overflow: hidden; }
.jobjoin_boxC .lt { float: left; padding: 135px 0 0 50px; }
.jobjoin_boxC .lt p { font-size: 26px; color: #4c4c4c; }
.jobjoin_boxC .lt div { font-size: 16px; color: #808080; margin-top: 17px; }
.jobjoin_boxC .lt i { display: block; margin-top: 50px; width: 324px; height: 207px; background: url(../images/jobjoin_03.jpg) no-repeat; }
.jobjoin_boxC .rt { float: right; width: 700px; }
.jobjoin_boxC .rt .box { float: left; width: 50%; }
.jobjoin_boxC .rt .box p { color: #b2b2b2; padding: 25px 0 18px 0; }
.jobjoin_boxC .rt .box p i { color: #D01800; font-style: normal; }
.jobjoin_boxC .rt .box .txt { font-size: 14px; width: 285px; height: 19px; padding: 15px 15px; border: 1px solid #CCCCCC; background: none; outline: none; }
.jobjoin_boxC .rt .box .txt:focus { border-color: #217EF5; }
.jobjoin_boxC .rt .box .txt::-webkit-input-placeholder { color: #aaa }
.jobjoin_boxC .rt .box .txt::-moz-placeholder { color: #aaa }
.jobjoin_boxC .rt .box_1 { clear: both; float: none; width: 100%; }
.jobjoin_boxC .rt .box .area { font-size: 14px; width: 635px; height: 95px; padding: 15px 15px; border: 1px solid #CCCCCC; background: none; outline: none; }
.jobjoin_boxC .rt .box .area:focus { border-color: #217EF5; }
.jobjoin_boxC .rt .btn { margin-top: 30px; font-size: 16px; width: 667px; height: 51px; border-radius: 5px; background: #217EF5; color: #FFF; border: 0; outline: none; cursor: pointer; }

/*contact*/
.cont_ban { width: 100%; height: 542px; background: url(../images/contact_02.jpg) center top no-repeat; }
.cont_boxA { clear: both; width: 1280px; height: 190px; margin: 0 auto; background-color: #FFF; font-size: 14px; position: relative; margin-top: -107px; }
.cont_boxA ul { overflow: hidden; }
.cont_boxA li { float: left; width: 20%; padding-top: 45px; }
.cont_boxA li i, .cont_boxA li em { display: block; height: 46px; background: url(../images/contact_03_1.png) center top no-repeat; }
.cont_boxA li .i_1 { background-image: url(../images/contact_03_2.png); }
.cont_boxA li .i_2 { background-image: url(../images/contact_03_3.png); }
.cont_boxA li .i_3 { background-image: url(../images/contact_03_4.png); }
.cont_boxA li .i_4 { background-image: url(../images/contact_03_5.png); }
.cont_boxA li .hx { margin: 18px auto 10px auto; width: 24px; height: 1px; background-color: #B3B3B3; }
.cont_boxA li div { line-height: 24px; padding: 0 30px; text-align: center; }
.cont_boxA li .upp { text-transform: uppercase; }
.cont_boxB { clear: both; width: 100%; margin-top: 25px; background-color: #F5F5F5; font-size: 14px; position: relative; }
.cont_boxB #allmap { width: 100%; height: 440px; }
.cont_boxB .feedbkg { width: 50%; height: 440px; background-color: rgba(0,0,0,0.8); position: absolute; left: 0; top: 0; z-index: 1000; }
.cont_boxB .feed { width: 640px; position: absolute; top: 0; left: calc(50% - 640px); z-index: 1001; }
.cont_boxB .feed .p_1 { color: #FFF; font-size: 22px; padding-top: 60px; }
.cont_boxB .feed .box { overflow: hidden; padding-top: 60px; }
.cont_boxB .feed .txt { font-size: 12px; float: left; width: 168px; height: 24px; padding: 10px 15px; color: #ccc; border: 1px solid #666; background-color: #2E2E2E; outline: none; }
.cont_boxB .feed .txt_1 { margin-left: 18px; }
.cont_boxB .feed .txt:focus { border-color: #217EF5; }
.cont_boxB .feed .area { display: block; margin-top: 18px; font-size: 12px; width: 386px; height: 92px; padding: 10px 15px; color: #ccc; border: 1px solid #666; background-color: #2E2E2E; outline: none; }
.cont_boxB .feed .area:focus { border-color: #217EF5; }
.cont_boxB .feed .btn { display: block; margin-top: 18px; width: 418px; height: 46px; line-height: 46px; text-align: center; background-color: #217EF5; color: #FFF; border: 0; cursor: pointer; outline: none; }
.cont_boxC { clear: both; width: 100%; padding: 40px 0; text-align: center; font-size: 16px; color: #000; }

/*picture*/
.pic_boxB { clear: both; width: 1280px; min-height: 200px; margin: 30px auto 0 auto; padding-bottom: 40px; font-size: 14px; }
.pic_boxB ul { overflow: auto; }
.pic_boxB li { float: left; width: calc(20% - 16px); text-align:center; margin: 0 20px 20px 0; }
.pic_boxB li:nth-child(5n) { margin-right: 0; }
.pic_boxB li a { display: block; background-color: #FFF; }
.pic_boxB li img { border:1px solid #ddd;}

.net_boxA { margin-top: 30px; width: 1280px; margin: 0 auto 50px auto; }
.net_boxA .yoqi { width:calc(100% - 80px); }
.net_boxA .tzuo { width:45%; }
.net_boxA .tyou { width: calc(55% - 30px); }
.net_boxA .lie1 font { font-size:44px;}
.net_boxA .links ul {  padding:30px 0 0 30px;}
.net_boxA .links li { width: calc(33.33% - 30px); padding: 0; margin: 0 30px 30px 0; }
.net_boxA .links li:nth-child(3n) {  margin-right:0;}


.info_boxB { clear: both; width: 1220px; padding: 30px; line-height: 26px; min-height: 200px; margin: 40px auto; background-color: #FFF; font-size: 14px; }


.in_videobox{ width:100%; height:100%; overflow:hidden; position:absolute; top:0px; z-index:5000;}
.in_videobox video{ width:1920px;height:100%; position:absolute; left:50%; margin-left:-960px; z-index:5001;}
.in_videobox .btnbkg{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:5002; cursor:pointer;}
.in_videobox .btnbkg div{ width:634px; height:280px; background:url(../images/v_btn_1.png) left top no-repeat; opacity:0;}
.spro_en{color:#fff;font-size:14px;}