.reservationA-e ul li@charset "utf-8";
/*头部样式*/
.logo h1 { display: content; }
a, img, video {
    vertical-align: top;}
.header {background: #fff;width: 100%;padding:0 3.125%;
    position: relative; z-index: 1000000; }
.header .logo {float: left; padding:30px 0; width: 1.95rem;}
.header .logo img{ width: 1.95rem;}
.header .logo a h1 { display: contents; }
.header .nav { float: left; margin-left:0.5rem;}
.header .nav ul>li { position: relative; float: left; margin: 0 0.5rem;}
.header .nav ul>li>a {display: block; padding:28px 0; font-size: 16px;color:#4a5167;border-bottom:2px solid #fff;}
.header .nav ul>li.cur>a,.header .nav ul>li:hover>a {color:#2eafff; border-color:#2eafff;}
.header .nav ul>li:hover>a:after { content:'';
    width: 16px;
    height: 16px;
    background: url(../images/jt_tt.png) no-repeat center; position: absolute; left:50%; margin-left:-8px; bottom:-3px; }
.header .nav ul>li .sub { position: absolute;width: 3000px;background: #f7f9fb; top: 78px;display: none; z-index: 1000000002; }
.header .nav ul>li .sub dl {width: 800px; position: relative; padding: 20px 0;}
.header .nav ul>li .sub dl:after { content:'';width: 3000px;height: 100%;background: #f7f9fb; position: absolute; left:-2998px; top:0;}
.header .nav ul>li .sub dl dd {position: relative; z-index: 100; margin: 5px 0; display: inline-block;width: auto; margin-right:60px; height: 30px;line-height: 30px;font-size: 14px;color: #646668;}
.header .nav ul>li .sub3 dl dd {width: 116px; margin-right:0; }
.header .nav ul>li .subxxx dl { padding-bottom:50px;width: 100%;}
.header .nav ul>li .subxxx dl dd { width: 100%; }
.header .nav ul>li .sub dl dd a { color: #646668; height: 30px;display: inline-block;}
.header .nav ul>li .sub dl dd a:hover {color: #2eafff; border-bottom:1px solid #2eafff;}
.header .nav ul>li .sub dl { position: relative;}
.header .nav ul>li .sub dl dt { position: absolute; top:0; left:200px;position: absolute;background: #FFFFFF;border-top: 2px solid #036dc7;top: -2px;padding: 10px 20px; border-left: 1px solid #dedede;display: block;overflow: hidden;width: 600px;box-shadow: 0 2px 5px 1px #b7b3b3;background-color: white; }

.sub-A { margin-bottom:15px;width: 16rem; border-bottom:1px solid #eee; padding-left:4px; }
.sub-A .t a { font-size: 16px;color:#000; font-weight: bold; display: block; margin-bottom:0px;}
.sub-A .c a {  display: inline-block; margin-right:25px; font-size: 14px;color:#666; margin-bottom:6px; }

.banner { max-height: 13rem; overflow: hidden;}
@media(max-width: 1920px){
    .banner { max-height: 9.8rem;}
    .header .nav ul>li { margin: 0 0.4rem; }
}
@media(max-width: 1750px){
    .header .nav ul>li { margin: 0 0.3rem; }
}
@media(max-width: 1200px){
    .header .nav ul>li .sub dl dd { margin-right:30px; }
    .header .nav ul>li .sub dl {width: 600px;}
    .sub-A {
        width: 13rem;}
    .header .nav ul>li .sub3 dl dd {width: 86px; margin-right:0; }
}
.header .nav ul>li:hover .sub { display: block;}
.header .nav ul>li .sub dl:hover dt { display: block;}
.header .search {float: right;height: 74px;cursor: pointer;background: url(../images/sear.jpg) no-repeat right center; width: 26px;}
.header .lang {float: right; padding:27px 24px; font-size: 12px; color:#4a5167;}
.header .lang a { font-size:16px; color:#4a5167;}
.header .lang a,.lang span {  vertical-align: middle; float: left;}
.header .lang span { line-height: 1.6; padding: 0 6px;}
.header .phone {float: right; padding:28px 0 28px 25px;background: url(../images/phone.jpg) no-repeat left center;}
.header .phone a {font-size: 16px;color:#4a5167;}
.header .yuyue {float: right; margin-right:38px; padding:17px 0;}
.header .yuyue a {display: block; padding:12px 30px;font-size: 14px;color:#fff;border-radius: 4px;background: #2eafff;}
.header .menu {display: none; margin:29px 0 0 20px; cursor: pointer;float: right;width: 30px;height: 14px;background: url(../images/menu.png) no-repeat center/cover;}
.banner .slick-dots li button { transition: all 0.8s; background: #fff;opacity: 0.5; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.banner .slick-dots li.slick-active button {width: 26px;opacity: 1;background: #fff;}
.banner .slick-dots { bottom:1.55rem;}
.banner .sss {height: 100%; display: block;width: 100%; position: relative;}
.banner .sss canvas {position: absolute; left:0; top:0; width: 100%;height: 100%;}
.banner .sss .cont { position: absolute; left:0; text-align: center;width: 100%; top:50%; transform: translateY(-65%);}
.banner .sss .cont .t1,.banner .sss .cont .t2 { font-size: 0.5rem; font-family: "pmzd"; color:#fff;line-height: 1.2;}
.banner .sss .cont .c { font-size: 0.2rem; color:#fff; margin-top:10px;}
.banner .sss a.mainmore { margin-top:0.2rem!important;}
.header.fixed-head{ box-shadow: 0 0 10px 0 #eee; z-index: 9999999;position: fixed;top: 0;margin-top:0;width: 100%;  left:0; background: #fff;transition: All .4s ease;-webkit-transition: All .4s ease;-moz-transition: All .4s ease;-o-transition: All .4s ease;-webkit-animation: headerFix 1s ease 1;animation: headerFix 1s ease 1;}
@-webkit-keyframes headerFix {
    from {
        -webkit-transform: translateY(-100%);
    }.homeBox5 a.more
    to {
        -webkit-transform: translateY(0);
    }
}
@keyframes headerFix {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
@media(max-width: 750px){
    .banner .sss .cont .t1,.banner .sss .cont .t2 { font-size: 0.4rem; }
}
/*内页BANNER*/
.ibanner {width: 100%;position: relative;}
.ibanner .con { z-index: 10; font-style: normal; padding: 0 2%;  width: 100%; position: absolute; left:0; top:50%; transform: translateY(-50%);text-align: center;}
/*.ibanner .con { z-index: 100; font-style: normal; padding: 0 2%; font-family: "pmzd"; width: 100%; position: absolute; left:0; top:50%; transform: translateY(-50%);text-align: center;}*/
/*.ibannerxx .con { z-index: 100; font-style: italic; padding: 0 2%; font-family: "pmzd"; width: 100%; position: relative; left:0; top:50%; transform: translateY(-50%);text-align: center;}*/
.ibannerxx .con { z-index: 100; font-style: italic; padding: 0 2%;  width: 100%; position: relative; left:0; top:50%; transform: translateY(-50%);text-align: center;}
.ibanner .pic2 {display: none; }
.ibanner .con .t1 {font-size: 0.6rem; color:#fff;line-height: 1.2;}
.ibanner .con .t2 {font-size: 0.3rem; text-transform: uppercase; color:#fff; margin: 8px 0 0.12rem;}
.ibanner .con .t3 { letter-spacing: 8px; font-size: 0.24rem; text-transform: uppercase; color:#fff; margin: 0rem;}
.ibanner .con .c {font-size: 0.24rem; color:#fff;}
.ibanner .con .c1 {font-size: 0.18rem; color:#fff;}
.ibanner .location{ position: absolute; padding: 18px 0; left:0;bottom:0; width: 100%;background: rgba(7,19,51,0.4); z-index: 10;}
.ibanner .location,.ibanner .location a { font-size: 13px;color:#fff;}
.ibanner .location a {display: inline-block; }
.ibanner .location a.home  { padding-left:15px; background: url(../images/location.png) no-repeat left center; }

@media(max-width: 1500px){
    .ibanner .con .t1 {font-size: 0.6rem; color:#fff;line-height: 1.2;}
    .ibanner .con .t2 {font-size: 18px; }
    .ibanner .con .t3 { font-size: 20px; }
    .ibanner .con .c {font-size: 20px; }
    .ibanner .con .c1 {font-size: 16px; }
}
@media(max-width: 1000px){
    .ibanner .con .t1 {font-size: 0.6rem; color:#fff;line-height: 1.2;}
    .ibanner .con .t2 {font-size: 16px; }
    .ibanner .con .t3 { font-size: 18px; }
    .ibanner .con .c {font-size: 18px; }
    .ibanner .con .c1 {font-size: 14px; }
}

@media(max-width: 360px){
    .ibanner .location, .ibanner .location a { font-size: 12px;}
}



/*手机导航*/
.mh { display: none; }
.mheader { padding: 15px 0.3rem; box-sizing: border-box; height: 60px; position: fixed; left:0; top:0; z-index: 100; background: #fff; width: 100%; background: #fff; }
.mheader .logo img { width: auto; height: 30px; }
.mh .menu {position: relative; z-index: 1000000000000000000000; float: right; margin-top:5px;-webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms; }
.mh .menu span { width: 28px;display: block;height: 3px;margin-bottom: 6px;background: #000000;-webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms }
.g-wp { -webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms }
.m-nav { width:100%; height:100%; right:-100%; top:0; background:#222222; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:1000; }
.m-nav dl dt { width: 100%; height: 75px;line-height: 75px; border-bottom:1px solid rgba(204,204,204,0.4); }
.m-nav dl dt img { float: right;margin: 22px; width: 30px;height: auto; }
.m-nav dl dd { position: relative;line-height: 60px;width: 100%;border-bottom: 1px solid rgba(204,204,204,0.4); }
.m-nav dl dd a { color:#fff; display: block;padding: 0 3%;font-size: 16px;position: relative;}
.m-nav dl dd a.inline {display: inline-block;width: 50%;text-align: center;}
.m-nav dl dd a img {float: right;display: block;margin: 24px 0;}
.headerBox-ul {position: relative;overflow-y: auto;height: 100%;}
.headerBox-li.on {left: 0;}
.headerBox-li {position: absolute;top: 0;left: 100%;width: 100%;background: #fff;height: 100%;}
.headerBox-ul {position: absolute;top:75px;overflow-y: auto;height: 100%;}
.sq_timer_800ms {-webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms;}
.headerBox-li-item .headerBox-li-back {background: rgba(255, 84, 44, 0.68);}
.headerBox li {position: relative;line-height: 46px;width: 100%;border-bottom: 1px solid #f2f2f2;}
.headerBox-li-item .headerBox-li-back a {color: #fff;}
.headerBox a {display: block;padding: 0 8%;font-size: 15px;position: relative;color:#333;}
.headerBox-li-item .headerBox-li-back span {cursor: pointer;font-size: 13px;color: #fff;position: absolute;right: 0;top: 0;height: 100%;padding: 0 6%;background: rgba(255, 84, 44, 0.8);}
body.z-open .m-nav {transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);}
body.z-open .g-wp {transform:translate3d(-65%,0,0);-webkit-transform:translate3d(-65%,0,0);}
.u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:999; }
@media(max-width: 1550px){
    .header .nav { margin-left:0.4rem; }
    .header .nav ul li {float: left; margin: 0 0.2rem;}
}
@media(max-width: 1450px){
    .header .logo { padding: 24px 0 23px; }
}
@media(max-width: 1300px){
    .header .yuyue { display: none; }
}
@media(max-width: 1250px){
    .header .nav ul li {float: left; margin: 0 0.2rem;}
    .header .yuyue {float: right; margin-right:25px;}
    .header .yuyue a { padding:12px 18px; }
}
@media(max-width: 1200px){
    .ibanner .location { padding:14px 3.125%;}
    .header .yuyue,.header .phone {display: none;}
    .header .lang { padding:27px 16px; }
}
@media(max-width: 1000px){
    .header .nav,.header .phone,.header .lang {display: none;}
    .header .menu {display: block;}
}
@media(max-width: 750px){
    .ibanner .pic1 {display: none; }
    .caseBanner .pic1 { overflow: hidden; display: block; }
    .caseBanner { overflow: hidden;}
    .caseBanner img.pic1  {
        width: 200%!important;
        position: relative;left:-50%;
        height: auto; }
    .ibanner .pic2 {display: block; }
    .header .logo { padding: 19px 0;}
    .header .search {height: 60px;}
    /*.header .logo img { width: 200px;}*/
    .header .menu {margin-top:24px;}
}

/*网站底部样式*/
.footer { padding:0.55rem 0 0.7rem; background: #122949; position: relative; z-index: 101;}
.end {position: relative; padding: 0 0.45rem;}
.endA { float: left;width: 3.3rem;}
.endA-a { margin-top:0.28rem; }
.endA-a .t {font-size: 12px;color:#969698;}
.endA-a .c {line-height: 1.5; margin-top:6px; font-size: .22rem;color:#bbbcbd;}
.endA-a .c p:first-child { letter-spacing: 1.2px;}
.endA-b { margin-top:0.3rem;}
.endA-b .t {font-size: 12px;color:#969698;}
.endA-b .c {line-height: 1.5; margin-top:6px; font-size: .16rem;color:#bbbcbd;}
.endA a.more { display: block;width: 150px;border:1px solid #2eafff; color:#ff542c;font-size: 14px; padding: 10px 0;text-align: center; border-radius: 4px; margin: 0.5rem 0 0; border:1px solid #2eafff; color:#fff;background: #2eafff;}
.endB {position: absolute;width: 1000px;left:50%; margin-left: -550px; vertical-align: top;}
.endB-a .t {font-size: 15px;color:#ffffff; margin-bottom:10px;}
.endB-a dl {float: left; }
.endB-f dl,.endB-c dl { margin-right:40px;}
.endB-c dl {width: 100%;float: none;}
.endB-c dl dd {float: left;width: 45%;}
.endB-a dl dd a { display: block; font-size: 12px;color:#a8a9ab;line-height: 2.2;}
.endB-a {float: left;}
.endB-f {width: 415px;}
.endB-b {width: 150px;}
.endB-c {width: 220px;}
.endB-d {width: 120px;}
.endB-e {width: 70px;}
.endC {float: right;width: 340px; }
.endC .t {font-size: 15px;color:#ffffff; margin-bottom:10px;}
.endC .com { padding:6px 6px 6px 20px; border:2px solid #282934;}
.endC .com .tit {font-size: 14px;color:#a8a9ab;line-height: 2; padding-top:24px; float: left;}
.endC .com .pic {float: right;}
.endC-a { margin-top:0.5rem;}
.endC-a .tabTit {display: inline-block; border-bottom:1px solid #4a4b54; margin-bottom:0.25rem;}
.endC-a .tabTit li {cursor: pointer; border-bottom:2px solid rgba(255,255,255,0); margin-bottom:-1px; padding-bottom:10px; font-size: 14px;color:#fff;opacity: 0.5;margin-right:20px;float: left;}
.endC-a .tabTit li.cur,.endC-a .tabTit li:hover { border-bottom:2px solid #fff;opacity: 1; }
.endC-a .tabTit li.sign7 { margin-right:0;}
.endC-a .conTit li {font-size: 13px;color:#fff;opacity: 0.5;line-height: 2;display: none;}
.endC-a .conTit li.cur {display: block; }
.banquan { background: #0f223c; padding: 22px 0.45rem;}
.banquanL {float: left;}
.banquanR {text-align: center;}
.banquanL,.banquanL a,.banquanR,.banquanR a {font-size: 12px;color:#9d9d9f;vertical-align: top;}
.sha {position: relative; padding:14px 0.45rem; background: #0f223c; border-bottom:1px solid rgba(255,255,255,0.2); }
.sha .smore { position: absolute; height: 20px; line-height: 20px; font-size: 14px;color:rgba(255,255,255,0.4); position: absolute; right:0.6rem; top:50%; margin-top:-10px; cursor: pointer; }
.shaa { float: left; width: 86px; line-height: 30px; font-size:16px; color:rgba(255,255,255,0.4);  }
.sha .cul { float: left; width:16rem; }
.sha .cul ul { height: 25px; overflow: hidden; }
.sha .cul.cur ul { height: auto; }
.sha .more { display: none; }
.sha ul li {padding:5px 0;height: 20px; line-height: 20px;  float: left;margin-right:0.3rem; }
.sha ul li a { font-size: 14px;color:rgba(255,255,255,0.38);}

.fenxiang {display: inline-block;}
.fenxiang a{display: block;float: left;height: 16px;margin-left: 0px;}
.fenxiang a:first-child{margin-left: 0;}


@media(max-width: 1800px){
    .endA {margin-right:0.5rem;width: auto;}
    .endB {position: relative;float: left;left:0;margin-left: 0.6rem;width: auto;}
}
@media(max-width: 1700px){
    .endA {margin-right:0.5rem;width: auto;}
    .endB { margin-left: 0.2rem; }
}
@media(max-width: 1650px){
    .endB-f dl, .endB-c dl { margin-right:10px;}
    .endB-f {width: 326px;}
    .endB-b {width: 110px;}
    .endB-c {width: 150px;}
    .endB-d {width: 90px;}
    .endB-e {width: 70px;}
    .endB { margin-left: 0rem;
        position: absolute; left:50%; margin-left:-456px; }
}
@media (max-width: 1350px){
    .footer { overflow-x: scroll; }
    .footer .end { min-width:1360px; }

	    /*.endB-c {width: 145px; }*/
		/*.endB-c dl dd {*/
		/*    float: left;*/
		/*    width: 49%;*/
		/*}*/
	}
@media (max-width: 1280px){
    /*.endB-f dl, .endB-c dl { margin-right:10px;}*/
    /*.endB-f {width: 280px;}*/
    /*.endB-b {width: 90px;}*/
    /*.endB-c {width: 80px;}*/
    /*.endB-d {width: 80px;}*/
    /*.endB-e {width: 60px;}*/
}
@media (max-width: 1300px){
    .shaa { width: 1.6rem; }
}
@media (max-width: 1200px){
    .endB { display: none;}
    .footer { overflow-x: hidden; }
    .footer .end { min-width:auto; }
}
@media (max-width: 1000px){
    .shaa { width: 2rem; }
    .sha ul { width: 15.5rem; }
    .banquanR {text-align: left;}
}

@media (max-width: 750px){
    .sha .cul {width: 100%;}
    .end { padding: 0 2%;}
    .endA {width: 100%;}
    .endC {float: left; margin-top:40px;}
    .banquan { padding: 10px 2%;}
}
@media (max-width: 800px){
    .shaa { width: 3rem; }
    .sha ul { width: 14.5rem; }
}
@media (max-width: 750px){
    .sha { padding: 20px 0.2rem; }
    .sha .smore { top:20px; margin-top:0;right:0.2rem; }
    .shaa { width: 100%; }
    .sha ul { width: 100%; }
}
@media (max-width: 400px){
    .endC {width: 300px;}
    .endC-a .tabTit li { margin-right:12px;}
}


/*首页样式*/
.w1400 { width: 14rem; margin: 0 auto;}
.mtit .t {font-size: 32px;color:#363f4e;line-height: 1;}
.mtit .t span { display: inline-block;vertical-align: bottom;font-size: 18px;color:#3e4757; opacity:0.7; font-family: "Arial";line-height: 0.8;text-transform: uppercase;}
.homeBox1 {width: 100%;background: rgba(255,255,255,0.8);position: relative; margin-top:-1.04rem;z-index: 10; }
.homeBox1 ul {height: 100%; border-left:1px solid #f1f1f1;}
.homeBox1 ul li {float: left; border-right:1px solid #f1f1f1;height: 100%;height: 1.04rem;text-align: center;}
.homeBox16 ul li {width: 16.66666%;}
.homeBox14 ul li {width: 25%; }
.homeBox1 ul li a {display: block;width: 100%; padding-top:0.28rem;}
.homeBox1 ul li .ico,.homeBox1 ul li .con {display: inline-block;vertical-align: top;}
.homeBox1 ul li .ico {width: 0.48rem;}
.homeBox1 ul li .ico img {max-width: 100%;}
.homeBox1 ul li .con {  text-align: left; width: 60%;margin-left:10px;}
.homeBox1 ul li .con .t {font-size: 0.18rem; color:#4a5167; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.homeBox1 ul li .con .c {font-size: 0.14rem; color:#4a5167; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.homeBox1 ul li:hover {background: #bbc2d8;}
.homeBox1 ul li:hover .t { color:#fff;}
.homeBox1 ul li:hover .c { color:#fff;}
.homeBox2 { padding:0.95rem 0 0.86rem;background: #f7f8f9;}
.homeBox2-a { margin-top:30px;}
.homeBox2-b {position: relative; float: left; height: 2.76rem; padding:0.25rem 0 0 0.32rem; box-shadow: 0px 0px 5px 0px rgba(212, 216, 219, 0.44); border-radius: 4px;  background: #fff;}
.homeBox2-b .pic { height: 100%; position: absolute; right:0; top:0; overflow: hidden;}

.homeBox2-b .pic .picb {display: none; }
.homeBox2-b:hover .pic .picb {display: inline-block; }
.homeBox2-b:hover .pic .pica {display: none; }

.homeBox2-b .pic img {width: auto;height: 100%;}
.homeBox2-x {width: 9.7rem; float: left;}
.homeBox2-z {width: 4.15rem; float: right;}
.homeBox2-c {width: 100%; }
.homeBox2-b .tit {font-size: 0.22rem; color:#3e4757;line-height: 1;font-weight: bold; padding-top:0.16rem;background: url(../images/h2bg_1.png) no-repeat left top;}
.homeBox2-b ul { margin-top:0.36rem; position: relative; width: 5.5rem; z-index: 100; }
.homeBox2-b ul li {text-align: center; float: left; margin: 0 0.1rem 0.1rem 0; }
.homeBox2-b ul li a {display: inline-block; text-align: center; width: 1.24rem;line-height: 1;font-size: 0.16rem; color:#555f70; padding:0.08rem 0; border-radius:3px; border:1px solid #d1d5dc; }
/*.homeBox2-b ul li.sign7 { margin-right:0.3rem;}*/
.homeBox2-b ul li:hover a { color:#fff; background: #2eafff; border:1px solid #37aeed; }
.homeBox2-d { float: right;width: 100%;}
.homeBox2-d ul { width: 2rem;}
.homeBox2-d ul li {width: 78%; margin-bottom:0.1rem; }
.homeBox2-d ul li a { width: 100%;line-height: 1;font-size: 0.16rem; color:#555f70; padding:0.08rem 0; border-radius:3px; border:1px solid #d1d5dc; }
.homeBox2-e,.homeBox2-f { margin-top:0.16rem;}
.homeBox2-e ul li,.homeBox2-e ul li a {width: 1.6rem;}
.homeBox2-f .tit { margin-bottom:0.26rem; }
.homeBox2-f dl { z-index: 10; position: relative; margin-bottom:0.18rem;}
.homeBox2-f dl dt { margin-bottom:0.1rem; font-size: 0.16rem; color:#596373;}
.homeBox2-f dl dd a {display: inline-block;font-size: 0.16rem; margin-right:0.1rem;line-height: 1; color:#555f70; padding:0.06rem 0.13rem; border-radius:3px; border:1px solid #d1d5dc; }
.homeBox2-f dl dd a:hover { color:#fff;background: #37aeed; border:1px solid #37aeed; }
.homeBox2-g { margin-top:0.22rem;}
.homeBox2-g ul li {float: left;background: #fff; box-shadow: 0px 0px 5px 0px rgba(212, 216, 219, 0.44); border-radius: 4px;width: 24.25%;}
.homeBox2-g ul li a {display: block;width: 100%;height: 1.25rem; padding-top:0.3rem;text-align: center; cursor: auto;}
.homeBox2-g ul li.sign1,.homeBox2-g ul li.sign2 { margin-right:1%;}
.homeBox2-g ul li.sign4 {float: right;}
.homeBox2-g ul li a .icon { transition: all 0.8s; width: 0.62rem; background: #eef4ff; border-radius:50%;}
.homeBox2-g ul li a .icon img {max-width: 100%;}
.homeBox2-g ul li a .icon,.homeBox2-g ul li a .con {display: inline-block;vertical-align: top;}
.homeBox2-g ul li a .con {text-align: left; margin-left:10px;}
.homeBox2-g ul li a .con .t {padding-top:0.05rem; font-size: 0.18rem; color:#3e4757;}
.homeBox2-g ul li a .con .c {padding-top:0.05rem; font-size: 0.14rem; color:#3e4757;}
.homeBox2-g ul li:hover a .icon {background: #d2e2ff;position: relative; }
.homeBox2-g ul li:hover a .icon img {width: 100%;position: relative; z-index: 10;}
/*.homeBox2-g ul li a .icon:after { content:'';width: 0rem;height: 0rem; transition: all 0.8s; position: absolute; left:50%; top:50%; border-radius: 50%; border:2px solid #3670d8;}*/
/*.homeBox2-g ul li a .icon:after {*/
/*	pointer-events: none;*/
/*	position: absolute;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	border-radius: 50%;*/
/*	content: '';*/
/*	-webkit-box-sizing: content-box;*/
/*	-moz-box-sizing: content-box;*/
/*	box-sizing: content-box;*/

/*}*/
@media(max-width: 1600px){
    .homeBox2-b ul li a,.homeBox2-d ul li a,.homeBox2-f dl dd a { font-size: 0.18rem;}
}
@media(max-width: 1500px){
    .homeBox1 { margin-top:0px;}
    .homeBox16 ul li {width: 33.3333%;}
    /*.homeBox1 ul li:nth-child(n+4) { border-top:1px solid #dcdee3;}*/
}
@media(max-width: 1200px){
    .homeBox2-b .tit { font-size: 16px;}
    .homeBox2-b ul li a,.homeBox2-d ul li a,.homeBox2-f dl dd a { font-size: 14px;}
    .homeBox2-b ul { margin-top:0.16rem;}
    .homeBox2-f dl { margin-bottom:0.1rem;}
    .homeBox2-b ul {width: 7.5rem;}
    .homeBox2-d ul {width: 3.5rem;}
    .homeBox2-b ul li a {width: 1.65rem;}
    .homeBox2-d ul li a {width: 100%;}
    .homeBox2-e ul li, .homeBox2-e ul li a {width: 1.8rem;}
}




@font-face{font-family:ecoicon;src:url(../fonts/ecoicons/ecoicon.eot);src:url(../fonts/ecoicons/ecoicon.eot?#iefix) format('embedded-opentype'),url(../fonts/ecoicons/ecoicon.woff) format('woff'),url(../fonts/ecoicons/ecoicon.ttf) format('truetype'),url(../fonts/ecoicons/ecoicon.svg#ecoicon) format('svg');font-weight:400;font-style:normal}


.hi-icon-wrap{text-align:center;margin:0 auto;padding:2em 0 3em}




.hi-icon:after{pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.hi-icon:before{font-family:ecoicon;speak:none;font-size:48px;line-height:90px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased}
.hi-icon-mobile:before{content:"\e009"}.hi-icon-screen:before{content:"\e00a"}.hi-icon-earth:before{content:"\e002"}.hi-icon-support:before{content:"\e000"}.hi-icon-locked:before{content:"\e001"}
.hi-icon-cog:before{content:"\e003"}
.hi-icon-clock:before{content:"\e004"}
.hi-icon-videos:before{content:"\e005"}
.hi-icon-list:before{content:"\e006"}
.hi-icon-refresh:before{content:"\e007"}
.hi-icon-images:before{content:"\e008"}
.hi-icon-pencil:before{content:"\e00b"}
.hi-icon-link:before{content:"\e00c"}
.hi-icon-mail:before{content:"\e00d"}
.hi-icon-location:before{content:"\e00e"}
.hi-icon-archive:before{content:"\e00f"}
.hi-icon-chat:before{content:"\e010"}
.hi-icon-bookmark:before{content:"\e011"}
.hi-icon-user:before{content:"\e012"}
.hi-icon-contract:before{content:"\e013"}
.hi-icon-star:before{content:"\e014"}
.hi-icon-effect-1 .hi-icon{background:rgba(255,255,255,.1);-webkit-transition:background .2s,color .2s;-moz-transition:background .2s,color .2s;transition:background .2s,color .2s}
.hi-icon-effect-1 .hi-icon:after{top:-7px;left:-7px;padding:7px;box-shadow:0 0 0 4px #fff;-webkit-transition:-webkit-transform .2s,opacity .2s;-webkit-transform:scale(.8);-moz-transition:-moz-transform .2s,opacity .2s;-moz-transform:scale(.8);-ms-transform:scale(.8);transition:transform .2s,opacity .2s;transform:scale(.8);opacity:0}
.hi-icon-effect-1a .hi-icon:hover{background:#fff;color:#41ab6b}

.hi-icon-effect-1a .hi-icon:hover:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.hi-icon-effect-1b .hi-icon:hover{background:#fff;color:#41ab6b}.hi-icon-effect-1b .hi-icon:after{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.hi-icon-effect-1b .hi-icon:hover:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.hi-icon-effect-2 .hi-icon{color:#eea303;box-shadow:0 0 0 3px #fff;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}.hi-icon-effect-2 .hi-icon:after{top:-2px;left:-2px;padding:2px;z-index:-1;background:#fff;-webkit-transition:-webkit-transform .2s,opacity .2s;-moz-transition:-moz-transform .2s,opacity .2s;transition:transform .2s,opacity .2s}.hi-icon-effect-2a .hi-icon:hover{color:#eea303}.hi-icon-effect-2a .hi-icon:hover:after{-webkit-transform:scale(.85);-moz-transform:scale(.85);-ms-transform:scale(.85);transform:scale(.85)}.hi-icon-effect-2b .hi-icon:hover:after{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;-webkit-transition:-webkit-transform .4s,opacity .2s;-moz-transition:-moz-transform .4s,opacity .2s;transition:transform .4s,opacity .2s}.hi-icon-effect-2b .hi-icon:hover{color:#fff}.hi-icon-effect-3 .hi-icon{box-shadow:0 0 0 4px #fff;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}.hi-icon-effect-3 .hi-icon:after{top:-2px;left:-2px;padding:2px;z-index:-1;background:#fff;-webkit-transition:-webkit-transform .2s,opacity .3s;-moz-transition:-moz-transform .2s,opacity .3s;transition:transform .2s,opacity .3s}.hi-icon-effect-3a .hi-icon{color:#f06060}.hi-icon-effect-3a .hi-icon:hover{color:#fff}.hi-icon-effect-3a .hi-icon:hover:after{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);opacity:0}.hi-icon-effect-3b .hi-icon{color:#fff}.hi-icon-effect-3b .hi-icon:hover{color:#f06060}.hi-icon-effect-3b .hi-icon:after{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);opacity:0}.hi-icon-effect-3b .hi-icon:hover:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.hi-icon-effect-4 .hi-icon{width:92px;height:92px;box-shadow:0 0 0 4px #fff}.hi-icon-effect-4a .hi-icon{-webkit-transition:box-shadow .2s;-moz-transition:box-shadow .2s;transition:box-shadow .2s}.hi-icon-effect-4 .hi-icon:before{line-height:92px}.hi-icon-effect-4 .hi-icon:after{top:-4px;left:-4px;padding:0;z-index:10;border:4px dashed #fff}.hi-icon-effect-4 .hi-icon:hover{box-shadow:0 0 0 0 transparent;color:#fff}.hi-icon-effect-4b .hi-icon:hover{-webkit-transition:box-shadow .2s;-moz-transition:box-shadow .2s;transition:box-shadow .2s}.hi-icon-effect-4b .hi-icon:hover:after{-webkit-animation:spinAround 9s linear infinite;-moz-animation:spinAround 9s linear infinite;animation:spinAround 9s linear infinite}@-webkit-keyframes spinAround{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes spinAround{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@keyframes spinAround{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.hi-icon-effect-5 .hi-icon{box-shadow:0 0 0 4px #fff;overflow:hidden;-webkit-transition:background .3s,color .3s,box-shadow .3s;-moz-transition:background .3s,color .3s,box-shadow .3s;transition:background .3s,color .3s,box-shadow .3s}.hi-icon-effect-5 .hi-icon:after{display:none}.hi-icon-effect-5 .hi-icon:hover{background:#fff;color:#702fa8;box-shadow:0 0 0 8px rgba(255,255,255,.3)}.hi-icon-effect-5a .hi-icon:hover:before{-webkit-animation:toRightFromLeft .3s forwards;-moz-animation:toRightFromLeft .3s forwards;animation:toRightFromLeft .3s forwards}@-webkit-keyframes toRightFromLeft{49%{-webkit-transform:translate(100%)}50%{opacity:0;-webkit-transform:translate(-100%)}51%{opacity:1}}@-moz-keyframes toRightFromLeft{49%{-moz-transform:translate(100%)}50%{opacity:0;-moz-transform:translate(-100%)}51%{opacity:1}}@keyframes toRightFromLeft{49%{transform:translate(100%)}50%{opacity:0;transform:translate(-100%)}51%{opacity:1}}.hi-icon-effect-5b .hi-icon:hover:before{-webkit-animation:toLeftFromRight .3s forwards;-moz-animation:toLeftFromRight .3s forwards;animation:toLeftFromRight .3s forwards}@-webkit-keyframes toLeftFromRight{49%{-webkit-transform:translate(-100%)}50%{opacity:0;-webkit-transform:translate(100%)}51%{opacity:1}}@-moz-keyframes toLeftFromRight{49%{-moz-transform:translate(-100%)}50%{opacity:0;-moz-transform:translate(100%)}51%{opacity:1}}@keyframes toLeftFromRight{49%{transform:translate(-100%)}50%{opacity:0;transform:translate(100%)}51%{opacity:1}}.hi-icon-effect-5c .hi-icon:hover:before{-webkit-animation:toTopFromBottom .3s forwards;-moz-animation:toTopFromBottom .3s forwards;animation:toTopFromBottom .3s forwards}@-webkit-keyframes toTopFromBottom{49%{-webkit-transform:translateY(-100%)}50%{opacity:0;-webkit-transform:translateY(100%)}51%{opacity:1}}@-moz-keyframes toTopFromBottom{49%{-moz-transform:translateY(-100%)}50%{opacity:0;-moz-transform:translateY(100%)}51%{opacity:1}}@keyframes toTopFromBottom{49%{transform:translateY(-100%)}50%{opacity:0;transform:translateY(100%)}51%{opacity:1}}.hi-icon-effect-5d .hi-icon:hover:before{-webkit-animation:toBottomFromTop .3s forwards;-moz-animation:toBottomFromTop .3s forwards;animation:toBottomFromTop .3s forwards}@-webkit-keyframes toBottomFromTop{49%{-webkit-transform:translateY(100%)}50%{opacity:0;-webkit-transform:translateY(-100%)}51%{opacity:1}}@-moz-keyframes toBottomFromTop{49%{-moz-transform:translateY(100%)}50%{opacity:0;-moz-transform:translateY(-100%)}51%{opacity:1}}@keyframes toBottomFromTop{49%{transform:translateY(100%)}50%{opacity:0;transform:translateY(-100%)}51%{opacity:1}}.hi-icon-effect-6 .hi-icon{box-shadow:0 0 0 4px #fff;-webkit-transition:background .2s,color .2s;-moz-transition:background .2s,color .2s;transition:background .2s,color .2s}.hi-icon-effect-6 .hi-icon:hover{background:#fff;color:#64bb5d}.hi-icon-effect-6 .hi-icon:hover:before{-webkit-animation:spinAround 2s linear infinite;-moz-animation:spinAround 2s linear infinite;animation:spinAround 2s linear infinite}.hi-icon-effect-7 .hi-icon{box-shadow:0 0 0 4px #fff;-webkit-transition:background .2s,color .2s;-moz-transition:background .2s,color .2s;transition:background .2s,color .2s}.hi-icon-effect-7 .hi-icon:hover{color:#fff}.hi-icon-effect-7 .hi-icon:after{top:-8px;left:-8px;padding:8px;z-index:-1;opacity:0}.hi-icon-effect-7a .hi-icon:after{box-shadow:0 0 0 #fff;-webkit-transition:opacity .2s,box-shadow .2s;-moz-transition:opacity .2s,box-shadow .2s;transition:opacity .2s,box-shadow .2s}.hi-icon-effect-7a .hi-icon:hover:after{opacity:1;box-shadow:3px 3px 0 #fff}.hi-icon-effect-7a .hi-icon:before{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);opacity:.7;-webkit-transition:-webkit-transform .2s,opacity .2s;-moz-transition:-moz-transform .2s,opacity .2s;transition:transform .2s,opacity .2s}.hi-icon-effect-7a .hi-icon:hover:before{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.hi-icon-effect-7b .hi-icon:after{box-shadow:3px 3px #fff;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:opacity .2s,-webkit-transform .2s;-moz-transition:opacity .2s,-moz-transform .2s;transition:opacity .2s,transform .2s}.hi-icon-effect-7b .hi-icon:hover:after{opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.hi-icon-effect-7b .hi-icon:before{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);opacity:.7;-webkit-transition:-webkit-transform .2s,opacity .2s;-moz-transition:-moz-transform .2s,opacity .2s;transition:transform .2s,opacity .2s}.hi-icon-effect-7b .hi-icon:hover:before{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.hi-icon-effect-8 .hi-icon{background:rgba(255,255,255,.1);-webkit-transition:-webkit-transform ease-out .1s,background .2s;-moz-transition:-moz-transform ease-out .1s,background .2s;transition:transform ease-out .1s,background .2s}
.hi-icon-effect-8 .hi-icon:after{top:0;left:0;padding:0;z-index:-1;box-shadow:0 0 0 2px rgba(255,255,255,.1);opacity:0;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}


.homeBox2-g ul li:hover .hi-icon{background:rgba(255,255,255,.05);-webkit-transform:scale(.93);-moz-transform:scale(.93);-ms-transform:scale(.93);transform:scale(.93);color:#fff}

.homeBox2-g ul li:hover .hi-icon:after{
    -webkit-animation:sonarEffect 1.3s ease-out 75ms;
    -moz-animation:sonarEffect 1.3s ease-out 75ms;
    animation:sonarEffect 1.3s ease-out 75ms}

@-webkit-keyframes sonarEffect {
    0%{opacity:.3}
    40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #d2e2ff,0 0 0 10px rgba(255,255,255,.5)}
    100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 20px 10px #d2e2ff,0 0 0 10px rgba(255,255,255,.5);
        -webkit-transform:scale(1.2);opacity:0}
}
@-moz-keyframes sonarEffect {
    0%{opacity:.3}
    40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #d2e2ff,0 0 0 10px rgba(255,255,255,.5)}
    100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 20px 10px #d2e2ff,0 0 0 10px rgba(255,255,255,.5);
        -moz-transform:scale(1.2);opacity:0}
}
@keyframes sonarEffect{
    0%{opacity:.3}
    40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #d2e2ff,0 0 0 10px rgba(255,255,255,.5)}
    100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 20px 10px #d2e2ff,0 0 0 10px rgba(255,255,255,.5);
        transform:scale(1.2);opacity:0}}

.hi-icon-effect-9 .hi-icon{-webkit-transition:box-shadow .2s;-moz-transition:box-shadow .2s;transition:box-shadow .2s}.hi-icon-effect-9 .hi-icon:after{top:0;left:0;padding:0;box-shadow:0 0 0 3px #fff;-webkit-transition:-webkit-transform .2s,opacity .2s;-moz-transition:-moz-transform .2s,opacity .2s;transition:transform .2s,opacity .2s}.hi-icon-effect-9a .hi-icon:hover:after{-webkit-transform:scale(.85);-moz-transform:scale(.85);-ms-transform:scale(.85);transform:scale(.85);opacity:.5}.hi-icon-effect-9a .hi-icon:hover{box-shadow:0 0 0 10px #fff;color:#fff}.hi-icon-effect-9b .hi-icon:hover:after{-webkit-transform:scale(.85);-moz-transform:scale(.85);-ms-transform:scale(.85);transform:scale(.85)}.hi-icon-effect-9b .hi-icon:hover{box-shadow:0 0 0 10px rgba(255,255,255,.4);color:#fff}
@media(max-width: 1200px){
	.homeBox2-g ul li:hover .hi-icon:after{ display: none;}
}







.homeBox2-h a { transition: all 0.8s; display: block;width: 150px;border:1px solid #3386ff; color:#3386ff;font-size: 14px; padding: 10px 0;text-align: center; border-radius: 4px; margin: 0.6rem auto 0;}
.homeBox2-h a:hover { border:1px solid #2eafff; color:#fff;background: #2eafff;}
@media(max-width:1250px){
    .homeBox2-d ul li {width: 90%; margin-bottom:0.1rem; }
}
@media(max-width:1200px){
    .homeBox2-x {width: 63%;}
    .homeBox2-z {width: 36%;}
    .homeBox2-d ul li {width: 100%; margin-bottom:0.1rem; }
}
@media(max-width:1100px){
    .homeBox2-b {height: 3.2rem;}
    .homeBox2-b ul li a {width: 2.2rem;}
    .homeBox2-e ul li, .homeBox2-e ul li a {width: 2.2rem;}
    .homeBox2-d ul li a {width: 100%;}
}
@media(max-width:1000px){
    .homeBox2-b ul li a {width: 2.4rem; font-size: 15px; }
    .homeBox2-b { margin: 6px 0;}
    .homeBox2-e ul li, .homeBox2-e ul li a {width: 2.4rem;}
    .homeBox2-d ul li a {width: 100%;}
    .homeBox2-x {width: 100%;}
    .homeBox2-z {width: 100%;}
    .homeBox2-b { height: auto; padding:25px 0 45px 30px;}
    /*.homeBox2-b ul {width: 3rem;}*/
    /*.homeBox2-e ul {width: 4rem;}*/
    /*.homeBox2-b ul li.sign7 { margin-right:0.1rem;}*/
    .homeBox2-b .pic { top:15%; height: 70%;}
    .homeBox2-d .pic { top:0%; height: 100%;}

}

@media(max-width:750px){
    .homeBox2-d ul li {width: 60%;}
    .homeBox2-b ul {width: 4rem;}
    .homeBox2-e ul {width: 4rem;}
}
@media(max-width:500px){
    .homeBox2-b { height: auto; padding:15px 0 25px 15px;}
    .homeBox2-d ul li {width: 70%;}
}
@media(max-width:400px){
    .homeBox2-b ul {width: 4rem;}
    .homeBox2-b ul li a {width: 1.6rem;}
    .homeBox2-e ul li, .homeBox2-e ul li a {width: 1.8rem;}
    .homeBox2-d ul {width: 2.5rem;}
    .homeBox2-d ul li,.homeBox2-d ul li a {width: 2.5rem;}
    .homeBox2-b ul li a,.homeBox2-d ul li a,.homeBox2-f dl dd a { font-size: 12px;}
}

@media(max-width:350px){
    .homeBox2-b ul {width: 4.4rem;}
    .homeBox2-e ul li, .homeBox2-e ul li a {width: 2rem;}
}

.homeBox3 { padding:0.9rem 0 1.1rem;height: 8rem;overflow: hidden;}
.homeBox3-a { margin-top:0.4rem;}
.homeBox3-a ul li {cursor: pointer; position: relative; border-radius: 5px; border:1px solid #fff; border-top:2px solid #3386ff; margin-right:0.12rem; box-shadow: 0px 0px 20px 0px rgba(229, 234, 240, 0.4);width: 3.41rem;height: 5.2rem;float: left;text-align: center;overflow: hidden;}
.homeBox3-a ul li.cur {width: 4.95rem;}
.homeBox3-b { padding-top:0.8rem;}
.homeBox3-b .icon {width: 1.9rem; margin: 0 auto;}
.homeBox3-b .icon img {width: 100%;}
.homeBox3-b .tit { margin-top:0.4rem; }
.homeBox3-b .tit .t1 {text-transform: uppercase;line-height: 1.5; font-size: 0.2rem; color:#3e4757;opacity:0.3; }
.homeBox3-b .tit .t2 {text-transform: uppercase;line-height: 1.5; font-size: 0.18rem; color:#3e4757; margin-top:0.2rem; }
.homeBox3-a ul li a.more { display: inline-block; margin-top:0.4rem; font-size: 14px;color:#3889ff;border:1px solid #3889ff; border-radius: 4px; padding: 6px 20px;}
.homeBox3-a ul li.cur a.more { color:#fff;border:1px solid #2eafff;background: #2eafff;}
.homeBox3-a ul li.sign4,.homeBox3-a ul li.sign3 { margin-right:0;}
.homeBox3-a ul li.sign4 { float: right;}
.homeBox3-a ul li .con {margin-top: 0.1rem;width: 4rem;overflow: hidden;height: 0;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;}
.homeBox3-a ul li.cur .con{height: auto;}
.homeBox3-a ul li:after {width: 12px;height: 7px;content:'';background: url(../images/h3e_1.png) no-repeat center;position: absolute; left:30px; top:0;}
.homeBox3-a ul li.cur:after {background: url(../images/h3e_1_bg.png) no-repeat center; }
.homeBox3-a ul li.cur {text-align: left; padding-left:0.26rem; padding-right:0.26rem; /*border:1px solid #26ceee;*/ border-top:3px solid #2eafff;background: #f7fcff;}
.homeBox3-a ul li.cur .icon {width: 1rem;position: absolute; right:0.2rem; top:0.3rem;}
/* .homeBox3-a ul li:nth-child(1) .con {margin-top:0.12rem;font-size: 0.14rem; color:#3e4757;opacity: 0.8;line-height: 1.4; width: auto;height: auto;text-align: left; display: block;} */
.homeBox3-a ul li.cur .homeBox3-b { padding-top:0.1rem;}
.homeBox4 {position: relative;width: 100%;overflow: hidden;}
.homeBox4 .bg {width: 40%;height: 100%;background: rgba(31,95,189,0.48);position: absolute;left:0;top:0;}
.homeBox4-b { position: absolute; left:0;width: 100%; top:50%; transform: translateY(-50%);}
.homeBox4-c {float: left;width: 3.3rem; }
.homeBox4-c .tit .t1 {font-size: 18px; color:#fff;opacity: 0.8;line-height: 1.2; text-transform: uppercase;}
.homeBox4-c .tit .t2 {font-size: 32px; color:#fff; line-height: 1.2;}
.homeBox4-c .tit .c {font-size: 0.16rem; color:#fff;opacity: 0.8;line-height: 1.4; margin: .2rem 0 .55rem; text-transform: uppercase;}
.homeBox4-d ul {width: 2.5rem;}
.homeBox4-d ul li {font-size: 14px;color:#fff;padding: 8px 0; border:1px solid rgba(255,255,255,0.2);border-radius: 4px;text-align: center;float: left;width: 48%;margin-bottom:4%;}
.homeBox4-d ul li:nth-child(2n) {float: right;}
.homeBox4-d ul li:hover,.homeBox4-d ul li.cur{background: #2eafff;border-color:#2eafff;}
.homeBox4-d ul li a{color:#fff;}
.homeBox4-e .swiper-slide { padding:0.1rem; overflow: hidden;}
.homeBox4-e .swiper-slide a { display: block;
    overflow: hidden;}
.homeBox4-e .swiper-slide .pic2 {display: none;}
.homeBox4-e {float: right;width: 8.5rem;}
.homeBox4 .homeBox4-a.active img {
    -webkit-animation: godownxx 1.5s;
    animation: godownxx 1.5s;
    animation-iteration-count:1;/*动画只执行一次*/
    -moz-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
    -o-animation-iteration-count:1;
}
@-webkit-keyframes godownxx {
    0% {-webkit-transform: scale(1.2)}
    5% {-webkit-transform: scale(1.19)}
    10% {-webkit-transform: scale(1.18)}
    15% {-webkit-transform: scale(1.17)}
    20% {-webkit-transform: scale(1.16)}
    25% {-webkit-transform: scale(1.15)}
    30% {-webkit-transform: scale(1.14)}
    35% {-webkit-transform: scale(1.13)}
    40% {-webkit-transform: scale(1.12)}
    45% {-webkit-transform: scale(1.11)}
    50% { -webkit-transform: scale(1.1)}
    55% { -webkit-transform: scale(1.09)}
    60% { -webkit-transform: scale(1.08)}
    65% { -webkit-transform: scale(1.07)}
    70% { -webkit-transform: scale(1.06)}
    75% { -webkit-transform: scale(1.05)}
    80% { -webkit-transform: scale(1.04)}
    85% { -webkit-transform: scale(1.03)}
    90% { -webkit-transform: scale(1.02)}
    95% { -webkit-transform: scale(1.01)}
    100% {-webkit-transform: scale(1)}
}
@keyframes godownxx {
    0% {-webkit-transform: scale(1.2)}
    5% {-webkit-transform: scale(1.19)}
    10% {-webkit-transform: scale(1.18)}
    15% {-webkit-transform: scale(1.17)}
    20% {-webkit-transform: scale(1.16)}
    25% {-webkit-transform: scale(1.15)}
    30% {-webkit-transform: scale(1.14)}
    35% {-webkit-transform: scale(1.13)}
    40% {-webkit-transform: scale(1.12)}
    45% {-webkit-transform: scale(1.11)}
    50% { -webkit-transform: scale(1.1)}
    55% { -webkit-transform: scale(1.09)}
    60% { -webkit-transform: scale(1.08)}
    65% { -webkit-transform: scale(1.07)}
    70% { -webkit-transform: scale(1.06)}
    75% { -webkit-transform: scale(1.05)}
    80% { -webkit-transform: scale(1.04)}
    85% { -webkit-transform: scale(1.03)}
    90% { -webkit-transform: scale(1.02)}
    95% { -webkit-transform: scale(1.01)}
    100% {-webkit-transform: scale(1)}
}
.homeBox4-e .swiper-container {width: 100%;padding-bottom:60px;height: 100%;height: 4.8rem;margin-left: auto;margin-right: auto;}
.homeBox4-e .swiper-container-horizontal>.swiper-pagination-bullets,.homeBox4-e .swiper-pagination-custom, .swiper-pagination-fraction { bottom:0;text-align: left;}
.homeBox4-e .swiper-pagination-bullet {background: #fff;opacity: 0.3; transition: all 0.8s; border-radius: 4px;}
.homeBox4-e .swiper-pagination-bullet-active { width: 20px; opacity: 1;}
.homeBox4-e .swiper-slide {text-align: center;border-bottom:1px solid rgba(255,255,255,0.2);height: calc((100%) / 4);display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.homeBox4-e .swiper-slide img { width: 100%;height: auto;}
.homeBox4-e .swiper-slide:hover .pic1 {display: none;}
.homeBox4-e .swiper-slide:hover .pic2 {display: inline-block;}
.homeBox4-e {position: relative;}
.homeBox4-e a.more { z-index: 100; font-size: 14px; color:#fff;display: inline-block; padding:10px 30px; border:1px solid rgba(255,255,255,0.2); border-radius: 4px;position: absolute; right:0; bottom:0;}
.homeBox4-e a.more:hover {background: #2eafff; border-color:#2eafff;}
.homeBox5 { padding:1rem 0 0.9rem;background: #f7f9fb;-webkit-background-size: 100% auto;background-size: 100% auto; position: relative;}
.homeBox5 #J_dotLinea {position: absolute; left:0; top:0; width: 100%;height: 100%;}
.lizi canvas {position: absolute; left:0; bottom:0;}

@media(max-width: 1800px){
    .homeBox4 .bg {width: 35%;}
}
@media(max-width: 1500px){
    .homeBox4-d ul li { padding:4px 0;margin-bottom:5px;}
}
@media(max-width: 1450px){
    .homeBox4 .bg {width: 40%;}
}
@media(max-width: 1200px){
    .homeBox4-e .swiper-container {height: 5.6rem;}
    .homeBox4 .bg {width: 30%;}
    .homeBox4-e .swiper-slide img {height: 70px;width: auto;}
}
@media(max-width: 1100px){
    .homeBox4-e .swiper-container {height: 5.6rem;}
    .homeBox4 .bg {width: 30%;}
    .homeBox4-e .swiper-slide img {height: 60px;width: auto;}
}
@media(max-width: 1000px){
    .homeBox4 .bg {width: 100%;height: 36%; }
    .homeBox4-e .swiper-slide img {height: auto;width: 100%;}
}
@media(max-width: 850px){
    .homeBox4 .bg { height: 34%; }
}
@media(max-width: 750px){
    .homeBox4 .bg { height: 39%; }
}
@media(max-width: 550px){
    .homeBox4 .bg { height: 42%; }
}
@media(max-width: 430px){
    .homeBox4 .bg { height: 45%; }
}
@media(max-width: 380px){
    .homeBox4 .bg { height: 48%; }
}
.homeBox5-x { position: relative;z-index: 100; }
.homeBox5-a { margin-top:0.7rem;}
.homeBox5-a ul li {float: left;width: 26%; transition: all 0.8s; padding: 0 0.3rem 0 0.25rem; border-left:1px solid #bfc3c9;height: 1.8rem;position: relative;}
.homeBox5-a ul li.sign1 {width: 27%;}
.homeBox5-a ul li.sign4 {width: 21%; }
.homeBox5-a ul li .icon { position: absolute; left:0.25rem; top:0;}
.homeBox5-a ul li .icon img { transition: all 0.6s;}
.homeBox5-a ul li .icon .pic1{display: none;}
/*.homeBox5-a ul li .icon .pic2 {width: 0;}*/
.homeBox5-a ul li .icon .pic2 {width: 25px; }
.homeBox5-a ul li:hover .icon .pic2 {width: 40px;display: none;}
.homeBox5-a ul li:hover .icon .pic1 {width: 40px;display: inline-block;}
.homeBox5-a ul li:hover .con .t {color: #6acbfe;}
/*.homeBox5-a ul li:hover .icon .pic1 {width: 0px;}*/

.homeBox5-a ul li .con { position: absolute; left:0.25rem;bottom:0;}
.homeBox5-a ul li .con .t { font-size: 0.54rem; color:#3f8dff;}
.homeBox5-a ul li .con .c { font-size: 0.16rem; color:#3e4757; line-height: 1;}
.homeBox5-a ul li .con .t i { font-size: 0.3rem; font-style: normal; }
.homeBox5-a ul li:after { transition: all 0.8s; content:'';width: 2px;height: 50%;background: #3f8dff;position: absolute; left:-1px;bottom:0;}
.homeBox5-a ul li:hover { height: 2rem; margin-top:-0.2rem;}
.homeBox5-a ul li:hover:after {height: 100%;background: #6acbfe;}
.homeBox5 a.more { transition: all 0.8s; display: block;width: 150px;border:1px solid #2097d6; color:#2097d6;font-size: 14px; padding: 10px 0;text-align: center; border-radius: 4px; margin: 0.9rem auto 0; }
.homeBox5 a.more:hover { border:1px solid #2eafff; color:#fff;background: #2eafff;}
a.mainmore { transition: all 0.8s; display: block;width: 150px;border:1px solid #2eafff; color:#2eafff;font-size: 14px; padding: 10px 0;text-align: center; border-radius: 4px; margin: 0.9rem auto 0; border:1px solid #2eafff; color:#fff;background: #2eafff;}

.homeBox6 { padding:1rem 0 1.2rem;}
.homeBox6 .mtit { position: relative;}
.homeBox6 .mtit a.more { padding: 8px 20px; border:1px solid #3f8dff; font-size: 14px; color:#3f8dff; border-radius: 4px; top:50%; transform: translateY(-50%); position: absolute; right:0; }
.homeBox6 .mtit a.more:hover { color:#fff;background: #3f8dff; }
.homeBox6-a { margin-top:30px;}
.homeBox6-b {float: left;width: 32%;overflow: hidden;}
.homeBox6-b2 { margin: 0 2%;}
.homeBox6-a .hotNew { border-radius: 5px; overflow: hidden; position: relative;}
.homeBox6-a .hotNew a.tit{z-index: 10; top:0; right:0.2rem;background: rgba(63,141,255,0.5); padding: 5px 20px; font-size: 14px;color:#fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; position: absolute;}
.homeBox6-a .hotNew a.tit:hover{ background: #2eafff;}
.homeBox6-a .hotNew a.pic {display: block; position: relative; }
.homeBox6-a .hotNew a.pic span,.homeBox6-a .hotNew a.pic h3 { overflow: hidden; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;  background:rgba(0,0,0,0.5); position: absolute;width: 100%; padding:13px 20px;font-size: 14px;color:#fff; left:0; bottom:0; display: inline-block;}
.homeBox6-a .hotNew .pic img {width: 100%;height: auto; transition: all 0.8s;}
.homeBox6-a .hotNew:hover .pic img { transform: scale(1.1);}
.homeBox6-a .hotNew:hover a.pic span {background: #2eafff;}
.homeBox6-a .newList { margin-top:25px;}
.homeBox6-a .newList ul li {background: url(../images/h6a_1.png) no-repeat left center; padding: 8px 0;}
.homeBox6-a .newList ul li a {height: 20px;line-height: 20px; overflow: hidden; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; position: relative; font-size: 14px;color:#48505f; display: block;
    width: 99%; padding: 0 0 0 13px; }
.homeBox6-a .newList ul li:hover {background: url(../images/h6b_1.png) no-repeat left center; padding: 8px 0;}
.homeBox6-a .newList ul li:hover a {color:#2eafff}
.homeBox6-a .newList ul li a:after {background: #fff; content:'';height: 1px;width: 100%; position: absolute; left:0;bottom:0;}
.homeBox6-a .newList ul li:hover a:after {
	background: #2eafff;}
@media(max-width: 1600px){
    .homeBox3-a ul li.cur .tit { margin-top:0.24rem;}
}
@media(max-width: 1450px){
    .homeBox4-c {float: left;width: 4rem; }
    .homeBox4-d ul {width: 3rem;}
    .homeBox4-a {width: 115%;}
    .homeBox4-b { transform: translateY(-48%);}
    .homeBox3-a ul li.cur .homeBox3-b .tit .t1 {line-height: 1.3;}
    .homeBox3-a ul li.cur .homeBox3-b .tit .t2 {margin-top:0.1rem; }
    .homeBox3-a ul li {height: 5.6rem; }
    .homeBox3-a ul li.cur .con {height: 3rem;}
    .homeBox3-a ul li a.more{position: absolute; bottom:20px;width: 126px; left:50%; margin-left:-63px;}
    .homeBox1 ul li .con { width: 120px;}
}

@media(max-width: 1200px){
    .homeBox4-c .tit .t1 {font-size: 14px; color:#fff;opacity: 0.8;line-height: 1.2; text-transform: uppercase;}
    .homeBox4-c .tit .t2 {font-size: 22px; color:#fff; line-height: 1.2;}

    .homeBox3-b .tit .t1 { font-size: 15px;}
    .homeBox3-b .tit .t2 { font-size: 14px;}
    /*.homeBox5-a ul li:hover { height: auto; margin-top:0rem;}*/
    .homeBox4-b { padding: 0 5%;}
    .homeBox4-e {width: 12rem;}
    .homeBox4-e a.more { padding:5px 20px;}
    .homeBox5 { padding: 40px 2% 50px;}
    .homeBox6 { padding: 40px 2% 50px;}

    .w1400 { width: 100%;}
    .homeBox2 { padding:50px 2% 60px;overflow: hidden;}
    .banner .slick-dots { bottom:20px;}
    .homeBox1 {height: auto; margin:20px 0;}
    .homeBox1 ul { border-left:none;}
    .homeBox14 ul li.sign4 { border-right:none;}
    .homeBox14 ul li{ width: 25%;margin-bottom:10px; height: auto; padding: 16px 0;}
    .homeBox1 ul li a { padding-top:0;}
    .homeBox1 ul li .ico { width: 48px;}
    .homeBox1 ul li .con { width: 150px; margin-left:10px;}
    .homeBox1 ul li .con .t {font-size: 18px; }
    .homeBox1 ul li .con .c {font-size: 14px; }
    .homeBox2-g ul li a .icon {width: 0.8rem;height: 0.8rem;}
    .homeBox2-g ul li:hover a .icon:after { content:'';width: 1.06rem;height: 1.06rem;margin: -0.53rem 0 0 -0.53rem; }
    .homeBox2-g ul li a { height: auto; padding:0.3rem 0; }
    .homeBox2-g ul li a .con .t {font-size: 16px;}
    .homeBox2-g ul li a .con .c {font-size: 13px;}
    .homeBox3-a ul li.cur .con {width: 8.2rem;font-size: 12px;line-height: 1.2;}

    .homeBox3 { padding: 40px 2% 50px;height: auto;}
    .homeBox3-a ul li { width: 24%; margin-right:1.33333%;}
    .homeBox3-a ul li.cur { width: 24%;border:1px solid #fff; border-top:2px solid #2949c4; }
}
@media(max-width: 1100px){
    .homeBox3-a ul li {
        height: 6rem;}
}
@media(max-width: 1000px){
    .homeBox3-a ul li { margin-right:0;}
}
@media(max-width: 1000px){
    .homeBox3-a ul li { margin-right:0;}
    .homeBox3-a ul li.cur:after {background: url(../images/h3e.png) no-repeat center; }
    .homeBox3-a ul li.cur {text-align: center; padding-left:0.2rem; padding-right:0.2rem; }
    .homeBox3-a ul li.cur .icon { width: 1.9rem;position: relative; right:0; top:0;}
    .homeBox3-a ul li.cur .tit { margin-top:0.4rem;}
    .homeBox3-a ul li.cur .homeBox3-b .tit .t1 {line-height: 1.5;}
    .homeBox3-a ul li.cur .homeBox3-b .tit .t2 {margin-top:0.2rem;}
    .homeBox3-a ul li.cur .homeBox3-b { padding-top:0.3rem;}
    .homeBox3-a ul li.cur .con { margin:0;}

    .homeBox3-a ul li.cur .con {width: 0;height: 0;}
    .homeBox1 ul li.sign2,.homeBox1 ul li.sign4,.homeBox1 ul li.sign6 { border-right:none;}
    .homeBox1 ul li{ width: 50%;margin-bottom:10px; height: auto; padding: 16px 0;}
    .homeBox4-c { width: 100%;}
    .homeBox4-a { width: 250%;}
    .homeBox4-d ul {width: 100%;}
    .homeBox4-b {transform: translateY(-51%);}
    .homeBox4-b { padding: 0 2%;}
    .homeBox4-d ul li:nth-child(2n) {float: left;}
    .homeBox4-d ul li:nth-child(5) { margin-right:0;}
    .homeBox4-d ul li:nth-child(10) {display: none;}
    .homeBox4-d ul li:last-child { margin-right:0;}
    .homeBox4-e {width: 100%; margin-top:20px;}
    .homeBox4-e .swiper-container {height: 426px;}
    .homeBox4-d ul li {width: 19%; margin-bottom:1.25%; margin-right:1.25%;}
    .homeBox6-b {float: left;width: 100%;overflow: hidden;}
    .homeBox6-b2 { margin: 2% 0%;}
    .homeBox5-a ul li {height: 3rem; border-left:none;  width: 50%; margin-bottom:30px;}
    .homeBox5-a ul li:after { position: relative; display: none;}
    .homeBox5-a ul li .icon,.homeBox5-a ul li .con { position: relative;text-align: center;}
    .homeBox5-a ul li .con { margin-top:15px;}
    .homeBox5-a ul li.sign1,.homeBox5-a ul li.sign4 { width: 50%; }
    .homeBox5-a ul li:hover {height: 3rem; margin-top:0rem;}
    .homeBox5-a ul li .icon .pic1 {width: 0;}
    .homeBox5-a ul li .icon .pic2  { width: 44px; display: inline-block;}
    .homeBox5-a ul li .con .t { font-size: 30px; }
    .homeBox5-a ul li .con .c {line-height: 20px;min-height: 40px; font-size: 14px; }
    .homeBox5-a ul li .con .t i { font-size: 20px; }
    .homeBox3-a ul li,.homeBox3-a ul li.cur {margin-right:0;/*height: auto; */padding-bottom:30px; margin-bottom:2%; width: 49%;}
    .homeBox3-a ul li.sign2,.homeBox3-a ul li.sign4 { float: right;}
    .homeBox3-a ul li a.more{position: relative; bottom:0px;width: 126px; left:0; margin-left:0px; margin-top:30px;}
    .homeBox2-g ul li { width: 49%;text-align: left; }
    .homeBox2-g ul li.sign2,.homeBox2-g ul li.sign1 {margin-bottom:2%; margin-right:0;}
    .homeBox2-g ul li.sign2 {float: right;}
    .homeBox2-g ul li a .icon {width: 60px;height: 60px; }
    .homeBox2-g ul li:hover a .icon:after { content:'';width: 74px;height: 74px ;margin: -37px 0 0 -37px; }
    .homeBox2-g ul li a { text-align: left; height: auto; padding:30px  0 30px 45px; }
    .homeBox2-g ul li a .con .t {font-size: 18px;}
    .homeBox2-g ul li a .con .c {font-size: 14px;}
}
@media(max-width: 750px){
    .homeBox3-b,.homeBox3-a ul li.cur .homeBox3-b { padding-top:20px;}
    .homeBox3-b .tit,.homeBox3-a ul li.cur .homeBox3-b .tit { margin-top:20px;}
    .homeBox4-a { width: 320%;}
    .homeBox4-e .swiper-container {height: 4.3rem;}
    .mtit .t {font-size: 22px; }
    .mtit .t span { font-size: 14px; }
    .homeBox1 ul li{ margin-bottom:10px; padding: 12px 0;}
    .homeBox1 ul li .ico { width: 40px;}
    .homeBox1 ul li .con { width: 120px; margin-left:10px;}
    .homeBox1 ul li .con .t {font-size: 16px; }
    .homeBox1 ul li .con .c {font-size: 12px; }
    .homeBox2-g ul li a .icon {width: 50px;height: 50px; }
    .homeBox2-g ul li:hover a .icon:after { content:'';width: 62px;height: 62px ;margin: -31px 0 0 -31px; }
    .homeBox2-g ul li a {padding:20px  0 20px 0.45rem; }
    .homeBox2-g ul li a .con .t {font-size: 15px;}
    .homeBox2-g ul li a .con .c {font-size: 13px;}

    .homeBox5-a ul li {height: 1.5rem; margin-top:0rem;}
    .homeBox5-a ul li:hover {height: 1.5rem; margin-top:0rem;}
}
@media(max-width: 650px){
    .homeBox5-a ul li {height: 1.8rem;  }
    .homeBox5-a ul li:hover {height: 1.8rem; }
}
@media(max-width: 500px){
    .homeBox5-a ul li {height: 2rem;  }
    .homeBox5-a ul li:hover {height: 2rem; }
    .homeBox6 .mtit a.more { padding: 4px 10px;font-size: 12px;}
    .homeBox2-g ul li a .icon {width: 50px;height: 50px; display: block; margin: 0 auto; }
    .homeBox2-g ul li:hover a .icon:after { content:'';width: 52px;height: 52px ;margin: -26px 0 0 -26px; }
    .homeBox2-g ul li a .con { margin-top:10px;}
    .homeBox2-g ul li a {padding:15px  0 20px;
        text-align: center; }
    .homeBox2-g ul li a .con .t { text-align: center; font-size: 13px;}
    .homeBox2-g ul li a .con .c { text-align: center; font-size: 0.12rem;}
}
@media(max-width: 450px){
    .homeBox5-a ul li {height: 2.4rem;  }
    .homeBox5-a ul li:hover {height: 2.4rem; }
    .homeBox4-a { width: 340%;}
    .homeBox4-d ul li { padding: 5px 0;font-size: 13px;}
    .homeBox5-a ul li .con .t { font-size: 30px; }
    .homeBox5-a ul li .con .c {line-height: 20px;min-height: 40px; font-size: 14px; }
    .homeBox5-a ul li .con .t i { font-size: 20px; }
    .homeBox1 ul li .ico { width: 40px;}
    .homeBox1 ul li .con { width: 100%; margin:10px 0 0 0;}
    .homeBox1 ul li .con .t {font-size: 16px;text-align: center; }
    .homeBox1 ul li .con .c {font-size: 12px;text-align: center; margin-top:4px; }
}
@media(max-width: 380px){
    .homeBox5-a ul li {height: 2.8rem;  }
    .homeBox5-a ul li:hover {height: 2.8rem; }
    .homeBox4-a { width: 350%;}
    .homeBox4-d ul li { padding: 5px 0;font-size: 12px;}
}

/*客户案例*/
.nmtit { text-align: center;}
.aLeft { text-align: left;}
.aRight { text-align: right;}
.nmtit .t1 { font-size: 18px;color:#3e4757; font-family: "Arial"; text-transform: uppercase; opacity:0.7;}
.nmtit .t2 { font-size: 32px;color:#363f4e; text-transform: uppercase;}
.nmtit .c {font-size: 15px;color:#363f4e;}
.f26 .t2 { font-size: 26px; }
.f26 { padding-bottom:15px; border-bottom:1px solid #f2f2f2;}
.solNav { padding: 20px 0;background: #fff;}
.solNav ul {text-align: center;}
.solNav ul li {display: inline-block;}
.solNav ul li a {display: inline-block; padding:0.1rem 0.15rem; margin: 4px 8px; border:1px solid #bcbcbf; border-radius:4px; font-size: 0.18rem; color:#3e4757;}
.solNav ul li a:hover { border:1px solid #2eafff;background: #2eafff;color:#fff;}
.solNav ul li.cur a { border:1px solid #2eafff;background: #2eafff;color:#fff;}
.solA {overflow: hidden; padding:0.8rem 0 0.9rem; background: url(../images/sol1.jpg) no-repeat center/cover;}
.solA-b { margin-top:30px; position: relative; }
.solA-bx:after,.solA-bx:before { background: #000; content:'';height: 90%; top:5%; width: 1.2rem;position: absolute;}
.solA-bx:before { left:-1rem;background: url(../images/shadow1.png) no-repeat center/cover;}
.solA-bx:after { right:-1rem;background: url(../images/shadow2.png) no-repeat center/cover;}


.solA-b .swiper-button-preva {
    background: url(../images/pprev.png) no-repeat center/cover; left:-40px;}
.solA-b .swiper-button-nexta {
    background: url(../images/nnext.png) no-repeat center/cover; right:-40px;}
.solA-b .swiper-button-preva,.solA-b .swiper-button-nexta {
    width: 22px;
    height: 40px;}

.solA-b .swiper-button-nexta:after,.solA-b .swiper-button-preva:after { font-size: 0;}

.solA-b .swiper-slide { padding: 10px; transition: all 0.5s; }
.solA-b .swiper-slide .solA-c { text-align: center;background: #ffffff;box-shadow: 0px 0px 10px 0px rgba(163, 178, 192, 0.67);}
.solA-b .swiper-slide a.pic { display: block; padding:0.2rem 0; border-bottom:1px solid #f4f4f4;}
.solA-b .swiper-slide .solA-c img { max-width: 100%;}
.solA-b .swiper-slide .con { padding:0.3rem 0.18rem 0.4rem;text-align: left;}
.solA-b .swiper-slide .con .t { font-size: 18px; color:#363f4e;}
.solA-b .swiper-slide .con .t2 { font-size: 14px; color:#5e6571;margin-top:10px; }
.solA-b .swiper-slide .con .c { font-size: 14px;line-height: 24px;height: 52px;overflow: hidden; line-height: 2; color:#5e6571;margin:10px 0 0.4rem; }
.solA-b .swiper-slide a.more { font-size: 14px;color:#363f4e; }
.solA-b .swiper-slide a.more span {  font-family: "宋体"; font-weight: bold; }
.solA-b .swiper-slide:hover { margin-top:-5px;}
.solA-b .swiper-slide:hover a.more {color:#2eafff;}
.solB { overflow: hidden; padding:0.8rem 0 0.76rem; text-align: center; position: relative; z-index: 101;}
.solB-b { margin-top:20px;}
.solB-b ul li {float: left; cursor: pointer; border:1px solid #eff0f1; margin-bottom:0.8%; padding: 10px 0; text-align: center; width: 16%;margin-right:0.8%;}
.solB-b ul li .con { z-index: 100; border-radius: 6px; display: none;background: #fff;z-index: 10; transition: all 0.6s;position: absolute; left:-50%;width: 200%; top:100%; border:2px solid #2eafff; font-size: 14px;color:#333;line-height: 2; }
.solB-b ul li .con .relative { padding: 20px;width: 100%; font-size: 14px;color:#333;line-height: 2; }


.solB-b ul li .con .relative:after {content:'';width: 0;height: 0;border-width: 10px;border-style: solid;border-color: transparent transparent #2eafff;position: absolute;right:48%;top: -20px;}
.solB-b ul li:hover .con { display: block; }
.solB-b ul li:nth-child(6n) { margin-right:0;}
.solB-b ul li img {max-width: 100%;}
.solB-c { margin-top:0.6rem; overflow: hidden;}
.solB-c span { position: relative; cursor: pointer; display: inline-block;padding-bottom:22px;background: url(../images/sol2.jpg) no-repeat center bottom; font-size: 16px;color:#3e4757;}
.solB-c span:after { height: 1px;width: 700px; content:'';background: #eaeaea;position: absolute; right:120px; top:10px; }
.solB-c span:before { height: 1px;width: 700px; content:'';background: #eaeaea;position: absolute; left:120px; top:10px; }
@media(max-width: 1700px){
    .solNav ul li a { padding: 0.06rem 0.12rem;}
}
@media(max-width: 1500px){
    .nmtit .t1 { font-size: 16px;}
    .nmtit .t2 { font-size: 26px;}
    .nmtit .c {font-size: 14px;}
    .solNav ul li a { padding: 0.06rem 0.12rem;font-size: 13px; margin: 0 4px;}
}
@media(max-width: 1350px){
    .nmtit .t1 { font-size: 15px;}
    .nmtit .t2 { font-size: 24px;}
    .nmtit .c {font-size: 13px;}
}
@media(max-width: 1200px){
    .solB-b ul li .con {width: 110%; left:-5%;}
    .solA-b { margin-top:20px;}
    .nmtit .t1 { font-size: 14px; }
    .nmtit .t2 { font-size: 22px; }
    .nmtit .c {font-size: 13px;}
    .f26 .t2 { font-size: 20px; }
    .solB { padding: 40px 2% 50px;}
    .solB-b ul li { width: 32%;}
    .solB-b ul li{ margin: 0 2% 2% 0;}
    .solB-b ul li:nth-child(3n) { margin-right:0;}
    .solA-b .swiper-button-preva {
        background: url(../images/pprev.png) no-repeat center/cover; left:5px;}
    .solA-b .swiper-button-nexta {
        background: url(../images/nnext.png) no-repeat center/cover; right:5px;}

}
@media(max-width: 1000px){
    .solB-b ul li .con .relative { padding: 10px;font-size: 13px;line-height: 1.6; }
    .solNav ul { padding-left:2%; text-align: left;}
    .solNav ul li a { padding: 6px 20px; margin: 0 10px 10px 0; }
    .solA-b .swiper-slide .con .t { font-size: 15px;  }
    .solA-b .swiper-slide .con .t2 { font-size: 13px;   }
    .solA-b .swiper-slide .con .c { font-size: 13px;line-height: 20px;height: 43px; }
    .solA-b .swiper-slide a.more { font-size: 13px;  }
}
@media(max-width: 750px){
    .nmtit .t1 { font-size: 14px; }
    .nmtit .t2 { font-size: 22px; }
    .solNav ul { padding: 0 2%;}
    .solNav ul li {width: 24%;float: left; margin-right:1.3333%;}
    .solNav ul li:nth-child(4n) { margin-right:0;}
    .solNav ul li a  {width: 100%;text-align: center; padding: 6px 0;}
}
@media(max-width: 450px){
    .solB-b ul li .con .relative { padding: 2px;font-size: 12px;line-height: 1.3; }
}

/*产品与服务*/
.service { }
.serviceA { padding:1.2rem 0 1.4rem; }
.serviceA-c { position: relative;}
.serviceA-a { position: absolute; left:0; top:50%; transform: translateY(-50%); width: 6.82rem;}
.serviceA-a img {width: 100%;}

.serviceA-a .pic { display: none; }
.serviceA-a:hover .pic { display: block; }
.serviceA-a:hover .pic1 { display: none; }
.serviceA-b {float: right;width: 6.7rem;}
.serviceA-b .nmtit { text-align: left; margin-bottom:0.3rem;}
.serviceA-b .t { margin-bottom:6px; font-size: 16px;color:#3e4757;}
.serviceA-b .c { text-align: justify; margin-bottom:0.3rem;line-height: 1.8; font-size: 14px;color:#3e4757;}
.serviceA-b a.mainmore { margin:0.6rem 0 0;}

.serviceB { padding: 0.85rem 0 0.7rem; background: url(../images/servicebg1.jpg) no-repeat center/cover;}

.serviceB-a { margin-top:36px;}
.serviceB-a ul li {padding: 0 0.9rem; width: 33.33333%;float: left;text-align: center;}

.serviceB-a ul li img { transition: all 0.6s;}
.serviceB-a ul li:hover img { transform: scale(0.9);}
.serviceB-a ul li .t { font-size: 18px; color:#363f4e; margin-top:0.3rem;}
.serviceB-a ul li .c { font-size: 14px; color:#363f4e; margin-top:4px;line-height: 24px;height: 106px;}
.serviceB-a ul li:nth-child(2) { border-right:1px solid #e8e9e9; border-left:1px solid #e8e9e9;}
.serviceB a.mainmore { margin-top:0.1rem;}
.serviceC { padding:0.8rem 0; }
.serviceC-a { margin-top:0.5rem;}
.serviceC-a ul li {float: left; border:1px solid #e1e6f8; border-radius:4px;text-align: center; background: #fff; padding:0.35rem 0.3rem .4rem; width: 32%;box-shadow: 0px 0px 20px 0px rgba(239, 243, 246, 0.4); }
.serviceC-a ul li.sign2 { margin: 0 2%;}
.serviceC-a ul li .t { font-size: 18px; color:#363f4e; margin-top:0.3rem;}
.serviceC-a ul li .c { font-size: 14px; color:#363f4e; opacity: 0.8; margin-top:4px;line-height: 24px;height: 48px;}

.serviceD { background: #f8f9fa; padding:0.7rem 0 0.9rem;}

.serviceD-a { margin-top:0.3rem;}
.serviceD-a ul li {float: left; padding:0.18rem 0 0.18rem 0.6rem; border:1px solid #dfdfdf; border-radius: 4px;margin-bottom:1.25%;width: 19%; margin-right:1.25%; }
.serviceD-a ul li.sign5,.serviceD-a ul li.sign8 { margin-right:0;}
.serviceD-a ul li .pic {float: left;height: 41px;line-height: 41px; }
.serviceD-a ul li .pic img {width: 41px;}
.serviceD-a ul li .tit {float: left;line-height: 41px; margin-left:0.1rem;font-size: .18rem;color:#363f4e; }
.serviceD-a ul li.sign8,.serviceD-a ul li.sign9 {float: right;}

.serviceD-a ul li.sign10 { text-align: center; padding-left:0;}
.serviceD-a ul li.sign10 a.mainmore { margin-top:0; }


@media(max-width: 1600px){
    .serviceD-a ul li {padding:0.1rem 0 0.1rem 0.6rem; }
    .serviceD-a ul li .pic { height: 31px; padding: 5px 0; }
    .serviceD-a ul li .pic img {width: 31px;}
}
@media(max-width: 1400px){
    .serviceA-b { padding-top:0;}
    .serviceD-a ul li { padding:0.1rem 0 0.1rem 0.5rem; }
}
@media(max-width: 1200px){
    .serviceC { padding:50px 2%; }
    .serviceD { padding:50px 2%; }
    .serviceB { padding: 40px 2% 50px;}
    .serviceA { padding:1.2rem 2% 1.4rem;}
    .serviceA-a {width: 48%;}
    .serviceA-b { width:  48%;}
    .serviceD-a ul li .pic img {width: 38px;}
    .serviceD-a ul li .tit { line-height: 38px;font-size: 0.3rem; }
    .serviceD-a ul li {width: 32%;margin-right:2%; padding-left:1.6rem;}
    .serviceD-a ul li.sign8,.serviceD-a ul li.sign9 {float: left;}
    .serviceD-a ul li.sign5,.serviceD-a ul li.sign8 { margin-right:2%;}
    .serviceD-a ul li.sign3,.serviceD-a ul li.sign6,.serviceD-a ul li.sign9 { margin-right:0;}
    .serviceD-a ul li.sign10 {width: 100%; border:none;}
    .serviceD-a ul li.sign10 a.mainmore { transition: all 0.8s; margin: 0.2rem auto 0; border:1px solid #2eafff; color:#fff;background: #2eafff;}

    .serviceD-a ul li {padding:0.2rem 0 0.2rem 0.6rem; }
    .serviceD-a ul li .pic { height: auto;
        line-height: 1; padding: 0; }
    .serviceD-a ul li .pic img {width: 38px;}


}
@media(max-width: 1000px){
    .serviceA-a {width: 100%;position: relative; top:0; transform: translateY(0);}
    .serviceA-b { width:  100%; margin-top:18px;}
    .serviceC .serviceC-a ul li.sign2 { margin: 0 2%;}
}
@media(max-width: 750px){
    .serviceB-a ul li {width: 100%; margin-bottom:20px;}
    .serviceB-a ul li img { width: 100px;}
    .serviceB-a ul li .c { height: auto;}
    .serviceB-a ul li:nth-child(2) {border:none;}
    .serviceB a.mainmore { margin-top:40px;}
    .serviceC-a ul li { margin-bottom:15px; width: 100%;}
    .serviceC-a ul li.sign2 { margin: 0 0 15px;}
    .serviceC-a ul li .c { height: auto;}

    .serviceD-a ul li .pic img {width: 30px;}
    .serviceD-a ul li .tit { line-height: 30px;font-size: 0.2rem; }
    .serviceD-a ul li {width: 32%; padding: 0.1rem 0; margin-right:2%; padding-left:.3rem;}
}
@media(max-width: 500px){
    .serviceD-a ul li .pic img {width: 20px;}
    .serviceD-a ul li .tit { line-height: 20px;font-size: 0.18rem; }
    .serviceD-a ul li { padding-left:.35rem;}
}
@media(max-width: 450px){
    .serviceD-a ul li .pic img {width: 20px;}
    .serviceD-a ul li .tit { line-height: 20px;font-size: 0.18rem; }
    .serviceD-a ul li { padding-left:.25rem;}
}
@media(max-width: 400px){
    .serviceD-a ul li { width: 49%;}
    .serviceD-a ul li .pic img {width: 38px;}
    .serviceD-a ul li .tit { line-height: 38px;font-size: 0.3rem; }
    .serviceD-a ul li { padding-left:.45rem;}
    .serviceD-a ul li.sign5,.serviceD-a ul li.sign8 { margin-right:2%;}
    .serviceD-a ul li.sign3,.serviceD-a ul li.sign6,.serviceD-a ul li.sign9 { margin-right:2%;}
    .serviceD-a ul li.sign2,.serviceD-a ul li.sign4,.serviceD-a ul li.sign6 ,.serviceD-a ul li.sign8{ margin-right:0;}
    .serviceD-a ul li.sign10 {  float: left; padding:0.1rem 0 0.1rem 0; border:1px solid #dfdfdf; border-radius: 4px;margin-bottom:1.25%;width: 49%; margin-right:0;  }
    .serviceD-a ul li.sign10 a.mainmore {width: 120px;font-size: 13px;height: 38px; padding:0; line-height: 38px; margin: 0rem auto 0; border:1px solid #2eafff; color:#fff;background: #2eafff;}
}

/*加入我们*/
.relative { position: relative;}
.absolute { position: absolute;}
.join {background: url(../images/join1.jpg) no-repeat center/cover;}
.join ul li a { padding:0.1rem 0.4rem;}
.joinA { padding:1.1rem 0 0.8rem;}
.joinA-b { margin-top:0.36rem; }
.joinA-b ul li {float: left;background: #f6f8fa; padding:0.7rem 0.2rem 0.45rem; border-radius: 5px;width: 32%; margin-right:2%; text-align: center; }
.joinA-b ul li:last-child { margin-right:0;}
.joinA-b ul li .con {margin-top:0.26rem; }
.joinA-b ul li .con .t { font-size: 0.22rem; color:#3e4757;}
.joinA-b ul li .con .c { margin-top:0.1rem; font-size: 0.18rem;height: 0.5rem; color:#3e4757;}


.joinB { padding:1.1rem 0 0.8rem;background: #f6f8fa;}
.joinB-b { margin-top:0.36rem; }
.joinB-b ul li { overflow: hidden; margin-bottom:0.5%; position: relative; float: left; padding:0; border-radius: 5px;width: 33%; margin-right:0.5%; text-align: center; }
.joinB-b ul li .icon img { transition: all 0.8s;width: 100%;height: auto;}
.joinB-b ul li:nth-child(3n) { margin-right:0;}
.joinB-b ul li .con { transition: all 0.8s; background: rgba(46,175,255,0.9);width: 100%;height: 100%; position: absolute; left:0; top:-500px;z-index: auto;10; }
.joinB-b ul li .con .t { font-size: 18px; color:#ffffff;}
.joinB-b ul li .con .relative {width: 100%;height: 100%;}
.joinB-b ul li .con .c { margin-top:4px; font-size: 18px; color:#fff;}
.joinB-b ul li .con .cont {width: 100%;position: absolute; left:0; top:50%; transform: translateY(-50%);}

.joinB-b ul li .tit { transition: all 0.8s; width: 100%; background: rgba(46,175,255,0.9); padding: 10px 0; position: absolute; font-size:18px; color:#fff;text-align: center; left:0;bottom:0;}
.joinB-b ul li:hover .con { top:0;}
.joinB-b ul li:hover .icon img { transform: scale(1.1); }
.joinB-b ul li:hover .tit { bottom:-80px;}

.joinC { padding: 1.06rem 0;}
.joinC-b { margin-top:-40px;}

.joinD { padding:0.8rem 0;
    background: #f9fafb;}


/* 分页 */
.page{text-align: center;
}
.page a{display: inline-block;width: 50px;line-height: 50px;background:#fff;color: #666666;font-size: 14px;font-family: arial;margin: 0 3px; font-family: "宋体";}
.page select {padding-left:4px;
    border:1px solid #f2f2f2; display: inline-block;width: 50px; height: 50px;background:#fff;color: #666666;font-size: 14px;font-family: arial;margin: 0 3px; font-family: "宋体";}
.page a:hover,
.page a.cur{background:#2eafff;color: #fff!important;
}
.joinBox4{ }
.joinBox4 .top .joinBnt a{display: block;float: left;width: 180px;height: 54px;border:1px solid #a8a8a8;text-align: center;line-height: 52px;color:#333333;font-size: 16px;margin-left: 15px;}
.joinBox4 .top .joinBnt a.cur,.joinBox4 .top .joinBnt a:hover{background:#2e4a9a;color: #fff;}
.joinBox4 .ts{color: #333333;font-size: 16px;line-height: 28px;margin-top: 10px;}
.joinBox4 .tablesBox{margin-top: 45px;background:#fff;margin-bottom: 60px;}
.joinBox4 .tablesBox table tr th{background:#2eafff;color: #fff;font-size: 16px;padding: 20px 5px;}
.joinBox4 .tablesBox table tr td{color: #666666;font-size: 16px;padding: 22px 15px;border-bottom:1px solid #ededed;text-align: center;}
.joinBox4 .tablesBox table tr td h3{color: #666666;font-size: 16px;}
.joinBox4 .tablesBox table tr th:first-child,
.joinBox4 .tablesBox table tr td:first-child{padding-left: 40px;text-align: left;}
.pop_join{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 999;display: none;}
.pop_join .box{background: #fff;width: 800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 40px 60px;}
.pop_join .box .guanbi{position: absolute;right: 26px;top: 26px;width: 22px;height: 22px;cursor: pointer;z-index: 1000;}
.pop_join .box h1{color: #333333;font-size: 24px;font-weight: normal;border-bottom: 1px solid #e4e4e4;padding-bottom: 20px;position: relative;margin-bottom: 20px;}
.pop_join .box h1::before{content: "";position: absolute;left: 0;bottom: 0;width: 52px;height: 2px;background: #000000;}
.pop_join .box .name{margin-top: 20px;color: #444444;font-size: 18px;line-height: 34px;}
.pop_join .box .bt{color: #444444;font-size: 18px;line-height: 34px;}
.pop_join .box .t{color: #666666;font-size: 15px;line-height: 30px; max-height: 300px; overflow-y: scroll;}
@media (max-width: 1000px){
    .pop_join .box{width: 80%;box-sizing: border-box;  top: 50%;transform: translate(-50%,-50%);padding: 30px 10px;}
}


@media(max-width: 1500px){
    .joinB-b ul li .con .t { font-size: 16px;}
    .joinB-b ul li .con .c { font-size: 14px;}
    .joinB-b ul li .tit { padding: 6px 0; font-size:16px; }

}
@media(max-width: 1300px){
    .joinC-b { margin-top:40px;}
}
@media(max-width: 1200px){
    .joinA,.joinB,.joinC,.joinD { padding: 40px 2% 50px;}
}
@media(max-width: 750px){
    .joinA-b ul li .icon img { width: 60px;}
    .joinA-b ul li { padding: 30px 2% 40px; width: 100%; margin: 0 0 15px 0;}
    .joinA-b ul li .con .t { font-size: 16px;  }
    .joinA-b ul li .con .c { font-size: 14px; height: auto;}
    .joinB-b ul li {width: 49%; margin-right:2%;margin-bottom:2%;}
    .joinB-b ul li:nth-child(3n) { margin-right:2%;}
    .joinB-b ul li:nth-child(2n) { margin-right:0;}

    .joinBox4 .top .joinBnt a{width: 110px;height: 44px;line-height: 42px;font-size: 14px;}
    .joinBox4 .tablesBox table tr th{padding: 10px 5px;font-size: 14px;}
    .joinBox4 .tablesBox table tr th:first-child, .joinBox4 .tablesBox table tr td:first-child{padding-left: 10px;}
    .joinBox4 .tablesBox table tr td{font-size: 14px;padding: 10px 5px;}
    .joinBox4 .tablesBox table tr td h3{font-size: 14px; }
    .joinBox4 .tablesBox table tr th:nth-child(2),
    .joinBox4 .tablesBox table tr th:nth-child(3),
    .joinBox4 .tablesBox table tr td:nth-child(2),
    .joinBox4 .tablesBox table tr td:nth-child(3){display: none;}
    .page a{width: 42px;line-height: 42px;font-size: 14px;}
}

@media(max-width: 500px){
    .join ul { padding: 0 2%; }
    .join ul li { float: left; width: 24%; margin-right:1.25%;}
    .join ul li:last-child {margin-right:0%;}
    .join ul li a {width: 100%; padding: 6px 0; text-align: center; margin-bottom:0;}
    .joinB-b ul li .tit { padding: 6px 0; font-size:13px; }
}
@media(max-width: 400px){
    .joinB-b ul li {width: 100%; margin-right:0%;margin-bottom:2%;}
    .joinB-b ul li:nth-child(3n) { margin-right:0%;}
    .joinB-b ul li:nth-child(2n) { margin-right:0;}
}


/*新闻中心*/
.mian_box {background: #f7f8fa;padding: 0.8rem 0;}
.mian_box .mian .news_list {float: left;width: 10.35rem;background: #fff;padding: 0.3rem 0.4rem 0.4rem;}
.mian_box .mian .news_list .tit {border-bottom: 1px solid #e3e3e3;color: #333333;font-size: 24px;font-weight: normal;padding-bottom: 18px;}
.mian_box .mian .news_list .tit span {color: #666666;font-size: 16px;text-transform: uppercase;}
.mian_box .mian .news_list ul.inews_c { padding-bottom:30px;}
.mian_box .mian .news_list ul.inews_c li {float: left;width: 100%;border-bottom: 1px solid #f0f0f0;padding: 25px 0;}
.mian_box .mian .news_list ul.inews_c li .img {display: block;width: 2.68rem; overflow: hidden;float: left;}
.mian_box .mian .news_list ul.inews_c li .img img { width: 100%; height:  auto; }
.mian_box .mian .news_list ul.inews_c li .text {  float: right;width: 6.55rem;}
.mian_box .mian .news_list ul.inews_c li .text h3 {color: #333333;font-weight: bold;font-size: 0.2rem;line-height: 0.32rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.mian_box .mian .news_list ul.inews_c li .text p {margin-top: 5px;margin-bottom:0.4rem; color: #666666;font-size: 14px;line-height: 24px;height: 48px;overflow: hidden;}
.mian_box .mian .news_list ul.inews_c li .text .more {background: url(../images/news1.png) no-repeat 96px center; display: inline-block; padding:10px 50px 10px 35px; border:1px solid #c2c5c8; border-radius:4px; font-size: 14px;color:#363f4e;position: absolute; right:0; bottom:-12px;}
.mian_box .mian .news_list ul.inews_c li .text .more:hover {
    background: url(../images/news2.png) no-repeat 96px center #2eafff;
    border: 1px solid #2eafff;
    color: #fff;
}
.mian_box .mian .news_list ul.inews_c li .text .bottom {margin-top: 0.1rem;}
.mian_box .mian .news_list ul.inews_c li .text .bottom span {float: left;color: #6f747d;font-size: 12px;margin-right: 30px;padding-left: 20px;}
.mian_box .mian .news_list ul.inews_c li .text .bottom span.s1 {background: url(../images/s1.png) no-repeat left center;}
.mian_box .mian .news_list ul.inews_c li .text .bottom span.s2 {background: url(../images/s2.png) no-repeat left center;}
.mian_box .mian .news_list .bottom_btn {margin-top: 30px;text-align: center;}
.mian_box .mian .news_list .bottom_btn a {color: #999999;font-size: 14px;display: inline-block;line-height: 21px;}
.mian_box .mian .news_list .bottom_btn a i {position: relative;top: 5px;margin-right: 10px;display: inline-block;width: 20px;height: 21px;background: url(../images/icon.png) no-repeat center center;}
.mian_box .mian .mian_right {float: right;width: 3.4rem;}
.mian_box .mian .mian_right .tit span { font-size: 12px;color:#888; text-transform: uppercase;}
.mian_box .mian .mian_right .tit {background: #fff;line-height: 54px;color: #363f4e;font-size: 20px;padding: 0 0.2rem;font-weight: bold; }
.mian_box .mian .mian_right .menu { border-radius:4px; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1); background: #fff;margin-bottom: 0.1rem;}
.mian_box .mian .mian_right .menu ul { padding: 0 0.2rem;}
.mian_box .mian .mian_right .menu ul li {  background: url(../images/new1.jpg) no-repeat left center; float: left;width: 100%; padding: 0.12rem 0 0.12rem 16px; border-top: 1px solid #f2f2f2;font-size: 18px;}
.mian_box .mian .mian_right .menu ul li a {display: block;color: #4a5167;background: url(../images/icon1.jpg) no-repeat right center;}
.mian_box .mian .mian_right .menu ul li.cur a,.mian_box .mian .mian_right .menu ul li:hover a {color: #2eafff;background: url(../images/icon1bg.jpg) no-repeat right center;}
.mian_box .mian .mian_right .menu ul li:hover,.mian_box .mian .mian_right .menu ul li.cur { background: url(../images/new2.jpg) no-repeat left center;}

.mian_box .mian .mian_right .menu dl { padding: 0 0.2rem;}
.mian_box .mian .mian_right .menu dl dd { padding: 0.18rem 0; border-top:1px solid #f2f2f2;}
.mian_box .mian .mian_right .menu dl dd a { display: block; border-radius: 4px; overflow: hidden; }
.mian_box .mian .mian_right .menu dl dd a .t { text-overflow: ellipsis;overflow: hidden;white-space: nowrap; display: block;width: 100%;position: absolute; left:0; bottom:0; font-size: 14px; color:#fff;background: rgba(25,44,96,0.9); padding: 8px 10px; }
.mian_box .mian .mian_right .menu dl dd:hover a .t { color:#2eafff; }
.mian_box .mian .mian_right .menu dl dd a img { transition: all 0.8s; }
.mian_box .mian .mian_right .menu dl dd:hover a img { transform: scale(1.1);}

.mian_box .mian .mian_right .rmtj { border-radius:4px; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1); background: #fff;margin-bottom: 5px;position: relative;}
.mian_box .mian .mian_right .rmtj a.more {position: absolute;right: 30px;top: 0;line-height: 54px;color: #fff;font-size: 12px;text-transform: uppercase;font-family: arial;}
.mian_box .mian .mian_right .rmtj ul { padding: 0 0.2rem;}
.mian_box .mian .mian_right .rmtj ul li {float: left;width: 100%; height: 100%; border-top:1px solid #f2f2f2; text-align: left;}
.mian_box .mian .mian_right .rmtj ul li a {display: block;width: 100%; padding:0.28rem 0;}
.mian_box .mian .mian_right .rmtj ul li .ico,.mian_box .mian .mian_right .rmtj ul li .con {display: inline-block;vertical-align: top;}
.mian_box .mian .mian_right .rmtj ul li .ico {width: 0.48rem;}
.mian_box .mian .mian_right .rmtj ul li .ico img {max-width: 100%;}
.mian_box .mian .mian_right .rmtj ul li .con {  text-align: left; width: 2.2rem;margin-left:10px;}
.mian_box .mian .mian_right .rmtj ul li .con .t {font-size: 0.18rem; color:#4a5167; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.mian_box .mian .mian_right .rmtj ul li .con .c {font-size: 0.16rem; color:#4a5167; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
/*.mian_box .mian .mian_right .rmtj ul li:hover {background: #999;}*/
.mian_box .mian .mian_right .rmtj ul li:hover .t { color:#2eafff;}
.mian_box .mian .mian_right .rmtj ul li:hover .c { color:#2eafff;}
.news_show {float: left;width: 10.36rem;background: #fff;padding: 0.4rem;border-radius:4px; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);}
.news_show img {max-width: 100%;height:auto!important;}
.news_show h1 {color: #333333;font-size: 24px;font-weight: normal;}
.news_show h4 {color: #333333;font-size: 18px;font-weight: normal; padding-top: 10px; padding-bottom: 10px;font-weight: bold;}
.news_show .data {margin-top: 20px;padding-bottom: 15px;border-bottom: 1px solid #e9e9e9;}
.news_show .data span {color: #999999;font-size: 14px;display: block;float: left;margin-right: 50px;padding-left: 20px;}
.news_show .data span.s1 {background: url(../images/s1.png) no-repeat left center;}
.news_show .data span.s2 {background: url(../images/s2.png) no-repeat left center;}
.news_show .detail {padding: 25px 0 30px;color: #363f4e;font-size: 16px;line-height: 28px;border-bottom: 1px solid #e5e5e5;}
.news_nav { width: 100%;  }
.news_nav{ border-bottom:1px solid #eee; }
.news_nav ul li{margin-bottom:-1px; margin-right:0.45rem; text-align: center;float: left; padding: 8px 0; line-height: 0.4rem; font-size: 0.2rem;}
.news_nav ul li a{ transition: all 0.6s; color: #000000;display: block;}
.news_nav ul li.cur,.news_nav ul li:hover{ border-bottom:2px solid #2eafff; }
.news_nav ul li.cur a,.news_nav ul li:hover a {color: #2eafff;font-size: 0.2rem; }
.fenyeBtn{margin-top: 50px;text-align: center;}
.fenyeBtn a{border-radius:4px; display: block;border:1px solid #bfbfbf;line-height: 46px;color:#7d7d7d;font-size: 16px;min-width: 155px;}
.fenyeBtn a.btn{width: 175px;margin: 0 auto;display: inline-block;}
.fenyeBtn a i.i1,
.fenyeBtn a i.i3{width: 16px;height: 7px;display: inline-block;position: relative;top: -2px;}
.fenyeBtn a i.i1 {background: url(../images/i2.jpg) no-repeat center center/cover;margin-right: 15px;}
.fenyeBtn a:hover i.i1 {background: url(../images/i2bg.png) no-repeat center center/cover;margin-right: 15px;}
.fenyeBtn a i.i3{background:url(../images/i1.jpg) no-repeat center center/cover;margin-left: 15px;}
.fenyeBtn a:hover i.i3{background:url(../images/i1bg.png) no-repeat center center/cover;margin-left: 15px;}
.fenyeBtn a i.i2{width: 14px;height: 14px;display: inline-block;position: relative;top: 1px;margin-right: 8px;background:url(../images/i3.jpg) no-repeat center center/cover;}
.fenyeBtn a:hover i.i2{background:url(../images/i3bg.png) no-repeat center center/cover;}
.fenyeBtn a:hover {background: #2eafff; color:#fff; border-color:#2eafff;}

@media (max-width: 1500px){
    .mian_box .mian .mian_right .tit { font-size: 18px;
        line-height: 50px;}

    .mian_box .mian .mian_right .menu ul li { font-size: 14px;}
}
@media (max-width: 1200px){
    .mian_box { padding:40px 2% 50px;}
    .news_show {width: 13rem;}
    .mian_box .mian .news_list {width: 13rem;}
    .w1200 { width: 16rem; }

    .mian_box .mian .news_list ul.inews_c li .img { width: 4rem;}
    .mian_box .mian .news_list ul.inews_c li .text { width: 7.6rem;}
    .mian_box .mian .news_list ul.inews_c li .text p { margin-bottom:40px;}

    .mian_box .mian .mian_right { width: 5rem; }
    .mian_box .mian .mian_right .rmtj ul li .con { width: 3.2rem;}
}
@media (max-width: 1000px){
    .fenyeBtn { margin-top:20px;}
    .w1200 { padding-top:0.2rem; }
    .w1200 { width: 18.6rem; }
    .news_show { width: 100%; box-sizing: border-box; padding: 20px 0.2rem 40px; }
    .mian_box .mian .news_list ul.inews_c li .img  { width: 24%; }
    .mian_box .mian .news_list {box-sizing: border-box; width: 100%;  }
    .mian_box .mian .mian_right { display: none; width: 0; overflow: hidden; }
    .news_nav { display: block; }
    .mian_box .mian .news_list ul.inews_c li .text { width: 73%; }
    .mian_box .mian .news_list ul.inews_c li .text h3 {font-size: 16px;line-height: 30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
}
@media (max-width: 750px){
    .mian_box .mian .news_list ul.inews_c li { padding: 20px 0;}
    .mian_box .mian .news_list ul.inews_c li .text p { margin-bottom:10px;}
    .mian_box .mian .news_list ul.inews_c li .text .more {display: none;}
    .news_nav ul li { height: 40px; font-size: 16px; line-height: 40px; padding:0; }
    .news_nav ul li.cur a, .news_nav ul li:hover a { font-size: 16px;}
    .w1200 { width: 6rem; }
    .news_show h1 { font-size: 20px; }
    .mian_box .mian .news_list { padding: 0.3rem 0.2rem; }
    .mian_box .mian .news_list ul.inews_c li .img  { width: 36%; }
    .mian_box .mian .news_list ul.inews_c li .text { width: 60%; }
    .fenyeBtn { margin-top:20px;}
    /*.news_show .data span.s3 {display: none;}*/
}
@media (max-width: 450px){
    .news_nav ul li { height: 40px; font-size: 14px; line-height: 40px; padding:0; }
    .news_nav ul li.cur a, .news_nav ul li:hover a { font-size: 14px;}
    .mian_box .mian .news_list ul.inews_c li .text h3 { font-size: 14px;}
}
@media (max-width: 350px){
    .news_nav ul li {width: 25%;text-align: center; margin-right:0; }
    .news_nav ul li.cur a, .news_nav ul li:hover a { font-size: 14px;}
    .mian_box .mian .news_list ul.inews_c li .text h3 { font-size: 14px;}
}

@media (max-width: 550px){
    .fenyeBtn a{float: left;font-size: 14px;line-height: 36px;width: 30%;margin-right: 2%;min-width: 0;}
    .fenyeBtn a.f-r{float: right;margin-right: 0;}
    .fenyeBtn a.btn{width: 36%;}
}
@media (max-width: 500px){
    .mian_box .mian .news_list ul.inews_c li { padding: 12px 0;}
    .mian_box .mian .news_list ul.inews_c li .img  { width: 42%; }
    .mian_box .mian .news_list ul.inews_c li .text { width: 55%; }
    .mian_box .mian .news_list ul.inews_c li .text p {line-height: 20px;height: 20px;}
    .mian_box .mian .news_list ul.inews_c li .text .bottom span.s1 { display: none; }
}


/*信息搜索*/
.ibannerx .form1 { border-radius:4px; overflow: hidden; width: 8.9rem; margin: 0.34rem auto 0; }
.ibannerx .form1 .inp {float: left;width: 87.6%;height: 0.6rem;font-size: 16px;color:#666; padding-left:20px; border:none; }
.ibannerx .form1 .sub {float: left;width: 12.4%;height: 0.6rem;font-size: 0; background: url(../images/search.jpg) no-repeat center #4069de; padding-left:20px; border:none; }
.serHot a {display: inline-block; font-family: "microsoft yahei",arial,"STXihei"; font-style: normal; margin:0.2rem 8px 0; font-size: 14px;color:#fff;}
.ibannerx canvas {position: absolute; left:0; bottom:0;}
.searchX .news_show { box-shadow: none; background: none; padding: 0; border-radius:0;}
.searchA {box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1); background: #fff; padding: 0.4rem; border-radius: 5px; margin-bottom:20px;}
.searchA-a { margin-top:25px;}
.searchA-a ul li {border:2px solid #fff; float: left;width: 49%; border-radius: 6px; box-shadow: 0px 0px 5px 0px rgba(207, 207, 207, 0.45); margin-bottom:2%;}
.searchA-a ul li.sign2,.searchA-a ul li.sign4 {float: right;}
.searchA-b .pic {text-align: center; padding: 0 0.3rem; position: absolute; left:0;width: 39%; top:50%;transform: translateY(-50%);}
.searchA-b .pic img { max-width: 100%;}
.searchA-b .con {border-left:1px solid #f2f2f2; padding:0.3rem 0.3rem 0.36rem 0.25rem; float: right; width: 60.9%;}
.searchA-b .con .t1 { font-size: 16px;color:#d9dadd;}
.searchB .searchA-b .con .t1 { text-transform: uppercase; }
.searchA-b .con .t2 { font-size: 18px;color:#3e4757; margin-top:0.2rem;}
.searchA-b .con .c {height: 38px;overflow: hidden; font-size: 14px;color:#747983; margin-top:0.1rem;}
.searchA-a ul li:hover {border:2px solid #2eafff; box-shadow: 0px 3px 11px 0px rgba(255, 84, 44, 0.32); }
.searchC-a dl { margin-bottom:40px;}
.border a { border:1px solid #f2f2f2; }
.searchC-a dd { float: left;width: 32%; margin-right:2%; transition: all 0.5s; }
.searchC-a dd:last-child { margin-right:0;}
.searchC-a dd .solA-c { text-align: center;background: #ffffff;box-shadow: 0px 0px 10px 0px rgba(163, 178, 192, 0.67);}
.searchC-a dd a.pic { display: block; padding:0.2rem 0; border-bottom:1px solid #f4f4f4;}
.searchC-a dd .con { padding:0.3rem 0.18rem 0.4rem;text-align: left;}
.searchC-a dd .con .t { font-size: 18px; color:#363f4e;}
.searchC-a dd .con .t2 { font-size: 14px; color:#5e6571;margin-top:10px; }
.searchC-a dd .con .c { font-size: 14px;line-height: 24px;height: 48px;overflow: hidden; line-height: 2; color:#5e6571;margin:10px 0 0.45rem; }
.searchC-a dd a.more {display: block; margin-top:0.3rem; font-size: 14px;color:#363f4e; }
.searchC-a dd a.more span {  font-family: "宋体"; font-weight: bold; }
.searchC-a dd:hover { margin-top:-5px;}
.searchC-a dd:hover a.more {color:#2eafff;}

.searchE-a { text-align: center;}
.searchE-a .t { font-size: 26px; color:#363f4e; margin: 25px 0 15px;}
.searchE-a .c { font-size: 16px; color:#363f4e; margin: 0px 0 50px;}
.searchE-b { text-align: center; padding-bottom:88px;}
.searchE-b a { display: inline-block;width: 140px;height: 42px;line-height: 40px; border:1px solid #2e4a9a; font-size: 16px;color:#2e4a9a;border-radius: 4px; margin: 0 5px; text-align: center;}
.searchE-b a:hover { color:#fff;background: #2eafff; border-color:#2eafff;}

@media(max-width: 1800px){
    .searchE-a .t { font-size: 24px; margin: 30px 0 10px;}
    .searchE-a .c { font-size: 15px; margin: 0px 0 40px;}
    .searchE-b a { width: 120px;height: 38px;line-height: 36px; font-size: 15px;margin: 0 5px;}
}
@media(max-width: 1500px){
    .searchE-a img {width: 360px;}
    .searchE-a .t { font-size: 22px; margin: 30px 0 10px;}
    .searchE-a .c { font-size: 14px; margin: 0px 0 40px;}
    .searchE-b a { width: 110px;height: 36px;line-height: 34px; font-size: 14px;margin: 0 2px;}
}
@media(max-width: 1200px){
    .searchE-a img {width: 360px;}
    .searchE-a .t { font-size: 20px; margin: 30px 0 10px;}
    .searchE-a .c { font-size: 13px; margin: 0px 0 40px;}
    .searchE-b {  padding-bottom:60px;}
    .searchE-b a { width: 100px;height: 30px;line-height: 28px; font-size: 13px;margin: 0 2px;}
}
@media(max-width: 750px){
    .searchE-b a { font-size: 13px;margin: 5px;}
}
@media(max-width:750px){
    .ibannerx .form1 {width: 90%;}
    .searchA-b .pic {padding: 0 0.1rem; }
    .searchA-b .con {padding:0.2rem 0.2rem 0.2rem 0.15rem;}
    .searchA-b .con .t1 { font-size: 14px; }
    .searchA-b .con .t2 { font-size: 16px; margin-top:0.1rem;}
    .searchA-b .con .c {height: 32px;overflow: hidden; font-size: 12px; }
    .searchC-a dd {width: 100%; margin-bottom:15px;}
}
@media(max-width:550px){
    .searchA-a ul li { width: 100%;}
    .searchA-b .pic {padding: 0 0.4rem; }
}

/*嘉税通*/
.taxC .serviceC-a ul li { transition: all 0.5s; width: 24%;}
.serviceC-a ul li.sign2 { margin: 0 1.3333%;}
.taxC .serviceC-a ul li:last-child { float: right;}
.taxC .serviceC-a ul li .c { font-size: 16px;color:#363f4e; margin-top:20px;min-height: 72px;}
/*.taxC .serviceC-a ul li:hover {border:2px solid #ff542c; margin-top:-10px; box-shadow: 0px 8px 24px 0px rgba(255, 200, 187, 0.52); }*/
.taxC a.mainmore { margin-top:36px;}
.taxA { padding:0.85rem 0 0.95rem;background: #f7f8f9;}
.taxA-a { }
.taxA-b {float: left;width: 6.4rem;}
.taxA-c {float: right;width: 6.9rem;}
.taxA-d { border-radius: 15px;overflow: hidden;}
.taxA-d .slick-prev,.taxA-d .slick-next {width: 32px;height: 32px;border:none; border-radius:50%;background: #000; margin-top:-16px;}
.taxA-d .slick-prev { left:20px; background: url(../images/tax1.png) no-repeat center rgba(0,0,0,0.4);}
.taxA-d .slick-next { right:20px; background: url(../images/tax2.png) no-repeat center rgba(0,0,0,0.4);}
.taxA-d .slick-prev:hover,.taxA-d .slick-next:hover {background-color: #2eafff;}
.taxA-b .con {line-height: 1.6; margin-top:0.3rem;}
.taxA-d .slick-dots li button { border-radius: 50%;}
.taxA-d .slick-dots li.slick-active button {background: #fff;}
.taxA-c {position: absolute; right:0; top:50%; transform: translateY(-50%);}
.taxB { padding:0.9rem 0 1.5rem}
.taxB-c { margin-top:40px;}
.taxB-d {float: left;width: 46.5%;background: #f7f8f9; padding:0.4rem 2rem 0.8rem 0.5rem; border:1px solid #d9e0ea;}
.taxB-f .t1 {opacity: 0.8;line-height: 1; font-size: 0.18rem; color:#3e4757; text-transform: uppercase;}
.taxB-f .t2 { font-size: 0.24rem;line-height: 1; color:#3e4757; margin: 0.1rem 0 0.25rem;}
.taxB-f .con { font-size: 0.14rem;line-height: 1.4; color:#3e4757; opacity: 0.9; }
.taxB-f .con p { margin-bottom:0.14rem;position: relative;padding-left:10px; }
.taxB-f .con p:after { content:'';background: #59606d;width: 4px;height: 4px;border-radius: 50%;position: absolute; left:0;background: #59606d; top:8px;}
.taxB-f .icon { position: absolute; right:0.75rem; top:0.4rem;}
.taxB-e {width: 53.5%;position: absolute; right:0;height: 108%; top:-4%;}
.taxB-g { position: relative; padding:0.5rem 2rem 0 1.1rem; border:2px solid #2eafff;border-top:3px solid #2eafff;width: 100%;height: 100%; background: url(../images/tax3.png) no-repeat right bottom #fff;}
.taxB-e .mainmore { margin: 0.3rem 0 0;}
.taxB-g:after {content:'';position: absolute;width: 108px;height: 108px;position: absolute; left:-54px;top:50%; margin-top:-54px; border-radius: 50%; background: url(../images/tax4.png) no-repeat center/cover;}
.taxD {overflow: hidden; position: relative; padding:.8rem 0;background: #f6f7f9;}
.taxD #mydiv {position: absolute!important; left:0; bottom:0;width: 100%;}
.taxD #mydiv canvas {position: absolute!important;z-index: 100!important;}
.taxD-b { position: relative; z-index: 1000; text-align: center;margin-top:20px;}
.taxD-b img { max-width: 100%;}
.taxD-b .mainmore { margin-top:-50px;}

@media(max-width: 1800px){
    .taxC .serviceC-a ul li .c { font-size: 14px;line-height: 20px;min-height: 60px;}
}
@media(max-width: 1600px){
    .taxA-b .con {line-height: 1.4;}
    .taxC .serviceC-a ul li .c { font-size: 14px;line-height: 20px;min-height: 80px; }
}
@media(max-width: 1500px){
    .taxB-f .t1 { font-size: 16px; }
    .taxB-f .t2 { font-size: 20px;}
    .taxB-f .con { font-size: 14px; }
}
@media(max-width: 1200px){
    .taxA,.taxB,.taxD { padding:40px 2% 50px;}
    .taxA-b { width: 7.4rem;}
    .taxA-c { width: 10rem;}
}
@media(max-width: 1000px){
    .taxA-b,.taxB-e,.taxB-d {width: 100%;}
    .taxB-e {position: relative;height: auto; transform: translateY(0);top:0;float: left;}
    .taxA-c {width: 100%;position: relative;transform: translateY(0);margin-top:15px;}
    .taxB-g { padding:50px 20px 30px 20px;}
    .taxB-g:after {width: 80px;height: 80px;position: absolute; left:50%; top:-40px; margin-top:0; margin-left:-40px; }
    .taxB-d { padding-right:20px; padding-bottom:50px;}
    .taxB-f .icon { right:10px;width: 60px;}
    .taxB-f .icon img { width: 60px;}
    .taxB-f .t1 { font-size: 16px; }
    .taxB-f .t2 { font-size: 20px; margin: 10px 0 25px; }
    .taxB-f .con { font-size: 13px; }
    .taxB-f .con p { margin-bottom:14px;}
    .taxB-f .con p:after { background: #59606d; top:7px;}
    .taxB-f .icon { position: absolute; right:0.75rem; top:0.4rem;}
    .taxA-d .slick-prev { left:12px; }
    .taxA-d .slick-next { right:12px; }
    .taxC .serviceC-a ul li{width: 49%;margin-bottom:15px; }
    .serviceC-a ul li.sign2 { margin: 0 0 15px;}
    .taxC .serviceC-a ul li:nth-child(2n) {float: right;}
    .taxC .serviceC-a ul li .c { font-size: 14px;line-height: 20px;min-height: 60px; }
}
@media(max-width: 640px){
    .taxD-b .mainmore { margin-top:20px;}
    .taxC .serviceC-a ul li{width: 100%;margin-bottom:15px; }
    .taxC .serviceC-a ul li .c {height: auto;min-height: auto; }
    .taxC .serviceC-a ul li:hover {  margin-top:0px; }
}

/*关于我们*/
.aboutA { padding:0.95rem 0;}
.aboutB { padding:0.85rem 0 1rem;background: #f7f8f9;}
.aboutC { padding:1rem 0 1.2rem;}
.aboutD { padding:0.8rem 0 1.2rem;background: url(../images/about.jpg) no-repeat center/cover;}
.aboutA-a { position: relative;}
.aboutA-b { float: left;width: 7.02rem;}
.aboutA-c { position: absolute; right:0; top:50%;transform: translateY(-50%); width: 6rem; float: right;}
.aboutA-c .con { font-size: 0.16rem; color:#363f4e;margin-top:0.25rem; line-height: 1.8; }

.aboutB-b { margin-top:0.3rem;}
.aboutB-b ul li {border-radius: 5px; position: relative; overflow: hidden; float: left;width: 32%; margin: 0 2% 2% 0;}
.aboutB-b ul li:nth-child(3n) { margin-right:0;}
.aboutB-b ul li .con {width: 100%;height: 100%; position: absolute; left:0; top:-600px; transition: all 0.6s;background: rgba(46,175,255,0.9); text-align: center; }
.aboutB-b ul li .con .relative {width: 100%;height: 100%;}
.aboutB-b ul li .con .relative .absolute {width: 100%; padding:0 0.2rem; left:0; top:50%; transform: translateY(-50%);}
.aboutB-b ul li .con .t {padding-bottom:0.16rem; margin-bottom:0.15rem; font-size: 18px; color:#fff; position: relative;}
.aboutB-b ul li .con .c { font-size: 13px;line-height: 1.5; color:#fff; }
.aboutB-b ul li .con .t:after { content:''; height: 2px;width: 40px;position: absolute; left:50%; margin-left:-20px; bottom:0;background: rgba(255,255,255,0.5);}
.aboutB-b ul li .tit { position: absolute; left:0; bottom:0; padding: 10px 0; font-size: 18px; transition: all 0.6s;background: rgba(46,175,255,0.9); color:#fff;width: 100%;text-align: center; }
.aboutB-b ul li:hover .tit { bottom:-50px; }
.aboutB-b ul li:hover .con { top:0;}
.aboutB-b ul li img {width: 100%; transition: all 0.6s; }
.aboutB-b ul li:hover img { transform: scale(1.1);}
.aboutC-b { margin-top:45px;}
.aboutC-b ul {position: relative;}
.aboutC-b ul li {float: left;border-radius:5px; overflow: hidden;}
.aboutC-b ul li.sign1 {width: 6.77rem;height: 5.76rem; }
.aboutC-b ul li.sign2 { top:0; right:3.56rem; width: 3.46rem;height: 2.83rem; position: absolute;}
.aboutC-b ul li.sign4 { bottom:0; right:3.56rem; width: 3.46rem;height: 2.83rem; position: absolute;}
.aboutC-b ul li.sign5 { bottom:0; right:0; width: 3.46rem;height: 2.83rem; position: absolute;}
.aboutC-b ul li.sign3 { top:0; right:0rem; width: 3.46rem;height: 2.83rem; position: absolute;}
.aboutC-b ul li .tit { position: absolute; left:0; bottom:0; padding: 10px 0; font-size: 18px; transition: all 0.6s;background: rgba(46,175,255,0.9); color:#fff;width: 100%;text-align: center;  }
.aboutC-b ul li .relative {
    height: 100%;
    overflow: hidden; }

.aboutD-b {margin-top:0.45rem;background: url(../images/about2.png) no-repeat center/cover rgba(255,255,255,0.47); width: 100%;height: 3.57rem;}

.aboutD-c { padding-left:0.4rem;border-top:1px solid #dce0ee; }
.aboutD-c ul li { cursor: pointer; position: relative; line-height: 1; padding-top:20px; float: left;width: 0.77rem; text-align: center; font-size: 16px;color:#666666; width: 0.77rem; text-align: center; font-size: 16px;color:#666666; }
.aboutD-c ul li:after { transition: all 0.5s; content:'';width: 9px;height: 9px;background: #2eafff; position: absolute; left:50%; margin-left:-4px; top:-5px; border-radius:45%;}
.aboutD-c ul li.cur:after,.aboutD-c ul li:hover::after { width: 19px;height: 19px;background: #fff; border:5px solid #2eafff; box-sizing: border-box; margin-left:-9px; top:-11px; border-radius:49%;}

.aboutD-b {position: relative;}
.aboutD-d { transition: all 0.6s; position: absolute; left:0.4rem;bottom:0rem;}
.aboutD-b .sign1 { left:0.4rem; bottom:0; }
.aboutD-b .sign2 { left:1.17rem; bottom:0.08rem; }
.aboutD-b .sign3 { left:1.94rem; bottom:0.16rem; }
.aboutD-b .sign4 { left:2.71rem; bottom:0.24rem; }
.aboutD-b .sign5 { left:3.48rem; bottom:0.32rem; }
.aboutD-b .sign6 { left:4.25rem; bottom:0.4rem; }
.aboutD-b .sign7 { left:5.02rem; bottom:0.48rem; }
.aboutD-b .sign8 { left:5.79rem; bottom:0.56rem; }
.aboutD-b .sign9 { left:6.56rem; bottom:0.7rem; }
.aboutD-b .sign10 { left:7.37rem; bottom:0.88rem; }
.aboutD-b .sign11 { left:7.91rem; bottom:1.02rem; }
.aboutD-b .sign12 { left:8.7rem; bottom:1.25rem; }
.aboutD-b .sign13 { left:9.48rem; bottom:1.5rem; }
.aboutD-b .sign14 { left:10.25rem; bottom:1.8rem; }
.aboutD-b .sign15 { left:11rem; bottom:2.1rem; }
.aboutD-b .sign16 { left:11.7rem; bottom:2.5rem; }
.aboutD-b .sign17 { left:12.6rem; bottom:2.9rem; }


.aboutD-e { position: absolute;width: 100%; left:0; top:50%; transform: translateY(-50%); text-align: center;}
.aboutD-e ul li { transition: all 0.6s; display: none;}
.aboutD-e ul li.cur {display: block;}
.aboutD-e ul li .t { font-size: 0.56rem; color:#2eafff; font-weight: bold; font-family: "Arial";}
.aboutD-e ul li .c { font-size: 0.18rem; color:#666666; margin-top:0.1rem;}

.aboutD-g { display: none;}
.aboutD-f { display: none; background: rgba(255,255,255,0.47); padding: 30px 5% 50px; text-align: center; margin-top:20px;}
.aboutD-f .t { font-size: 0.56rem; color:#2e4a9a; font-weight: bold; font-family: "Arial";}
.aboutD-f .c { font-size: 0.3rem; color:#666666; margin-top:0.1rem;}



@media(max-width: 1650px){
    .aboutB-b ul li .tit { font-size: 16px;}
    .aboutB-b ul li .con .t {font-size: 16px; }
    .aboutB-b ul li .con .c { font-size: 12px;line-height: 1.4; }
}
@media(max-width: 1500px){
    .aboutA-b { width: 7.5rem;}
}
@media(max-width: 1450px){
    .aboutB-b ul li .tit { font-size: 14px;}
    .aboutC-b ul li .tit { font-size: 14px;}
    .aboutB-b ul li .con .t {font-size: 14px; }
    .aboutB-b ul li .con .c { font-size: 12px;line-height: 1.2; }
}
@media(max-width: 1350px){
    .aboutB-b ul li { width: 49%; }
    .aboutB-b ul li:nth-child(3n) { margin-right:2%;}
    .aboutB-b ul li:nth-child(2n) { margin-right:0;}
    .aboutB-b ul li .tit { font-size: 16px;}
    .aboutC-b ul li .tit { font-size: 16px;}
    .aboutB-b ul li .con .t {font-size: 16px; }
    .aboutB-b ul li .con .c { font-size: 13px;line-height: 1.5; }
}

@media(max-width: 1200px){
    .aboutA,.aboutB,.aboutC,.aboutD { padding:40px 2% 50px;}
    .aboutD-b,.aboutD-c {display: none;}
    .aboutD-g { display: block;}
    .aboutA-b { width: 9rem;}
    .aboutA-c { width: 9rem; float: right;}
    .aboutA-c .con { font-size: 14px; }
    .aboutC-b ul li.sign1 {width: 9rem;height: 7.65rem; }
    .aboutC-b ul li.sign2 { top:0; right:4.6rem; width: 4.4rem;height: 3.6rem; position: absolute;}
    .aboutC-b ul li.sign4 { bottom:0; right:4.6rem; width: 4.4rem;height: 3.6rem; position: absolute;}
    .aboutC-b ul li.sign5 { bottom:0; right:0; width: 4.4rem;height: 3.6rem; position: absolute;}
    .aboutC-b ul li.sign3 { top:0; right:0rem; width: 4.4rem;height: 3.6rem; position: absolute;}
}
@media(max-width: 1000px){
    .aboutA-c .con { font-size: 12px; }
}
@media(max-width: 900px){
    .aboutA-b { width: 100%;}
    .aboutA-c { width: 100%; margin-top:20px;position: relative; left:0; top:0; transform: translateY(0); }
    .aboutA-c .con { font-size: 14px; }
}
@media(max-width: 800px){
    .aboutB-b ul li .tit { font-size: 14px;}
    .aboutC-b ul li .tit { font-size: 14px;}
    .aboutB-b ul li .con .t {font-size: 14px; }
    .aboutB-b ul li .con .c { font-size: 12px;line-height: 1.3; }
}
@media(max-width: 750px){
    .aboutD-f .c { font-size: 0.24rem; color:#666666; margin-top:0.1rem;}
    .aboutC-b ul li { margin-bottom:2%;}
    .aboutC-b ul li.sign1 {width: 100%;height: auto;}
    .aboutC-b ul li.sign2 { top:0; right:0; width: 49%;height: auto; position: relative;}
    .aboutC-b ul li.sign4 { bottom:0; right:0; width: 49%;height: auto; position: relative;}
    .aboutC-b ul li.sign5 {float: right; bottom:0; right:; width: 49%;height: auto; position: relative;}
    .aboutC-b ul li.sign3 {float: right; top:0; right:0; width: 49%;height: auto; position: relative;}
}
@media(max-width: 640px){
    .aboutB-b ul li{ width: 100%; }
}

/*荣誉资质*/
.honorA { padding:0.8rem 0;text-align: center; background: #fff;}
.honorA .con { font-size: 0.4rem; color:#333333; margin-top:0.2rem;}
.honorB { padding:0.8rem 0 1.2rem;background: #f7f8fa;}
.honorC { padding:0.8rem 0 1.2rem;background: #fff;}
.honorD { padding:0.9rem 0 1.2rem;background: #f7f8fa;}
.honorB-b { max-width: 1600px; margin: 20px auto 0; padding:0 2.3rem;}
.honorB-b .swiper-slide { padding: 0.2rem 0.15rem;}
.honorB-b .swiper-slide img{  box-shadow: 0px 0px 0.15rem 0px rgba(0, 0, 0, 0.5); }
.honorB-d .swiper-button-next,.honorB-d .swiper-button-prev {width: 53px;height: 53px; margin-top:-26px; }
.honorB-d .swiper-button-next:after,.honorB-d .swiper-button-prev:after {display: none; }
.honorB-d .swiper-button-next { right:-70px; background: url(../images/hon.png) no-repeat center/cover;}
.honorB-d .swiper-button-prev { left:-70px; background: url(../images/hop.png) no-repeat center/cover;}
.honorB-d .swiper-button-next:hover { background: url(../images/honbg.png) no-repeat center/cover;}
.honorB-d .swiper-button-prev:hover { background: url(../images/hopbg.png) no-repeat center/cover;}
@media(max-width: 1200px){
    .honorA { padding:40px 2%;}
}
@media(max-width: 750px){
    .honorA .pic img {height: 36px;}
    .honorB-b { padding:0 .6rem;}
    .honorB-b .swiper-slide { padding: 0.14rem 0.1rem;}
    .honorB-b .swiper-slide img{  box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.5); }
    .honorB-d .swiper-button-next,.honorB-d .swiper-button-prev {width: 0.5rem;height: .5rem; margin-top:-.25rem; }
    .honorB-d .swiper-button-next { right:-0.58rem;}
    .honorB-d .swiper-button-prev { left:-0.58rem;}
}
@media(max-width: 500px){
    .honorB-b { padding:0 2%;}
    /*.honorB-d .swiper-button-next,.honorB-d .swiper-button-prev { display: none; }*/
    .honorB-d .swiper-button-next { right:10px; }
    .honorB-d .swiper-button-prev { left:10px; }
}

/*联系嘉扬*/
.contactA {background: #f9fafb; padding:0.95rem 0 0.85rem;}
.contactA-b { float: left;width: 7.02rem;}
.contactA-c {width: 7.02rem;height: 6rem;}
.contactA-c .add { cursor: pointer; position: absolute;width: 14px; height: 19px; }
.contactA-c .add:hover,.contactA-c .add.cur {-webkit-animation: godown 1.5s infinite;animation: godown 1.5s infinite;box-sizing: border-box;}
@-webkit-keyframes godown {
    0% {-webkit-transform: translate(0, 0);opacity: 0;}
    50% {opacity: 1;}
    100% {-webkit-transform: translate(0, -5px);opacity: 0;}
}
@keyframes godown {
    0% {transform: translate(0, 0);opacity: 0;}
    50% {opacity: 1;}
    100% {transform: translate(0, -5px);opacity: 0;}
}
.contactA-c .add span { display: block;width: 100%; height: 100%;background: url(../images/contact1.png) no-repeat center/cover; }
.contactA-c .add1 { right:0.83rem; top:3.36rem;}
.contactA-c .add2 { right:1.67rem; top:2rem;}
.contactA-c .add3 { right:1.05rem; top:3.33rem;}
.contactA-c .add4 { right:1.85rem; top:4.75rem;}
.contactA-c .add5 { right:1rem; top:3.68rem;}
.contactA-c .add6 { right:1.75rem; top:4.84rem;}
.contactA-c .add7 { right:1.95rem; top:3.6rem;}
.contactA-d {float: right; width: 6.3rem;}
.contactA-d .tit  { font-size: 16px;color:#363f4e;}
.contactA-d .tit span { font-size: 22px;}
.contactA-d ul { margin-top:0.2rem;}
.contactA-d ul li {width: 3.3rem; float: left; }
.contactA-d ul li:nth-child(2n) { float: right;width: 2.8rem; }
.contactA-d ul li .pic img {height: 36px;}
.contactA-d ul li .t1 { margin-top:10px; font-size: 18px; color:#363f4e;}
.contactA-d ul li .t2 { margin-top:5px; font-size: 14px; color:#363f4e;}
.contactA-d ul li .c {min-height: 80px;line-height: 20px; margin-top:5px; font-size: 14px; color:#363f4e;}
.contactB { padding:0.8rem 0 0.9rem}
.contactB-b { margin-top:30px;}
.contactB-b ul li { float: left;width: 24%; margin-right:1.3333%; margin-bottom:1.3333%;}
.contactB-b ul li:nth-child(4) { margin-right:0;}
.contactB-b form .inp {width: 100%;padding-left:12px;font-size: 16px;height: 54px;line-height: 52px; border:1px solid #d9dee5; border-radius: 4px;}
.contactB-b form .inp2 {height: 200px;}
.contactB-b form .sub { display: block;width: 200px;height: 54px;background: #2eafff; border-radius: 4px;border:none;cursor: pointer;font-size: 16px;color:#fff; margin: 30px auto 0; }
@media(max-width: 1700px){
    .contactA-d ul li .pic img {height: 30px;}
    .contactA-d ul li .t1 { margin-top:10px; font-size: 16px;}
    .contactA-d ul li .t2 { margin-top:5px; font-size: 12px; }
    .contactA-d ul li .c {min-height: 80px;line-height: 18px; margin-top:5px; font-size: 12px; }
}
@media(max-width: 1400px){
    .contactB-b form .inp {font-size: 14px;height: 44px;line-height: 42px;}
    .contactB-b form .inp2 {height: 120px;}
    .contactB-b form .sub { width: 160px;height: 44px; font-size: 14px; margin: 30px auto 0; }
    .contactA-c .add {position: absolute;width: 10px; height: 13px; }
}
@media(max-width: 1200px){
    .contactA,.contactB{ padding: 40px 2% 50px;}
    .contactA-d { width: 11rem;}
    .contactA-d ul li { width: 55%; }
    .contactA-d ul li:nth-child(2n) {width: 40%; }
    .contactA-d ul li .pic img {height: 35px;}
    .contactA-d ul li .t1 { margin-top:5px; font-size: 16px;}
    .contactA-d ul li .t2 { margin-top:2px; font-size: 13px; }
    .contactA-d ul li .c {min-height: 60px;line-height: 20px; margin-top:5px; font-size: 13px; }
}
@media(max-width: 750px){
    .contactA-d .tit span { font-size: 20px;}
    .contactA-b { float: none; margin: 0 auto; }
    .contactA-d { width: 100%; margin-top:20px;}
    .contactB-b form .sub { margin-top:20px;}
    .contactB-b ul li { width: 49%; margin-right:2%; margin-bottom:2%;}
    .contactB-b ul li:nth-child(2n) { margin-right:0;}
}
@media(max-width: 450px){
    .contactA-d ul li { width: 100%; margin-bottom:15px;}
    .contactA-d ul li:nth-child(2n) {width: 100%; }
    .contactA-d ul li .pic img {height: 35px;}
    .contactA-d ul li .t1 { margin-top:5px; font-size: 16px;}
    .contactA-d ul li .t2 { margin-top:2px; font-size: 12px; }
    .contactA-d ul li .c {min-height: auto;line-height: 20px; margin-top:5px; font-size: 12px; }
    .contactA-d .tit span { display: block; margin-top:5px;}
}

/*预约产品演示*/
.reservation { padding: 1.8rem 0 1.25rem!important; position: relative;}
.reservation#mydiv canvas { position: absolute!important; left:0; bottom:0; z-index: 1!important;}
.reservationA {
    z-index: 101;}
.reservationA-a {padding-left:0.6rem;position: absolute; z-index: 100; left:0; top:50%; transform: translateY(-50%); width: 6.5rem;}
.reservationA-a .tit { padding-bottom:0.2rem; margin-bottom:0.2rem; position: relative; font-size: 0.34rem; color:#fff; display: inline-block; }
.reservationA-a .tit:after { content:''; position: absolute; left:0;bottom:0;width: 96%;height: 1px;background: rgba(255,255,255,0.4);}
.reservationA-b .t {font-size: 0.16rem; color:#fff; margin-bottom:0.6rem;}
.reservationA-d { border-radius: 15px; overflow: hidden; position: relative; z-index: 100;}
.reservationA-d .pic { position: relative;}
.reservationA-d .cont { position: absolute; left:0;bottom:0; padding: 0.2rem 0.2rem;background: rgba(0,0,0,0.5);width: 100%; }
.reservationA-d .cont .tx {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 0.2rem; margin-bottom:3px;line-height: 20px; color:#fff;padding-left:15px;max-height: 20px;overflow: hidden; background: url(../images/res1.png) no-repeat left center;color:#fff; margin: 0rem;}
.reservationA-d .cont .cx {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 0.16rem; max-height: 16px;line-height: 16px; overflow: hidden; color:#fff;padding-left:15px;  color:#fff; margin-top: 5px;}
.reservationA-d  .slick-prev,.reservationA-d  .slick-next {width: 32px;height: 32px;border:none; border-radius:50%;background: #000; margin-top:-16px;}
.reservationA-d  .slick-prev { left:20px; background: url(../images/tax1.png) no-repeat center rgba(0,0,0,0.4);}
.reservationA-d  .slick-next { right:20px; background: url(../images/tax2.png) no-repeat center rgba(0,0,0,0.4);}
.reservationA-d  .slick-prev:hover,.reservationA-d  .slick-next:hover {background-color: #2eafff;}
.reservationA-c { padding-bottom:30px;background: url(../images/res3.png) no-repeat bottom center;-webkit-background-size: 100% auto;background-size: 100% auto;}
.reservationA-e {position: relative; z-index: 10; width: 5rem;float: right; padding:0.45rem;background: #fff; border-radius:15px;}
.borderNone { border:none!important; }
.paddingNone { padding:0!important;}
.colorBlue { color:#2e4a9a!important; }
.colorWhite { color:#fff!important; }
.reservationA-e .c span { font-size: 20px;}
.reservationA-e .form2 { margin-top:20px;}
.reservationA-e ul li {overflow: hidden; width: 100%;padding-left:12px; height: .54rem; border:1px solid #d9dadf;border-radius: 4px; margin-bottom:10px;}
.reservationA-e ul li img { float:right;height:0.52rem; position:absolute;right:0; top:0; }
.reservationA-e ul li.code { position: relative;}
.reservationA-e ul li.sign { height: 1.2rem; border:1px solid #d9dadf;border-radius: 4px; margin-bottom:10px;}
.reservationA-e ul li span {float: left;line-height: .52rem; font-size: 14px;}
.reservationA-e ul li span i { color:#2EAFFF; font-style: normal;}
.reservationA-e ul li input { float: left;width: 2.5rem; font-size:14px;height: .52rem;border:none; padding-left:8px; }

.reservationA-e ul li input#getPhoneCode { position:absolute; top:0; right:0; width:100px; background:#ddd; }

.reservationA-e ul li textarea { float: left;width: 2.5rem;font-size: 14px;resize:none; overflow: hidden; line-height: 0.52rem; font-size:14px;height: 1.1rem;border:none; padding-left:8px; }
.reservationA-e ul li .sub {width: 100%;background: #2EAFFF; font-size: 16px;color:#fff; border-radius:5px;}
.reservationA-e form p { font-size: 12px; color:#666666;text-align: center; margin-top:15px;}
.reservationA-e form p span.check {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: inline-block;width: 12px;height: 12px;border:1px solid #2e4a9a; vertical-align: middle;margin-right:5px;cursor: pointer;}
.reservationA-e form p span.checked { background: url(../images/res2.jpg) no-repeat center; }
.reservationB {position: fixed; display: none; left:0; top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.53); z-index: 100000;}
.reservationB-a {width: 100%;height: 100%;}
.reservationB-f { width: 80%;height: 70%; border-radius: 10px;padding:0.5rem 10px 0.5rem 0.6rem;position: absolute; top:15%; left:10%;background: #fff;}
.reservationB-b { height: 100%; }
.reservationB-b .close {width: 27px;height: 27px;background: url(../images/cha.png) no-repeat center/cover;cursor: pointer; position: absolute; right:-55px; top:-0.5rem; }
.reservationB-e { height: 100%; padding-right:0.4rem; overflow-y: scroll;}
.reservationB-d { text-align: justify; overflow: hidden; margin-top:20px; font-size: 14px;color:#363f4e;line-height: 2; }
@media(max-width: 1200px){
    .reservation { padding: 2.5rem 2% 1.25rem!important;}
    .reservationA-a { width: 9rem;}
    .reservationA-e {width: 7rem;}
}
@media(max-width: 750px){
    .reservation { padding: 1.5rem 2% 1.25rem!important;}
    .reservationA-a { width: 100%;position: relative; top:0; transform: translateY(0); left:0;padding-left:0; }
    .reservationA-e {width: 100%;}
    .reservationA-e ul li {height: 36px;}
    .reservationA-e ul li.sign { height: 100px;}
    .reservationA-e ul li span { line-height: 34px; }
    .reservationA-e ul li input {height: 34px; }
    .reservationA-e ul li textarea { line-height: 34px;}
    .reservationB-f { padding:0.4rem 10px 0.4rem 0.2rem;}
    .reservationB-b .close {width: 25px;height: 25px;background: url(../images/cha.png) no-repeat center/cover;cursor: pointer; position: absolute; right:-10px; top:-70px; }
    .reservationB-e { padding-right:0.2rem;}
    .reservationA-e ul li img { float:right;height:34px; position:absolute;right:0; top:0; }
}
.zl-scrollBarBox{height:100%;position:absolute;background:#f3f3f3}
.zl-scrollBar{position:absolute;left:0;top:0;background:#2eafff;transition:background .3s}
.zl-scrollBar.zl-verticalBar{min-height:10px}.zl-scrollBar.zl-horizontalBar{min-width:10px}
.zl-scrollBar:hover{background:#000}
.zl-scrollContentDiv{position:relative!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;top:0;left:0}

/*案例详情页*/
.caseA-a { position: relative; z-index: 100; padding:1.15rem 0 1.45rem; }
.caseA-b .t { font-size: 32px;color:#363f4e; font-weight: bold; }
.caseA-b .con { font-size: 16px;color:#3e4757; line-height: 2; margin-top:10px; }
.caseA canvas { height: 2rem!important;}
/*上下结构*/
.caseA-a1 .pic { display: block; text-align: center; }
.caseA-a1 .pic img {box-shadow: 0px 2px 24px 0px rgba(202, 207, 220, 0.39);
    width: 380px;
    height: auto; }
.caseA-a1 .caseA-b{ margin-top:30px; text-align: center;}
/*图左文右结构*/
.caseA-a2 .pic {float: left;width: 3.8rem; }
.caseA-a2 .pic img {box-shadow: 0px 2px 24px 0px rgba(202, 207, 220, 0.39);width: 100%; }
.caseA-a2 .caseA-b{ position: absolute; right:0; top:50%; transform: translateY(-50%);width: 9.35rem; }
/*图右文左结构*/
.caseA-a3 .pic {float: right;width: 3.8rem; }
.caseA-a3 .pic img {box-shadow: 0px 2px 24px 0px rgba(202, 207, 220, 0.39);width: 100%; }
.caseA-a3 .caseA-b{ position: absolute; left:0; top:50%; transform: translateY(-50%);width: 9.35rem; }

.caseB { padding:0.7rem 2% 1rem;background: #f7f8f9;}
.caseB .nmtit .c { margin-top:8px;}

.caseB-a { margin-top:50px;}
/*模块二样式一*/
.caseB1 ul li {border-radius: 5px; position: relative; transition: all 0.6s; background: #fff; text-align: center;  padding:0.5rem 0.45rem 0; min-height: 3.5rem; border:2px solid #fff; float: left;width: 24%; margin-right:1.3333%;}
.caseB1 ul li:last-child { margin-right:0;}
.caseB1 ul li .ico i { display: inline-block;width: 0.65rem;height: 0.65rem; font-size: 0.3rem; color:#4c64a9;line-height: 0.65rem;border-radius: 50%;box-shadow: 0px 5px 21px 0px rgba(217, 227, 236, 0.6); text-align: left; padding-left:0.12rem;}
.caseB1 ul li .con { font-size: 0.16rem; color:#363f4e;line-height: 1.8; margin-top:0.3rem; text-align: left;}
.caseB1 ul li:hover { box-shadow: 0px 9px 18px 0px rgba(255, 120, 82, 0.22); margin-top:-10px; border-color:#2eafff;}
.caseB1 ul li:hover .ico i { color:#2eafff;}


/*模块二样式二*/
.caseB2 .nmtit .t1,.caseB2 .nmtit .t2,.caseB2 .nmtit .c { color:#fff;}
.caseB2 ul li {border-radius: 5px; position: relative; padding:0.3rem 0.6rem 0.3rem 0.4rem; border:2px solid #5469a9; float: left;width: 49%; margin-bottom:2%;}
.caseB2 ul li:nth-child(2n){ float: right; }
.caseB2 ul li .ico i { display: inline-block;width: 0.65rem;height: 0.65rem; font-size: 0.3rem; float: left;background: #fff; color:#4c64a9;line-height: 0.65rem;border-radius: 50%;box-shadow: 0px 5px 21px 0px rgba(217, 227, 236, 0.004); text-align: left; padding-left:0.12rem;}
.caseB2 ul li .con { font-size: 0.16rem; color:#fff;line-height: 1.8; position: absolute; left:1.3rem;width: 5rem; top:50%; transform: translateY(-50%);}


.caseC { padding:1rem 2% .8rem;}
.caseC-b .con { margin-top:0.3rem;line-height: 1.9; color:#3e4757; min-height: 100px; }
.caseC-b a.mainmore { margin:0.5rem 0 0;}

/*模块三样式一 左文右图*/
.caseC-a1 .caseC-b { float: left;width: 7.3rem;}
.caseC-a1 .caseC-c { position: absolute; right:0; top:50%; transform: translateY(-50%); width: 6.45rem;}


/*模块三样式二 左图右文*/
.caseC-a2 .caseC-b { float: right;width: 7rem;}
.caseC-a2 .caseC-c { position: absolute; left:0; top:50%; transform: translateY(-50%); width: 6.3rem;}

.caseD { padding: 0.9rem 2% 1rem;background: #f7f8f9;}

/*模块四样式一*/
.caseD-a1 { margin-top:30px;}
.caseD-a1 ul li {height: 3.8rem;background: #fff; padding:0.5rem 0.25rem 0; border-radius: 5px; text-align: center; float: left;width: 24%; margin-right:1.3333%;}
.caseD-a1 ul li:nth-child(4) {margin-right:0; float: right;}
.caseD-a1 ul li .icon img { width: 1.18rem;}
.caseD-a1 ul li .con { margin-top:0.2rem; color:#363f4e; font-size: 0.16rem;line-height: 1.8;text-align: left;}

/*模块四样式二*/
.caseD-a2 { margin-top:30px;}
.caseD-a2 ul li {height: 3.5rem;background: none; padding:0.5rem 0.15rem 0; border-radius: 5px; text-align: center; float: left;width: 24%; margin-right:1.3333%;}
.caseD-a2 ul li:nth-child(4) {margin-right:0; float: right;}
.caseD-a2 ul li .icon img { width: 1.18rem;}
.caseD-a2 ul li .con { margin-top:0.2rem; color:#363f4e; font-size: 0.16rem;line-height: 1.8;}


/*模块四样式三*/
.caseD-a3 { margin-top:30px;}
.caseD-a3 ul li {height: auto;background: none; padding:0.5rem 0 0; border-radius: 5px; text-align: center; float: left;width: 24%; margin-right:1.3333%;}
.caseD-a3 ul li:nth-child(4) {margin-right:0; float: right;}
.caseD-a3 ul li .icon img { width: 1.18rem;}
.caseD-a3 ul li .con { background: #fff; padding: 0.9rem 0.25rem 0; min-height: 2.1rem; margin-top:-0.59rem; color:#363f4e; font-size: 0.16rem;line-height: 1.8;}


@media(max-width: 1600px){
    .caseA-b .t { font-size: 20px;  }
    .caseA-b .con { font-size: 13px;}
    /*上下结构*/
    .caseA-a1 .pic img { height: 120px;
        width: auto;}
    /*上下结构*/
}
@media(max-width: 1300px){
    /*模块二样式二*/
    .caseB2 ul li { padding:0.45rem 0.6rem 0.45rem 0.4rem;}
    .caseC-b .con { min-height: 80px;}
}
@media(max-width: 1200px){
    .caseA-a { padding: 1.2rem 2% 1.5rem;}
    /*图左文右结构*/
    .caseA-a2 .pic {width: 7rem;}
    .caseA-a2 .caseA-b{width: 10rem; }
    /*图左文右结构*/
    /*图右文左结构*/
    .caseA-a3 .pic {width: 7rem;}
    .caseA-a3 .caseA-b{width: 10rem; }
    /*图右文左结构*/

    /*模块三样式一 左文右图*/
    .caseC-a1 .caseC-b { float: left;width: 8rem;}
    .caseC-a1 .caseC-c { position: absolute; right:0; top:50%; transform: translateY(-50%); width: 9rem;}

    /*模块三样式二 左图右文*/
    .caseC-a2 .caseC-b { float: right;width: 8rem;}
    .caseC-a2 .caseC-c { position: absolute; left:0; top:50%; transform: translateY(-50%); width: 8.6rem;}


    /*模块二样式一*/
    .caseB1 ul li { padding:0.3rem 0.25rem 0; margin-bottom:2%; min-height: 3.5rem; width: 49%; margin-right:2%;}
    .caseB1 ul li:nth-child(2n) { margin-right:0;}
    .caseB1 ul li .ico i { display: inline-block;width: 1rem;height: 1rem; font-size: 0.5rem; color:#4c64a9;line-height: 1rem; padding-left:0.15rem;}
    .caseB1 ul li .con { font-size: 0.3rem; color:#363f4e;line-height: 1.8; margin-top:0.3rem; }
    .caseB1 ul li:hover { box-shadow: 0px 9px 18px 0px rgba(255, 120, 82, 0.22); margin-top:0px; border-color:#2eafff;}

    /*模块二样式二*/
    .caseB2 ul li {border-radius: 5px; position: relative; padding:0.3rem 0.6rem 0.3rem 0.4rem; border:2px solid #5469a9; float: left;width: 49%; margin-bottom:2%;}
    .caseB2 ul li:nth-child(2n){ float: right; }
    .caseB2 ul li .ico i { display: inline-block; width: 1rem;height: 1rem; font-size: 0.5rem; color:#4c64a9;line-height: 1rem; padding-left:0.15rem;}
    .caseB2 ul li .con { font-size: 0.24rem; left:1.8rem;width: 7rem;}

    /*模块四样式三*/
    .caseD-a3 ul li .con { min-height: 2.3rem; margin-top:-0.59rem; color:#363f4e; font-size: 0.16rem;line-height: 1.8;}

}
@media(max-width: 1000px){
    .caseA-b .t { font-size: 20px;  }
    .caseA-b .con { font-size: 13px;}
    /*上下结构*/
    .caseA-a1 .pic img { height: 120px;
        width: auto;}
    .caseC-b .con { min-height: auto;}
    /*上下结构*/

    /*模块二样式二*/
    .caseB2 ul li {border-radius: 5px; position: relative; padding:0.4rem 0.6rem 0.4rem 0.4rem; border:2px solid #5469a9; float: left;width: 49%; margin-bottom:2%;}


    /*模块三样式一 左文右图*/
    .caseC-a1 .caseC-b { float: left;width: 100%; float: none;}
    .caseC-a1 .caseC-c { position: relative; right:0; top:0; margin-top:30px; transform: translateY(0%); width: 100%;}

    /*模块三样式二 左图右文*/
    .caseC-a2 .caseC-b { float: none;width: 100%;}
    .caseC-a2 .caseC-c { position: relative; margin-top:30px; left:0; top:0; transform: translateY(0); width: 100%;}


    /*模块四样式一*/
    .caseD-a1 { margin-top:30px;}
    .caseD-a1 ul li {height: 3.8rem;margin-bottom:2%; background: #fff; padding:0.5rem 0.25rem 0; border-radius: 5px; text-align: center; float: left;width: 49%; margin-right:0;}
    .caseD-a1 ul li:nth-child(2n) { float: right;}
    .caseD-a1 ul li .icon img { width: 1.5rem;}
    .caseD-a1 ul li .con { margin-top:0.2rem; color:#363f4e; font-size: 0.3rem;line-height: 1.8;}

    /*模块四样式二*/
    .caseD-a2 { margin-top:30px;}
    .caseD-a2 ul li {height: 3.8rem;margin-bottom:2%; background: none; padding:0.5rem 0.15rem 0; border-radius: 5px; text-align: center; float: left;width: 49%; margin-right:0;}
    .caseD-a2 ul li:nth-child(2n) { float: right;}
    .caseD-a2 ul li .icon img { width: 1.5rem;}
    .caseD-a2 ul li .con { margin-top:0.2rem; color:#363f4e; font-size: 0.3rem;line-height: 1.8;}


    /*模块四样式三*/
    .caseD-a3 { margin-top:30px;}
    .caseD-a3 ul li {margin-bottom:2%; width: 49%; margin-right:0;}
    .caseD-a3 ul li:nth-child(2n) {margin-right:0; float: right;}
    .caseD-a3 ul li .icon img { width: 1.6rem;}
    .caseD-a3 ul li .con { background: #fff; padding: 1.1rem 0.25rem 0; min-height: 3rem; margin-top:-0.8rem; color:#363f4e; font-size: 0.3rem;line-height: 1.8;}

}
@media(max-width: 750px){
    .caseA-a,.caseC,.caseD { padding: 40px 2% 50px;}
    .caseA-b .t { font-size: 20px;  }
    .caseA-b .con { font-size: 13px;}
    /*上下结构*/
    .caseA-a1 .pic img { height: 100px;
        width: auto;}
    .caseA-a1 .caseA-b{ margin-top:30px; text-align: left;}
    /*上下结构*/
    /*图左文右结构*/
    .caseA-a2 .pic  { float: none; width: 100%; text-align: center;}
    .caseA-a2 .pic img {width: auto; height: 100px;}
    .caseA-a2 .caseA-b{ position: relative; right:0; top:0; transform: translateY(0);width: 100%; margin-top:30px; }
    /*图左文右结构*/
    /*图右文左结构*/
    .caseA-a3 .pic  { float: none; width: 100%; text-align: center;}
    .caseA-a3 .pic img {width: auto; height: 100px;}
    .caseA-a3 .caseA-b{ position: relative; right:0; top:0; transform: translateY(0);width: 100%; margin-top:30px; }
    /*图右文左结构*/


    .caseB-a { margin-top:25px;}
    /*模块二样式一*/
    .caseB1 ul li { padding:0.2rem 0.15rem 0; margin-bottom:10px; min-height: 3.5rem; width: 100%; margin-right:0%;}
    .caseB1 ul li:nth-child(2n) { margin-right:0;}


    /*模块二样式二*/
    .caseB2 ul li { padding:0.3rem 0.6rem 0.3rem 0.2rem; width: 100%; margin-bottom:2%;}
    .caseB2 ul li:nth-child(2n){ float: right; }
    .caseB2 ul li .ico i { display: inline-block; width: 1rem;height: 1rem; font-size: 0.5rem; color:#4c64a9;line-height: 1rem; padding-left:0.15rem;}
    .caseB2 ul li .con { font-size: 0.2rem; left:1.5rem;width: 5rem;}


    /*模块四样式一*/
    .caseD-a1 { margin-top:20px;}
    .caseD-a1 ul li {height: 3.8rem; padding:0.3rem 0.2rem 0;}
    .caseD-a1 ul li .icon img { width: 1.2rem;}
    .caseD-a1 ul li .con { margin-top:0.2rem; color:#363f4e; font-size: 0.22rem;line-height: 1.8;}
    /*模块四样式二*/
    .caseD-a2 { margin-top:20px;}
    .caseD-a2 ul li {height: 3.8rem; padding:0.3rem 0.2rem 0;}
    .caseD-a2 ul li .icon img { width: 1.2rem;}
    .caseD-a2 ul li .con { margin-top:0.2rem; color:#363f4e; font-size: 0.22rem;line-height: 1.8;}

    /*模块四样式三*/
    .caseD-a3 { margin-top:20px;}
    .caseD-a3 ul li .icon img { width: 1.2rem;}
    .caseD-a3 ul li .con { padding: 0.8rem 0.2rem 0; min-height: 2.6rem; margin-top:-0.6rem; color:#363f4e; font-size: 0.22rem;line-height: 1.8;}
}
@media(max-width: 360px){
    /*模块四样式一*/
    .caseD-a1 ul li {height: 4.2rem; padding:0.3rem 0.2rem 0;}
    /*模块四样式二*/
    .caseD-a2 ul li {height: 4.2rem; padding:0.3rem 0.2rem 0;}
    /*模块四样式三*/
    .caseD-a3 ul li .con { min-height: 3rem;}
}


/*嘉扬云服务*/
.caseA-z { margin-top:0.3rem;}
.caseA-z .con { margin: 0 auto; font-size: 16px;color:#3e4757;line-height: 2; text-align: center;width: 800px; }
.caseA-z .mainmore { margin-top:0.7rem; }
.cloudA canvas {height: auto!important;}
.cloudB .caseD-a1 ul li {height: 4rem; padding: 0.5rem 0.3rem 0;border:1px solid #fff;}
.cloudB .caseD-a1 ul li .con .t { font-size: 0.18rem; color:#3e4757; margin-bottom:6px;text-align: center;font-weight: 600;}
.cloudB .caseD-a1 ul li .con { font-size: 0.16rem; color:#677284;text-align: center; }

.cloudC { padding:0.8rem 2% 0.9rem;}
.cloudC-a { margin-top:40px;}
.cloudC-b { border-radius: 5px; }
.cloudC-d { border:2px solid #2eafff;position: relative; float: left;width: 54.86%;box-shadow: 0px 16px 18px 0px rgba(255, 240, 237, 0.4);}
.cloudC-d:after { content:'';width: 1.14rem;height: 1.14rem;position: absolute; right:-0.57rem; top:50%; margin-top:-0.57rem;background: url(../images/cloud.png) no-repeat center/cover;z-index: 10;border-radius: 50%;}
.cloudC-e { border:1px solid #d8dfe7; border-bottom-left-radius: 0; border-top-left-radius: 0; position: absolute; right:0; top:0.16rem; width: 45.14%;}
.cloudC-b .tH { font-size: 0.24rem; color:#fff; background: #2eafff; }
.cloudC-b .t { float: left;}
.cloudC-b .c { float: right;width: 5rem;}
.cloudC-e .c { float: right;width: 3.5rem;}
.cloudC-d .tH { padding:0.2rem 0.4rem 0.2rem 0.56rem; }
.cloudC-b ul li { font-size: 0.16rem; color:#677284; border-bottom:1px solid #e2e2e2; padding:0.2rem 0.4rem 0.2rem 0.56rem; }
.cloudC-b ul li:last-child {border:none;}
.cloudC-e { border-left:none;}
.cloudC-e .tH { padding:0.12rem 0.4rem 0.12rem 0.9rem; }
.cloudC-e ul li { padding:0.2rem 0.4rem 0.2rem 0.9rem; }

.cloudD { background: #f7f9fb;}
.cloudE { position: relative; background: url(../images/cloud2.jpg) no-repeat center/cover; padding: 1.8rem 2%;}
.cloudE-a { text-align: center;}
.cloudE-a .t { font-size: 0.24rem; color:#fff;line-height: 1.5;}
.cloudE-a a.mainmore { margin-top:0.25rem;}






@media(max-width: 1450px){
    .cloudB .caseD-a1 ul li {height: 4rem; padding: 0.3rem 0.2rem 0;}
}
@media(max-width: 1350px){
    .cloudB .caseD-a1 ul li .con .t { font-size: 16px; }
    .cloudB .caseD-a1 ul li {height: 4.6rem; padding: 0.3rem 0.2rem 0;}
}
@media(max-width: 1200px){
    .cloudC-b .tH { font-size: 0.34rem; }
    .cloudC-b .c {width: 7rem;}
    .cloudC-e .c {width: 5rem;}
    .cloudC-b ul li { font-size: 0.28rem; }
}
@media(max-width: 750px){
    .cloudE { padding: 1.2rem 2%;}
    .cloudC { padding: 40px 2% 50px;}
    .cloudC-a { margin-top:20px;}
    .cloudC-d {width: 100%; float: none;}
    .cloudC-e {width: 100%; position: relative; top:0px;margin-top:20px; border-radius: 5px; border-left:1px solid #d8dfe7;}
    .cloudC-b .tH { font-size: 0.3rem; }
    .cloudC-b .c {width: 5rem;}
    .cloudC-e .c {width: 5rem;}
    .cloudC-d .tH { padding:0.2rem 0.2rem 0.2rem 0.2rem; }
    .cloudC-e .tH { padding:0.2rem 0.2rem 0.2rem 0.2rem; }
    .cloudC-b ul li { font-size: 0.24rem; padding:0.2rem 0.2rem 0.2rem 0.2rem; }
    .cloudC-d:after {display: none;}
    .cloudB .caseD-a1 ul li .con .t { font-size: 18px; }
    .cloudB .caseD-a1 ul li {height: 4rem;}
    .caseA-z { margin-top:0.3rem;}
    .caseA-z .con { font-size: 14px; width: 100%; }
    .caseA-z .mainmore { margin-top:0.4rem; }
}
@media(max-width: 540px){
    .cloudB .caseD-a1 ul li .con .t { font-size: 16px; }
    .cloudB .caseD-a1 ul li {height: 4.5rem;}
}
@media(max-width: 450px){
    .cloudB .caseD-a1 ul li {height: 5rem;}
}
@media(max-width: 480px){
    .cloudB .caseD-a1 ul li {width: 100%;height: auto; padding-bottom:0.3rem;}
}

/*嘉扬电子签*/
.signatureA .caseA-z .con {width: 100%;}
.signatureB .caseD-a1 ul li {height: auto; padding: 0.75rem 0.2rem; border:2px solid #fff;}
.signatureB ul li .icon img {width: auto;height: 0.72rem;}
/*.signatureB .caseD-a1 ul li:hover { box-shadow: 0px 0px 14px 0px rgba(255, 84, 44, 0.47); border:2px solid #ff542c;}*/
.signatureC { padding: 0.8rem 2%; overflow: hidden;}
.signatureC-b { margin-top:35px;}
.signatureC-d { margin-top:30px;}
.signatureC-d ul li { transition: all 0.6s; position: relative; border:1px solid #e5e5e5; border-radius: 3px; padding:0.3rem 0.1rem 0; min-height: 2.2rem; float: left;width: 12.2%;margin-right:2.4333333%;}
.signatureC-d ul li:after { content:'';width: 20.2%;height: 20px;background: url(../images/signature3.png) no-repeat center;background-size: 100% auto; position: absolute; right:-20.2%; top:50%;}
.signatureC-d ul li:last-child{ margin-right:0;}
.signatureC-d ul li:last-child:after{ display: none;}
.signatureC-d ul li .t { font-size: 20px; color:#363f4e;}
.signatureC-d ul li .con { font-size: 14px; color:#3e4757;margin-top:0.14rem; line-height: 1.8;}
.signatureC-d ul li .t span { font-size: 0.12rem; color:#999999; text-transform: uppercase; font-family: "Arial";}
.signatureC-b a.mainmore { margin-top:0.45rem;}
/*.signatureC-d ul li:hover {border: 2px solid  rgb(255, 84, 44);box-shadow: 0px 0px 14px 0px rgba(255, 84, 44, 0.47);}*/
.signatureD { padding: 0.7rem 2% 0.7rem;background: #f7f9fb;}
.signatureD-c { margin-top:40px;}
.signatureD-c .slick-slide { padding: 0.2rem 0.1rem; }
.signatureD-c .slick-slide img {border-radius: 36px; box-shadow: 0px 0px 14px 0px rgba(200, 210, 220, 0.97);}
@media(max-width: 1800px){
    .signatureC-d ul li .t { font-size: 18px; }
    .signatureC-d ul li .con { font-size: 14px;line-height: 1.6;}
}
@media(max-width: 1600px){
    .signatureC-d ul li .t span { display: none;}
    .signatureC-d ul li {height: 2.6rem; padding-top:0.2rem;}
}
@media(max-width: 1360px){
    .signatureC-d ul li .t { font-size: 18px; }
    .signatureC-d ul li .con { font-size: 13px;line-height: 1.6;}
}
@media(max-width: 1300px){
    .signatureC-d ul li {height: 3rem; }
}
@media(max-width: 1200px){
    .signatureC-d ul li .t {font-size: 16px;}
}
@media(max-width: 1000px){
    .signatureC-d ul li .t { font-size: 16px; }
    .signatureC-d ul li .con { font-size: 13px;line-height: 1.6;}
    .signatureD { padding: 0.3rem 2% 0.4rem; }
    .signatureD-c { margin-top:24px;}

    .signatureC-d ul li { width: 22%; margin-right:4%;margin-bottom:4%;}
    .signatureC-d ul li:after { width: 19.6%;right:-19.6%;}
    .signatureC-d ul li:nth-child(4n) { margin-right:0;}
    .signatureC-d ul li:nth-child(4n)::after { display: none;}
}
@media(max-width: 750px){
    .signatureC-d ul li {height: 2rem; width: 22%; margin-right:4%;margin-bottom:4%;}
    .signatureC-d ul li:after { width: 19.6%;right:-19.6%;}
    .signatureC-d ul li:nth-child(4n) { margin-right:0;}
    .signatureC-d ul li:nth-child(4n)::after { display: none;}
}
@media(max-width: 600px){
    .signatureC-d ul li .con { font-size: 14px;line-height: 1.6;}
    .signatureC-d ul li {height: auto; min-height: 0; padding: 0.2rem 0.2rem 0.3rem; width: 100%; margin-right:0%;margin-bottom:10px;}
    .signatureC-d ul li:after { display: none;}
}

/*嘉扬特色解决方案*/
.caseC-b { }
.specialA-c { position: relative;}
.specialA-d { padding:0 0.4rem 0 2.6rem; width: 50%; position: absolute; left:0; top:50%; transform: translateY(-50%); }
.specialA-e {width: 50%; float: right;}
.specialA-d .nmtit { border-bottom:1px solid #cccccc; padding-bottom:0.2rem; margin-bottom:0.2rem;}
.specialA-d .con { padding-right:0.8rem;}
.specialA-d .con p { padding-left:14px; position: relative; font-size: 16px; color:#3e4757; margin-bottom:0.2rem;}
.specialA-d .con p:after { content:'';width: 5px;height: 5px;border-radius: 2px;background: #5584c9; position: absolute; left:0; top:0.1rem;}
.specialA-d a.mainmore { margin:0.36rem 0 0;}
.specialB .specialA-d { padding:0 2.2rem 0 0.7rem; left:auto; right:0; }
.specialB .specialA-e {width: 50%; float: left;}
.specialC { padding:1.1rem 0 1.2rem;}
.specialC-a { float: right; margin-right:2.6rem;}

.specialC1 .specialC-a {width: 14rem; float: none; margin: 0 auto; }

.specialC-a .con{ margin-top:0.2rem; line-height: 1.5; font-size: 0.16rem; color:#fff;}
.specialC-a .con p{line-height: 1.5; font-size: 0.16rem; color:#fff; padding: 6px 0 6px 16px; position: relative; }
/*.specialC-a .con p:after { content:'';width: 4px;height: 4px;border-radius: 2px;background: #fff; position: absolute; left:0; top:50%; transform: translateY(-50%);}*/
.specialC-a a.mainmore { margin:0.8rem 0 0;}
@media(max-width: 1500px){
    .specialA-d .con p,.specialC-a .con p { font-size: 14px;}

}
@media(max-width: 1200px){
    .specialA-d { padding:0 0.4rem 0 .6rem; }
    .specialB .specialA-d { padding:0 0.6rem 0 0.7rem; }
    .specialA-d .con p { margin-bottom:0.1rem;}
    .specialC1 .specialC-a {
        width: 100%; padding: 0 2%;}
}
@media(max-width: 1000px){
    .specialA-d { padding:0.4rem; }
    .specialB .specialA-d { padding:0.4rem; }
    .specialC-a { padding: 0 2%;width: 100%; margin-right:0;}
    .specialA-d { width: 100%; position: relative; left:0; top:0; transform: translateY(0); }
    .specialA-e,.specialB .specialA-e {width: 100%;  }
}
@media(max-width: 750px){
    .specialC { padding:30px 0 40px;}
    .specialC-a .con p{font-size: 15px; }
    .specialC-a .con p:after { top:16px; transform: translateY(0);}
}

/*嘉扬-eHR 聚合页*/
.ehrA { padding:0.8rem 2% 0.76rem;background: #f7f9fb;}
.ehrA-b { margin-top:0.4rem;}
.ehrA-b ul { border-top:1px solid #e5e5e5; border-left: 1px solid #e5e5e5;}
.ehrA-b ul li { position: relative; height: 2rem; float: left; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; width: 33.3333%; }
.ehrA-c { position: absolute; left:0.3rem; top:50%; transform: translateY(-50%);width: 4rem; }
.ehrA-c .con .t { font-size: 0.2rem; color:#3e4757; margin: 0.1rem 0; }
.ehrA-c .con .c { font-size: 0.14rem; color:#3e4757; opacity: 0.8;line-height: 1.6; }
.ehrC-a a.mainmore,.hcmB a.mainmore,.ehrA a.mainmore,.hcmA a.mainmore,.soluB a.mainmore { margin-top:0.4rem;}
.ehrB { padding:0.75rem 2% 0.8rem;}
.ehrB-b { margin-top:0.4rem;}
.ehrC { padding:0.9rem 2% 0.86rem;background: #f7f9fb;}
.ehrC-b { margin-top:0.4rem;}
.ehrC-b ul li {transition: all 0.6s; border-radius: 6px;height: 2.1rem; border:2px solid #fff; margin-bottom:1.333%; background: #fff; float: left;width: 24%; margin-right:1.333%; }
.ehrC-b ul li.sign { margin-bottom:1.25%; background: #fff; float: left;width: 19%; margin-right:1.25%; }
.ehrC-b ul li:hover {
    border: 2px solid #33ccff;
    box-shadow: 0px 0px 14px 0px rgba(51, 70, 146, 0.47);
}
.ehrC-b ul li:nth-child(4n) { margin-right:0;}
.ehrC-b ul li.sign:nth-child(4n) { margin-right:1.25%;}
.ehrC-b ul li.sign:nth-child(5n) { margin-right:0;}
.ehrC-c { width: 100%; position: absolute; left:0; top:50%; transform: translateY(-50%); text-align: center; padding: 0 0.26rem; }
.ehrC-c .ico { transition: all .6s;}
.ehrC-b ul li:hover .ehrC-c .ico { transform: scale(0.6);}
.ehrC-c .t {transition: all 0.6s; margin-top:0.2rem; font-size: 0.16rem; color:#363f4e;}
.ehrC-b ul li:hover .ehrC-c .t { margin-top:0.1rem; }
.ehrC-c .c {height: 0;overflow: hidden; transition: all 0.6s; margin-top:0.14rem; font-size: 0.14rem; color:#363f4e;line-height: 1.6; opacity: 0.8;}
.ehrC-b ul li:hover .ehrC-c .c {height: 0.8rem;}
@media(max-width: 1500px){
    .ehrA-b ul li { height: 2.8rem; }
    .ehrA-c { left:0.2rem; width: 4.2rem; }
    .ehrA-c .con .t { font-size: 0.26rem; margin: 0.1rem 0; }
    .ehrA-c .con .c { font-size: 0.2rem; }
    .ehrC-b ul li {height: 2.6rem;}
    .ehrC-c { padding: 0 0.2rem;}
    .ehrC-b ul li:hover .ehrC-c .c {height: 1rem;}
}
@media(max-width: 1300px){
    .ehrC-b ul li {height: 3rem;}
    .ehrC-b ul li:hover .ehrC-c .c {height: 1.3rem;}
}
@media(max-width: 1200px){
    .ehrA-c { left:0.3rem; width: 5.4rem; }
}
@media(max-width: 1000px){
    .ehrA,.ehrB { padding:40px 2% 50px;}
    .ehrA-b ul li {width: 49%;}
    .ehrA-c { left:0.3rem; width: 8.5rem; }
    .ehrA-c .con .t { font-size: 0.26rem; margin: 0.1rem 0; }
    .ehrA-c .con .c { font-size: 0.2rem; }
    .ehrC-b ul li {height: 3.6rem;}
    .ehrC-b ul li:hover .ehrC-c .c {height: 1.5rem;}
}
@media(max-width: 750px){
    .ehrA-b ul li {width: 100%; height: auto; padding: 20px 0.2rem;}
    .ehrA-c {position: relative; left:0; top:0; transform: translateY(0);width: 100%; }
    .ehrA-c .con .t { font-size: 0.2rem; margin: 0.1rem 0; }
    .ehrA-c .con .c { font-size: 0.16rem; }
    .ehrC-b ul li {width: 49%; margin: 0 2% 2% 0;}
    .ehrC-b ul li.sign {width: 49%; margin: 0 2% 2% 0;}
    .ehrC-b ul li:nth-child(5n) { margin-right:2%;}
    .ehrC-b ul li.sign:nth-child(5n) { margin-right:2%;}
    .ehrC-b ul li.sign:nth-child(4n) { margin-right:2%;}
    .ehrC-b ul li:nth-child(2n) { margin-right:0%;}
    .ehrC-b ul li.sign:nth-child(2n) { margin-right:0%;}
    .ehrC-c .t {font-size: .2rem;}
    .ehrC-c .c { font-size: 0.16rem;}
    .ehrC-a a.mainmore,.hcmB a.mainmore,.ehrA a.mainmore,.hcmA a.mainmore,.soluB a.mainmore { margin-top:30px;}
}
@media(max-width: 550px){
    .ehrA-c .con .t { font-size: 16px; }
    .ehrA-c .con .c { font-size: 14px; }
}
@media(max-width: 450px){
    .ehrA-b ul li {width: 100%; height: auto; padding: 20px 0.2rem;}
    .ehrA-c {position: relative; left:0; top:0; transform: translateY(0);width: 100%; }
    .ehrA-c .con .t { font-size: 0.2rem; margin: 0.1rem 0; }
    .ehrA-c .con .c { font-size: 0.16rem; }
    .ehrC-b ul li {width: 49%; margin: 0 2% 2% 0;}
    .ehrC-b ul li.sign {width: 49%; margin: 0 2% 2% 0;}
    .ehrC-b ul li:nth-child(5n) { margin-right:2%;}
    .ehrC-b ul li.sign:nth-child(5n) { margin-right:2%;}
    .ehrC-b ul li.sign:nth-child(4n) { margin-right:2%;}
    .ehrC-b ul li:nth-child(2n) { margin-right:0%;}
    .ehrC-b ul li.sign:nth-child(2n) { margin-right:0%;}
    .ehrC-c .t {font-size: 16px;}
    .ehrC-c .c { font-size: 0.16rem;}
}

/*嘉扬-HCM 聚合页*/
.hcmA { padding:1rem 2% 0.6rem;background: #f7f9fb;}
.hcmA-b { margin-top:0.4rem;}
.hcmA-b ul li { position: relative; float: left;width: 22%; border-radius: 5px; margin-right:4%; border:1px solid #dde3f7; padding:0.4rem 0.3rem 0.3rem;background: #fff; text-align: center; }
.hcmA-b ul li:last-child { margin-right:0; float: right;}
.hcmA-b ul li .t { margin: 0.16rem 0 0.1rem; font-size: 0.2rem; color:#3e4757;}
.hcmA-b ul li .c { font-size: 0.16rem; color:#5b6574;line-height: 1.8; height:0.9rem;}
.hcmA-b ul li:after { content:'';width: 18.82%;height: 100%; position: absolute; right:-18.82%; top:0;background: url(../images/hcm4.png) no-repeat center;}
.hcmA-b ul li:last-child::after { display: none;}
.hcmB { padding:0.9rem 2% 0.86rem;}
.hcmB-b { margin-top:0.4rem;}
.hcmB-b ul li { float: left; border-radius: 5px; transition: all 0.6s; padding: 0.5rem 0.2rem 0.45rem; background: #fff; width: 24%; margin-bottom:0.5%; text-align: center; margin-right:0.5%; border:1px solid #e2e2e2; }

.hcmB-b ul li:hover {
    border: 1px solid #33ccff;
    box-shadow: 0px 0px 14px 0px rgba(51, 70, 146, 0.47);
}

.hcmB-b ul li .t { margin-top:12px; font-size: 0.18rem;color:#4c535f;}
.hcmC { padding:1.2rem 2% 1.8rem;background: url(../images/hcmc5.jpg) no-repeat center/cover;}
.hcmC-b { text-align: center; font-size: 0.16rem; color:#ffffff;line-height: 2;max-width: 830px;margin: 0.4rem auto 0;}
.hcmD .caseD-a1 ul li {height: 3.4rem;}
@media(max-width: 1500px){
    .hcmB-b ul li { padding: 0.3rem 0 0.3rem;}
    .hcmA-b ul li .t { font-size: 18px;}
    .hcmB-b ul li .t { font-size: 16px;}
}
@media(max-width: 1300px){
    .hcmA-c .icon img {height: 50px; }
    .hcmB-c .ico img {height: 50px; }
}
@media(max-width: 1000px){
    .hcmD .caseD-a1 ul li {height: 4rem;}
    /*.cloudB .caseD-a1 ul li .con .t { font-size: 0.3rem;}*/
    .cloudB .caseD-a1 ul li .con { font-size: 0.28rem;}
    .hcmA-c .icon img {height: 50px; }
    .hcmA-b ul li {width: 100%; margin-right:0; margin-bottom:20px; padding: 30px 0.2rem;}
    .hcmA-b ul li .c { font-size: 14px;height: auto;}
    .hcmA-b ul li:after { display: none;}
    .hcmB-b ul li {width: 32%; margin:0 2% 2% 0;}
    .hcmB-b ul li:nth-child(3n) { margin-right:0;}
}
@media(max-width: 750px){
    .hcmC { padding: 40px 2% 50px;}

    .hcmD .caseD-a1 ul li {height: 3.6rem;}
    .cloudB .caseD-a1 ul li .con .t { font-size: 0.26rem;}
    .cloudB .caseD-a1 ul li .con { font-size: 0.2rem;}

}
@media(max-width: 500px){
    .hcmB-c .ico img {height: 40px; }
    .hcmB-b ul li .t { font-size: 14px;}
}
@media(max-width: 480px){
    .hcmD .caseD-a1 ul li {height: auto;}
    .cloudB .caseD-a1 ul li .con .t { font-size: 16px;}
    .cloudB .caseD-a1 ul li .con { font-size: 14px;}
}

/*解决方案详情页*/
.soluB { padding:1.4rem 2% 0.7rem;background: #f7f9fb;}
.soluB-c {min-height: 4.2rem; }
.soluB-c { float: left;width: 6.2rem;}
.soluB-d { margin-top:0.1rem;}
.soluB-d ul li { position: relative; border-bottom:1px solid #dee0e2; padding:0.25rem 0; }

.soluB-d ul li.cur:after {content:'';width: 0;background: #2eafff;position: absolute;left: 0;bottom: -1px;height: 2px;}

.soluB-d ul li.cur:after { -webkit-animation:fa 5s linear 1; }
.soluB-d ul li.cur:after:hover { -webkit-animation:fa1 5s linear 1;
    width: 0 important; }
@-webkit-keyframes fa{
    0%{width: 0;}
    10%{width: 10%;}
    20%{width: 20%;}
    30%{width: 30%;}
    40%{width: 40%;}
    50%{width: 50%;}
    60%{width: 60%;}
    70%{width: 70%;}
    80%{width: 80%;}
    90%{width: 90%;}
    100%{width: 100%;}
}

.soluB-d ul li .t { position: relative; padding-left:36px; font-size: 0.16rem; color:#3e4757; }
.soluB-d ul li .t .ico { position: absolute; left:0; top:50%; transform: translateY(-50%); }
.soluB-d ul li .t .ico img {width: 26px;height: auto;}
.soluB-d ul li .t .ico .pic2 { display: none; }
.soluB-d ul li.cur .t .ico .pic1,.soluB-d ul li.on .t .ico .pic1 { display: none; }
.soluB-d ul li.cur .t .ico .pic2,.soluB-d ul li.on .t .ico .pic2 { display: block; }
.soluB-d ul li .con {font-size: 0.14rem; display: none; line-height: 1.8; min-height:1rem; padding-top:8px; padding-left:30px;}
.soluB-d ul li.cur .con { display: block;}
.soluB-e { position: absolute; right:0; top:50%; transform: translateY(-50%); width: 7rem;}
.soluB-e ul li img {width: 100%;height: auto;}
.soluB-e ul li { display: none; box-shadow: 0 10px 24px 20px rgba(189,201,214,0.4);}
.soluB-e ul li.cur { display: block;}
.soluC .ehrC-b ul li a { display: block; }
.soluC .ehrC-b ul li a .ico { display: inline-block;vertical-align: top;}
.soluC .ehrC-b ul li a .con {line-height: 30px;vertical-align: top; display: inline-block;vertical-align: top; padding-left:10px;}
.soluC .ehrC-b ul li .ehrC-c .t { margin-top:0;}
.soluC .ehrC-b ul li a .ico img {height: 30px;}
.soluC .ehrC-b ul li { padding: 0.2rem 0;height: auto;}
.soluC .ehrC-b ul li .ehrC-c { position: relative; top:0; transform: translateY(0); }
.soluC .ehrC-b ul li:hover .ehrC-c .ico { transform: scale(1);}
.soluC .ehrC-b ul li.cur {border: 2px solid #2eafff;box-shadow: 0px 0px 14px 0px rgba(255, 84, 44, 0.47);}

.soluB-b2 .soluB-c { float: right;}
.soluB-b2 .soluB-e { left:0; right:auto;}
@media(max-width: 1200px){
    .ehrC-c .t { font-size: 14px;}
    .soluB-c {width: 9rem;}
    .soluB-e {width: 8rem;}
    .soluB-d ul li .t .ico img {width: 20px;height: auto;}
}
@media(max-width: 750px){
    .soluB-d ul li .t { font-size: 15px;}
    .soluB { padding: 30px 2% 40px;}
    .soluB-c { position: relative; z-index: 100; width: 100%; float: none;min-height: auto; padding: 0.3rem 0.2rem;}
    .soluB-e {width: 100%; margin-top:20px;position: relative; top:0; transform: translateY(0);}

    .soluB-e ul li { box-shadow: 0 5px 10px 5px rgba(189,201,214,0.4);}
}
/*右侧固定导航*/
.fixRight { position: fixed; right:0; top:50%; transform: translateY(-50%); z-index: 1000;}
.fixRight ul { position: relative;width: 100px;}
.fixRight ul li { float: right; width: auto; transition: all 0.6s; background: #2eafff; padding:10px;text-align: center; border-top-left-radius: 4px; border-bottom-left-radius: 4px; margin: 2px 0; }
.fixRight-b { transition: all 0.6s;}
.fixRight-b .t {width: 60px;text-align: center; font-size: 14px; margin-top:6px; color:#fff}
.fixRight ul li:hover{ background: #6eccff; }
.fixRight ul li:hover .fixRight-b {padding-right:10px; }
.fixRight-e {height: 76px; position: relative;width: 100px;}
.fixRight-f { float: right; width: auto; transition: all 1s; background: #2eafff; padding:10px;text-align: center; border-top-left-radius: 4px; border-bottom-left-radius: 4px; margin: 2px 0; }
.fixRight-f:hover{ background: #6eccff; }
.fixRight-b a {float: left; }
.fixRight-g {float: left; font-size: 19px;line-height: 1.4; border-left:1px solid rgba(255,255,255,0.2); margin-left:10px; padding-left:20px; color:#fff; text-align: left; }
.fixRight-f { width: 260px; position: absolute; right:-180px; }
.fixRight-f:hover { right:0px; }
@media(max-width: 1000px){
    .fixRight { display: none;}
}



/**/
.state{margin-top: 100px;padding-bottom:50px;}
.state .w1220{margin-right: auto;margin-left: auto;max-width: 68.314%;width: 100%;}
.state .state-tit{}
.state .tag-box{margin: 0 auto;padding: 45px 80px 45px;box-shadow: 0 0 80px #EAEAEA;box-sizing: border-box;margin-top: 35px;}
.state .tag-box .state-content{font-size: 14px;color: #A9A9A9;line-height: 28px;margin-bottom: 40px;}
.state .state-tit{text-align: center;}
.state .state-tit a{display: inline-block;font-size: 16px;color: #333333;padding: 10px 25px;}
.state .state-tit a.cur,.state .state-tit a:hover{color: #ffffff;background-color: #053e85;}

.sitem ul li{
    float: left;
    width: 100%;
    padding: 20px 0;
    line-height: 24px;
    border-bottom: 1px solid #eee;
}
.sitem ul li > a{
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
}
.sitem ul li .text{
    margin-top: 10px;
}
.sitem ul li .text a{
    display: block;
    float: left;
    margin-right: 25px;
}
.t_sy{
    margin-top: 25px;
}
.t_sy li img{
    line-height: 0;
    width: 100%;
}
.t_sy li{
    width: 31%;
    float: left;
    margin-right: 2.333%;
}
.t_sy li:nth-child(3n){
    margin-right: 0;
}
.t_sy li p{
    font-size: 18px;
    color: #555555;
    text-align: center;
    margin-top: 10px;
}


/* 2020-7-15 */
.hcmA-b ul li:hover,.signatureB .caseD-a1 ul li:hover,
.cloudB .caseD-a1 ul li:hover,
.hcmD .caseD-a1 ul li:hover,
.serviceC-a ul li:hover,
.taxC .serviceC-a ul li:hover,
.signatureC-d ul li:hover,
.joinA-b ul li:hover{
    box-shadow: 0 1px 5px 0 rgba(102, 102, 102, .4);
    margin-top:-8px;
}

.serviceD-a ul li:hover,.solB-b ul li,{
    box-shadow: 0 1px 5px 0 rgba(102, 102, 102, .4);
    margin-top:0px;
}


@media(max-width: 1000px){
    .hcmA-b ul li:hover,.signatureB .caseD-a1 ul li:hover,
    .cloudB .caseD-a1 ul li:hover,
    .hcmD .caseD-a1 ul li:hover,
    .serviceC-a ul li:hover,
    .serviceD-a ul li:hover,
    .solB-b ul li:hover,
    .taxC .serviceC-a ul li:hover,
    .signatureC-d ul li:hover,
    .joinA-b ul li:hover{
        box-shadow: 0 1px 5px 0 rgba(102, 102, 102, .4);
        margin-top:0px;
    }
}

.hcmA-b ul li,
.cloudB .caseD-a1 ul li,
.hcmD .caseD-a1 ul li,
.serviceC-a ul li,
.serviceD-a ul li,
.solB-b ul li,
.taxC .serviceC-a ul li,
.signatureC-d ul li,
.joinA-b ul li{
   transition: all 0.6s;
}

.ehrC-b ul li:hover{
border: 2px solid #33ccff;
box-shadow: 0px 0px 14px 0px rgba(51, 70, 146, 0.47);
}
.taxA-b .con p span.jt{
    display: inline-block;
    padding-left: 20px;
    background: url(../images/gjt.png) no-repeat left center/cover;
    background-size: 12px 14px;
}

.solA-b .swiper-slide:hover .solA-c {
    box-shadow: 0px 0px 10px 0px rgba(51, 70, 146, 0.8);
}

.mian_box .mian .news_list ul.inews_c li .text h3:hover{
    color: #2eafff;
}

.aboutC-b ul li img{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.aboutC-b ul li .tit{
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
}
.aboutC-b ul li:hover .tit{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
.aboutC-b ul li:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.joinBox4 .tablesBox table tr:hover td{
    color: #2eafff;
}

.serviceD-a ul li.sign10{
    border: none;
}
.serviceD-a ul li.sign10:hover{
    box-shadow: none;
}

.jiejue ul li a{
    padding-left: 13%;
}

.caseC-d .slick-prev,.caseC-d .slick-next { border:none; }
.caseC-d .slick-dots li { border-radius: 50%;
    overflow: hidden;}

.sjBanner { display: none; }
@media(max-width: 1000px){
    .sjBanner { display: block; }
    .pcBanner { display: none; }
}

@media (max-width:1366px ) {
	.homeBox1 ul li .con .c {font-size: 0.20rem;}
	.homeBox2-b ul li a, .homeBox2-d ul li a, .homeBox2-f dl dd a{font-size: 0.22rem;}
	.homeBox2-b .tit {font-size: 0.25rem;}
	.homeBox2-f dl dt {font-size: 0.18rem;}
	.homeBox2-g ul li a .con .t {font-size: 0.20rem;}
	.homeBox2-g ul li a .con .c {font-size: 0.20rem;}
	.homeBox2-h a {font-size: 16px;}
	.homeBox3-b .tit .t2 {font-size: 0.22rem;}
	.homeBox4-c .tit .c {font-size: 0.20rem;}
	.homeBox5-a ul li .con .c {font-size: 0.20rem;}
	.homeBox6-a .newList ul li a {font-size: 16px;}
	.homeBox6-a .hotNew a.pic span,.homeBox6-a .hotNew a.pic h3 {font-size: 16px;}
	.endB {margin-left: -440px;}
	.footer {padding: 0.58rem 0 1.9rem;}
	.endB-a dl dd a {font-size: 14px;}
	.endC .com .tit {font-size: 16px;padding-top: 18px;}
	.endC-a .conTit li {font-size: 14px;}
	.endA-a .t {font-size: 14px;}
	.endA-b .t {font-size: 14px;}
	.ehrA-c .con .c {font-size: 0.22rem;}
	a.mainmore {font-size: 16px;}
	.reservationA-b .t {font-size: 0.22rem;}
	.reservationA-d .cont .tx {font-size: 0.25rem;}
	.reservationA-d .cont .cx {font-size: 0.18rem;}
	.reservationA-e ul li span {font-size: 16px;}
	.ibanner .location, .ibanner .location a {font-size: 15px;}
	.serviceA-b .c {font-size: 16px;}
	.serviceA-b .t {font-size: 18px;}
	.serviceB-a ul li .c {font-size: 16px;}
	.serviceB-a ul li .t {font-size: 20px;}
	.serviceC-a ul li .t {font-size: 20px;}
	.serviceC-a ul li .c {font-size: 16px;}
	.serviceD-a ul li .tit {font-size: .23rem;}
	.solNav ul li a {font-size: 15px;}
	.news_nav ul li {font-size: 0.25rem;}
	.news_nav ul li.cur a, .news_nav ul li:hover a {font-size: 0.25rem;}
	.mian_box .mian .mian_right .rmtj ul li .con .c {font-size: 0.20rem;}
	.mian_box .mian .mian_right .rmtj ul li .con .t {font-size: 0.21rem;}
	.mian_box .mian .news_list ul.inews_c li .text .bottom span {font-size: 14px;}
	.mian_box .mian .news_list ul.inews_c li .text h3 {font-size: 0.25rem;}
	.solNav ul li a {font-size: 16px;}
	.aboutA-c .con {font-size: 0.19rem;color: #363f4e;margin-top: 0.1rem;line-height: 1.5;}
	.aboutB-b ul li .tit {font-size: 16px;}
	.nmtit .c {font-size: 16px;}
	.aboutD-e ul li .c {font-size: 0.22rem;}
	.soluB-d ul li .con {font-size: 0.18rem;}
	.soluB-d ul li .t {font-size: 0.22rem;}
	.ehrC-c .t {font-size: 0.3rem;}
	.specialA-d .con p, .specialC-a .con p {font-size: 16px;}
	.banner .sss .cont .c { font-size: 0.3rem;}
	.specialC-a .con {font-size: 0.22rem;}
	.hcmA-b ul li .c {font-size: 0.18rem;}
	.hcmC-b {font-size: 0.22rem;}
	.cloudB .caseD-a1 ul li .con {font-size: 0.20rem;}
	.cloudB .caseD-a1 ul li .con .t {font-size: 0.25rem;}

}

.download .pic2 { display: none; }
@media(max-width: 1000px){

    .download .pic1 { display: none; }
    .download .pic2 { display: block; }
}