/* CSS Document */
@charset "utf-8";

.banner li{ overflow:hidden;}
.banner_text{ top:16%; padding-top:120px; z-index:3; transform:translateX(-10%); opacity:0; transition:all ease 0.6s; transition-delay:0.8s;}
.swiper-slide-active .banner_text{ transform:translateX(0%); opacity:1;}
.banner_text h3{ text-shadow:0 0 6px rgba(0,0,0,0.5);}
.banner_text p{ width:600px; color:#fff; text-shadow:0 0 6px rgba(0,0,0,0.5);}
.chinese_call_five_button{ background:#0068b7;}

/*banner1*/
.wave{ width:100%; height:16vw; background/:linear-gradient(to right, #143586, #1648bd); overflow:hidden; position:absolute; left:0; bottom:0; z-index:1;}
.wave .waves{ width:100%; min-width:1920px; height:550px; position:absolute; left:0; bottom:-100px;}
.wave .waves canvas{ width:100% !important;}
.earth{ width:40vw; height:40vw; position:absolute; right:10%; top:52%; transform:translate(0,-50%); z-index:3;}
.earth img{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.earth img.pic01{ z-index:2;}
.earth img.pic02{ z-index:3; animation:rotates2 2s linear infinite;}
.earth img.pic03{ z-index:1; animation:rotates1 16s linear infinite; opacity/:0.4;}

@keyframes rotates1{
	  0%{ transform:rotate(0deg);}
	100%{ transform:rotate(360deg);}
}
@keyframes rotates2{
	  0%{ transform:rotate(0deg);}
	100%{ transform:rotate(-360deg);}
}

/*banner0*/
.shade{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.shade img{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.shade img.pic01{ z-index:10;}
.shade img.pic02{ z-index:8;}
.shade img.pic03{ z-index:6;}
.shade img.pic04{ z-index:4;}
.shade img.mark01{ z-index:9; animation:step1 4s linear infinite;}
.shade img.mark02{ z-index:7; animation:step2 4s linear infinite;}
.shade img.mark03{ z-index:5; animation:step1 4s linear infinite;}
.shade img.mark04{ z-index:3; animation:step1 4s linear infinite;}
.shade img.mark05{ z-index:1; animation:step2 4s linear infinite;}
@keyframes step1{
	  0%{ transform:translateX(0%);}
	 50%{ transform:translateX(3%);}
	100%{ transform:translateX(0%);}
}

@keyframes step2{
	  0%{ transform:translateY(-0%);}
	 50%{ transform:translateY(-5%);}
	100%{ transform:translateY(-0%);}
}

.banner li i.dot{ display:block; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; left:0; bottom:0; transform:translate(-50%,-50%); z-index:5;}
.banner li i.dot1{ left:25%; top:80%;}
.banner li i.dot2{ left:46%; top:89%;}
.banner li i.dot3{ left:63%; top:84%;}
.banner li i.dot b{ display:block; color:#fff; line-height:1; font-size:13px; font-weight:normal; white-space:nowrap; position:absolute; left:50%; top:100%; transform:translate(-50%,50%);}
.banner li i.dot font{ display:block; width:100%; height:100%; background:#fff; border-radius:50%; position:relative; z-index:3;}
.banner li i.dot::before,
.banner li i.dot::after{ content:''; display:block; width:100%; height:100%; background:rgba(255,255,255,0.4); border-radius:50%; position:absolute; top:0; left:0; z-index:1; animation:playBtn1 2s linear infinite; opacity:0; transform:scale(1.75);}
.banner li i.dot::after{ animation-delay:1s;}
@keyframes playBtn1{
	0%{ opacity:0; transform:scale(1.75);}
	50%{ opacity:1; transform:scale(1.75);}
	75%{ opacity:1;}
	100%{ opacity:0; transform:scale(3);}
}

/*banner2*/
.round{ width:29%; position:absolute; left:81.6%; top:47.4%; transform:translate(-50%,-50%); z-index:1;}
.round::after{ content:''; display:block; padding:0 0 100%;}
.round img{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.round img.pic01{ z-index:3; animation:round1 2s linear infinite;}
.round img.pic02{ z-index:2; transform:scale(1.5); animation:round2 2s linear infinite; transition-delay:2s;}
.round img.pic03{ z-index:1; transform:scale(2.58); animation:round3 2s linear infinite; transition-delay:4s;}

@keyframes round1{
	  0%{ transform:scale(0.5); opacity:0;}
	 50%{ transform:scale(1); opacity:1;}
	100%{ transform:scale(1.5); opacity:0;}
}

@keyframes round2{
	  0%{ transform:scale(1); opacity:0;}
	 50%{ transform:scale(1.5); opacity:1;}
	100%{ transform:scale(2.25); opacity:0;}
}

@keyframes round3{
	  0%{ transform:scale(2); opacity:0;}
	 50%{ transform:scale(2.58); opacity:1;}
	100%{ transform:scale(3.87); opacity:0;}
}

.shade2{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
.shade2 img{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.shade2 img.mark01{ z-index:9; animation:step21 4s linear infinite;}
.shade2 img.mark02{ z-index:7; animation:step22 4s linear infinite;}
.shade2 img.mark03{ z-index:5; animation:step21 4s linear infinite;}
.shade2 img.mark04{ z-index:3; animation:step21 4s linear infinite;}
.shade2 img.mark05{ z-index:1; animation:step22 4s linear infinite;}

@keyframes step21{
	  0%{ transform:translateX(0%);}
	 50%{ transform:translateX(2%);}
	100%{ transform:translateX(0%);}
}

@keyframes step22{
	  0%{ transform:translateY(-0%);}
	 50%{ transform:translateY(-3%);}
	100%{ transform:translateY(-0%);}
}

.ibox .con{ padding:0 6.25%;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ line-height:1.6666666; color:#333; font-size:36px; text-align:center; padding:60px 0 60px;}
.ibox p.sub{ color:#666; font-size:16px; text-align:center; line-height:2; margin:-2.5em 0 3em;}
.ibox a.more{ display:block; width:7.35em; line-height:3; color:#fff; font-size:18px; font-weight:bold; text-align:center; background:#0068b7; border-radius:1.5em; margin:0 auto;}

.box1{ padding:0 0 60px;}
.box1 ul{ display:block; font-size:16px; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.08); margin:0 0 60px;}
.box1 ul::before,
.box1 ul::after{ content:''; display:block; overflow:hidden; clear:both;}
.box1 ul li{ display:block; width:16.6666666666666%; float:left;}
.box1 ul li a{ display:block; padding:5em 0; border-left:1px solid #f0f0f0; position:relative; cursor:pointer;}
.box1 ul li:nth-child(1) a{ border-left:0;}
.box1 ul li a i.ico{ display:block; width:76px; height:76px; background:#e5f4ff; color:#477dfd; border-radius:50%; position:relative; margin:0 auto; text-align:center; line-height:76px; font-size:32px;}
/*
.box1 ul li:nth-child(3n-2) a i.ico{ background:#e5f4ff; color:#477dfd;}
.box1 ul li:nth-child(3n-1) a i.ico{ background:#d9fbf9; color:#00e6d6;}
.box1 ul li:nth-child(3n) a i.ico{ background:#ebe5ff; color:#9579f0;}
*/
.box1 ul li a i.ico img{ display:block; width:100%; height:100%; position:absolute; left:0%; bottom:0; transform:translateX(-0%);}

.box1 ul li a i.ico{ -webkit-perspective:900px; -moz-perspective:900px; -o-perspective:900px; -ms-perspective:900px; perspective:900px; transition:transform ease-out 0.1s, background 0.2s;}
.box1 ul li a i.ico::after{ content:''; width:100%; height:100%; position:absolute; border-radius:50%; top:0; left:0; padding:0; z-index:-1; box-shadow:0 0 0 2px rgba(255,255,255,0.1); opacity:0; transform:scale(0.9);}
.box1 ul li a i.ico font{ display:block; width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d;}
.box1 ul li a i.ico img{ transition:all 0.4s linear; transform-origin:50% 0%;}

.box1 ul li a i.ico img.back{ transform:translate3d(0,0,-100px) rotate3d(1,0,0,90deg); opacity:0;}
.box1 ul li a:hover i.ico img.front{ transform:translate3d(0,140px,0) rotate3d(1,0,0,-90deg); opacity:0;}
.box1 ul li a:hover i.ico img.back{ transform:rotate3d(1,0,0,0deg); opacity:1;}

.box1 ul li a:hover i.ico{ transform:scale(0.9);}
.box1 ul li a:hover i.ico::after{ animation:sonarEffect 1.3s ease-out 75ms;}

@keyframes sonarEffect{
	0%{ opacity:0.3;}
	40%{ opacity:0.5; box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px rgba(0,104,183,0.6), 0 0 0 10px rgba(255,255,255,0.5);}
	100%{ box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px rgba(0,104,183,0.6), 0 0 0 10px rgba(255,255,255,0.5); transform:scale(1.5); opacity:0;}
}

.box1 ul li a em{ display:block; height:72px; line-height:28px; font-size:18px; text-align:center; padding:24px 20px 0;}
.box1 ul li a b{ display:block; line-height:40px; font-size:36px; font-weight:normal; text-align:center; position:relative;}
.box1 ul li a b::before{ content:''; width:76px; height:5px; position:absolute; left:50%; top:50%; transform:translate(-50%,-00%); z-index:1;}
.box1 ul li:nth-child(3n-2) a b::before{ background-image:linear-gradient(115deg, #eff8fe 10%, #dbeffd 90%);}
.box1 ul li:nth-child(3n-1) a b::before{ background-image:linear-gradient(115deg, #edfefc 10%, #e6fbf9 90%);}
.box1 ul li:nth-child(3n) a b::before{ background-image:linear-gradient(115deg, #f8f6ff 10%, #f4f1ff 90%);}
.box1 ul li a b font{ display:inline-block; vertical-align:top; position:relative; z-index:2; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.box1 ul li:nth-child(3n-2) a b font{ background-image:linear-gradient(to right, #65b6f7, #2d98ee);}
.box1 ul li:nth-child(3n-1) a b font{ background-image:linear-gradient(to right, #4ef5e7, #0fd7c4);}
.box1 ul li:nth-child(3n) a b font{ background-image:linear-gradient(to right, #b49fff, #987dfd);}
.box1 ul li .info{ box-sizing:border-box; width:128%; height:118%; background:#fff; padding-bottom:10px; border:1px solid #eaeaea; position:absolute; left:50%; top:50%; z-index:2; transform:translate(-50%,-40%); box-shadow:0 8px 15px rgba(0,0,0,0.08); opacity:0; visibility:hidden; transition:all 0.5s ease-in-out;}
.box1 ul li .info .tit{ padding:42px 0; background-size:100% 100% !important;}
.box1 ul li:nth-child(3n-2) .info .tit{ background-image:linear-gradient(180deg, #65b6f7 10%, #2d98ee 90%), url(../images/title_bg.png);}
.box1 ul li:nth-child(3n-1) .info .tit{ background-image:linear-gradient(180deg, #4ef5e7 10%, #0fd7c4 90%), url(../images/title_bg.png);}
.box1 ul li:nth-child(3n) .info .tit{ background-image:linear-gradient(180deg, #b49fff 10%, #987dfd 90%), url(../images/title_bg.png);}
.box1 ul li .info .tit i{ display:block; width:76px; height:76px; background:rgba(255,255,255,0.94); overflow:hidden; border-radius:50%; position:relative; margin:0 auto; color:#477dfd; text-align:center; line-height:76px; font-size:36px;}
.box1 ul li:nth-child(3n-2) .info .tit i{ color:#477dfd;}
.box1 ul li:nth-child(3n-1) .info .tit i{ color:#00e6d6;}
.box1 ul li:nth-child(3n) .info .tit i{ color:#9579f0;}
.box1 ul li .info .tit i img{ display:block; width:100%; height:100%; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.box1 ul li .info h4{ display:block; line-height:32px; color:#0068b7; font-size:20px; padding:35px 15px 8px; text-align:center;}
.box1 ul li:nth-child(3n-2) .info h4{ color:#477dfd;}
.box1 ul li:nth-child(3n-1) .info h4{ color:#00e6d6;}
.box1 ul li:nth-child(3n) .info h4{ color:#9579f0;}
.box1 ul li .info p{ display:block; line-height:1.75; color:#666; font-size:15px; text-align:center; padding:10px 8% 0;}
.box1 ul li:hover .info{ opacity:1; visibility:visible; transform:translate(-50%,-50%);}

.box1 ul{ display:flex; overflow:visible; background:none; box-shadow:none;}
.box1 ul li{ box-sizing:border-box; border-left:1px solid #f0f0f0; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.08); display:flex; transition:all ease 0.4s;}
.box1 ul li:nth-child(1){ border:0;}
.box1 ul li a{ padding:3em 0 2em; border:0; transition:all ease 0.4s; background:#fff; display:flex; flex-direction:column;}
.box1 ul li:hover{ transform:translateY(-1em); border-color:#fff;}
.box1 ul li i.ico{ transition:all ease 0.4s;}
.box1 ul li:hover i.ico{ transform:rotateY(180deg);}
.box1 ul li a em{ height:auto;}
.box1 ul li a b{ display:none;}
.box1 ul li .info{ position:static; opacity:1; visibility:visible; transform:none; width:auto; height:auto; border:0; box-shadow:none; background:none;}
.box1 ul li:hover .info{ opacity:1; visibility:visible; transform:none;}
.box1 ul li .info .tit{ display:none;}
.box1 ul li .info h4{ display:none;}

.box2{ background:#f9f9f9; position:relative; overflow:hidden;}
#particles{ width:100%; height:934px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;}
.box2 .con{ padding:0; position:relative; z-index:3;}
.box2 h2.title{ background/:linear-gradient(#f6f6f6, #fff);}
.box2 .ly_main{ position:relative; border-top:1px solid #E3E7EC; display:flex; flex-wrap:wrap;}
.box2 .ly_main .ly_mn{ position:relative;  width:50%; border-bottom:1px solid #E3E7EC; box-sizing:border-box; display:flex; overflow:hidden;}
.box2 .ly_main .ly_mn img.ly_img{ opacity:0; display:block; width:100%; height:100%; object-fit:cover; object-position:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all .3s ease;}
.box2 .ly_main .ly_mn:hover .ly_img/{ opacity:0.7;}
.box2 .ly_main .ly_mn .ly_box{ position:relative; width:87.5%; height:237px; box-sizing:border-box; z-index:3; font-size:14px;}
.box2 .ly_main .ly_mn:nth-child(2n-1){ justify-content:flex-end; border-right:1px solid #E3E7EC;}
.box2 .ly_main .ly_mn:nth-child(2n-1) .ly_box{ padding-right:60px;}
.box2 .ly_main .ly_mn:nth-child(2n){ justify-content:start;}
.box2 .ly_main .ly_mn:nth-child(2n) .ly_box{ padding-left:60px;}
.box2 .ly_main .ly_mn .ly_tit{ padding:2.4em 0 1.1em; line-height:1.4; font-weight:bold; color:#181818; font-size:20px;}
.box2 .ly_main .ly_mn .ly_tit img{ display:block; height:1.4em; float:left; margin-right:0.6em;}
.box2 .ly_main .ly_mn .ly_sum{ line-height:1.75; font-size:15px; color:#60646B;}
.box2 .ly_main .ly_mn .ly_more{ position:absolute; left:0; bottom:32px; line-height:20px; color:#0169b7; opacity:.85;}
.box2 .ly_main .ly_mn .ly_more:hover{ opacity:1;}
.box2 .ly_main .ly_mn:nth-child(2n) .ly_more{ left:60px;}

.painting{ width:868px; height:500px; position:relative; flex-shrink:0; position:absolute; z-index:1; overflow:hidden;}
.painting1{ left:0; top:0; transform:rotate(180deg) scale(0.75) translate(20%,20%);}
.painting2{ right:0; bottom:0; transform:scale(1.125); transform-origin:right bottom;}
.painting *{ position:absolute;}
.painting > *{ opacity:0; -webkit-transition:opacity 0.1s linear; -moz-transition:opacity 0.1s linear; transition:opacity 0.1s linear;}
.painting .location{ top:0px; left:0px;}
.painting .st0{ fill:#0068b7;}
.painting .st1{ fill:none; stroke:#0068b7; stroke-width:0.5; stroke-miterlimit:10;}
.painting .bg{ width:1169px; height:550px; left:0px; top:0px; z-index:1; opacity:0.2;}
.st0{ fill:#0068b7;}
.st1{ fill:none; stroke:#0068b7; stroke-width:0.5; stroke-miterlimit:10;}

.box3{ position:relative; padding:0 0 60px; overflow:hidden; background/:linear-gradient(#fff, #e5f1ff);}
.box3 .items{ position:relative; font-size:16px; margin:0 0 60px;}
.box3 .items .sw{ display:flex;}
.box3 .item{ position:relative; width:calc((100% - 20vw) / 5); transition:width .3s ease;}
.box3 .item .show{ height:100%; border-radius:10px; background-color:#fff; border:1px solid #dceaff; padding:52px 30px 40px; transition:all .3s ease;}
.box3 .item .show i{ display:block; margin:0 auto; width:52px; height:52px; border-radius:10px; background:rgba(245,246,250,1) center no-repeat; background-size:contain; background-color:#f2f3f8 !important; line-height:52px; color:#0169b7; text-align:center; font-size:26px;}
.box3 .item .show .tit{ font-size:17px; text-align:center; color:#000; margin-top:18px;}
.box3 .item .show p{ font-size:14px; color:#8e929a; line-height:1.8; margin-top:12px; height:7.2em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
}
.box3 .item .hide{ position:absolute; top:0; left:0; width:20vw; height:100%; background:url(../images/img-8.jpg) center no-repeat; background-size:cover; border-radius:10px; border:1px solid #0068b7; overflow:hidden; opacity:0; visibility:hidden; pointer-events/:none; transition:all .3s ease;}
.box3 .item .hide .tit{ font-size:18px; color:#fff; padding:18px 30px; background:url(../images/img-9.jpg) center no-repeat; background-size:cover;}
.box3 .item .hide .box{ padding:30px;}
.box3 .item .hide p{ font-size:14px; color:#8e929a; line-height:1.5; height:7.5em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
}
.box3 .item .hide .btns{ margin-top:24px; display:flex;}
.box3 .item .hide .btns a{ width:130px; padding:0 20px; line-height:40px; background-color:#0068b7; font-size:14px; color:#fff; position:relative; transition:all .3s ease;}
.box3 .item .hide .btns a::after{ content:''; width:7px; height:12px; @include backcontain; background-image:url('../images/icon-1.png'); position:absolute; right:20px; top:50%; margin-top:-6px;}
.box3 .item .hide .btns a:hover{ transform/:translateY(-3px); box-shadow/:0 .625rem 1.875rem rgba(16,140,238,.3);}
/*
.box3 .item.active{ width:20vw;}
.box3 .item.active .show{ opacity:0; visibility:hidden; pointer-events:none;}
.box3 .item.active .hide{ opacity:1; visibility:visible; pointer-events:auto;}
*/

.box3 .items .sw{ flex-wrap:wrap;}
.box3 .item{ width:16.66%; display:flex;}
.box3 .item .show{ padding:42px 6% 100px; height:auto; flex:1; position:relative; z-index:1;}
.box3 .item .show i{ transition:all ease 0.4s;}
.box3 .item .show .tit{ transition:all ease 0.4s; margin-top:20px;}
.box3 .item .show p{ transition:all ease 0.4s;}
.box3 .item .show p{ -webkit-line-clamp:99; height:auto;}
.box3 .item .hide{ position:static; opacity:1; visibility:visible; width:auto; border:0; padding:0; width:100%; height:auto; background:none; position:absolute; left:0; bottom:34px; top:auto; z-index:5; overflow:visible;}
.box3 .item .hide .tit{ display:none;}
.box3 .item .hide .box{ padding:0;}
.box3 .item .hide p{ display:none;}
.box3 .item .hide .btns{ width:100%; margin:0;}
.box3 .item .hide .btns a{ margin:0 auto; width:72px;}
.box3 .item:hover .show i{ transform:rotateY(180deg) translateY(-16px);}
.box3 .item:hover .show .tit,
.box3 .item:hover .show p,
.box3 .item:hover .hide .btns a{ transform:translateY(-10px);}

.box4{ background:url(../images/img-2.jpg) center no-repeat; background-size:100% 100%; background:#e5f1ff; position:relative;}
.box4 .con{ position:relative; z-index:3;}
.box4 canvas.line{ display:block; width:1940px; height:192px; position:absolute; left:50%; bottom:0; transform:translateX(-50%) scale(1,1.75); transform-origin:center bottom; z-index:2;}
.box4 .items{ display:flex; position:relative; font-size:16px; margin:0 -10px 80px;}
.box4 .item{ display:block; width:calc(25% - 20px); margin:0 10px; box-sizing:border-box; border-radius:10px; overflow:hidden;}
.box4 .item{ background-image:linear-gradient(150deg, #2979df, #5998e7, #5998e7); transition:all ease 0.4s;}
.box4 .item:hover{ transform:translateY(-10%); box-shadow:0 0 10px rgba(0,104,183,0.2);}
.box4 .item .top-box{ padding:22px 18px; padding:30px 18px;}
.box4 .item .top-box .tit{ font-size:18px; color:#fff; line-height:30px; margin:2px 0 0; position:relative; text-align:center;}
.box4 .item .top-box .tit em{ display:none; float:right; font-size:13px; background:#0068b7; border-radius:6px; color:#fff; padding:0 10px; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.box4 .item .bot-box{ padding:22px 18px; background-image:linear-gradient(180deg, #dae9ff, #ffffff, #ffffff); border:1px solid #fff; border-radius:10px; padding:30px 18px;}
.box4 .item .bot-box p{ font-size:15px; color:#666; line-height:1.875; height:5.625em; line-height:2.25; height:6.75em;}

.box4 .item{ display:flex; flex-direction:column;}
.box4 .item .top-box{ padding:30px 6%;}
.box4 .item .bot-box{ flex:1; padding:30px 6%;}
.box4 .item .bot-box p{ height:auto;}

.box5{ padding:0 0 60px;}
.in-ywlist{ display:block; overflow:hidden; margin:0 0 60px; border-left:1px solid #efefef; border-top:1px solid #efefef;}
.in-ywlist li{ display:block; width:25%; height:auto; float:left; border-right:1px solid #efefef; border-bottom:1px solid #efefef; box-sizing:border-box;}
.in-ywlist li:nth-child(1){}
.in-ywlist li:nth-child(3){}
.in-ywlink{ display:block; position:relative; overflow:hidden;}
.in-ywlnmk{ display:block; width:100%; height:100%; padding:10% 30px 8%; position:relative; left:0; top:0; z-index:6;}
.in-ywlsd1{ line-height:1.25; font-size:24px; color:#333; font-family:'MONTSERRAT-REGULAR'; transition:all ease 0.4s;}
.in-ywlsd2{ line-height:1.5; height:3em; font-size:14px; color:#999; text-transform:uppercase; font-family:'MONTSERRAT-LIGHT'; margin:6px 0 2px; margin-right:34%;}
.in-ywltit{ margin-bottom:0.7em; line-height:1.6; font-size:20px; color:#333; text-transform:uppercase; font-weight:normal; transition:all ease 0.4s;}
.in-ywltext{ display:block; height:72px; line-height:24px; font-size:14px; color:#939393;}
.in-ywxdbg{ display:block; position:absolute; right:0; top:4%; width:80%; height:90%; object-fit:contain; opacity/:0.6;}
.in-ywlink:hover .in-ywxdbg{ animation:in-ywxdbg 5s linear infinite alternate both;}
@keyframes in-ywxdbg{
	0%{ transform:translate(0, 0) skewX(0);}
	25%{ transform:translate(0, 60px) skewX(0);}
	50%{ transform:translate(60px, 60px) skewX(0);}
	50%{ transform:translate(60px, 0) skewX(0);}
	100%{ transform:translate(0, 0) skewX(0);}
}
.in-ywlsdk{ display:block; margin-bottom:24px;}
.in-ywlink:hover .in-ywltit{ color:#0068b7;}
.in-ywlink:hover .in-ywltext{ color:#000;}
.in-ywlink:hover .in-ywlsd1{ color:#0068b7;}
.in-ywlink:hover .in-ywlsd2{ color:#232323;}
.in-ywlink:hover .in-ywltit{ transform:translateY(-10px);}

.in-ywltext{ height:48px;}

.box51{ background:#0169b7; position:relative;}
.box51 .con{ position:relative; z-index:3;}
.box51 h2.title{ color:#fff;}
.box51 p.sub{ color:#fff; opacity:0.8;}
.box51 canvas{ display:block; width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:2;}
.box51 ul{ display:flex; flex-wrap:wrap; font-size:16px; margin:-0.5em; padding:0 0 90px;}
.box51 ul::before,
.box51 ul::after{ content:''; display:block; width:100%; height:0; overflow:hidden; clear:both;}
.box51 ul li{ display:flex; width:16.666666666%; float:left;}
.box51 ul li a{ display:block; background:#faf8f8; padding:1.5em 1.75em 2em; margin:0.5em; position:relative; overflow:hidden; transition:all ease 0.4s; border-radius:6px;}
.box51 ul li em{ display:block; line-height:0.8; color:#0068b7; font-size:10em; font-weight:bold; position:absolute; right:0; bottom:0; transform:translate(10%,8%); z-index:1; opacity:0.05; transition:all ease 0.4s;}
.box51 ul li b{ display:block; line-height:2; color:#0068b7; font-size:1.25em; padding:0 0 0.5em;}
.box51 ul li .txt{ display:block; height/:5.25em; line-height:1.75; color:#666; font-size:0.875em; position:relative; z-index:3;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:993;
}
.box51 ul li a:hover{}
.box51 ul li a:hover em{ transform:translate(0%,0%);}

.box6{ background:linear-gradient(#f6f7fa, #e5f1ff); background:url(../images/img-2.jpg) center no-repeat; background-size:100% 100%; padding:0 0 100px;}
.box6 .items{ display:flex; flex-wrap:wrap; position:relative; font-size:16px; margin:0 -12px 60px;}
.box6 .item{ display:block; width:calc(50% - 24px); margin:0 12px 24px; box-sizing:border-box; border-radius:10px; overflow:hidden;}
.box6 .item .top-box{ padding:16px 20px; background:url(../images/title06.jpg) center no-repeat; background-size:100% 100%; margin-bottom:-10px;}
.box6 .item .top-box .tit{ font-size:20px; font-weight:bold; color:#fff; line-height:42px; margin:0 0 10px;}
.box6 .item .bot-box{ padding:8px 20px 20px; background-image:linear-gradient(180deg, #dae9ff, #ffffff, #ffffff); border:1px solid #fff; border-radius/:10px; position:relative; z-index:2;}
.box6 .item .bot-box h4{ font-size:16px; color:#0068b7; line-height:2.25; padding:0.5em 0 0;}
.box6 .item .bot-box p{ font-size:15px; color:#444; line-height:1.75; height:3.5em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box6 .item .bot-box dl{ display:block; background:#f7f9fc; padding:10px 18px 16px; border-radius/:10px; overflow:hidden; margin:14px 0 0;}
.box6 .item .bot-box dl dt{ font-size:16px; color:#0068b7; line-height:2.5; font-weight:bold;}
.box6 .item .bot-box dl dd{ font-size:15px; color:#444; line-height:2; background:url(../images/mark.png) left center no-repeat; padding-left:1.7em; box-sizing:border-box; width:50%; float:left;}

.box6 .item .bot-box{ background:#fff;}
.box6 .item .bot-box dl{ background:#f4f6fb;}

.chinese_call_five_h3{ font-size:36px; line-height:1.6666666; margin:60px 0;}

.box4 .items{ margin-bottom:100px;}

.box6 .caseInfo{ width:60%; font-size:16px; overflow:hidden; border-radius:10px; float:left; margin:0 -16% 0 0; position:!important; z-index:3;}
.box6 .caseInfo .swiper-slide{}
.box6 .caseInfo .swiper-slide .top-box{ padding:16px 5%; background:url(../images/title06.jpg) center no-repeat; background-size:100% 100%; margin-bottom:-10px;}
.box6 .caseInfo .swiper-slide .top-box .tit{ font-size:20px; font-weight:bold; color:#fff; line-height:42px; margin:0 0 10px;}
.box6 .caseInfo .swiper-slide .bot-box{ padding:2% 5% 90px; background-image:linear-gradient(180deg, #dae9ff, #ffffff, #ffffff); border:1px solid #fff; border-radius/:10px; position:relative; z-index:2;}
.box6 .caseInfo .swiper-slide .bot-box h4{ font-size:16px; color:#0068b7; line-height:2.25; padding:0.5em 0 0;}
.box6 .caseInfo .swiper-slide .bot-box p{ font-size:15px; color:#444; line-height:1.75; height:3.5em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box6 .caseInfo .swiper-slide .bot-box dl{ display:block; background:#f7f9fc; padding:10px 18px 16px; border-radius/:10px; overflow:hidden; margin:14px 0 0;}
.box6 .caseInfo .swiper-slide .bot-box dl dt{ font-size:16px; color:#0068b7; line-height:2.5; font-weight:bold;}
.box6 .caseInfo .swiper-slide .bot-box dl dd{ font-size:15px; color:#444; line-height:2; background:url(../images/mark.png) left center no-repeat; padding-left:1.7em; box-sizing:border-box; width:50%; float:left;}
.box6 .caseInfo .swiper-slide .bot-box{ background:#fff;}
.box6 .caseInfo .swiper-slide .bot-box dl{ background:#f4f6fb;}
.box6 .caseInfo .swiper-pagination{ overflow:hidden; width:auto; padding:15px 0; bottom:48px; left:auto; right:5%; transform:translateY(50%); margin:0 68px;}
.box6 .caseInfo .swiper-pagination-bullet{ width:10px; height:10px; background:#c7d9ff; opacity:1; margin:0 7px; display:block; float:left;}
.box6 .caseInfo .swiper-pagination-bullet-active{ background:#4782fe; opacity:1;}
.box6 .caseInfo .swiper-button-prev,
.box6 .caseInfo .swiper-button-next{ width:40px; height:40px; right:5%; bottom:48px; top:auto; margin:0; transform:translateY(50%);}
.box6 .caseInfo .swiper-button-prev{ background:url(../images/prev6.png) no-repeat; left:auto; margin-right:192px;}
.box6 .caseInfo .swiper-button-next{ background:url(../images/next6.png) no-repeat;}

.box6 .casePic{ overflow:hidden; position:relative; z-index:1; margin:5% 0 0;}



.banner_text a{ margin-top:50px;}

@media (max-width: 1560px){
.box4 .item .bot-box p{ font-size:16px;}

.box3 .items .sw{ margin:0 -10px;}
.box3 .item{ width:33.33%;}
.box3 .item .show{ margin:0 10px 20px;}
.box3 .item .hide{ bottom:54px;}

.box1 ul{ flex-wrap:wrap;}
.box1 ul li{ width:33.33%; border-top:1px solid #f0f0f0;}
.box1 ul li:nth-child(1){ border-left:1px solid #f0f0f0;}
.box1 ul li:nth-child(3n-2){ border-left:0;}
.box1 ul li:nth-child(1),
.box1 ul li:nth-child(2),
.box1 ul li:nth-child(3){ border-top:0;}
}

@media (min-width: 768px) and (max-width: 1440px){

.banner .swiper-pagination{ bottom:10% !important;}
.box51 dl.news dd{ width:calc(25% - 15px);}
.box51 dl.news dd:nth-child(n+5){ display:none;}

.box3 .item .show{ padding:32px 20px 30px;}
.box3 .item .show .tit{ height:44px;}
.box3 .item .show p{ margin-top:8px;}
.box3 .item .hide .btns{ margin-top:4px;}
.in-ywxdbg{ height:70%; top:6%; right:-4%;}
.in-ywxdbg{ height:80%; top:10%; right:-12%;}
.box1 ul li a{ padding:3em 0;}
.box1 ul li .info .tit{ padding:36px 0;}
.box1 ul li .info h4{ padding-top:28px; font-size:19px;}
.box1 ul li .info p{ font-size:14px; padding:10px 20px 0;}
.box4 .item .top-box{ padding:24px 18px;}
.box4 .item .bot-box{ padding:20px 18px;}
.box4 .item .bot-box p{ height:7.5em; height:9em; font-size:14px;}
.in-ywlsd2{ margin-right:30%; margin-bottom:0;}
.in-ywlnmk{ padding:8% 20px 6%; padding:6% 20px 4%;}
.in-ywlsdk{ margin-bottom:16px;}
.box51 ul li{ width:33.33%;}
.in-ywlist li{ width:50%;}

.earth{ right:6%; top:57%;}

.banner_text a{ margin-top:45px;}

.box3 .items .sw{ margin:0 -10px;}
.box3 .item{ width:33.33%;}
.box3 .item .show{ margin:0 10px 20px;}
.box3 .item .show .tit{ height:auto;}
.box3 .item .show{ padding:40px 24px 100px;}
.box3 .item .hide{ bottom:54px;}

}

@media (max-width: 768px){

.banner_text{ padding-top:30px; padding-top:0; top:calc(20vw + 8px);}
.banner_text p{ width:54vw;}
.banner_text a{ margin-top:24px;}
.banner .swiper-pagination{ bottom/:7% !important;}

.earth{ right:12px; transform:translate(0,-50%) scale(2.25);}

.shade2{ left:auto; right:-20%; width:220%;}
.shade2 img.mark01{ left:20%;}

.ibox .con{ padding:0 15px;}
.ibox h2.title{ font-size:22px; padding:30px 0;}
.ibox p.sub{ font-size:13px; margin:-1.5em 0 1.25em;}
.ibox a.more{ font-size:13px;}

.box1{ padding-bottom:30px;}
.box1 ul{ margin-bottom:30px;}
.box1 ul li{ width:100%; border:0; border-top:1px solid #f0f0f0;}
.box1 ul li:nth-child(1){ border-top:0;}
.box1 ul li:nth-child(2),
.box1 ul li:nth-child(3){ border-top:1px solid #f0f0f0;}
.box1 ul li a{ padding:2em 0 1.25em;}
.box1 ul li a i.ico{ width:60px; height:60px;}
.box1 ul li a em{ font-size:16px; padding:16px 20px 0;}
.box1 ul li .info p{ font-size:13px;}

.box2{ padding:0 0 20px;}
.box2 .ly_main{ border:0;}
.box2 .ly_main .ly_mn{ width:auto; box-sizing:border-box; margin:0 15px 15px; border:1px solid #E3E7EC;}
.box2 .ly_main .ly_mn:nth-child(2n-1) .ly_box{ padding:22px 20px 18px;}
.box2 .ly_main .ly_mn:nth-child(2n) .ly_box{ padding:22px 20px 18px;}
.box2 .ly_main .ly_mn:nth-child(2n) .ly_more{ left:0;}
.box2 .ly_main .ly_mn .ly_box{ width:auto; height:auto;}
.box2 .ly_main .ly_mn .ly_tit{ padding-top:0; font-size:16px;}
.box2 .ly_main .ly_mn .ly_more{ position:static; margin:1em 0 0; display:block;}
.box2 .ly_main .ly_mn .ly_sum{ font-size:13px;}

.box3{ padding:0 0 30px;}
.box3 .items{ margin-bottom:20px;}
.box3 .item{ width:100%;}
.box3 .item .show{ margin-bottom:15px;}
.box3 .item .show p{ font-size:13px;}
.box3 .item .show .tit{ font-size:16px; margin:1em 0 0;}
.box3 .item .hide .btns a{ width:68px; line-height:36px; font-size:13px;}

.box4 .items{ flex-wrap:wrap; margin-bottom:30px;}
.box4 .item{ width:100%; margin-bottom:15px;}
.box4 .item .top-box{ padding:14px 18px;}
.box4 .item .top-box .tit{ font-size:16px;}
.box4 .item .bot-box{ padding:12px 18px;}
.box4 .item .bot-box p{ font-size:13px; line-height:2;}

.box5{ padding:0 0 40px;}
.in-ywlist{ margin-bottom:40px;}
.in-ywlist li{ width:100%;}
.in-ywlnmk{ padding:5% 20px 6%;}
.in-ywlsdk{ margin-bottom:12px;}
.in-ywlsd1{ font-size:20px;}
.in-ywlsd2{ font-size:13px;}
.in-ywltit{ font-size:16px;}
.in-ywltext{ font-size:13px; height:auto; line-height:1.75;}

.box51 ul{ font-size:14px; padding-bottom:48px;}
.box51 ul li{ width:100%;}
.box51 ul li .txt{ font-size:13px;}

.box6{ padding:0 0 40px;}
.box6 .caseInfo{ width:auto; float:none; margin:0;}
.box6 .caseInfo .swiper-slide .top-box .tit{ font-size:16px; line-height:1.5;}
.box6 .caseInfo .swiper-slide .bot-box h4{ font-size:15px;}
.box6 .caseInfo .swiper-slide .bot-box p{ font-size:13px;}
.box6 .caseInfo .swiper-slide .bot-box dl dt{ font-size:15px;}
.box6 .caseInfo .swiper-slide .bot-box dl dd{ width:100%; font-size:13px; background-size:auto 1em;}
.box6 .caseInfo .swiper-pagination{ right:50%; transform:translate(50%,50%); margin:0;}
.box6 .caseInfo .swiper-button-prev{ left:20%; right:auto; margin-right:0;}
.box6 .caseInfo .swiper-button-next{ right:20%;}
.box6 .casePic{ margin:15px -15px 0;}
.box6 .casePic::after{ content:''; display:block; width:100%; height:80px; background:linear-gradient(rgba(227,240,254,0), rgba(227,240,254,1)); position:absolute; left:0; bottom:0; z-index:9;}
.box6 .casePic li.swiper-slide img{ display:block; width:100%;}


}




/**/