@charset "utf-8";*{margin:0;padding:0}
table{border-collapse:collapse}
a{text-decoration:none}
a:focus,a:hover{text-decoration:none}
a:focus{outline:0}
p{margin:0}
ol,ul{margin:0}
.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{margin:0}
.cor_red{color:#3f5ee1}
.cor_yellow{color:#f5fb47}
.cor_blue{color:#00eaff}
.f22{font-size:22px}
.clear{clear:both}
.shows{display:block}
.hides{display:none}
ol{padding-left:25px}
.ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bd_weixin_popup{height:auto!important}
html{height:100%}
.mbox3H4 span{ float:right; font-size:14px;}
.mbox3H4 span a{ color:#999;}
.cpa1{ width:48%; float:left; padding:35px; background:#fff; margin:55px 0px; line-height:35px;}
.cpa2{ width:48%; float:right; padding:35px; background:#fff; margin:55px 0px; line-height:35px;}
li{list-style:none;}
.cpa1 ul li{ background:url(../images/3.png) no-repeat left center; padding-left:25px; text-decoration:none; font-size:15px; color:#555;}
.cpa2 ul li{ background:url(../images/3.png) no-repeat left center; padding-left:25px; text-decoration:none; font-size:15px; color:#555;}
.cpa1 h3{ font-size:25px; margin-bottom:25px; color:#00a5ff; font-weight:bold;}
.cpa1 p{ line-height:25px;}
.cpa2 h3{ font-size:25px; margin-bottom:25px;color:#00a5ff; font-weight:bold;}
.cpa2 p{ line-height:25px;}
.cpa3{ padding-top:20px;}
.cpa3a{ width:23%; margin:1%; background:#fff; padding:20px; text-align:center; font-size:16px; float:left; border-bottom:1px #ea6819 solid;}
.asfs2 h3{ font-size:22px; margin-bottom:25px; background:url(../images/4.jpg) no-repeat center bottom; padding-bottom:20px; margin-bottom:25px;  padding-top:20px;}
.asfs2 p{ padding-bottom:40px; text-align:left; line-height:36px}
.zi{ text-align:center; font-size:22px; font-weight:100; line-height:45px; padding:25px; color:#444;}
.cpa3{ text-align:center;}
.ceng{ position:relative;}
.ceng1{ position:absolute; left:0px; top:40px; background:rgba(0,108,255,0.7); color:#fff; padding:10px 20px; font-size:20px;}

.osd1{ width:50%; float:left;}
.osd2{ width:48%; float:right;}

.osd1aa{ width:100%; float:left;}
.osd2aa{ width:100%; float:right; padding:50px 0px; background:#f5f5f5; padding:20px; margin:50px 0px; margin-top:0px;}
.osd1aa .osd1a{ width:31.33%; margin:1%; margin-top:40px;}
.awe img{ width:100%; height:auto;}

.osd1a {
    background: #3f5ee1;
    padding: 25px;
    width: 48%;
    margin-right: 2%;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
    float: left;
}
.osd1a{ background:#3f5ee1; padding:25px; width:48%; margin-right:2%;  margin-bottom:10px; color:#fff; text-align:center; float:left;}
.osd1{ margin-top:10px;}
.osd1a h1{ font-size:80px; font-weight:bold; line-height:90px; color:#00e8ff;}
.osd1a h3{ font-size:25px; line-height:30px; font-weight:bold;}
.osd1a p{ font-size:16px; margin-top:20px; line-height:25px; min-height:125px;}
.osd2{ margin-top:150px;}
.osd2 img{ width:100%; height:auto;}

.pc_ban{width:100%; position:relative; overflow:hidden;}
.pc_ban .swiper-slide:after{width:100%; height:100%; background-color:rgba(0,0,0,0); position:absolute; left:0; bottom:0; content:"";}
.pc_ban .swiper-button-prev{width:40px; height:40px; background:url(../images/ban_l.png) no-repeat center; left:0%; margin-top:-20px; opacity:0;
background-size:40px 40px;
-webkit-background-size:40px 40px;
-moz-background-size:40px 40px;
-ms-background-size:40px 40px;
-o-background-size:40px 40px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_ban:hover .swiper-button-prev{left:2%; opacity:.8;}
.pc_ban .swiper-button-next{width:40px; height:40px; background:url(../images/ban_r.png) no-repeat center; right:0%; margin-top:-20px; opacity:0;
background-size:40px 40px;
-webkit-background-size:40px 40px;
-moz-background-size:40px 40px;
-ms-background-size:40px 40px;
-o-background-size:40px 40px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_ban:hover .swiper-button-next{right:2%; opacity:.8;}
.pc_ban .container{position:absolute; top:50%; left:50%; z-index:99;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);}
.pc_ban .w_z{width:80%; margin:0 auto; color:#fff; text-align:center; position:relative;}
.pc_ban .w_z h2{font-size:44px; font-weight:bold; line-height:56px;}
.pc_ban .w_z p{font-size:22px; text-transform:uppercase; line-height:32px; margin-top:15px;}
@media only screen and (max-width:992px){
.pc_ban{ min-height:inherit;}
.pc_ban .container{width:100%; top:50%;}
.pc_ban .swiper-button-prev{display:none;}
.pc_ban .swiper-button-next{display:none;}
.pc_ban .swiper-pagination{bottom:10px;}
.pc_ban .swiper-pagination-bullet{width:5px; height:5px;}
.pc_ban .w_z{width:100%;}
.pc_ban .w_z h2{font-size:22px; font-weight:normal; line-height:32px;}
.pc_ban .w_z p{font-size:16px; letter-spacing:1px; line-height:26px;}
.asfs2 p{ padding-bottom:20px; text-align:left; line-height:30px; font-size:14px}

}
@media only screen and (max-width:640px){
.pc_ban .w_z h2{font-size:20px; font-weight:bold; line-height:28px;}
.pc_ban .w_z p{font-size:14px; line-height:24px; margin-top:8px;}
.osd1aa .osd1a{ margin-top:20px; margin-bottom:0px;}
}


body{position:relative;height:100%;min-width:320px;font-family:Arial,"微软雅黑"}
.imgBg{background-position:center center;background-size:cover;background-repeat:no-repeat}
.imgBg img{display:none}
.menuBg{position:fixed;top:0;right:0;z-index:2;padding:20px 0 0;width:60px;height:100%;background:#3f5ee1}
.menuBtn{text-align:center;cursor:pointer}
.menuBtn img{margin:6px auto 10px}
.mBtnLine{font-size:0}
.mBtnLine span{display:inline-block;width:2px;height:20px;background:#fff;vertical-align:top}
.mBtnLine span:nth-child(2){margin:-4px 3px 0}
.mOnLine{position:absolute;right:0;bottom:0;padding:25px 0;width:100%;background:#3f5ee1;color:#FFF}
.mOnLine li{position:relative}
.mOnLine a{color:#FFF}
.mOnLineIco{position:relative;z-index:1;padding-bottom:1px;background:#3f5ee1;font-size:18px;line-height:36px;cursor:pointer}
.mOnLineCon{position:absolute;top:0;right:60px;z-index:0;padding:0 20px;background:#3f5ee1;white-space:nowrap;line-height:36px;transform:translate(150%,0)}
.mOnLineCon a{display:block}
.onLineWx .mOnLineCon{top:auto;bottom:-25px;padding:5px 0;width:140px;background:0 0;background:#FFF}
.onLineWx .mOnLineCon img{margin:0 auto}
.mOnLine li:hover .mOnLineCon{transition:all .5s ease 0s;transform:translate(0,0)}
.headerBg{position:absolute;top:0;left:0;z-index:1;margin-right:60%;padding:35px 40px;width:100%}
.header{margin-right:60px}
.logo{float:left;  }
.logo a{display:block}
.logo img{ height:50px}
.tel{float:right;color:#3f5ee1;font-size:18px;font-family:Verdana;line-height:24px}
.tel li{ float:left; width:26px; margin-right:10px}
.tel img{ width:100%;vertical-align:middle}

.tel1{float:right;color:#fff;font-size:18px;font-family:Verdana;line-height:24px}
.telIco1{display:inline-block;margin-top:-4px;width:20px;height:16px;background:url(../images/tel1.png) no-repeat;vertical-align:middle}
.tel1 img{margin-top:-4px;vertical-align:middle}


<!--.fp-viewing-page2 .logo .hides{display:block}
.fp-viewing-page2 .logo .shows{display:none}-->
.navBg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;background:#222;background:rgba(34,34,34,.9);opacity:0;transition:all .5s ease 0s;transform:translate(-100%,0)}
.navBg.active{opacity:1;transform:translate(0,0)}
.navTop{position:relative;z-index:1;padding:35px 40px;border-bottom:1px solid #333;border-bottom:1px solid rgba(255,255,255,.08)}
.navClose{float:right;padding:5px 0 0;width:30px;height:30px;cursor:pointer}
.navClose span{display:block;width:100%;height:1px;background:#FFF;transform-origin:left center}
.navClose span:first-child{transform:rotate(45deg)}
.navClose span:last-child{margin-top:20px;transform:rotate(-45deg)}
.navBot{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;padding-top:120px;height:100%}
.navList{overflow:hidden;height:100%}
.navList li{float:left;width:14.2%;height:100%;opacity:0;transition:all .5s ease 0s;transform:translate(0,50px)}
.navList li a{display:block;padding:100px 0 0 20%;height:100%;border-right:1px solid #333;border-right:1px solid rgba(255,255,255,.08);color:#FFF;transition:all .5s ease 0s}
.navList li a span{display:block}
.navEn{font-size:30px}
.navCn{font-size:22px}
.navList li a:hover{padding-left:10%;color:#3f5ee1}
.navList li.text-right{padding:100px 0 0;width:13.5%;color:#FFF;font-size:16px;line-height:36px}
.navTel{font-size:22px;font-family:Verdana}
.navBotCon{position:absolute;right:2.5%;bottom:65px;padding-left:5px;width:13.5%;color:#FFF;color:#FFF;font-size:12px;line-height:22px}
.navSearch{position:relative;float:right;margin-bottom:15px;padding-right:34px;width:77%;background:#3f5ee1;line-height:32px}
.navSearch input{display:block;padding:5px 10px;width:100%;height:36px;border:none;background:#333;color:#FFF;line-height:24px}
.searchIco{position:absolute;top:0;right:0;display:block;width:34px;color:#FFF;text-align:center;font-size:14px}
.searchIco:focus,.searchIco:hover{color:#FFF}
.navShare{font-size:14px}
.navShare li{position:relative}
.navShare li a{color:#FFF}
.navWechat{position:absolute;right:0;bottom:30px;width:100px;opacity:0;transition:all .5s ease 0s;transform:scaleY(0)}
.navShare li:hover .navWechat{opacity:1;transform:scaleY(1)}
.active .navList li{opacity:1;transform:translate(0,0)}
.active .navList li{transition-delay:.3s}
#navPage{position:fixed;top:50%;left:0;text-align:left;transition:all .1s ease-out 0s;transform:translateY(-50%)}
#navPage.noactive{left:-10%}
#navPage li{position:relative;padding-left:40px}
#navPage li:after{position:absolute;top:50%;left:0;display:block;width:0;height:1px;background:#3f5ee1;content:"";transition:all .5s ease-out 0s}
#navPage li.active:first-child:after{width:95px}
#navPage li:first-child+li.active:after{width:95px}
#navPage li:first-child+li+li.active:after{width:110px}
#navPage li:first-child+li+li+li.active:after{width:95px}
#navPage li:first-child+li+li+li+li.active:after{width:130px}
#navPage li:first-child+li+li+li+li+li.active:after{width:115px}
#navPage li:first-child+li+li+li+li+li+li.active:after{width:95px}
#navPage li:first-child+li+li+li+li+li+li+li.active:after{width:115px}
#navPage li a{display:inline-block;color:#aaa;font-weight:700;font-size:0;font-family:Arial;line-height:34px}
#navPage li a i,#navPage li a span{display:inline-block;vertical-align:middle;font-size:14px}
#navPage li a i{font-style:normal}
#navPage li a span{overflow:hidden;width:0;white-space:nowrap;transition:all .5s ease-out 0s}
#navPage li a:hover,#navPage li.active a{color:#3f5ee1}
#navPage li a:hover span,#navPage li.active a span{width:80px}
#hmpage{opacity:0;-webkit-opacity:0}
.mbox{margin-right:60px}
.mbox1 .swiper-slide{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-align:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-pack:center;-webkit-flex-flow:column wrap;-ms-flex-flow:column wrap;flex-flow:column wrap;align-items:center}
.mbox1{position:relative;overflow:hidden;height:100%}
.banImg{position:relative;overflow:hidden;width:100%;height:100%}
.banImg .imgBg{position:absolute;top:0;left:0;width:100%;height:100%}
<!--.mbox1 .swiper-slide-active .imgBg{animation:imageAnimation 6s linear 0s}-->
.banText{position:absolute;bottom:25%;left:23%;z-index:1;width:478px}
.ban1Line{display:block;margin:20px 0;width:100%;height:1px;background:rgba(255,255,255,.2);transition:all .5s ease 0s}
.banBorder1{position:absolute;top:-40px;right:-43px;width:180px;height:300px}
.banBorder1 span{position:absolute;display:block;transition:all .5s ease 0s}
.banBorder1 span i{display:block;width:100%;height:100%;background:#FFF}
.ban1Line1{bottom:274px;left:0;width:2px;height:26px}
.ban1Line1 i{position:absolute;bottom:0;left:0}
.ban1Line2{top:0;left:2px;width:178px;height:2px}
.ban1Line3{top:2px;right:0;width:2px;height:298px}
.ban1Line4{right:0;bottom:0;width:178px;height:2px}
.ban1Line4 i{position:absolute;right:0;bottom:0}
.ban1Line5{bottom:0;left:0;width:2px;height:195px}
.ban1Line5 i{position:absolute;bottom:0;left:0}
.banBorder1:after{position:absolute;bottom:30px;left:-35px;display:block;width:49px;height:12px;background:url(../images/banico1.png) 0 center no-repeat;content:"";animation:animatedBg 10s linear infinite}
.banText2{position:absolute;top:50%;left:50%;z-index:1;margin:-334px 0 0 -334px;width:668px;height:668px}
.banTextCn2,.banTextEn2{position:absolute;top:0;right:0;bottom:0;left:0}
.banTextCir{position:absolute;top:0;right:0;bottom:0;left:0;background:url(../images/banico2.png) center center no-repeat;background-size:cover}
.banLine2{position:absolute;width:0;height:0;background:url(../images/ban2line.png) center center no-repeat;background-size:cover;transition:all .5s ease 1.5s;animation:Yopacity 3s linear infinite .8s}
.swiper-slide-active .banLine2{width:100%;height:100%}
.banBg3{position:absolute;top:0;right:0;bottom:0;left:0;background:#e4e4e7}
.banBg3:after{position:absolute;top:0;left:0;display:block;width:0;height:100%;background:#242632;content:"";transition:all .8s ease .3s}
.ban3Ico{position:absolute;top:0;right:0;bottom:0;width:100%;height:100%;background-size:100%;background-repeat:no-repeat}
.ban3Ico1{background-image:url(../images/ban3ico1.png);background-position:left center}
.ban3Ico2{background-image:url(../images/ban3ico2.png);background-position:bottom center}
.ban3Ico3{background-image:url(../images/ban3ico3.png);background-position:right center}
.banText3{margin:0 auto;padding:50px 0 0;max-width:60%}
.banText3 img{margin:0 auto}
.banImg3{position:relative;margin:70px auto 0;max-width:1150px}
.banImg3>div{position:absolute;top:0;left:0;width:100%;height:100%}
.banImg3>div.banImg31{position:relative}
.swiper-slide-active .banBg3:after{width:49.95%}
.section{overflow:hidden;height:100%;text-align:center}
.mainbox3{background:url(../images/mainbox3bg.jpg) center top no-repeat;background-size:cover}
.mainbox4{background:url(../images/mainbox4bg.jpg) right bottom no-repeat;background-size:cover}
.mainbox5{background:#fff}
.mainbox6{background:#fff}
.main_box{padding-top:86px}

.mbox1 .swiper-pagination{bottom:5%;margin:0;padding-right:1%;text-align:right}
.mbox1 .swiper-pagination-bullet{width:30px;height:2px;border-radius:0;background:#FFF;vertical-align:bottom;opacity:1;transition:all .5s ease 0s}
.mbox1 .swiper-pagination-bullet-active{height:8px;background:#3f5ee1}
.welcome{position:absolute;bottom:0;left:40px;z-index:1;display:block;width:280px;height:70px;background:#3f5ee1;color:#FFF;font-size:14px;font-family:Arial;line-height:70px}
.welcome i,.welcome span,.welcome strong{display:inline-block;margin:0 2px;vertical-align:middle}
.welcomeDot{width:4px;height:4px;border-radius:50%;background:#FFF}
.welcomeLine{width:46px;height:1px;background:#FFF;transition:all .5s ease 0s}
.welcome:focus,.welcome:hover{color:#FFF}
.welcome:hover .welcomeLine{width:60px}
.mbox2Bg{background:#f0f0f0}
.mbox3Bg{background:url(../images/box3bg.jpg) center center no-repeat;background-size:cover}
.mbox4Bg,.mbox7Bg{background:#f5f5f5}
.mbox5Bg{background:url(../images/box5bg.jpg) center bottom no-repeat;background-size:cover}
.mbox6Bg{background:url(../images/box6bg.jpg) center center no-repeat;background-size:cover}
.mbox8Bg{background:url(../images/box8bg.jpg) center center no-repeat;background-size:cover}
.box2ImgBg{position:absolute;top:0;right:0;overflow:hidden;width:42%;height:100%}
.box2ImgBg .imgBg{height:100%;transition:all 1s ease 0s;transform:scale(1.05)}
.box2ImgBg .imgBg:hover{transform:scale(1)}
.mbox2Text{padding-top:50px;padding-left:13%;width:58%;text-align:left}
.mbox2TitEn{color:#3f5ee1;text-transform:uppercase;font-size:46px;font-family:Arial;line-height:150%;opacity:0;transition:all .6s ease 0s;transform:translateX(-50px)}
.mbox2TitCn{color:#333;font-size:30px;line-height:150%;opacity:0;transition:all .6s ease 0s;transform:translateX(-50px); font-weight:bold}
.mbox2Brief{overflow:hidden;margin:20px 0;color:#333;font-size:15px;line-height:36px;opacity:0;transition:all .8s ease 0s;transform:translateX(-50px)}
.mbox2Num{margin:40px -40px;color:#333;font-size:0;line-height:26px}
.mbox2Num li{padding:5px 40px;vertical-align:top;font-size:12px}
.mbox2NumSp{font-size:38px;font-family:Arial}
.mbox2Bot{position:relative;margin:0 -2px;padding:35px 35px 25px;background:rgba(255,255,255,0.6);font-size:0}
.mbox2Bot:after{position:absolute;top:0;right:-100px;display:block;width:100px;height:100%;background:rgba(255,255,255,0.6);content:""}
.mbox2Bot li{padding:2px;width:25%;vertical-align:top;text-align:center;opacity:0;transition:all .8s ease 0s;transform:translateX(-20px)}
.mbox2Bot li a{display:block}
.mbox2Img{margin-bottom:10px}
.mbox2Img img{margin:0 auto}
.mbox2BotH3{color:#333;font-size:15px;line-height:34px}
.mbox2Bot li a:hover .mbox2Img img{animation:swing 1s infinite linear}
.mbox2More .welcome{position:static;width:220px;height:54px;line-height:54px}
.active .mbox2Bot li,.active .mbox2Brief,.active .mbox2TitCn,.active .mbox2TitEn{opacity:1;transform:translateX(0)}
.active .mbox2TitEn{transition-delay:.3s}
.active .mbox2TitCn{transition-delay:.5s}
.active .mbox2Brief{transition-delay:.7s}
.mbox3{margin:0 auto;padding:50px 0 0;max-width:1270px}
.mbox3Lef{float:left;width:45%;text-align:left}
.mbox3Tit{margin-bottom:40px;margin-left:83px;max-width:350px;color:#777}
.mbox3Tit .mbox2TitCn,.mbox3Tit .mbox2TitEn{color:#222;line-height:130%}
.mbox3Brief{overflow:hidden;margin:5px 0 0;height:44px;font-size:14px;line-height:22px;opacity:0;transition:all .8s ease 0s;transform:translateX(-50px)}
.active .mbox3Brief{opacity:1;transition-delay:.7s;transform:translateX(0)}
.mbox3LefCon{position:relative}
.mbox3LefItem li{position:relative;padding-bottom:32px;opacity:0;transition:all .8s ease 0s;transform:translateY(20px);}
.mbox3LefItem li:after{position:absolute;bottom:0;left:19px;display:block;width:1px;height:32px;background:rgba(255,255,255,.2);content:""}
.mbox3LefItem li:last-child:after{display:none}
.mbox3LefItem li a{display:block;padding:7px 0;height:100%;  }
.mbox3Ico,.mbox3Line,.mbox3Name{display:inline-block;color:#222;vertical-align:top;font-size:12px;font-family:Arial;line-height:20px;transition:all .6s ease 0s}
.mbox3Ico{ display:none;}
.mbox3LefItem li:after{ display:none;}
.mbox3Line{margin:6px 20px 0;width:40px;height:1px;background:rgba(0,0,0,.2);font-size:0}
.mbox3H3{margin-bottom:10px;font-size:22px; line-height:25px;}
.mbox3Name .text-uppercase{ color:#777; font-size:13px;}
/*.mbox3LefItem li.active a .mbox3Line{width:86px}*/
.mbox3LefItem li a:hover .mbox3Name,.mbox3LefItem li.active a .mbox3Name{color:#3f5ee1;}

.mbox3LefItem li.active a .mbox3H3{ font-weight:bold;}
.mbox3Rig{position:relative;float:right;width:55%;min-height:211px;transition:all .6s ease 0s;transform:translateX(50%)}
.box3RigImg img{float:right;max-width:70%}
.box3RigImgItem{display:none}
.box3RigImgItem.active{display:block}
.box3RigText{position:absolute;right:40px;bottom:50px;padding:35px 60px;width:85%;background:rgba(255,255,255,0.9);}
.box3RigText .swiper-slide{text-align:left}
.mbox3H4{color:#333;font-size:24px;line-height:120%}
.mbox3Con{overflow:hidden;margin:15px 0;height:48px;color:#222;font-size:15px;line-height:24px}
.mbox3Btn{color:#3f5ee1;vertical-align:top;text-align:left;font-size:24px}
.mbox3Btn span{padding:0 10px;cursor:pointer}
.mbox3Pause img{margin-top:-4px}
.active .mbox3LefItem li{opacity:1;transform:translateY(0)}
.active .mbox3Rig{transition:all .8s ease .3s;transform:translateX(0)}
.fp-viewing-page4 .tel{color:#3f5ee1}
.fp-viewing-page4 .telIco{background-image:url(../images/tel.png)}
.fp-viewing-page4 .mBtnLine span{background:#3f5ee1}
.mbox4Lef{position:absolute;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:29%;height:100%;background:#eee;color:#ddd;-webkit-box-align:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-pack:center;-webkit-flex-flow:column wrap;-ms-flex-flow:column wrap;flex-flow:column wrap;align-items:center}
.mbox4LefCon{padding-left:32%;width:100%;text-align:left}
.mbox4Tit .mbox2TitCn,.mbox4Tit .mbox2TitEn{color:#222;line-height:130%}
.mbox4Tit .mbox3Brief{height:22px; color:#888; font-size:14px; margin-top:5px;}
.mbox4LefItem{margin:20px 0 40px;max-width:180px}
.mbox4LefItem li{opacity:0;transition:all .5s ease 0s;transform:scaleY(-1) translateY(10px)}
.mbox4LefItem li a{position:relative;display:block;padding:10px 0;color:#222; font-size:14px;line-height:26px}
.mbox4LefItem li a:before{position:absolute;top:50%;left:0;display:block;margin-top:-2px;width:4px;height:4px;border-radius:50%;background:#FFF;content:"";opacity:0;transition:all .6s ease 0s}
.mbox4LefItem li a i.fa{color:#FFF;opacity:0;transition:all .6s ease 0s;transform:translateX(-10px)}
.mbox4LefLine{display:inline-block;margin:0 7px 0 22px;width:44px;height:1px;background:#ccc;vertical-align:middle;transition:all .6s ease 0s}
.mbox4LefItem li a:hover{color:#3f5ee1}
.mbox4LefItem li a:hover:before{left:-26px;opacity:1}
.mbox4LefItem li a:hover i.fa{opacity:1;transform:translateX(0)}
.mbox4LefItem:hover .mbox4LefLine{width:30px}
.mbox4LefItem:hover li a:hover .mbox4LefLine{width:46px;background:#FFF}
.mbox4More{display:block;width:140px;height:42px;border:1px solid #3f5ee1;color:#fff; background:#3f5ee1; text-align:center;line-height:40px;transition:all .6s ease 0s}
.mbox4MoreIco{position:relative;display:inline-block;margin:-3px 0 0 10px;width:11px;height:11px;vertical-align:middle}
.mbox4MoreIco:after,.mbox4MoreIco:before{position:absolute;display:block;background:#fff;content:"";transition:all .6s ease 0s}
.mbox4MoreIco:after{top:5px;left:0;width:100%;height:1px}
.mbox4MoreIco:before{top:0;left:5px;width:1px;height:100%}
.mbox4More:focus,.mbox4More:hover{border-color:#3f5ee1;background:#3f5ee1;color:#FFF}
.mbox4More:focus .mbox4MoreIco:after,.mbox4More:focus .mbox4MoreIco:before,.mbox4More:hover .mbox4MoreIco:after,.mbox4More:hover .mbox4MoreIco:before{background:#FFF}
.mbox4{margin-left:29%;height:100%}
.mbox4List{position:relative;padding:80px 110px;height:100%}
.mbox4List .swiper-wrapper{display:block;overflow:hidden}
.mbox4List .swiper-slide{float:left;display:block;padding:15px;width:33.33%;height:33.33%;opacity:0;transition:all .8s ease 0s;transform:translateY(20px)}
.mbox4Link{position:relative;display:block;overflow:hidden;height:100%}
.mbox4Img{position:relative;overflow:hidden;height:100%}
.mbox4Img img{width:100%;transition:all 1s ease 0s}
.mbox4Ico{position:absolute;top:50%;left:50%;margin:-30px 0 0 -20px;width:40px;height:40px;background:url(../images/mbox4ico.png) center center #3f5ee1 no-repeat;opacity:0;transition:all 1s ease 0s;transform:scale(10)}
.mbox4Text{position:absolute;bottom:-100%;left:0;padding:9px 10px;width:100%;background:rgba(63,94,225,.9);color:#FFF;text-align:center;font-size:14px;transition:all .6s ease 0s}
.mbox4Text h3{font-size:14px;line-height:200%}
.mbox4Link:hover .mbox4Img img{transform:scale(1.1)}
.mbox4Link:hover .mbox4Ico{opacity:1;transform:scale(1)}
.mbox4Link:hover .mbox4Text{bottom:0}
.mbox4Btn{position:absolute;top:50%;display:none;color:#3f5ee1;font-size:40px;cursor:pointer;transform:translateY(-50%)}
.mbox4Prev{left:50px}
.mbox4Next{right:50px}
.mbox4Listm{display:none}
.active .mbox4LefItem li{opacity:1;transform:scaleY(1) translateY(0)}
.active .mbox4List .swiper-slide{opacity:1;transition-delay:.3s;transform:translateY(0)}
.active .mbox4List .swiper-slide:nth-child(2){transition-delay:.5s}
.active .mbox4List .swiper-slide:nth-child(3){transition-delay:.7s}
.active .mbox4List .swiper-slide:nth-child(4){transition-delay:.9s}
.active .mbox4List .swiper-slide:nth-child(5){transition-delay:1.1s}
.active .mbox4List .swiper-slide:nth-child(6){transition-delay:1.3s}
.active .mbox4List .swiper-slide:nth-child(7){transition-delay:1.5s}
.active .mbox4List .swiper-slide:nth-child(8){transition-delay:1.7s}
.active .mbox4List .swiper-slide:nth-child(9){transition-delay:1.9s}
.fp-viewing-page5 .logo .hides{display:block}
.fp-viewing-page5 .logo .shows{display:none}
.fp-viewing-page5 .tel{color:#3f5ee1}
/*.fp-viewing-page5 .telIco{background-image:url(../images/tel.png)}*/
.fp-viewing-page5 .mBtnLine span{background:#3f5ee1}
.mbox5{padding-top:50px}
.mbox5List{margin:0 auto;max-width:62.5%}
.mbox5List .swiper-container{padding:30px 0}
.mbox5List .swiper-slide{opacity:0;transition:all .4s ease 0s;transform:translateY(100%)}
.mbox5List .swiper-slide:nth-child(2n){transform:translateY(-100%)}
.mbox5List .swiper-slide a{position:relative;display:block;overflow:hidden;height:100%;background:rgba(122,122,122,.05);transition:all .7s ease 0s}
.mbox5List .swiper-slide img{width:100%}
.mbox5Img{transition:all .7s ease 0s}
.mbox5Mask{position:absolute;display:none;width:100%;height:100%;background:#3f5ee1}
.mbox5Hov{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:all .7s ease 0s;transform:scale(2)}

.mbox5Bot{position:relative;padding:10px 200px}
.mbox5Btn{position:absolute;top:50%;color:#333;font-size:0;font-family:Arial;cursor:pointer;transform:translateY(-50%)}
.mbox5Btn i,.mbox5Btn strong{display:inline-block;vertical-align:middle;font-size:14px}
.mbox5Btn i.fa{color:#3f5ee1;font-size:15px}
.mbox5Btn strong{padding:0 5px}
.mbox5Line{width:148px;height:1px;background:#d2d2d2;transition:width .6s ease 0s}
.mbox5Btn:hover .mbox5Line{width:100px;background:#3f5ee1}
.swiper-button-disabled strong{opacity:.5}
.swiper-button-disabled .mbox5Line{width:100px}
.swiper-button-disabled:hover .mbox5Line{background:#d2d2d2}
.mbox5Prev{left:0}
.mbox5Next{right:0}
.mbox5Bot .swiper-pagination{position:static}
.mbox5Bot .swiper-pagination-bullet{margin:0 6px;width:34px;height:3px;border-radius:0;background:#ccc;vertical-align:middle;opacity:1}
.mbox5Bot .swiper-pagination-bullet-active{background:#3f5ee1}
.active .mbox5List .swiper-slide{opacity:1;transition:all .8s ease .5s;transform:translateY(0)}
.mbox6{padding:50px 0 0}
.mbox6Tit{padding:0 15px;color:#222; font-weight:100;}
.mbox6TitEn{letter-spacing:.6em;font-size:30px;font-family:Arial;line-height:150%;opacity:0;transition:all .6s ease 0s;transform:translateX(-50%)}
.mbox6TitCn{font-size:36px;line-height:150%;opacity:0;transition:all .6s ease 0s;transform:translateX(50%)}
.mbox6Text{position:relative;margin:60px auto;padding:45px 80px;max-width:650px;border:1px solid rgba(0,0,0,.1);color:#666;font-size:16px;line-height:34px;opacity:0;transition:all .6s ease 0s}
.mbox6Text:after,.mbox6Text:before{position:absolute;top:0;left:0;display:block;width:80px;height:1px;background:rgba(255,255,255,.5);content:"";font-size:0;transition:all .6s ease 0s;transform:rotate(0);transform-origin:left top}
.mbox6Text:before{top:-15px;left:60px}
.mbox6Text:after{top:120px;left:-70px}
.mbox6Text span{padding:0 4px;color:#3f5ee1}
.f16{font-size:16px}
.f24{font-size:24px}
.f28{font-size:28px}
.mbox6Top{position:absolute;top:0;left:50%;margin:-40px 0 0 -5px;width:10px;height:80px;color:#ccc}
.mbox6Cir{display:block;margin:0 auto;width:5px;height:5px;border-radius:50%;background:rgba(0,0,0,.1)}
.mbox6Line{display:block;margin:10px auto 0;width:1px;height:50px;background:rgba(0,0,0,.1)}
.mbox6Arrow{line-height:12px;animation:swing 1s linear infinite}
.mbox6Ico{position:absolute;right:-24px;bottom:30%;display:block;width:49px;height:12px;background:url(../images/mbox6ico.png) 0 center no-repeat;animation:animatedBg 10s linear infinite}
.mbox6Link{position:absolute;bottom:-21px;left:0;display:block;margin-left:-80px;width:160px;background:#3f5ee1;color:#fff;text-align:center;font-size:16px;line-height:42px;opacity:0;transition:all .6s ease 0s;animation:shake 10s linear infinite}
.mbox6Link:focus,.mbox6Link:hover{color:#FFF}
.mbox6Bot{padding:10px 0 0;text-align:center;opacity:0;transition:all .6s ease 0s;transform:translateY(100%)}
.mbox6Bot img{margin:0 auto}
.active .mbox6TitCn,.active .mbox6TitEn{opacity:1;transition:all 1s ease .3s;transform:translateX(0)}
.active .mbox6Text{opacity:1;transition:all .6s ease .6s}
.active .mbox6Text:after,.active .mbox6Text:before{transition:all 1s ease 1s;transform:rotate(-45deg)}
.active .mbox6Link{left:50%;opacity:1;transition:all 1s ease 1.5s}
.active .mbox6Bot{opacity:1;transition:all 1s ease 2s;transform:translateY(0)}
.fp-viewing-page7 .logo .hides{display:block}
.fp-viewing-page7 .logo .shows{display:none}
.fp-viewing-page7 .tel{color:#3f5ee1}
.fp-viewing-page7 .telIco{background-image:url(../images/tel.png)}
.fp-viewing-page7 .mBtnLine span{background:#3f5ee1}
.mbox7List{overflow:hidden;margin:45px auto;max-width:1400px}
.mbox7List li{position:relative;float:left;width:50%;opacity:0;transition:all .6s ease 0s;transform:translate(-50%,50%)}
.mbox7List li:nth-child(2n){transform:translate(50%,-50%)}
.mbox7List li a{position:relative;display:block;overflow:hidden;padding-left:50%;height:100%;min-height:200px;background:#FFF;transition:all .5s linear 0s}
.mbox7Img{position:absolute;top:0;left:0;width:50%;height:100%}
.mbox7Text{padding:30px 50px;color:#888;font-size:12px;line-height:22px}
.mbox7Name{overflow:hidden;height:44px;color:#333;text-align:left;font-size:14px;line-height:22px;transition:all .5s linear 0s}
.mbox7Time{height:36px;color:#777;text-align:left;font-size:12px;line-height:36px;transition:all .5s linear 0s}
.mbox7Brief{overflow:hidden;height:44px;color:#888;text-align:left;transition:all .5s linear 0s}
.mbox7Ico{position:absolute;top:50px;left:50%;display:block;margin-left:-8px;width:16px;height:3px;background:#3f5ee1;transition:all .5s linear 0s}
.mbox7List li a:hover{background:#3f5ee1;color:#FFF}
.mbox7List li a:hover .mbox7Brief,.mbox7List li a:hover .mbox7Name,.mbox7List li a:hover .mbox7Time{color:#FFF}
.mbox7List li a:hover .mbox7Ico{background:#FFF}
.mbox7List li:nth-child(3) a,.mbox7List li:nth-child(4) a{padding-right:50%;padding-left:0}
.mbox7List li:nth-child(3) .mbox7Img,.mbox7List li:nth-child(4) .mbox7Img{right:0;left:auto}
.mbox7More{margin:0 auto;width:210px;height:50px;border-color:#d2d2d2;color:#fff;font-size:16px;line-height:48px}
.mbox7More .mbox4MoreIco:after,.mbox7More .mbox4MoreIco:before{background:#fff}
.active .mbox7List li{opacity:1;transition:all .8s ease .3s;transform:translate(0,0)!important}
.mbox8{padding-top:50px}
.mbox8Wrap{margin:0 auto;height:490px;max-width:1060px;transform-style:preserve-3d;perspective:1000px}
.mbox8Left{float:left;padding:40px 50px;width:320px;height:100%;background:rgba(218,5,2,.65);box-shadow:-20px 0 20px rgba(0,0,0,.2) inset;color:#FFF;transition:all 1s ease 0s;transform:rotateY(-80deg);transform-origin:right center;transform-style:preserve-3d}
.mbox8LefEn{padding:5px 0;color:#FFF;text-align:left;font-size:30px;font-family:Arial}
.mbox8LefCn{padding:5px 0;text-align:left;font-size:17px}
.mbox8Mes{padding:30px 0 0}
.mbox8Mes li{margin-bottom:5px}
.mbox8Mes li input{width:100%;border:none;border-bottom:1px solid rgba(255,255,255,.5);background:0 0;color:#fff;font-size:12px;line-height:50px}
.mbox8Mes li textarea{margin-top:10px;width:100%;border:none;border-bottom:1px solid rgba(255,255,255,.5);background:0 0;color:#fff;font-size:12px;line-height:30px;resize:none}
.mbox8MesBtn{display:block;margin-top:20px;width:110px;height:36px;border:1px solid rgba(255,255,255,.5);color:#FFF;font-size:13px;line-height:34px}
.mbox8MesBtn:focus,.mbox8MesBtn:hover{color:#FFF}
.mbox8Right{float:right;padding:60px 15px 0;width:740px;height:100%;background:#FFF;background:rgba(255,255,255,.95);color:#777;font-size:12px;line-height:26px}
.mbox8RigEn{padding:5px 0;color:#3f5ee1;text-transform:uppercase;font-weight:700;font-size:20px;font-family:Arial;line-height:26px}
.mbox8RigCn{margin:0 auto;max-width:330px;color:#333;font-size:16px;line-height:30px}
.mbox8RigTip{padding:30px 0;color:#777;font-size:12px;line-height:26px}
.mbox8RigCon{margin:0 auto;max-width:520px;font-size:0}
.mbox8RigCon li{padding:5px;width:33.33%;vertical-align:top;font-size:13px;line-height:20px}
.mbox8RigIco img{margin:10px auto}
.mbox8RigBot{position:relative;margin:30px auto 0;max-width:520px}
.mbox8RigBot:after,.mbox8RigBot:before{position:absolute;top:50%;display:block;width:200px;height:1px;background:#bcbcbc;content:"";font-size:0}
.mbox8RigBot:before{left:0}
.mbox8RigBot:after{right:0}
.mbox8RigBot li{position:relative;padding:0 10px;width:38px;vertical-align:top;text-align:center}
.mbox8RigBot li a{color:#aaa;font-size:18px;transition:all .5s ease 0s}
.mbox8Wx{position:absolute;bottom:35px;left:50%;display:none;margin-left:-50px;width:100px}
.mbox8RigBot li a:hover{color:#3f5ee1}
.mbox8RigBot li:hover .mbox8Wx{display:block}
.active .mbox8Left,.cut .mbox8Left{transform:rotateY(0)}
.footerBg{overflow:visible;background:#111;color:#3c3c3c}
.footer{padding:25px 40px}
.footer a{padding:0 5px;color:#cdcdcd;transition:all .3s ease 0s}
.footer span{padding:0 5px}
.footer a:hover{color:#3f5ee1}
.footCon{position:relative;padding-right:200px}
.copyright{max-width:1080px;color:#cdcdcd;font-size:13px;line-height:24px}
.FtLogo{position:absolute;top:50%;right:0;max-width:190px;transform:translateY(-50%)}
.FtLogo img{ width:50%}
.banNews{position:relative;height:380px}
.banNews .imgBg{height:100%}
.banCon{position:absolute;top:35%;left:0;padding:0 15px;width:100%;color:#fff}
.banEn{padding:10px 0 0;font-size:40px;font-family:Arial}
.banCn{font-size:24px; text-transform:uppercase}
.mainBg{position:relative;background:#F5F5F5}
.news{padding:60px 0 40px}
.newsLef{float:left;width:69.17%}
.newsList{padding:17px 34px;background:#FFF}
.newsList li{padding:17px 0}
.newsTime{float:left;width:60px}
.newsTime span{display:block;width:60px;height:60px;color:#FFF;text-align:center;font-family:Arial;line-height:60px}
.newsDate{margin-bottom:1px;background:#3f5ee1;font-size:28px}
.newsMonth{background:#888;font-size:18px}
.newsText{position:relative;margin-left:85px}
.newsLine{position:absolute;top:28px;left:-12px;z-index:1;width:24px;height:2px;background:#3f5ee1;font-size:0}
.newsImg{position:relative;overflow:hidden}
.newsImg a{position:relative;display:block;overflow:hidden;height:100%}
.newsImg img{width:100%;transition:all .8s ease 0s}
.newsTitBg{position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(bottom,rgba(0,0,0,.75),rgba(0,0,0 ,0) 100%);background:-o-linear-gradient(bottom,rgba(0,0,0,.75),rgba(0,0 0,0) 100%);background:-ms-linear-gradient(bottom,rgba(0,0,0,.75),rgba(0,0,0,0) 100%);background:-moz-linear-gradient(bottom,rrgba(0,0,0,.75),rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(bottom,rgba(0,0,0,.75),rgba(0,0,0,0) 100%)}
.newsImg a:hover img{transform:scale(1.02)}
.newsTit{position:absolute;bottom:5px;left:0;padding:10px 2%;width:100%;color:#fff;font-size:20px;line-height:120%}
.newsBrief{padding:15px 0;color:#333;font-size:14px;line-height:24px}
.newsTabLef{float:left;margin:0 -8px}
.newsTabLef li{position:relative;padding:0 8px}
.newsTabLef li:after{position:absolute;top:50%;right:-2px;display:block;margin-top:-2px;width:3px;height:3px;border-radius:50%;background:#aaa;content:""}
.newsTabLef li:last-child:after{display:none}
.newsTabLef li a{padding-bottom:2px;border-bottom:1px dotted #AAA;color:#aaa;font-size:14px;line-height:26px;transition:all .4s ease 0s}
.newsTabLef li a:hover{color:#3f5ee1;border-bottom-color:#3f5ee1}
.newsTab #bdshare{float:right;cursor:pointer}
.newsTab #bdshare a{display:block;width:15px;height:18px;background:url(../images/shareico1.png) center center no-repeat}
.newsLoad{margin:40px auto 0;width:200px;height:46px;background:#e2e2e2;color:#888;font-size:14px;line-height:46px;line-height:46px}
.newsLoad .mbox4MoreIco:after,.newsLoad .mbox4MoreIco:before{background:#888}
.newsRig{float:right;padding:10px 34px;width:28.33%;background:#FFF}
.newsRigTit{padding:20px 0;color:#333;font-size:22px}
.newsRig .newsTit{position:static;padding:10px 0 5px;color:#666;font-size:15px;line-height:22px}
.newsRig .newsTit:hover{color:#3f5ee1}
.newsRigBot{padding:0 0 15px;color:#bbb;font-size:13px}
.newsRigTime{float:left}
.newsRigTime i{padding-right:5px}
.newsRigBot #bdshare{float:right;cursor:pointer}
.newsRigBot #bdshare a{display:block;width:15px;height:18px;background:url(../images/shareico2.png) center center no-repeat}
.banShare{position:absolute;top:-70px;overflow:hidden;width:100%;height:70px;border-top:1px solid rgba(255,255,255,.3); background:rgba(255,255,255,0.6);}
.banShareIco{float:left;margin:0;border-left:1px solid rgba(255,255,255,.3);font-size:0}
.banShareIco li{position:relative;margin-right:-1px;padding:0;border-right:1px solid rgba(255,255,255,.3)}
.banShareIco>li>a{display:block;width:50px;height:70px;background-position:center center;background-repeat:no-repeat}
.banLink{background-image:url(../images/banlink.png)}
.banShareBtn{background-image:url(../images/banshare.png)}
.banShareList{position:absolute;top:0;left:100%;overflow:hidden;width:0;height:50px;white-space:nowrap;transition:all .6s ease 0s}
.banShareList.active{padding:0 15px;width:231px;border-right:1px solid rgba(255,255,255,.3)}
.banShareList a{display:inline-block;width:40px;height:100%;background-position:center center;background-repeat:no-repeat;vertical-align:middle}
.banShareIco1{background-image:url(../images/banshareico1.png)}
.banShareIco2{background-image:url(../images/banshareico2.png)}
.banShareIco3{background-image:url(../images/banshareico3.png)}
.banShareIco4{background-image:url(../images/banshareico4.png)}
.banShareIco5{background-image:url(../images/banshareico5.png)}
.banPage{float:right;height:100%;font-size:0}
.banPage a{display:inline-block;margin-left:-1px;width:50px;height:50px;border-left:1px solid rgba(255,255,255,.3);background-position:center center;background-repeat:no-repeat;vertical-align:middle}
.banPrev{background-image:url(../images/banprev.png)}
.banList{background-image:url(../images/banlist.png)}
.banNext{border-right:1px solid rgba(255,255,255,.3);background-image:url(../images/bannext.png)}
.banPage a:hover,.banShareIco>li>a:hover{background-color:#3f5ee1;transition:all .6s ease 0s}
.banShareBtn.active{background-color:#3f5ee1}
.newsTop{overflow:hidden;padding:50px 0 0}
.newsName{padding:30px 15px;color:#333;font-size:28px;line-height:120%}
.newsTime2{margin:0 -10px;padding:14px 15px;border:1px solid #dbdbdb;border-right:none;border-left:none;color:#999;font-size:0;line-height:22px}
.newsTime2 span{display:inline-block;padding:0 10px;vertical-align:middle;font-size:12px}
.newsTime2 i{padding-right:8px}
.newsCon{padding:30px 0 0;color:#666;font-size:14px;line-height:32px}

.newsCon img{margin:0 auto;height:auto!important;max-width:100%!important}
.newsTab2{margin:35px 0;padding-left:24px;background:url(../images/newstabbg.png) left 5px no-repeat}
.newsTab2 .newsTabLef li a{color:#3f5ee1}
.newsTab2 .newsTabLef li:after{background:#3f5ee1}
.pageBox{padding-bottom:30px;line-height:36px}
.pagerBox{position:relative;overflow:hidden;border:1px solid #dbdbdb;border-right:none;border-left:none}
.pagerNext,.pagerPrev{position:relative;overflow:hidden;width:50%;line-height:70px}
.pagerPrev{float:left;padding-right:40px;padding-left:60px}
.pagerNext{float:right;padding-right:60px;padding-left:40px;text-align:right}
.pagerTit{position:absolute;top:1px;color:#777;text-transform:uppercase;font-size:14px;line-height:70px}
.pagerPrev .pagerTit{left:0}
.pagerNext .pagerTit{right:0}
.pagerNext a,.pagerPrev a{display:inline-block;max-width:100%;color:#777;vertical-align:middle}
.pagerNext a:hover,.pagerPrev a:hover{color:#3f5ee1}
.pagerList{position:absolute;top:0;left:50%;z-index:1;display:block;margin-left:-36px;padding:30px 0 0;width:72px;height:100%;border:1px solid #dbdbdb;border-top:none;border-bottom:none;transition:all .5s ease 0s}
.pagerList span{display:block;margin:0 auto;width:20px;height:2px;background:#aaa;transition:all .5s ease 0s}
.pagerList span:first-child+span{margin:3px auto}
.pagerList:hover{background:#3f5ee1}
.pagerList:hover span{background:#FFF}
.pagerList:hover span:first-child+span{width:30px}
.hotNews{overflow:hidden;padding:0 3% 50px}
.hotNewsTit{overflow:hidden;padding-bottom:10px}
.hotNewsH2{float:left;color:#333;font-size:26px;line-height:26px}
.hotNewsMore{float:right;padding-right:20px;background:url(../images/hotnews.png) right center no-repeat;color:#666;font-size:16px;line-height:26px;transition:all .6s ease 0s}
.hotNewsMore:hover{color:#3f5ee1}
.hotNewsList{margin:0 -12px}
.hotNewsList li{padding:12px}
.hotNewsList li a{display:block;height:100%;color:#666;font-size:12px;line-height:22px}
.hotNewsImg{position:relative;overflow:hidden}
.hotNewsImg img{transition:all .8s ease 0s}
.hotNewsText{padding:15px 5%;background:#fafafa}
.hotNewsTime{color:#bbb;line-height:36px}
.hotNewsName{color:#333;font-size:18px;line-height:22px;transition:all .6s ease 0s}
.hotNewsLine{display:block;margin:10px 0;width:20px;height:1px;background:#3f5ee1;transition:all .6s ease 0s}
.hotNewsBrief{overflow:hidden;margin:10px 0;height: auto; overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:2; font-size:14px}
.readMore{display:block;color:#333;text-transform:uppercase;font-family:Arial;transition:all .6s ease 0s}
.hotNewsList li a:hover .hotNewsImg img{transform:scale(1.05) rotate(1deg)}
.hotNewsList li a:hover .hotNewsName{color:#3f5ee1}
.hotNewsList li a:hover .hotNewsLine{width:40px}
.hotNewsList li a:hover .readMore{color:#3f5ee1}
.caseFenLei{margin:0 -10px}
.caseFenLei li{}
.caseFenLei li a{display:block;color:#444;line-height:70px;transition:all .5s ease 0s; font-size:16px; padding:0 30px}
.caseFenLei li a.active,.caseFenLei li a:hover{color:#fff; background:#3f5ee1;}
.caseBox{padding:48px 3%}
.caseList{margin:0 -.6%}
.caseList li{padding:12px .6%}
.caseList li a{display:block;overflow:hidden;height:100%;transition:all .5s ease 0s}
.caseImg{position:relative;overflow:hidden;padding-bottom:67.6%;height:0}
.caseImg .imgBg{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .5s ease 0s}
.caseBrief{position:absolute;bottom:0;left:0;padding:10px 7%;width:100%;background:rgba(0,0,0,.5);color:#FFF;font-size:14px;line-height:30px;transition:all .5s ease 0s;transform:translateY(100%)}
.caseText{overflow:hidden;padding:19px 7%;background:#FFF}
.caseIco{float:right;width:14px;height:26px;background:url(../images/hotnews.png) center center no-repeat}
.caseTit{color:#333;font-size:14px;line-height:26px}
.caseList li a:hover{box-shadow:0 0 15px rgba(0,0,0,.15)}
.caseList li a:hover .imgBg{transform:scale(1.05) rotate(-1deg)}
.caseList li a:hover .caseBrief{transform:translateY(0)}
.caseList li a:hover .caseIco{animation:swing 1s infinite linear}
.hotNewsList li a:hover .imgBg{transform:scale(1.05) rotate(-1deg)}
.hotNewsList li a:hover .caseBrief{transform:translateY(0)}
.hotNewsList li a:hover .caseIco{animation:swing 1s infinite linear}
.banCase{height:580px}
.banCaseCon{position:absolute;bottom:90px;left:50%;margin:0 auto;width:94%;max-width:1400px;transform:translateX(-50%)}
.banCaseCon .container{padding:0;width:100%}
.banCaseLine{display:block;margin-bottom:10px;width:72px;height:4px;background:#ff0603}
.banCaseTit{padding:20px 0;color:#FFF;font-size:36px}
.banCaseCon .newsTabLef{float:none}
.banCaseCon .newsTabLef a{color:#FFF}
.caseShare .container{margin:0 auto;padding:0;width:94%;max-width:1400px}
.caseConBg{margin:0 auto;padding:60px 0;width:94%;max-width:1400px}
.caseCon{padding:40px 30px;background:#FFF}
.caseCon img{display:inline-block;margin:0 auto;height:auto!important;max-width:100%!important;vertical-align:middle}
.banContact{height:700px}
.contactBg{overflow:hidden;padding:90px 0}
.conTit{overflow:hidden;padding-bottom:20px;line-height:26px}
.conH2{float:left;color:#3f5ee1;font-size:26px;line-height:26px}
.conTip{float:right;color:#777;font-size:14px}
.conTop{padding-bottom:60px}
.conLef{float:left;width:60%}
.conText{color:#777;font-size:14px;line-height:28px}
.conText strong{padding-right:20px;color:#555;font-size:16px}
.conTextLef,.conTextRig{max-width:320px}
.conTextRig{line-height:40px}
.conRig{float:right;width:40%}
.mesList li{padding-bottom:20px}
.mesInput{padding:15px 0 5px;width:100%;border:none;border-bottom:1px solid #cacaca;background:0 0;line-height:24px}
.mesBtn{display:block;margin-top:10px;height:36px;max-width:110px;background:#3f5ee1;color:#FFF;text-align:center;font-size:13px;line-height:36px}
.joinList li{position:relative;margin:15px 0;padding:38px 250px 38px 325px;background:#FFF}
.joinText{overflow:hidden;padding-left:65px;height:90px;border-left:1px solid #eee;color:#888;font-size:14px;line-height:30px}
.joinCon{padding-bottom:15px}
.joinTip{color:#3f5ee1;font-size:13px;line-height:22px}
.joinBtn,.joinIco,.joinInfo,.joinTit{position:absolute}
.joinTit{top:60px;left:0;padding-left:90px;width:325px}
.joinName{color:#333;font-size:24px}
.joinNameEn{color:#3f5ee1;font-size:14px;font-family:Arial;line-height:200%}
.joinInfo{top:190px;left:0;display:none;padding-left:90px;width:325px;color:#888;font-size:14px;line-height:30px}
.joinIco{top:50px;right:0;width:250px}
.joinIco img{margin:0 auto}
.joinBtn{top:70px;right:-15px;width:30px;height:30px;background:#3f5ee1;cursor:pointer}
.joinBtn span{position:absolute;top:50%;left:50%;background:#FFF;transform:translate(-50%,-50%)}
.joinBtn span:first-child{width:12px;height:1px}
.joinBtn span:last-child{width:1px;height:12px;transition:all .5s ease 0s}
.joinList li.active{min-height:300px}
.joinList li.active .joinText{height:auto}
.joinList li.active .joinInfo{display:block}
.joinList li.active .joinBtn span:last-child{height:0}
.newsLoad{display:none}
#pages{padding:30px 0 0;text-align:center}
#pages a,#pages span{display:inline-block;padding:5px 10px;border:1px solid #333;color:#333;vertical-align:middle}
#pages span{border:1px solid #3f5ee1;background:#3f5ee1;color:#FFF}
.guanyu1{ width:40%; float:left;}
.guanyu2{ width:55%; float:right; background:#fff; padding:40px; box-shadow:0px 1px 15px #ccc; font-size:22px; line-height:40px; margin-top:10%;}
.guanyu1 img{ width:100%; height:auto;}
.guanyu2 .mbox2Num li { padding-left:30px;
    vertical-align: top;
    font-size: 12px;
}
.guanyu2a{ text-align:center; font-size:16px; text-align:center; padding:10px 0px;}

.dry{ margin-top:35px;}
.pd{ padding:60px 0px;}
@media (min-width:1260px){.container{width:1430px}
}
@media (max-width:1600px){.menuBg{width:50px}
.mOnLineCon{right:50px}
.onLineWx .mOnLineCon{width:100px}
.mbox{margin-right:50px}
.headerBg{padding:25px}
.navTop{padding:25px}
.navBot{padding-top:80px}
.navList li a{padding:50px 0 0 15%}
.navEn{font-size:24px}
.navCn,.navTel{font-size:18px}
.navList li.text-right{padding:50px 0 0}
#navPage li{padding-left:25px}
#navPage li.active:first-child:after{width:80px}
#navPage li:first-child+li.active:after{width:80px}
#navPage li:first-child+li+li.active:after{width:95px}
#navPage li:first-child+li+li+li.active:after{width:70px}
#navPage li:first-child+li+li+li+li.active:after{width:115px}
#navPage li:first-child+li+li+li+li+li.active:after{width:100px}
#navPage li:first-child+li+li+li+li+li+li.active:after{width:80px}
#navPage li:first-child+li+li+li+li+li+li+li.active:after{width:100px}
.welcome{width:250px;height:56px;line-height:56px}
.banText2{margin:-270px 0 0 -270px;width:540px;height:540px}
.banImg3{margin:40px auto 0}
.mbox2TitEn{font-size:32px}
.mbox2TitCn{font-size:24px}
.mbox2Brief{margin:10px 0}
.mbox2Num{margin:20px -20px}
.mbox2Num li{padding:5px 20px}
.mbox2NumSp{font-size:34px}
.mbox2Bot{padding:25px 15px 15px}
.mbox2Bot:after{right:-100px;width:100px}
.mbox2BotH3{font-size:14px;line-height:30px}
.mbox2More .welcome{width:200px;height:44px;line-height:44px}
.mbox3{margin:0 auto;max-width:1000px}
.mbox3Tit{margin-bottom:20px;margin-left:65px}
.mbox3LefItem li{padding-bottom:20px}
.mbox3LefItem li:after{left:14px;height:20px}
.mbox3LefItem li a{padding:3px 0}
.mbox3Ico{width:30px}
.mbox3H3{margin:0;font-size:14px}
.mbox3Line{margin:6px 10px 0}
/*.mbox3LefItem li.active a .mbox3Line{width:65px}*/
.mbox3Rig{min-height:190px}
.box3RigText{right:40px;bottom:40px;padding:25px 40px}
.mbox4LefItem{margin:30px 0 50px}
.mbox4LefItem li a{padding:5px 0}
.mbox4List{padding:50px}
.mbox4List .swiper-slide{padding:10px}
.mbox4Text{padding:5px 10px}
.mbox5List .swiper-container{padding:20px 0 10px}
.mbox6TitEn{font-size:24px}
.mbox6TitCn{font-size:28px}
.mbox6Text{margin:50px auto}
.mbox6Bot{padding:0}
.mbox7List{margin:25px auto;max-width:80%}
.mbox7List li a{min-height:164px}
.mbox7Text{padding:20px}
.mbox8Wrap{height:430px}
.mbox8Mes{padding:20px 0 0}
.mbox8Right{padding:40px 15px 0}
.footer{padding:15px}
.banNews{height:350px}
.banEn{font-size:32px}
.banCn{font-size:20px}
.news{padding:40px 0 30px}
.newsList{padding:15px 25px}
.newsRig{padding:10px 25px}
.newsLoad{margin:30px auto 0}
.newsTop{padding:30px 0 0}
.newsName{padding:20px 15px;font-size:24px}
.hotNewsH2{font-size:22px}
.hotNewsMore{padding-right:15px;background-size:10px;font-size:14px}
.hotNewsList{margin:0 -6px}
.hotNewsList li{padding:6px}
.hotNewsText{padding:10px}
.hotNewsTime{line-height:26px}
.caseBox{padding:30px 2%}
.caseList{margin:0 -.5%}
.caseList li{padding:5px .5%}
.caseBrief{padding:5px 5%}
.caseText{padding:14px 5%}
.caseTit{font-size:14px}
.banCase{height:550px}
.banCaseTit{padding:15px 0;font-size:32px}
.caseConBg{padding:40px 0}
.caseCon{padding:30px 20px}
.banContact{height:550px}
.contactBg{padding:60px 0}
.conTop{padding-bottom:30px}
.conTit{padding-bottom:10px}
.conH2{font-size:22px}
.joinList li{padding:30px 250px 30px 325px}
}
@media (max-width:1400px){.navEn{font-size:20px}
.navCn,.navTel{font-size:16px}
.navList li.text-right{line-height:28px}
.navBotCon{bottom:15px}
.banText2{margin:-200px 0 0 -200px;width:400px;height:400px}
.mbox2Text{padding-left:10%}
.mbox2TitEn{font-size:28px;line-height:100%}
.mbox2TitCn{font-size:20px;line-height:100%}
.mbox2Num{margin:10px -10px}
.mbox2Num li{padding:5px 10px}
.mbox2NumSp{font-size:26px}
.mbox2Bot{padding:15px 10px 5px}
.mbox3{max-width:900px}
.mbox3H4{font-size:20px;line-height:110%}
.box3RigImg img{max-width:65%}
.box3RigText{padding:25px}
.mbox4List{padding:50px 25px 25px}
.mbox4List .swiper-slide{padding:5px}
.mbox4More{width:130px;height:34px;line-height:34px}
.mbox5List{max-width:70%}
.mbox6TitEn{font-size:22px}
.mbox6TitCn{font-size:24px}
.mbox6Text{margin:40px auto;padding:35px;max-width:560px;font-size:14px;line-height:30px}
.mbox6Text:after,.mbox6Text:before{width:60px}
.mbox6Text:after{top:100px;left:-60px}
.mbox6Link{bottom:-19px;margin-left:-70px;width:140px;line-height:38px}
.mbox6Bot img{max-width:440px}
.mbox7More{width:180px;height:40px;font-size:14px;line-height:40px}
.mbox8Wrap{height:380px;max-width:840px}
.mbox8Left{padding:20px 30px;width:250px}
.mbox8LefEn{font-size:24px}
.mbox8LefCn{font-size:16px}
.mbox8Mes li input{line-height:40px}
.mbox8Right{padding:30px 15px 0;width:590px}
.mbox8RigTip{padding:20px 0}
.mbox8RigCn{max-width:290px;font-size:14px;line-height:22px}
.mbox8RigEn{font-size:18px;line-height:24px}
.mbox8RigBot{margin:20px auto 0}
.footCon{padding-right:160px}
.FtLogo{max-width:150px}
.joinList{padding:0 15px 0 0}
}
@media (max-width:1200px){.menuBg{padding:15px 0 0}
.headerBg{padding:15px}
.logo{height:20px;max-width:190px}
.navClose{padding:0;height:20px}
.navTop{padding:15px}
.navBot{padding-top:50px}
.navEn{font-size:18px}
.navCn,.navTel{font-size:14px}
.navList li.text-right{font-size:12px}
#navPage li{padding-left:15px}
#navPage li.active:first-child:after{width:70px}
#navPage li:first-child+li.active:after{width:70px}
#navPage li:first-child+li+li.active:after{width:85px}
#navPage li:first-child+li+li+li.active:after{width:60px}
#navPage li:first-child+li+li+li+li.active:after{width:105px}
#navPage li:first-child+li+li+li+li+li.active:after{width:90px}
#navPage li:first-child+li+li+li+li+li+li.active:after{width:70px}
#navPage li:first-child+li+li+li+li+li+li+li.active:after{width:90px}
#navPage li a{line-height:24px}
.banText{width:350px}
.banBorder1{right:-35px;width:140px;height:240px}
.ban1Line1{bottom:214px}
.ban1Line2{width:138px}
.ban1Line3{height:238px}
.ban1Line4{width:138px}
.ban1Line5{height:155px}
.mbox3Brief{display:none}
.mbox3LefItem li{padding-bottom:10px}
.mbox3LefItem li:after{height:15px}
.mbox4List{padding:50px 10px 5px}
.mbox4List .swiper-slide{padding:2px}
.banNews{height:300px}
.newsList{padding:25px 15px}
.newsRig{padding:15px 15px}
.newsList li{padding:10px 0}
.newsTabLef li{padding:0 8px}
.newsTime{width:50px}
.newsTime span{width:50px;height:50px;line-height:50px}
.newsText{margin-left:75px}
.newsTit{padding:5px 3%;font-size:20px}
.newsRigTit{padding:15px 0;font-size:20px}
.pagerNext,.pagerPrev,.pagerTit{line-height:50px}
.pagerList{margin-left:-25px;padding:20px 0 0;width:50px}
.hotNews{padding:0 2% 30px}
.hotNewsList li:nth-child(4){display:none}
.banCase{height:450px}
.banCaseTit{padding:10px 0;font-size:26px}
.caseConBg{padding:30px 0}
.caseCon{padding:15px 10px}
.banContact{height:400px}
.conH2{font-size:20px}
.conText{margin:0 -5px}
.conTextLef,.conTextRig{padding:0 5px}
.conText strong{padding-right:10px}
.joinList li{padding:25px 150px 25px 280px}
.joinInfo,.joinTit{padding-left:50px;width:280px}
.joinTit{top:45px}
.joinName{font-size:22px}
.joinIco{top:30px;width:150px}
.joinBtn{top:50px}
.joinText{padding-left:25px}
.pd{ padding:20px 0px;}
}

.he1{ font-size:54px; color:#fff; text-align:center; top:25%; line-height:70px; padding:15px 0px; font-weight:100;}
.he2{font-size:22px; color:#fff; text-align:center; top:55%; font-family:"Times New Roman", Times, serif;}
.he1 span{ color:#3f5ee1;}
.he3{ font-size:25px; color:#fff; top:25%; line-height:40px; text-align:left; padding:0px; font-weight:100;}
.he4{ font-size:18px; color:#fff; top:25%; line-height:30px; text-align:left; padding:0px; font-weight:100;}
.cpa3{ padding-bottom:40px;}

.ner img{ width:100%; height:auto;}
.ner{ padding:70px 0px; padding-bottom:30px;}
.dsg{ padding-bottom:50px;}


@media (max-width:992px){.menuBg{position:static;padding:0;width:auto;height:auto}
.cpa3 img{ width:100%; height:auto;}
.menuBtn{position:absolute;top:20px;right:20px;z-index:2}
.menuBtn img{display:none}
.mBtnLine{width:20px;text-align:left}
.mBtnLine span{width:100%;height:2px;background:#333}
.mBtnLine span:nth-child(2){margin:5px 0;width:80%}
.mOnLine{position:absolute;right:0;bottom:0;z-index:1;width:50px}
.header{margin-right:50px}
.mbox{margin-right:0}
#navPage{display:none}
.navBot{padding-bottom:150px}
.navList{overflow-y:auto;padding:10px 0 0}
.navList li{float:none;width:100%;height:auto}
.navList li a,.navList li a:hover{padding:5px 15px;border:none;border-bottom:1px solid rgba(255,255,255,.08)}
.navList li a span{display:inline-block;vertical-align:middle;font-size:14px}
.navEn{padding-right:10px;min-width:70px}
.navList li.text-right{padding:5px 15px;width:100%;line-height:24px}
.navBotCon{position:static;padding:0 15px 15px;width:100%}
.banText3{max-width:90%}
.box2ImgBg{width:100%;opacity:.1}
.fp-viewing-page2 .tel{color:#3f5ee1}
.fp-viewing-page2 .telIco{background-image:url(../images/tel.png)}
.fp-viewing-page2 .mBtnLine span{background:#3f5ee1}
.mbox2Text{position:relative;z-index:1;padding:40px 15px 0;width:100%}
.mbox2Text .mbox2TitEn{font-size:38px;line-height:120%}
.mbox2Text .mbox2TitCn{font-size:24px;line-height:120%}
.mbox2Bot:after{display:none}
.mbox3{padding:0 15px;width:100%;max-width:100%}
.mbox3Lef{float:none;padding-bottom:30px;width:100%}
.mbox3LefCon{padding-left:40px}
.mbox3Rig{float:none;overflow:hidden;width:100%}
.mbox3Tit .mbox2TitEn{font-size:24px}
.mbox3Tit .mbox2TitCn{font-size:18px}
.mbox3H4 img{display:inline!important;max-width:25px}
.box3RigText{position:relative;right:auto;bottom:auto;background:rgba(255,255,255,.9)}
.box3RigImg{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%)}
.box3RigImg img{float:none;width:100%;max-width:100%}
.fp-viewing-page4 .logo img.shows{display:none}
.fp-viewing-page4 .logo img.hides{display:block}
.fp-viewing-page4.active .logo img.shows{display:block}
.fp-viewing-page4.active .logo img.hides{display:none}
.mbox4LefBtn{position:absolute;top:52px;left:12px;z-index:3;width:30px;height:30px;border-radius:2px;background:#3f5ee1;color:#fff;text-align:center;font-size:18px;line-height:30px;cursor:pointer}
.mbox4Lef{left:-250px;z-index:2;width:250px;transition:all .6s ease 0s}
.mbox4Lef.active{left:0}
.mbox4LefCon{padding-left:30px}
.mbox4{margin:0}
.mbox5List{max-width:90%}
.mbox5Bot{padding:0 50px}
.mbox5Btn .mbox5Line{display:none}
.mbox5Bot .swiper-pagination-bullet{margin:0 2px;width:20px;height:2px}
.mbox7List li{width:100%}
.mbox7List li:nth-child(2) a{padding-right:50%;padding-left:0}
.mbox7List li:nth-child(3) a{padding-right:0;padding-left:50%}
.mbox7List li:nth-child(2) .mbox7Img{right:0;left:auto}
.mbox7List li:nth-child(3) .mbox7Img{right:auto;left:0}
.mbox8Wrap{padding:0 15px;height:auto;max-width:100%}
.mbox8Left{float:none;width:100%;box-shadow:none;transform:rotateY(0)}
.mbox8Right{float:none;padding:15px;width:100%;transform:rotateY(0)}
.footCon{padding:0;text-align:center}
.copyright{padding-bottom:10px;text-align:center}
.FtLogo{position:static;margin:0 auto;transform:translateY(0)}
.banNews{height:260px}
.banEn{padding:5px 0;font-size:26px}
.banCn{font-size:17px}
.news{padding:30px 0}
.newsLef,.newsRig{float:none;width:100%}
.newsLoad{margin:25px auto}
.newsRigTit{padding:10px 0;font-size:18px}
.newsRigList{overflow:hidden;margin:0 -5px}
.newsRigList li{float:left;padding:5px;width:50%}
.newsRigList li:nth-child(5){display:none}
.newsRigBot{padding-bottom:0}
.newsName{padding:10px 15px;font-size:22px}
.newsCon{line-height:30px}
.newsTab2{margin:28px 0}
.hotNewsList li:nth-child(4){display:block}
.banCase{height:360px}
.banCaseCon{bottom:70px}
.banCaseLine{margin-bottom:5px;width:40px;height:2px}
.banCaseTit{font-size:22px}
.banContact{height:340px}
.contactBg{padding:30px 0}
.conTop{padding-bottom:10px}
.conTit{padding:10px 0}
.conLef,.conRig{float:none;width:100%}
.conLef{padding-bottom:10px}
.conH2,.conTip{float:none;display:block;width:100%}
.joinList li{margin:10px 0;padding:15px 10px 10px}
.joinTit{position:static;padding-left:0;width:90%}
.joinInfo{position:static;margin:0 -5px;padding-bottom:10px;padding-left:0;width:100%}
.joinInfo p{display:inline-block;padding:0 5px;vertical-align:middle}
.joinText{padding-left:0;height:0;border:none}
.joinIco{top:20px;width:100px}
.joinIco img{max-width:40%}
.joinBtn{top:25px}
#pages{padding:20px 0}
}
@media (max-width:767px){.banImg3{margin:20px auto 0}
.swiper-slide-active .banBg3:after{width:100%}
.mbox7List{padding:0 15px;max-width:100%}
.mbox7Img{width:30%}
.mbox7List li a{min-height:0}
.mbox7List li:nth-child(2n) a{padding-right:30%;padding-left:0}
.mbox7List li:nth-child(2n+1) a{padding-right:0;padding-left:30%}
.mbox7Ico{left:30%}
.mbox7List li:nth-child(2n) a .mbox7Ico{left:70%}
.mbox7Text{padding:15px}
.mbox7Name{overflow:hidden;width:100%;height:22px;text-overflow:ellipsis;white-space:nowrap}
.newsTime2{padding:7px 10px}
.newsCon{padding:20px 0 0}
.newsTab2{margin:20px 0}
.pagerBox{padding:5px 0}
.pagerNext,.pagerPrev{float:none;padding-right:0;padding-left:55px;width:100%}
.pagerNext,.pagerPrev,.pagerTit{line-height:30px}
.pagerNext{text-align:left}
.pagerNext .pagerTit{right:auto;left:0}
.pagerNext a,.pagerPrev a{display:block}
.pagerTit{top:0}
.pagerTit i{display:none}
.pagerList{position:static;margin:2px 0;padding:10px 0;width:100%;border:1px solid #DEDEDE;border-right:none;border-left:none}
.hotNews{padding:0 15px 25px}
.caseBox{padding:15px}
.conTextLef,.conTextRig{max-width:100%}
.mesInput{padding:10px 0 5px}
.joinName{font-size:18px}
.joinNameEn{font-size:12px}
.joinIco{top:15px}
.joinBtn{top:20px}
}.asfs{ font-size:20px; line-height:40px; padding-bottom:20px; padding-top:20px;}

.guan{ display:block;}
.kai{ display:none;}
@media (max-width:640px){
	.mbox2Brief {
    margin:30px 0;
}.mbox2Num{ margin:30px 0;}
.mbox2Text{ padding-top:0px;}
.mbox2Num li{ padding:0px; width:25%;}
	.guan{ display:none;}
.kai{ display:block;}
	.mbox2Bot li{ padding:0px;}
	.menuBtn{top:15px;right:15px}
.navClose{width:22px}
.navClose span:last-child{margin-top:15px}
.header{margin-right:40px}
.navBot{padding-bottom:85px}
.logo{height:16px;max-width:152px}
.tel{font-size:16px;line-height:16px}
.navBotCon p{display:none}
.mbox1 .swiper-pagination{bottom:2%}
.welcome{left:0;width:170px;height:46px;font-size:12px;line-height:46px}
.welcome i,.welcome span,.welcome strong{margin:0}
.welcome:hover .welcomeLine{width:30px}
.banBorder1{display:none}
.banText{bottom:35%;left:10%;width:80%}
.ban1Line{margin:10px 0}
.banTextCir{display:none}
.banText2{margin:0;margin-left:5%;width:90%;transform:translate(-50%,-50%)}
.mbox2TitEn{font-size:26px}
.mbox2TitCn{font-size:20px}
.mbox2Img{margin:0 auto 5px;max-width:40%}
.mbox3Lef{padding:0}
.mbox3Tit{margin-left:0}
.mbox3LefCon{display:none}
.box3RigText{padding:15px; margin-top:85%; width:100%;}
.mbox3Con{margin:10px 0;height: 43px; overflow:hidden;}
.mbox4List .swiper-slide{width:50%}
.mbox5Bot{padding:0}
.mbox5Btn{position:static;display:inline-block;padding:10px 0;vertical-align:middle;font-size:14px;transform:translateY(0)}
.mbox5Bot .swiper-pagination{display:block;width:100%}
.mbox6Text{max-width:100%}
.mbox6Top{margin:-30px 0 0 -5px;height:60px}
.mbox6Line{height:30px}
.mbox6Bot img{max-width:80%}
.mbox7List{margin:15px auto}
.mbox7Time{height:26px;line-height:26px}
.mbox7Brief{display:none}
.mbox7Ico{top:30%}
.mbox8LefEn{font-size:18px}
.mbox8LefCn{padding:0;font-size:14px}
.mbox8Mes{padding:5px 0 0}
.mbox8Mes li input{line-height:36px}
.mbox8Mes li textarea{margin:0}
.mbox8MesBtn{margin-top:10px;width:100px;height:28px;line-height:26px}
.mbox8RigCn{display:none}
.mbox8RigTip{display:none}
.mbox8RigIco img{max-width:20%}
.mbox8RigBot:after,.mbox8RigBot:before{display:none}
.banNews{height:230px}
.newsTime{width:40px}
.newsTime span{width:40px;height:40px;line-height:40px}
.newsDate{font-size:22px}
.newsMonth{font-size:16px}
.newsText{margin-left:55px}
.newsTit{font-size:16px}
.newsBrief{overflow:hidden;margin:10px 0;padding:0;max-height:72px}
.newsRig .newsTit{padding:5px 0;font-size:14px}
.newsRigBot #bdshare,.newsTab #bdshare{display:none}
.banShare{position:static;height:auto;text-align:center}
.banShare .container{padding:0;font-size:0}
.banShareIco{float:none;display:inline-block;background:#3f5ee1;vertical-align:middle}
.banShareIco>li>a{display:inline-block;width:36px;height:36px;background-size:12px;vertical-align:middle}
.banShareList{position:static;display:inline-block;width:auto;height:36px;vertical-align:middle}
.banShareList a{width:36px;background-color:#3f5ee1;background-size:15px}
.banPage{float:none;display:inline-block;background:#3f5ee1;vertical-align:middle}
.banPage a{width:36px;height:36px;background-size:15px}
.newsTop{padding:20px 0 0}
.newsName{font-size:18px}
.newsCon{padding:10px 0 0}
.hotNewsH2{font-size:18px}
.hotNewsName{font-size:14px}
.hotNewsLine{margin:5px 0}
.hotNewsBrief{margin:5px 0}
.caseFenLei{margin:0 -3px;padding:8px 0;background:#F5F5F5}
.caseFenLei li{padding:5px 3px}
.caseFenLei li a{color:#333;line-height:24px}
.caseBox{padding:0 15px 1px}
.banCase{height:300px}
.banCaseCon{bottom:20px}
.banCaseLine{margin-bottom:5px;width:40px;height:2px}
.banCaseTit{font-size:19px}
.caseShare .container{width:100%}
.caseConBg{padding:3px 0 15px}
.banContact{height:300px}
.conTit{padding:5px 0}
.conH2{font-size:18px}
.conText strong{font-size:14px}
.conTextRig{line-height:30px}
}
@media (max-width:460px){
	.banNews .imgBg{ background-size:cover; background-position:right;}
	.tel span{display:none}
.tel a{display:block}
.mbox1 .swiper-pagination-bullet{margin:0 2px!important;width:20px}
.mbox2TitEn{font-size:18px}
.mbox2TitCn{font-size:16px}
.mbox2Num{margin:15px -5px;line-height:22px}
.mbox2Bot {
    padding: 15px 0px 10px 0px;
}
.cpa1 {
    width:100%;
    float: left;
    padding:25px;
    background: #fff;
    margin:15px 0px;
    line-height: 25px;
}.cpa1 h3 {
    font-size:16px;
    margin-bottom:15px; margin-top:15px;
    color: #00a5ff;
    font-weight: bold;
}
.cpa1 ul li {
    background: url(../images/3.png) no-repeat left 5px ;}
	
	.cpa2 {
    width:100%;
    padding:25px;
    background: #fff;
    margin:15px 0px;
    line-height: 25px;margin-top:0px;
}.cpa2 h3 {
    font-size:16px;
    margin-bottom:15px; margin-top:15px;
    color: #00a5ff;
    font-weight: bold; 
}.osd1a h1 {
    font-size:50px;
    font-weight: bold;
    line-height: 60px;
    color: #00a5ff;
}.osd2 {
    margin-top: 10px; margin-bottom:20px;
}
.osd1a{ padding:15px;}
.osd1a h2{ font-size:18px; line-height:30px;}
.osd1a p {
    font-size: 13px; }
.osd1{ width:100%;}
.osd2{ width:100%;}
.cpa2 ul li {
    background: url(../images/3.png) no-repeat left 5px ;}

.mbox2NumSp{font-size:20px}
.mbox2Num li{padding:5px}
.mbox2Brief{max-height:104px;line-height:26px}
.mbox2BotH3{font-size:12px;line-height:20px}
.mbox2More .welcome{width:140px;height:38px;line-height:38px}
.mbox3Tit .mbox2TitEn{font-size:18px}
.mbox3Tit .mbox2TitCn{font-size:16px}
.mbox3H4{font-size:18px}
.mbox6TitEn{font-size:18px;line-height:120%}
.mbox6TitCn{font-size:20px;line-height:120%}
.f16{font-size:14px}
.f24{font-size:20px}
.f28{font-size:24px}
.mbox6Text{margin:30px auto;padding:25px 15px}
.mbox6Text:before{top:0;left:0}
.mbox6Ico{right:0;bottom:-6px}
.mbox8Left{padding:10px 20px}
.mbox8Mes li:nth-child(1),.mbox8Mes li:nth-child(2){display:inline-block;width:48%;vertical-align:middle}
.mbox8RigEn{font-size:16px;line-height:16px}
.mbox8RigIco{display:inline-block;max-width:20px;vertical-align:middle}
.mbox8RigIco img{margin:0 auto;max-width:100%}
.mbox8RigCon li{width:100%}
.mbox8RigCon li p{display:inline}
.mbox8RigBot{margin:10px auto 0}
.mbox8RigBot li a{font-size:16px}
.banNews{height:200px}
.banEn{padding:0;font-size:20px}
.banCn{font-size:14px}
.newsList li{padding:5px 0}
.newsTabLef li{padding:0 5px}
.newsTabLef li a{font-size:12px}
.newsTime{width:38px}
.newsTime span{width:38px;height:38px;line-height:38px}
.newsDate{font-size:18px}
.newsMonth{font-size:14px}
.newsText{margin-left:40px}
.newsLine{top:15px;left:-7px;width:14px}
.newsLine{bottom:5px;font-size:14px}
.newsBrief{margin:5px 0}
.newsRigList li{float:none;width:100%}
.hotNewsList li{width:100%}
.caseList li{width:100%}
.banCase{height:240px}
.banContact{height:260px}
#pages a,#pages span{padding:1px 6px}
.osd2aa{ padding:20px;}
}
@media (max-width:360px){.mbox7{padding-top:50px}
.mbox7List li:nth-child(4){display:none}
.mbox7More{width:160px;height:36px;font-size:12px;line-height:36px}
.banShareList a{width:28px}
.banCase{height:200px}
.banCaseCon{bottom:10px}
.banCaseTit{padding:5px 0;font-size:18px}
}

@media (max-height:414px){
	
	.mbox2Text{padding:50px 15px 0}
.mbox2TitEn{font-size:18px}
.mbox2TitCn{font-size:16px}
.mbox2Brief{max-height:52px}
.mbox2Num{margin:0 -10px}
.mbox2NumSp{font-size:18px}
.mbox2Num li p{display:inline}
.mbox2Img{display:none}
.mbox2Bot{padding:5px}
.mbox3LefCon{display:block;padding:0}
.mbox3LefItem li{display:inline-block;padding:0;width:48%}
.mbox3LefItem li:after{display:none}
.mbox3Ico,.mbox3Line{display:none}
.mbox3Rig{display:none}
}
@media (max-height:240px){.mbox2Brief{max-height:26px}
.mbox3LefCon{display:block}
}
.welcome{ display:none;}





.xw_tj {margin: 45px auto;  max-width: 1400px; height:auto; overflow:hidden}
.xw_tj .tj_xw{width:32%; padding:0 ; position:relative;box-shadow: 0px 5px 30px #e2e2e2; background:#fff; margin-right:2%; float:left}
.xw_tj .tj_xw:last-child {margin-right:0}
.xw_tj .b_q{padding-left:15px; color:#666; position:relative;}
.xw_tj .b_q:after{width:6px; height:6px; border-radius:50%; background-color:#0b57a7; position:absolute; left:0; top:50%; margin-top:-3px; content:"";}
.xw_tj .b_t{font-size:18px; font-weight:bold; line-height:26px; margin:15px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:0 15px}
.xw_tj .b_t a{ color:#333}
.xw_tj .w_z{line-height:24px; color:#555; height: auto; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;
-ms-line-clamp:2;
-o-line-clamp:2;
-webkit-box-orient:vertical; padding:0 15px; margin-bottom:15px; font-size:14px}
.xw_tj .t_p{overflow:hidden; margin-bottom:20px; position:relative}
.xw_tj .t_p:after{width:30%; height:200%; content:""; position:absolute; top:0; left:-30%;
background-image:-webkit-linear-gradient(to right, rgba(255,255,255,.02), rgba(255,255,255,.5), rgba(255,255,255,.02));
background-image:-moz-linear-gradient(to right, rgba(255,255,255,.02), rgba(255,255,255,.5), rgba(255,255,255,.02));
background-image:-ms-linear-gradient(to right, rgba(255,255,255,.02), rgba(255,255,255,.5), rgba(255,255,255,.02));
background-image:-o-linear-gradient(to right, rgba(255,255,255,.02), rgba(255,255,255,.5), rgba(255,255,255,.02));
background-image:linear-gradient(to right, rgba(255,255,255,.02), rgba(255,255,255,.5), rgba(255,255,255,.02));
transform:skew(30deg);
-webkit-transform:skew(30deg);
-moz-transform:skew(30deg);
-ms-transform:skew(30deg);
-o-transform:skew(30deg);
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.xw_tj  .t_p:hover:after{left:100%; top:-100%;}
.xw_tj .t_p img{width:100%; height:100%; display:block;
object-fit:cover;
object-position:center;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
transition:all 1s;
-o-transition:all 1s;
-ms-transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;}
.xw_tj .tj_xw:hover .t_p img{transform:scale(1.05);
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-ms-transform:scale(1.05);
-o-transform:scale(1.05);}
.readDetail{ position:relative; padding:0 15px 15px; }
.readDetail a{color:#ccc;}
.readLink{ padding:15px 15px 10px 0; display:block; float:none; width:100%; height:100%; border-top:1px solid #e5e5e5; text-align:left; color:#ccc; font-size:14px; }
.iconRead{ position:absolute; top:0px; right:15px; bottom:0px; color:#ccc; display:flex; align-items:center; }


.gt_bt{ margin-bottom:30px; text-align:center}
.gt_bt h1{ font-size:28px; font-weight:bold}
.gt_bt em{ display:block; width:40px; background:#3f5ee1; height:3px; margin:15px auto }

.lx1{ width:100%; margin:0 auto ; height:auto; padding-bottom:60px; overflow:hidden }
.lx1 ul li{ float:left; width:32%; margin-right:2%;   text-align: center;
    box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1);
    padding: 40px 30px 30px; box-sizing:border-box; transition:all 0.6s; background: #fff;


}
.lx1 ul li:hover{ background:#3f5ee1; color:#fff; transition:all 0.6s}
.lx1 ul li:hover p{ color:#fff}
.lx1 ul li:last-child { margin-right:0;}

.lx1 ul li i{
	display:block;
width: 85px;
    height: 85px;
    background: #f5f5f5;
    line-height: 85px;
    text-align: center;
    margin: 0 auto;
    border-radius: 50%;
	font-size:35px;
	color:#3f5ee1;

}

.lx1 ul li h3 {
    font-size: 23px;
    font-weight: 500;
    margin: 20px 0;
}
.lx1 ul li h2{
	 font-size: 20px;
    color: #4f555a;
    line-height: 80px;
	min-height:90px; font-weight:bold; letter-spacing:1px
	
 }
.lx1 ul li:hover h2{ color:#fff}
.lx1 ul li p{
	 font-size: 14px;
    color: #4f555a;
    line-height: 30px;
	min-height:80px;
	
 }
.lx_dt{width:100%; height: auto; overflow:hidden; margin:50px auto;}
.lx_dt img{ width:100%}
 @media only screen and (max-width: 1440px) {
.lx1{ width:98%; margin:0 auto;  }
.lx_dt{ width:98%;    }	 
 }

 @media only screen and (max-width: 992px) {
.lx1 ul li{ float:none; width:100%; margin-right:0;  padding: 20px; margin-bottom:10px}
.lx1 ul li i{width: 50px; height: 50px;  line-height: 50px;font-size:25px;}

.lx1 ul li h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0;
}
.lx1 ul li p{
	 font-size: 12px;
    color: #4f555a;
    line-height: 23px;
	min-height:inherit
	
 }
.gt_bt{ margin-bottom:20px; text-align:center}
.gt_bt h1{ font-size:20px; font-weight:bold}
.gt_bt em{ display:block; width:40px; background:#3f5ee1; height:3px; margin:13px auto }
.banCon{position:absolute;top:45%;left:0;padding:0 15px;width:100%;color:#fff}

}


.lx_bd{ height:auto; overflow:hidden; }
.lx_bd .row{margin:0; background:#fafafa; justify-content:space-between; height:auto; overflow:hidden}
.lx_bd .b_t{text-align:center; margin-bottom:50px;}
.lx_bd .b_t h3{font-size:34px; color:#000; font-weight:bold; line-height:50px; margin-bottom:6px;}
.lx_bd .b_t h4{font-size:16px; color:#777; line-height:26px;}
.lx_bd .t_p{width:45%; float:left}
.lx_bd .t_p img{ width:100%}
.lx_bd .b_d{ width:50%; padding:10px 50px 0 0; float:right;box-sizing:border-box ; }
.lx_bd .b_d ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.lx_bd .b_d ul li{width:45%; margin-top:20px; position:relative; color:#000}
.lx_bd .b_d ul li.q_b{width:100%;}
.lx_bd .b_d input{width:100%; height:61px; border:0; border-bottom:1px solid #ddd; font-size:15px; line-height:60px; color:#000; display:block; background:none}
.lx_bd .b_d input::placeholder{color:#333;}
.lx_bd .b_d textarea{width:100%; height:122px; padding-top:17px;border:0; border-bottom:1px solid #ddd; font-size:15px; line-height:26px; color:#333; resize:none;background:none; display:block; font-family:"微软雅黑"}
.lx_bd .b_d textarea::placeholder{color:#333;}
.lx_bd .b_d button{width:160px; height:50px; border:0;  background-color:#3f5ee1; font-size:16px; line-height:50px; color:#fff; margin-top:20px; margin-right:20px; outline:none;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.lx_bd .b_d button.c_z{background-color:#888;}
.lx_bd .b_d button:hover{background-color:#098b9d;}
.lx_bd .b_d button.c_z:hover{background-color:#2b2b2b;}
@media only screen and (max-width:1440px){
.lx_bd{ height:auto; overflow:hidden; margin:50px auto; width:98%}

.lx_bd .b_t{margin-bottom:40px;}
.lx_bd .b_t h3{font-size:26px; line-height:32px;}
.lx_bd .b_d{width:50%; }
.lx_bd .b_d ul li{width:47%; margin-top:10px;}
.lx_bd .b_d input{height:51px; font-size:14px; line-height:50px;}
.lx_bd .b_d textarea{height:99px; padding-top:10px; font-size:14px; line-height:22px;}
.lx_bd .b_d button{width:140px; height:46px; font-size:15px; line-height:46px; margin-top:15px; margin-right:15px;}
}
@media only screen and (max-width:640px){
.lx_bd {
  height: auto;
  overflow: hidden;
  margin: 20px auto;
  width: 98%;
}
.lx_bd .b_t{margin-bottom:30px;}
.lx_bd .b_t h3{font-size:16px; line-height:30px; padding:0 10px;}
.lx_bd .b_t h4{font-size:12px; line-height:22px;}
.lx_bd .t_p{display: block; width:100%}
.lx_bd .b_d{width:100%;padding:20px;}
.lx_bd .b_d ul li{width:100%;}
.lx_bd .b_d button{ width:100px; font-size:14px; height:36px; line-height:36px}
}