blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
abbr,acronym,fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
q:after,q:before{content:''}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.col-c,.col-l,.col_c,.col_l,.l{float:left}
.col-r,.col_r,.r{float:right}
.c{clear:both}
.n,em{font-weight:400;font-style:normal}
.dn{display:none}
body{color:#333;font-size:14px;line-height:1.5;font-family:NotoSansSCMedium,NotoSansSC,'微软雅黑'}
body,html{scroll-behavior:smooth}
a{color:#333;text-decoration:none}
a:hover{color:red}
img,video{max-width:100%}
input,select,textarea{font-size:14px;color:#444;font-weight:100;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus{background:#fff;border:1px solid #bbb;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input.false:focus{border:2px solid #ff1531;background:#fff}
.ani,a,img{transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
*{-wekit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0}
.clearfix::after,.clearfix::before{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
.unselect{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}
#source1,#source2,#source3,#source4,#source5{display:none}
@font-face{font-family:"NotoSansSC";src:url('../font/SourceHanSansCN-Medium.ttf');font-display: swap;}
@font-face{font-family:"NotoSansSCMedium";src:url('../font/SourceHanSansCN-Medium.ttf');font-display: swap;}
@font-face{font-family:"Montserrat-SemiBold";src:url('../font/Montserrat-SemiBold-9.otf');font-display: swap;}
@font-face{font-family:"Montserrat-Medium";src:url('../font/Montserrat-Medium-7.otf');font-display: swap;}
@font-face{font-family:"Montserrat";src:url('../font/Montserrat-Medium-7.otf');font-display: swap;}
.word-ellipsis {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 560px; /* 根据需要设置最大宽度 */
        }
.kong50{display:none}
.wp{width:96%;max-width:1200px;margin:0 auto}
.wp1{padding:0 2%}
.header{padding:12px 2%;position:absolute;left:0;top:0;width:100%;overflow:hidden;z-index:99;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.logo img.hover{display: none;}
.header:hover{background-color: #fff;}
.header:hover .nav li a{color: #333;}
.header:hover .logo img.hover{display: block;}
.header:hover .logo img{display: none;}
.hd-inner{position:fixed;left:0;top:0;width:100%;overflow:hidden;z-index:999;padding:6px 2% 6px;background-color:#fff}
.logo{float:left}
.logo img{display:block;height:46px}
.hdr{float:right}
.nav{float:left}
.nav li{float:left;margin-right:68px;font-weight:400}
.nav li a{display:block;font-size:20px;color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(65%,transparent),color-stop(0,#61b9c8));background-image:linear-gradient(180deg,transparent 65%,#dae3ff 0);background-size:0 100%;background-repeat:no-repeat;margin:7px 0 0 0}
.nav li a:hover,.nav li.on a{background-size:100% 100%}
.main-bg{background-color:#fff;position:relative;z-index:999;overflow:hidden}
.banner{overflow:hidden;position:relative;height:100vh;touch-action:auto!important;min-height:100vh}
.banner-box{height:100vh}
.banner-box .banner{position:fixed;width:100%;min-height:100vh;height:100vh}
.banner .item{background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.banner .item img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.banner .item video{display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.banner .txt{position:absolute;left:3%;top:80%;margin-top:-110px;width:100%;color:#fff}
.banner .txt h2{font-weight:700;font-size:78px;line-height:92px;margin-bottom:16px;letter-spacing:1px}
.banner .txt h2 em{color:#fff;font-weight:700}
.banner .txt h2 .line{display:inline-block}
.banner .txt p{font-size:38px;line-height:52px;font-weight:100}
.banner .slick-active{z-index:1}
.banner .slick-slide{outline:0;position:relative;background-position:center center;background-repeat:no-repeat;-o-background-size:cover;-ms-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover}
.banner .item,.banner .slick-list,.banner .slick-track{height:100%}
.banner .slick-next,.banner .slick-prev{position:absolute;top:50%;margin-top:-23px;overflow:hidden;width:45px;height:45px;font-size:0;line-height:0;z-index:999;background-repeat:no-repeat;background-position:center center;-o-background-size:auto 45px;-ms-background-size:auto 45px;-moz-background-size:auto 45px;-webkit-background-size:auto 45px;background-size:auto 45px;text-indent:-9999px}
@keyframes blink{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes blink{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
.typing-cursor,.typing-cursor-black,.typing-cursor-white,.word-line{opacity:1;font-weight:300;-webkit-animation:blink .9s infinite;animation:blink .9s infinite;font-size:80px;display:inline;color:#F40E33}
.typing-cursor,.typing-cursor-black{color:#000}
.typing-cursor-white{color:#fff}
.ourbg{float:left;width:100%;background-image:url(../images/ourbg.jpg);background-size:cover;height:460px;padding:5%;margin:0 0 50px 0}
.banner .slick-prev{left:50%;margin-left:-600px;background-image:url(../images/prev1.png)}
.banner .slick-next{right:50%;margin-right:-600px;background-image:url(../images/next1.png)}
.banner .slick-dots{position:absolute;left:0;bottom:20px;width:100%;text-align:center;z-index:99}
.banner .slick-dots li{display:inline-block;margin:0 3px;width:auto;height:auto}
.banner .slick-dots li button{display:block;width:8px;height:8px;font-size:0;line-height:0;text-indent:999px;background-color:#fff;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;padding:0;opacity:.5}
.banner .slick-dots li.slick-active button{width:22px;opacity:1}
.m-pages{text-align:center;margin:20px 0}
.m-pages li{display:inline-block;margin:0 5px 10px;vertical-align:middle}
.m-pages li a,.m-pages li span{display:block;width:40px;line-height:36px;border:1px solid #ccc;font-size:16px;color:#666;border-radius:2px;border-radius: 40px;}
.m-pages li a:hover,.m-pages li span:hover,.m-pages li.on a{color:#fff;background-color:#F40E33;border-color:#F40E33}
.m-pages .active a{color:#fff;background-color:#F40E33;border-color:#F40E33}
.m-pages li a[rel~=prev]{font-size:0;background:url(../images/ar-prev1.png) no-repeat center}
.m-pages li a[rel~=next]{font-size:0;background:url(../images/ar-next1.png) no-repeat center}
.m-pages li a[rel~=prev]:hover{font-size:0;background:#F40E33 url(../images/ar-prev2.png) no-repeat center}
.m-pages li a[rel~=next]:hover{font-size:0;background:#F40E33 url(../images/ar-next2.png) no-repeat center}
.footer{background-color:#101010;position:relative;color:#616161;z-index:99}
.fd-top{padding:88px 0 0 0;overflow:hidden}
.fd-top .contact{float:left;width:40%}
.fd-top .addr{margin: 10px 0 36px 0;color:#b2b2b2}
.fd-top .addr-c3{display: none}
.fd-top .addr strong{font-size:22px;padding-left:33px;color:#F40E33;line-height:38px;display:block;margin-bottom:5px;background:url(../images/i-tel.png) center left no-repeat;-webkit-background-size:24px;-moz-background-size:24px;-o-background-size:24px;background-size:24px}
.fd-top .addr p{font-size:14px;line-height:15px}
.fd-top .ewm{overflow:hidden}
.fd-top .ewm .img{float:left;padding:7px;border:1px solid #303030;margin-right:36px}
.fd-top .ewm .img22{display:none}
.fd-top .ewm .img img{width:100px}
.fd-top .ewm .img p{font-size:12px;line-height:26px;text-align:center;margin-top:0}
.contactdl span{float: left;font-size: 20px; color: c2c2c2;margin: 2px 0 27px 0}
.contactdl span a{color:#c2c2c2}
.contactdl span a:hover{color:#F40E33}
.contactdl span img{width:28px;margin: 0 0 0 10px}
.contactdl dl{float: left;width: 100%;margin: 0 0 20px 0;line-height: 36px;color:#c2c2c2}
.contactdl dt{font-size: 16px; color: #c2c2c2; line-height: 36px; letter-spacing: 2px;text-align: left}
.contactdl dd{font-size: 24px; color: #c2c2c2; line-height: 28px;width: 255px; border-bottom: 1px solid #616161;padding: 0 0 6px 0;text-align: left; font-family:MontserratAlternates-Light}
.contactdl dd i{display: inline-block;vertical-align: middle;font-size: 12px;line-height: 12px;border: 1px solid #666;border-radius: 2px;padding:5px 3px;font-style: normal;cursor: pointer;}
.fd-top .ewm .share{overflow:hidden;margin-bottom:25px}
.fd-top .ewm .share a{float:left;width:40px;height:40px;background-repeat:no-repeat;background-position:center;-webkit-background-size:40px;-moz-background-size:40px;-o-background-size:40px;background-size:40px;margin-right:36px}
.fd-top .ewm .txt .qq{background-image:url(../images/fd-qq1.png)}
.fd-top .ewm .txt .weibo{background-image:url(../images/fd-wb1.png)}
.fd-top .ewm .txt .qq:hover{background-image:url(../images/fd-qq2.png)}
.fd-top .ewm .txt .weibo:hover{background-image:url(../images/fd-wb2.png)}
.fd-top .ewm dl{display:block;margin-bottom:23px}
.fd-top .ewm dt{font-size:14px;line-height:18px;color:#b2b2b2}
.fd-top .ewm dd a{display:block;font-size:13px;color:#666;line-height:23px}
.fd-top .ewm dd a:hover{color:#F40E33;text-decoration:underline}
.fd-link1{float:right;width:30%}
.fd-link1 .link{margin-bottom:33px}
.fd-link1 h3,.fd-link2 .link h3{font-weight:400;line-height:34px;margin-bottom:5px;color:#b2b2b2}
.fd-link1 a{display:block;font-size:12px;color:#666;line-height:24px;letter-spacing: 1px}
.fd-link1 a:hover,.fd-link2 .link a:hover{color:#F40E33;text-decoration:underline}
.fd-link2{float:right;width:30%}
.fd-link2 .link{margin:0 0 30px 0}
.fd-link2 .link a{display:inline-block;font-size:12px;color:#666;line-height:24px;margin:0 10px 0 0;width: 100%;letter-spacing: 1px}
.goTop{position:fixed;right:17px;bottom:70px;width:50px;height:50px;border:2px solid #F40E33;background-repeat:no-repeat;background-position:center;background-image:url(../images/totop.png);z-index:9999;opacity:0;-webkit-background-size:10px;-moz-background-size:10px;-o-background-size:10px;background-size:25px;border-radius:5px}
.goTop:hover{background-image:url(../images/totop2.png);background-color:#F40E33}
.jfriend{float:left; width: 100%;font-size: 38px; font-weight:700;letter-spacing: 3px;color: #b2b2b2;margin: -30px 0 10px 0}
.copy{font-size:12px;line-height:23px;padding:20px 0 50px 0;border-top:1px solid #303030;font-weight:400}
.copy a:hover{text-decoration:underline;color:#F40E33}
.pop-hd{padding:25px 3% 0;height:100px}
.pop-hd .logo2{float:left}
.pop-hd .logo2 img{display:block;width:300px}
.pop-hd .right{float:right}
.pop-hd .right .sm{float:left;width:39px;height:33px;background:url(../images/sm.png) center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;cursor:pointer}
.pop-hd .right .sm .ewm{position:absolute;left:50%;top:150%;width:200px;padding:10px;background-color:#eee;margin-left:-100px;font-size:16px;color:#333;text-align:center;display:none}
.pop-hd .right .sm .ewm img{display:block;margin:0 auto 10px;width:180px}
.pop-hd .right .sm:hover .ewm{display:block}
.pop-hd .right .sm .ewm:after{position:absolute;left:50%;top:-20px;border:10px solid #eee;border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;content:"";margin-left:-10px}
.pop-hd .right .close{width:33px;height:33px;background:url(../images/close1.png) center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;float:left;margin-left:42px;transform:rotate(-135deg);-ms-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-o-transform:rotate(-135deg);transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.pop-out.open .right .close{transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);transition-delay:1s}
.pop-con{overflow:hidden;margin-top:80px;display:-webkit-flex;display:flex;justify-content:space-between}
.pop-con .contact h3{font-size:38px;color:#333;line-height:56px;margin-bottom:28px;font-weight: 400; letter-spacing: 3px}
.pop-con .contact h3 span{}
.pop-con .contact .img{padding:20px 20px 0;border:1px solid #ccc;width:300px;margin-bottom:22px}
.pop-con .contact .img img{display:block;width:100%}
.pop-con .contact .img p{font-size:16px;color:#666;line-height:34px;text-align:center;margin:15px 0}
.pop-con .contact .tel{font-size:29px;color:#F40E33;padding-left:33px;background:url(../images/i-tel.png) center left no-repeat;-webkit-background-size:18px;-moz-background-size:31px;-o-background-size:31px;background-size:22px;letter-spacing:1px;margin-bottom:10px;font-family: MontserratAlternates-Light;}
.pop-con .contact .share{overflow:hidden;margin-bottom:20px}
.pop-con .contact .share a{float:left;width:40px;height:40px;background-repeat:no-repeat;background-position:0 0;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.pop-con .contact .share .qq{margin-right:20px;background-image:url(../images/qq2.png)}
.pop-con .contact .share .qq:hover{background-image:url(../images/fd-qq2.png)}
.pop-con .contact .share .wb{background-image:url(../images/wb2.png)}
.pop-con .contact .share .wb:hover{background-image:url(../images/fd-wb2.png)}
.pop-copy{font-size:12px;color:#999;line-height:18p}
.pop-con .form h3{color:#333;font-size:30px;line-height:49px;margin-bottom:28px;letter-spacing:3px; font-weight: 400}
.pop-con .form h3 span{}
.pop-con .form .item{border:1px solid #ccc;padding:0 17px;overflow:hidden;margin-bottom:22px;background-color:#fff}
.pop-con .form .item .inp{border:none;height:48px;line-height:48px;font-size:18px;color:#333;width:100%}
.pop-con .form .item .area{border:none;height:108px;line-height:48px;font-size:20px;color:#333;width:100%;resize:none}
.pop-con .form .sub{display:block;width:194px;height:56px;line-height:56px;text-align:center;font-size:24px;color:#fff;font-weight:700;background-color:#F40E33;border:1px solid #F40E33;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.pop-nav li{margin-bottom:26px}
.pop-nav li a{display:block;font-size:46px;color:#333;font-weight:700;line-height:56px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(75%,transparent),color-stop(0,#dae3ff));background-image:linear-gradient(180deg,transparent 75%,#dae3ff 0);background-size:0 100%;background-repeat:no-repeat}
.pop-nav .on a,.pop-nav li a:hover{background-size:100% 100%;color:#F40E33}
.pop-out{position:fixed;left:-100%;top:0;bottom:0;z-index:999999;background:#fff;width:100%;transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;-o-transition:.8s;transition-timing-function:cubic-bezier(.82,.21,.22,.83);-moz-transition-timing-function:cubic-bezier(.82,.21,.22,.83);-webkit-transition-timing-function:cubic-bezier(.82,.21,.22,.83);-o-transition-timing-function:cubic-bezier(.82,.21,.22,.83);height:100vh;overflow:auto;transition-delay:.6s;transform:translateZ(100px);-webkit-overflow-scrolling:touch}
.pop-out.open{left:0;transition-delay:0s}
.pop-out .pop-con .contact,.pop-out .pop-con .form,.pop-out .pop-con .pop-nav{opacity:0;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform:translate3d(0,10%,0);-moz-transform:translate3d(0,10%,0);-ms-transform:translate3d(0,10%,0);-o-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}
.pop-out.open .pop-con .contact,.pop-out.open .pop-con .form,.pop-out.open .pop-con .pop-nav{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.pop-out .pop-con .contact{transition-delay:.6s}
.pop-out .pop-con .form{transition-delay:.3s;width:540px}
.pop-out .pop-con .pop-nav{transition-delay:0s}
.pop-out.open .pop-con .contact{transition-delay:.8s}
.pop-out.open .pop-con .form{transition-delay:1.1s}
.pop-out.open .pop-con .pop-nav{transition-delay:1.4s}
.int3{padding-top:76px}
.pop-fd{display:none}
.m-index2{position:relative;background-color:#f7f7f7;overflow:hidden}
.snav{position:absolute;left:2%;top:0;z-index:99}
.ul-snav{margin-bottom:30px}
.ul-snav li{margin-bottom:18px}
.ppcasef{font-size:31px;font-weight:100}
.ul-snav li a{display:block;font-size:33px;color:#333;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(0,#dae3ff));background-image:linear-gradient(180deg,transparent 70%,#dae3ff 0);background-size:0 100%;background-repeat:no-repeat;font-weight:700}
.ul-snav li a:hover,.ul-snav li.on a{color:#F40E33;background-size:100% 100%}
.snav .coop{width:66px;height:60px;text-align:center;line-height:20px;font-size:18px;color:#fff;padding-top:10px;background-color:#F40E33;display:block;font-weight:700}
.wp2{padding:0 2% 70px 10%}
.contact3wp{padding:0 3% 0 17%}
.ul-index1 .img{display:block;position:relative;overflow:hidden;margin-left:6px}
.ul-index1 .img img{display:block;width:100%}
.ul-index1 .img:hover img{transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)}
.ul-index1 .img .txt{position:absolute;left:0;top:0;width:100%;padding-left:26px;margin-top:18px;z-index:3;right: 0;bottom: 0;}
.ul-index1 .img .txt h3{font-size:18px;color:#fff;line-height:28px}
.ul-index1 .img .txt p{
	font-size: 12px;
    font-weight: 100;
    width: auto;
    border: 1px solid #fff;
    padding: 5px 10px 5px 10px;
    margin: 10px 0 0 0;
    position: relative;
    float: left;color:#fff;
    border-radius: 60px;
}
.ul-index1 .img:hover:before{opacity:1;display: none;}
.ul-index1 .img:hover:after{opacity: 1;}
.ul-index1 .img:before{content:"";transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;width:138px;height:32px;position:absolute;left:50%;top:50%;z-index:2;background:url(../images/prev1.png) center no-repeat;opacity:0;margin-left:-69px;margin-top:-16px;-webkit-background-size:100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto}
.ul-index1 li{float:left;width:50%;margin-bottom:6px}
.ul-index1 .img:after{position:absolute;left:0;top:0;width:100%;bottom:0;background-color:rgba(0,0,0,.36);z-index:1;content:"";opacity:0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.g-more1{display:inline-block;font-size:23px;color:#333;line-height:34px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(0,#dae3ff));background-image:linear-gradient(180deg,transparent 70%,#dae3ff 0);background-size:0 100%;background-repeat:no-repeat}
.g-more1:hover{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(0,#dae3ff));background-image:linear-gradient(180deg,transparent 70%,#dae3ff 0);color:#F40E33;background-size:100% 100%}
.m-index1{padding:5px 0 80px 0}
.contact3us{float: left; width: 100%; height: auto}
.contact3us-mo{display: none}
.g-tit1{font-size:45px;color:#333;line-height:60px}
.g-tit1 em{color:#F40E33;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(0,#dae3ff));background-image:linear-gradient(180deg,transparent 70%,#dae3ff 0);font-weight:700;padding-bottom: 8px}
.topnone{top:0}

.casemorebtn_mo{display: none}
.casemorebtn{float: left;margin: 65px 0 85px 0; text-align: center;cursor: pointer;width: 100%}
.casemorebtn img{width: 50%}

.bigti-black{background-image: linear-gradient(180deg,transparent 70%,#eee 0);font-weight:100;}
.futi-gra{color: #e22045;background-image: linear-gradient(180deg,transparent 70%,#dae3ff 0); font-size: 26px;}
.g-tit1 span:first-child{font-weight:700}
.g-tit1 span{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(0,#d4d4d4));font-weight:100;background-image:linear-gradient(180deg,transparent 100%,#eee 0)}
.ul-index2{overflow:hidden;margin-top:80px}
.ul-index2 li{overflow:hidden;text-align:center}
.ul-index2 li:first-child{width:300px;float:left}
.ul-index2 li.last{width:300px;float:right}
.ul-index2 .item{display:block}
.ul-index2 .item img{display:block;width:239px;margin:0 auto 30px}
.ul-index2 .item strong{font-size:33px;color:#333;line-height:46px;display:inline-block;margin-bottom:10px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(0,#dae3ff));background-image:linear-gradient(180deg,transparent 70%,#dae3ff 0);background-size:0 100%;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;background-repeat:no-repeat}
.ul-index2 .item p{font-size:17px;color:#333;line-height:28px;opacity:.6;letter-spacing: 2px}
.ul-index2 .item:hover strong{color:#F40E33;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%}
.m-index3{padding:90px 0 25px}
.ul-index3{overflow:hidden;}
.ul-index3 li{float:left;width:14.285%;margin:30px 0 0 0;padding:0 20px;}
.ul-index3 a{display:block;position:relative;text-align:center;padding-top:100%;overflow:hidden;}
.ul-index3 a::before{
  content: "";
  position: absolute;border: 1px solid #DAE3FE;border-radius: 200px;
  left: 1px;right: 1px;top: 1px;bottom: 1px;
}
.ul-index3 a img{z-index:1;position:absolute;left:0;top:50%;width:68%;-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);left:16%}
.ul-index3 a .hei{display:inline-block}
.ul-index3 a .bai,.ul-index3 a:hover .hei{display:none}
.ul-index3 a:hover .bai{display:inline-block}
.ul-index3 a:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;transform:scale(.8);-ms-transform:scale(.8);-moz-transform:scale(.8);-webkit-transform:scale(.8);-o-transform:scale(.8);opacity:0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.ul-index3 .baidu a:after{background-color:#2625e5}
.ul-index3 a:hover:after{transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);opacity:1}
.ul-index3 .none a::after{display: none;}
.ul-index3 .none a::before{display: none;}
.ul-index4{overflow:hidden;margin:0 -25px}
.ul-index4 li{float:left;width:27%}
.ul-index4 li.first{float:left;width:46%}
.ul-index4 .item{margin:0 25px}
.ul-index4 .img{display:block;position:relative;padding-top:71.78%;overflow:hidden}
.ul-index4 .img img{display:block;width:100%;position:absolute;left:0;top:0;height:100%;-webkit-filter:grayscale(100%);-webkit-filter:grayscale(1);filter:grayscale(100%);object-fit:cover}
.ul-index4 .item:hover .img img{transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08);-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-filter:none;filter:none}
.ul-index4 .txt{margin-bottom:40px}
.ul-index4 .first .txt .tit{line-height:56px;max-height:112px;font-size:36px}
.ul-index4 .first .txt h3{margin:20px 0 8px}
.ul-index4 .txt h3{margin:15px 0 0 0}
.ul-index4 .txt .tit{color:#000;font-size:20px;line-height:30px;font-weight:700;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(0,#dae3ff));background-image:linear-gradient(180deg,transparent 70%,#dae3ff 0);background-size:0 100%;background-repeat:no-repeat;background-color:transparent}
.ul-index4 .txt span{font-size:15px;color:#8f8f8f;line-height:26px;display:block}
.ul-index4 .item:hover .txt .tit{background-size:100% 100%;color:#F40E33}
.g-tit2 h3{font-size:45px;color:#333;line-height:60px;margin-bottom:65px}
.g-tit2 p{font-size:20px;color:#666;font-weight:300;margin-bottom:50px;letter-spacing: 4px}
.ul-index5{margin:0 -25px 0 -25px;overflow:hidden}
.ul-index5 li{float:left;width:33.33%;}
.ul-index5 .item{display:block;margin:0 30px 80px; height:auto;border: 1px solid #DAE3FE;}
.ul-index5 .item .txt{padding: 10px 20px;}
.ul-index5 .img{position:relative;padding-top:68%;overflow:hidden}
.ul-index5 .img img{position:absolute;left:0;top:0;width:100%;height:100%;}
.ul-index5 .txt h3{font-size:20px;color:#333;line-height:27px;margin:20px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.ul-index5 .txt h3 span{color:#333;font-size:20px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(0,#dae3ff));background-image:linear-gradient(180deg,transparent 70%,#dae3ff 0);background-size:0 100%;background-repeat:no-repeat;background-color:transparent transition: .3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.ul-index5 .txt p{font-size:18px;color:#666;line-height:28px}
.ul-index5 .item:hover img{-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)}
.ul-index5 .item:hover h3 span{background-size:100% 100%;color:#F40E33}
.ban{position:relative;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:100vh}
.ban .txt{top:51%;left:0;width:100%;text-align:center;position:absolute;margin-top:-190px}
.ban .txt img{display:block;margin:0 auto 58px;width:300px}
.ban .txt h2{font-size:58px;color:#fff;line-height:96px;margin-bottom:25px;letter-spacing: 4px}
.ban .txt p{font-size:20px;color:#fff;line-height:36px;letter-spacing:12px;font-weight:100}
.ban2{position:relative;height:358px;overflow:hidden}
.ban2 img{display:block;width:100%}
.ban2 .con{position:absolute;left:0;top:53%;margin-top:-50px;width:100%}
.ban2 .con22{display:none}
.ban2 .con h3{font-size:46px;line-height:70px;margin-bottom: 10px}
.ban2 .con h3 span{color:#333;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(0,#d4d4d4));background-image:linear-gradient(180deg,transparent 100%,#eee 0);background-size:100% 100%;background-repeat:no-repeat}
.ban2 .con h3 em{color:#F40E33;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(0,#dae3ff));background-image:linear-gradient(180deg,transparent 70%,#dae3ff 0);background-size:100% 100%;background-repeat:no-repeat;font-weight:700;padding-bottom: 8px;}
.ban2 .con p{font-size:24px;color:#333;font-weight:100}
.ban2 .con p span{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(0,#d4d4d4));background-image:linear-gradient(180deg,transparent 100%,#fff 0);background-size:100% 100%;background-repeat:no-repeat}
.ban2 .text{font-size:28px;color:#333;line-height:38px;font-weight:100}
.case-inner1{background-color:#f0f1f2;padding:0 0 80px 0;overflow:hidden}
.case-inner1 .col-l{float:left;width:15%;padding-right:80px}
.case-inner1 .col-r{float:right;width:85%}
.case_bg2{background-color:#fff;position:relative}
.ul-snav.other{display:inline-block}
.dl-aside{margin-top:38px}
.dl-aside dt{font-size:21px;color:#000;line-height:35px;margin-bottom:12px}
.dl-aside dd a{display:block;font-size:14px;color:#666;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:180px}
.dl-aside dd a:hover{color:#F40E33;text-decoration:underline}
.ul-tab1{text-align:center;overflow:hidden}
.ul-tab1 li{display:inline-block;font-size:24px;color:#999}
.ul-tab1 li a{margin:0 50px;font-size:17px;color:#999;line-height:34px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(0,#dae3ff));background-image:linear-gradient(180deg,transparent 70%,#dae3ff 0);background-size:0 100%;background-repeat:no-repeat;padding-bottom: 3px;}
.ul-tab1 .on a,.ul-tab1 li a:hover{background-size:100% 100%;color:#F40E33}
.ul-case1{overflow:hidden;margin:0}
.ul-case1 li{float:left;width:50%;visibility:hidden}
.ul-case1 .item{display:block;position:relative;margin:0 0 6px 6px}
.ul-case1 .img{position:relative;padding-top:61.12%;overflow:hidden}
.ul-case1 .img img{position:absolute;left:0;top:0;width:100%;height:100%}
.ul-case1 .txt{position:absolute;left:0;top:0;z-index:3;right: 0;bottom: 0;padding: 40px 0 0 48px;}
.ul-case1 .txt h3{font-size:20px;color:#fff;line-height:24px;font-weight:400;letter-spacing: 1px}
.ul-case1 .txt p{
	font-size: 12px;
    font-weight: 100;
    width: auto;
    border: 1px solid #fff;
    padding: 5px 10px 5px 10px;
    margin: 10px 0 0 0;
    position: relative;
    float: left;
    border-radius: 60px;
    color: #fff;
}
.ul-case1 .item:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.36);z-index:1;opacity:0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.ul-case1 .item:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/prev1.png) center no-repeat;-webkit-background-size:115px;-moz-background-size:115px;-o-background-size:115px;background-size:115px;z-index:2;opacity:0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;display: none;}
.ul-case1 .item:hover:after,.ul-case1 .item:hover:before{opacity:1}
.ul-case1 .item:hover .img img{transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)}
.ul-page li{display:inline-block;margin:0 5px}
.ul-page li a{display:block;width:58px;height:58px;border:1px solid #c8c8c8;text-align:center;line-height:56px;font-size:20px;color:#999;font-family:arial;border-radius: 200px;}
.ul-page .on a,.ul-page li a:hover{border-color:#F40E33;color:#fff;font-weight:700;background-color:#F40E33;border-radius: 200px;}
.water-fall{overflow:hidden;margin:0 -40px;position:relative;visibility:hidden}
.water-fall .item{width:33%}
.water-fall .li{display:block;margin:0 40px 80px;border: 1px solid #eee;padding-bottom: 10px;}
.water-fall .li .txt{padding: 10px 15px 1px;}
.water-fall .li img{-webkit-filter:grayscale(100%);-webkit-filter:grayscale(1);filter:grayscale(100%);display:block;width:100%}
.water-fall .li:hover img{-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)}
.water-fall .txt h3{margin:0 0 30px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.water-fall .txt h3 span{font-size:16px; font-weight:700; color:#333;line-height:30px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(90%,transparent),color-stop(0,#dae3ff));background-image:linear-gradient(180deg,transparent 75%,#dae3ff 0);background-size:0 100%;background-repeat:no-repeat;}
.water-fall .txt p{font-size:10px;color:#999}
.water-fall .li .img{overflow:hidden}
.water-fall .li:hover .txt h3 span{background-size:100% 100%;color:#F40E33}
.m-detail{padding-top:180px;background:url(../images/bg1.jpg) center top repeat-x}
.m-detail .con h1{font-size:45px;color:#333;letter-spacing: 4px;margin-bottom: 10px}
.m-detail .con h1 span{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(75%,transparent),color-stop(0,#dae3ff));background-image:linear-gradient(180deg,transparent 70%,#dae3ff 0);background-size:100% 100%;background-repeat:no-repeat;padding-bottom: 8px;}
.m-detail .con .time{font-size:14px;color:#333;margin-bottom:65px}
.m-detail .con .time em{padding:0 5px;color:#F40E33}
.m-detail .left{float:left;font-size:18px;text-align:justify;color:#333;line-height:2.4em;min-height:390px;letter-spacing: 2px; width:62%;padding-bottom:50px}
.m-detail .left a{color:#333; text-decoration:underline}
.m-detail .left a:hover{color:#F40E33; text-decoration:underline}
.m-detail .right{float:right;width:25%}
.m-detail .right table{border:3px solid #000;font-size:20px;color:#000;line-height:26px;text-align:center;border-right:none;border-bottom:none;width:100%}
.m-detail .right tr{border-bottom:3px solid #000}
.m-detail .right td{border-right:3px solid #000}
.m-detail .right td a{padding:67px 0 17px 0;display:block;background-repeat:no-repeat;background-position:center 20px;-webkit-background-size:38px;-moz-background-size:38px;-o-background-size:38px;background-size:38px;height:110px}
.m-detail .right td .qq{background-image:url(../images/yc-qq.png)}
.m-detail .right td .ly{background-image:url(../images/yc-ly.png)}
.m-detail .right td a:after{content:"";display:inline-block;vertical-align:middle;width:0;height:100%;visibility:hidden}
.m-detail .right td a span{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;vertical-align:middle}
.m-detail .right td .qq span{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(75%,transparent),color-stop(0,#F40E33));background-image:linear-gradient(180deg,transparent 75%,#F40E33 0);background-size:0 100%;background-repeat:no-repeat;color:#000}
.m-detail .right td .ly span{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(75%,transparent),color-stop(0,#dae3ff));background-image:linear-gradient(180deg,transparent 75%,#dae3ff 0);background-size:0 100%;background-repeat:no-repeat;color:#000}
.m-detail .right a:hover span{background-size:100% 100%}
.m-detail .right th{padding:16px 0 24px 16px;border-right:3px solid #000;text-align:center;font-size:36px;line-height:33px;text-align:left}
.m-detail .right th span{font-size:20px}
.t-page{margin:50px 0 90px;border-top: 1px dashed #ccc;padding-top: 40px}
.t-page .item{margin-bottom:20px;font-size:18px;color:#333;line-height:18px}
.t-page .item span{float:left}
.t-page .item a{color:#333;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-page .item a:hover{color:#F40E33;text-decoration:underline}
.ul-about1{display:flex;justify-content:space-between;margin:50px 0 0 0;flex-wrap:wrap}
.ul-about1 .item{display:flex;align-items:center}
.ul-about1 .item em{font-size:73px;color:#1de1e4;font-family:"Montserrat-SemiBold";margin-right:10px}
.ul-about1 .item .txt{margin-top:0}
.ul-about1 .item .txt span{font-size:32px;line-height:42px;font-weight:700}
.ul-about1 .item .txt p{font-size:18px;color:#333}
.ul-about1 .item1 em{color:#634dd3}
.ul-about1 .item1 .txt span{color:#634dd3;font-weight:700}
.ul-about1 .item2 em{color:#2286db}
.ul-about1 .item2 .txt span{color:#2286db;font-weight:700}
.ul-about1 .item3 em{color:#f6703c}
.ul-about1 .item3 .txt span{color:#f6703c;font-size:52px}
.ul-about1 .item4 em{color:#F40E33}
.ul-about1 .item4 .txt span{color:#F40E33;font-size:46px}
.about-con{font-size:20px;font-weight:100;color:#333;line-height:33px}
.about-con p{margin-bottom:30px}
.about-con span{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(65%,transparent),color-stop(0,#dae3ff));background-image:linear-gradient(180deg,transparent 65%,#dae3ff 0);background-size:100% 100%;background-repeat:no-repeat}
.about-con em{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(65%,transparent),color-stop(0,#ffcddc));background-image:linear-gradient(180deg,transparent 65%,#ffcddc 0);background-size:100% 100%;background-repeat:no-repeat;font-weight:100}
.about-con img{display:block;margin:50px auto 0}
.ul-about2{overflow:hidden;margin:50px -35px 0}
.ul-about2 li{float:left;width:33.33%}
.ul-about2 .item{display:block;margin:0 35px 75px}
.ul-about2 .img{position:relative;padding-top:74.74%;overflow:hidden}
.ul-about2 .img img{position:absolute;left:0;top:0;width:100%;height:100%}
.ul-about2 .item:hover img{transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)}
.ul-about2 .item:hover .txt h3 span{background-size:100% 100%}
.ul-about2 .txt{margin-top:10px}
.ul-about2 .txt h3{font-size:26px;color:#000;line-height:36px}
.ul-about2 .txt h3 span{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(75%,transparent),color-stop(0,#dae3ff));background-image:linear-gradient(180deg,transparent 75%,#dae3ff 0);background-size:0 100%;background-repeat:no-repeat;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.ul-about2 .txt em{font-size:17px;color:#999;display:block;line-height:27px}
.about-form{margin-top:38px}
.about-form .item{overflow:hidden;margin-bottom:30px}
.about-form .inp1{float:left;width:35.384%}
.about-form .inp2{float:right;width:55.77%}
.about-form .inp3{display:block;width:100%}
.about-form .area{border:1px solid #ccc;padding:0 18px;display:block;width:100%;height:195px;line-height:67px;font-size:20px}
.about-form .sub{width:286px;display:block;height:58px;line-height:60px;background-color:#F40E33;font-size:22px;color:#fff;font-weight:700;border:none}
.about-form .inp{height:58px;line-height:58px;border:1px solid #ccc;padding:0 18px;font-size:20px}
.g-mo,.ul-index1 .img img.g-mo{display:none!important}
.g-tit3{margin:100px 0 10px 0;text-align:center;color:#333}
.g-tit3 h3{font-size:36px;color:#333;line-height:48px;margin-bottom:20px}
.g-tit3 h2{font-size:18px;color:#999;margin-bottom:5px}
.g-tit3 span{display:inline-block;font-size:15px;color:#999;line-height:28px}
.g-tit3 p{font-size:18px;line-height:28px;margin-top:40px;width:66%;margin:1px auto 110px auto}
.case-img{margin:20px 0}
.case-img img{display:block;margin:0 auto;width:100%}
.pop-wx{display:none}
.hd-inner.case{top:-100px;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;opacity:0}
.hd-inner{transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.hd-inner.case.open,.hd-inner.down{top:0;opacity:1}
.wp3{padding:0 1%}
.case-tit{font-size:26px;font-weight: 100;color:#333;line-height:50px;margin:100px 0 20px 0}
.case-tit span{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(56%,transparent),color-stop(0,#d4d4d4));background-image:linear-gradient(180deg,transparent 75%,#dae3ff 0);background-size:100% 100%;background-repeat:no-repeat;padding-bottom:5px;}
.ul-case-rel{overflow:hidden;margin-bottom:30px}
.ul-case-rel li{float:left;width:33.33%}
.ul-case-rel .item{display:block;position:relative}
.ul-case-rel img{display:block;width:100%}
.ul-case-rel .txt{position:absolute;left:0;top:0;right:0;z-index:3;bottom: 0;padding: 38px 0 0 40px;}
.ul-case-rel .txt h3{font-size:33px;color:#fff;line-height:35px;margin-bottom:10px}
.ul-case-rel .txt p{font-size:20px;color:#fff;opacity:.5;line-height:30px}
.ul-case-rel .item:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.36);z-index:1;opacity:0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.ul-case-rel .item:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/prev1.png) center no-repeat;-webkit-background-size:115px;-moz-background-size:115px;-o-background-size:115px;background-size:115px;z-index:2;opacity:0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.ul-case-rel .item:hover:after,.ul-case-rel .item:hover:before{opacity:1}
.ul-case-rel .item:hover .img img{transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)}
.ul-page{text-align:center;margin: 90px 0 0 0;}
.mob_tit{display:none}
.mob_tit2{display:none}
.mob_tit3{display:none}
.menuBtn.other b{background-color:#F40E33}
.ban-case{height:100vh;background-image:url(../images/opalCoverBgPattern.png);background-position:0 0;background-size:40px;position:relative;overflow:hidden}
.ban-case .txt{position:absolute;z-index:2;display:inline-block;padding-left:5%;max-width:940px;top:30%}
.ban-case .txt h1{font-size:400%;line-height:150%;color:#000}
.ban-case .txt p{color:#696969;font-size:24px;line-height:44px}
.ban-case img{position:absolute;top:0;right:0;bottom:0;z-index:1;width:40%;max-width:none;margin-top:10%;padding-right:5%}
.case-title{padding:4% 0}
.case-title h3{color:#000;font-size:18px;line-height:44px;text-align:center;text-transform:uppercase}
.case-title p{color:#000;font-size:14px;line-height:26px;text-align:center}
.case-index1{overflow:hidden;height:100vh}
.case-index1 .left{float:left;width:66.66%;height:100%;position:relative;background-image:url(../images/opalSail.png);background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative}
.case-index1 .left img{position:absolute;left:25%;top:30%;width:50%}
.case-index1.other .left img{top:23%}
.case-index1.another .left img{top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.case-index1 .right{float:left;width:33.33%;height:100%;background-image:-webkit-gradient(linear,left top,left bottom,from(#646464),to(#646464));background-image:linear-gradient(180deg,#646464,#646464);position:relative}
.case-index1 .right .case-title{position:absolute;top:30%;left:10%;right:10%}
.case-title.white h3,.case-title.white p{color:#fff}
.case-index2{height:100vh}
.case-index2 .left{float:left;width:50%;height:100%;background-image:url(../images/opalImageGentleman.png);background-position:50% 50%;background-size:cover}
.case-index2 .right{overflow:hidden;padding:0 10%;height:100%;position:relative}
.case-index2 .right .case-title{position:absolute;top:50%;left:10%;right:10%;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%)}
.case-index2 .img{overflow:hidden}
.case-index2 .img img{float:left;width:30%;margin:10% 1.5% 0}
.case-index1.other .right{background-image:-webkit-gradient(linear,left top,left bottom,from(#836d44),to(#836d44));background-image:linear-gradient(180deg,#836d44,#836d44)}
.case-index1.other .left{background-image:-webkit-gradient(linear,left top,left bottom,from(#d9d9d9),to(#d9d9d9));background-image:linear-gradient(180deg,#d9d9d9,#d9d9d9)}
.case-index1.other .left .robot{margin-left:-22%;width:auto;height:40%}
.case-index1.other .left .user{margin-left:22%;width:auto;height:35%}
.case-index1.other .left .ui{height:60%;width:auto;z-index:1}
.case-index1 .item{float:left;width:33.33%;padding:0 8%}
.case-index1 .item img{display:block}
.case-index1 .box{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.case-index3{display:block;overflow:hidden;height:auto;padding:9% 12%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-image:-webkit-gradient(linear,left top,left bottom,from(#000),to(#000));background-image:linear-gradient(180deg,#000,#000);text-align:center}
.case-index3 img{width:6%;margin:8% 6%;display:inline-block;vertical-align:middle}
.case-title.white h3,.case-title.white p{text-align:left!important}
.case-index1 .left .watch{height:100%;width:auto}
.case-index1 .left .uia{position:absolute;width:auto;height:57%;width:auto}
.case-index1.another{background-image:-webkit-gradient(linear,left top,left bottom,from(#9f9f9f),to(#9f9f9f));background-image:linear-gradient(180deg,#9f9f9f,#9f9f9f)}
.case-index1.another .left{background:0 0}
.case-index1.another .right{background:0 0}
.hd-inner.down{background-color:transparent;-moz-box-shadow:0 0 10px rgba(0,0,0,0);-webkit-box-shadow:0 0 10px rgba(0,0,0,0);box-shadow:0 0 10px rgba(0,0,0,0)}
.news-relations{margin-bottom: 60px}
.news-relations h3{display:inline-block;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(0,#d4d4d4));background-image:linear-gradient(180deg,transparent 70%,#eee 0);background-size:100% 100%;background-repeat:no-repeat;font-size:24px;color:#333;line-height:30px;margin-bottom:20px}
.news-relations li a{display:block;font-size:16px;line-height:24px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.about-sheji{overflow:hidden}
.about-sheji li{float:left;width:33.33%}
.about-sheji .box,.about-sheji .img,.about-sheji .slide1{position:relative;padding-top:83%;overflow:hidden;background-color:#fafafa}
.about-sheji .img img,.about-sheji .slide1 .slick-list{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.about-sheji .txt{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:17px;font-weight:100;color:#333;line-height:24px;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%)}
.about-sheji .txt h3{font-size:36px;color:#272727;line-height:34px;margin-bottom:18px;font-weight:400}
.about-sheji .txt h3 em{color:#e72b5e;font-weight:400}
.project-intro{padding:20px 20px 0;border:5px solid #000}
.project-intro .item{padding-bottom:20px;margin-bottom:20px;font-size:18px;line-height:30px;color:#333;border-bottom:1px solid #ccc}
.project-intro .item h3{font-size:22px;line-height:34px;margin-bottom:8px;font-weight:700;color:#000}
.project-intro .item:last-child{border:none;margin-bottom:0}
.content-case h3{font-size:24px;color:#666;line-height:34px;margin:30px 0;display:inline-block;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(0,#d4d4d4));background-image:linear-gradient(180deg,transparent 70%,#eee 0)}
.content-case ul{overflow:hidden;margin:0 -20px 50px}
.content-case li{float:left;width:25%}
.content-case .item{margin:0 20px}
.content-case .img{display:block;position:relative;padding-top:70%;overflow:hidden}
.content-case .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;-webkit-filter:grayscale(100%);-webkit-filter:grayscale(1);filter:grayscale(100%)}
.content-case .txt h4{font-size:20px;line-height:28px;padding:8px 0;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.content-case .txt h4 a{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(56%,transparent),color-stop(0,#dae3ff));background-image:linear-gradient(180deg,transparent 56%,#dae3ff 0);background-size:0 100%;background-repeat:no-repeat;text-decoration:none;-webkit-transition:background-size .4s ease;transition:background-size .4s ease;display:inline-block}
.content-case .txt span{font-size:14px;line-height:24px}
.content-case .txt em{padding:0 6px}
.content-case li:hover .txt .title{-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;color:#F40E33}
.content-case li:hover .img img{-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)}
.m-index3{overflow:hidden}
.m-index3.dfc .wp2{
  display: -webkit-flex;display: flex;justify-content: center;/* 水平居中 */align-items:stretch;
}
.m-index3 .left{float:left;width:43.6%;flex-shrink: 0;}
.m-index3 .right{overflow:hidden;flex-grow: 1;}
.m-index3 .left .item{margin:0 25px 0 0;height: 100%;}

.m-index3 .left .img{display:block;position:relative;padding-top:69%;overflow:hidden}
.m-index3 .left .img img{display:block;width:100%;position:absolute;left:0;top:0;height:100%;-webkit-filter:grayscale(100%);-webkit-filter:grayscale(1);filter:grayscale(100%);object-fit:cover}
.m-index3 .left .item:hover .img img{transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08);-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-filter:none;filter:none}
.m-index3 .left .txt{margin-bottom:40px}
.m-index3 .left .item:first-child .txt .tit{line-height:24px;max-height:112px;font-size:24px}
.m-index3 .left .item:first-child .txt h3{margin:24px 0 0}
.m-index3 .left .txt h3{margin:15px 0 0 0}
.m-index3 .left .txt .tit{color:#000;font-size:20px;line-height:30px;font-weight:700;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(0,#dae3ff));background-image:linear-gradient(180deg,transparent 70%,#dae3ff 0);background-size:0 100%;background-repeat:no-repeat;background-color:transparent;font-family: SourceHanSerif-1f01fbbe6f210b8}
.m-index3 .left .txt span{font-size:12px;color:#8f8f8f;line-height:26px;display:block}
.m-index3 .left .item:hover .txt .tit{background-size:100% 100%;color:#F40E33}
.m-index3 .right{overflow:hidden}
.m-index3 .right .li{float:left;width:50%}
.m-index3 .right .item{margin:0 25px 24px;border: 1px solid #DAE3FE;}
.m-index3 .right .li:nth-child(3) .item{margin-bottom: 0;}
.m-index3 .right .li:nth-child(4) .item{margin-bottom: 0;}
.m-index3 .right .item .txt{padding: 0 15px;}
.m-index3 .left .item .txt{padding: 0 15px;}
.m-index3 .left .item{
  border: 1px solid #DAE3FE;
}
.m-index3 .right .img{display:block;overflow: hidden;position: relative;overflow: hidden;padding-top: 45.42%;}
.m-index3 .right .img img{display:block;width:100%;-webkit-filter:grayscale(100%);-webkit-filter:grayscale(1);filter:grayscale(100%);object-fit:cover;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.m-index3 .right .item:hover .img img{transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08);-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-filter:none;filter:none}
.m-index3 .right .txt{margin-bottom:12px}
.m-index3 .right .first .txt .tit{line-height:56px;max-height:112px;font-size:36px}
.m-index3 .right .first .txt h3{margin:20px 0 8px}
.m-index3 .right .txt h3{margin:15px 0 22px 0}
.m-index3 .right .txt .tit{color:#000;font-size:16px;line-height:24px;font-weight:700;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(0,#dae3ff));background-image:linear-gradient(180deg,transparent 70%,#dae3ff 0);background-size:0 100%;background-repeat:no-repeat;background-color:transparent;font-family: SourceHanSerif-1f01fbbe6f210b8}
.m-index3 .right .txt span{font-size:10px;color:#999;line-height:26px;display:block}
.m-index3 .right .item:hover .txt .tit{background-size:100% 100%;color:#F40E33}
/* 底部跑马灯 */
.footer-swiper .scroll-item{font-size: 26px;color: #333;letter-spacing:2px; font-family:Montserrat-Regular;margin: 0;}
.footer-swiper{overflow: hidden;margin-top: -40px;padding-bottom: 20px;}
/* 顶部箭头 */
.btn-container {
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
    background: #002067;
    border-radius: 40px;
    width: 128px; 
	margin:2px 0 0 0;
  }  
  .btn-container button {
    width: 100%;
    height:40px;
    border: 0;
    position: relative;
    border-radius: 40px;
    color: #fff;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }
 .btn-container button .text,
 .btn-container button .icon-container {
    position: relative;
    z-index: 2;
  }
 .btn-container button .icon-container {
    position: relative;
    width: 25px;
    height: 25px;
    margin-left: 15px;
    transition: transform 500ms ease;
  }
 .btn-container button .icon-container .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    transition: transform 500ms ease, opacity 250ms ease;
  }
 .btn-container button .icon-container .icon--left {
    transform: translateX(-200%);
    opacity: 0;
  }
 .btn-container button .icon-container .icon svg {
    width: 100%;
    height: 100%;
    fill: #fff;
  }
 .btn-container button::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #F40E33;
    border-radius: 40px;
    z-index: 1;
    transition: transform 500ms ease;
  }
 .btn-container button:hover::after {
    transform: translateX(68%);
  }
 .btn-container button:hover .icon-container {
    transform: translateX(35%);
  }
 .btn-container button:hover .icon-container .icon--left {
    transform: translateX(0);
    opacity: 1;
  }
 .btn-container button:hover .icon-container .icon--right {
    transform: translateX(200%);
    opacity: 0;
  }


@media (max-width:1900px){
.ban2 img{width:1920px;position:absolute;right:0;top:0;max-width:1920px}
.ban2{height:310px;overflow:hidden}
.ul-case-rel .txt,.ul-case1 .txt{padding: 27px 0 0 26px;}
.ul-case-rel .txt h3{font-size:18px;font-weight:400;letter-spacing: 1px; margin-bottom:5px;line-height:8px}
.ul-case-rel .txt p{	
	font-size: 12px;
    font-weight: 100;
    width: auto;
    height: 32px;
    border: 1px solid #fff;
    padding: 0 10px 0 10px;
    margin: 10px 0 0 0;
    position: relative;
    float: left;
    border-radius: 60px;
	}
.mob_tit{display:none}
}
@media (max-width:1365px){
.m-detail .right th{font-size:24px}
.m-detail .right table{font-size:16px}
}
@media (max-width:1199px){
	
.mob_tit{display:none}
.nav li{margin-right:40px}
.banner .txt h2{font-size:60px}
.banner .txt{left:0;margin-left:0;padding:0 30px}
.ul-index2 li,.ul-index2 li.last,.ul-index2 li:first-child{width:33.33%}
.ul-index2{margin:50px -20px}
.ul-index2 .item{margin:0 20px}
.ul-index2 .item img{max-width:80%}
.ul-index2 .item strong{font-size:30px}
.ul-index1 .img .txt{margin:0;padding:20px 0 0 20px}
.g-tit1{font-size:35px}
.ul-index3 li{width:33.33%}
.g-more1{font-size:24px}
.pop-out .contact,.pop-out .form{display:none}
.pop-out .pop-con .pop-nav{float:none;margin:0 auto;text-align:center;opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.pop-out.open .pop-nav{animation:none;-webkit-animation:none;transition-delay:0s;-ms-transition:0s;-moz-transition:0s;-webkit-transition:0s;-o-transition:0s;transition:0s}
.pop-nav ul{display:inline-block}
.pop-fd{display:block;text-align:center;margin-top:50px}
.pop-fd .coop{width:200px;height:72px;display:block;border:1px solid #F40E33;font-size:32px;color:#F40E33;line-height:70px;font-weight:700;margin:0 auto 35px;border-radius: 100px;}
.pop-fd .tel{font-size:72px;color:#F40E33;line-height:82px;font-family:Leelawadee UI;margin-bottom:30px}
.pop-fd .info{font-size:22px;color:#666;line-height:36px;font-weight:400}
.nav{display:none}
.ban2{height:358px}
.ban2 .con h3{font-size:40px}
.ban2 .text{font-size:16px;line-height:24px}
.ban2 .text br{display:none}
.ban2 .con{margin-top:0;top:38%}
.ul-index5 .txt h3{font-size:22px;line-height:32px}
.ban2 .con p{font-size:22px;line-height:26px}
.ul-about1 .item em{font-size:80px; font-family:"Montserrat-SemiBold"}
.ul-about1 li{width:50%}
.ul-about1 .item .txt span{font-size:24px;line-height:34px}
.ul-about1 .item .txt p{font-size:18px;line-height:22px}
.ul-index3{margin:30px 0}
.ul-case1 li{float:none;width:auto}
.water-fall .li{margin:0 20px 40px}
.water-fall{margin:0 -20px}
.ban .txt h2{font-size:50px;line-height:60px}
.ban .txt img{width:200px;margin-bottom:20px}
.ban .txt{margin-top:0;-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.g-tit3 h3{font-size:40px;margin-bottom:10px}
.g-tit3 p{font-size:16px;line-height:26px}
.ul-case-rel .txt{left:10px;top:10px}
.ul-case-rel .txt h3{font-size:20px;line-height:24px}
.ul-case-rel .txt p{font-size:14px;line-height:20px}
.pop-out,.pop-out .pop-con .pop-nav,.pop-out.open .pop-con .pop-nav{transition-delay:0s}
.ban-case img{width:30%;margin-top:22%}
.ul-tab1 li a{margin:0 20px}
}
@media (max-width:959px){
		.casemorebtn{display: none}
	.casemorebtn_mo{display: block; float: left;margin: -30px 0 0 0; text-align: center;cursor: pointer;width: 100%}
.casemorebtn_mo img{width: 100%}
	
.wp1{padding:0 2%}
.jfriend{float:left; width: 100%;font-size:33px; font-weight:700;letter-spacing: 3px;color: #b2b2b2;margin: 20px 0 10px 0}
.contactdl dd{border: none}
.emsg{display: none}
.snav{display:none}
.ul-tab1 li a{margin:0 15px}
.wp2{padding:0 20px}
	.contact3wp{padding:0 20px}
.fd-link2{display:none}
.fd-link1,.fd-top .contact{float:none;width:100%;overflow: hidden;}
.fd-top{padding:30px 0 0}
.ul-index5 li{width:50%}
.hd-inner{padding:20px}
.ul-about1 li{text-align:center}
.ul-about1 .item{display:inline-block}
.ul-about1 .item .txt,.ul-about1 .item em{display:inline-block;text-align: left;vertical-align:middle}
.about-con img{margin-top:30px}
.ul-about2{margin:30px -10px 0}
.ul-about2 .item{margin:0 10px 20px}
.about-form{margin-top:30px}
.about-form .item{margin-bottom:20px}
.case-inner1 .col-l{display:none}
.case-inner1 .col-r{float:none;width:auto}
.ul-index4 .first .txt .tit{font-size:30px;line-height:40px}
.ul-index4 .txt .tit{font-size:20px;line-height:30px}
.ul-index4 .txt span{font-size:11px;line-height:20px;font-weight:100}
.ul-index3{margin:30px 0}
.g-tit2 h3{font-size:35px;line-height:45px}
.g-tit2 p{font-size:18px}
.m-detail .con h1{font-size:32px;line-height:42px}
.m-detail{padding-top:60px;background-color:#fff;overflow:hidden}
.m-detail .con .time{margin-bottom:30px}
.m-detail .left,.m-detail .right{float:none;width:auto;min-height:auto;margin-bottom:20px}
.m-detail .left{padding-bottom:20px}
.ul-case-rel .txt h3{font-size:16px;line-height:18px}
.ul-case-rel .txt p{
	font-size: 10px;
    line-height: 20px;
    padding: 0 5px;
    opacity: 0.5; height: 24px;
	}
.ban-case .txt h1{font-size:300%}
.content-case ul{margin:0 -10px 30px}
.content-case .item{margin:0 10px}
.content-case .txt h4{font-size:16px}
}
@media (max-width:767px){
.contact3us-mo{float: left; width: 100%; height: auto}
.contact3us{display: none}
	.m-indexdisplay{display: none}
	.ul-index5 .txt h3 span{color:#333;font-size:16px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(0,#dae3ff));background-image:linear-gradient(180deg,transparent 70%,#dae3ff 0);background-size:0 100%;background-repeat:no-repeat;background-color:transparent transition: .3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
img{-webkit-filter:grayscale(0)!important;-webkit-filter:grayscale(0)!important;filter:grayscale(0)!important}
.mob_tit3{display: block}
.m-index3 .left .item,.m-index3 .right .li .item{margin:0}
.m-index3 .left .txt{margin-bottom:20px}
.word-line{font-size:32px}
.kong50{display:block;width:100%;height:50px}
.mob_tit{display:block;margin:38px auto;font-weight:100;width:80%}
.mob_tit h3{font-size:31px;font-weight:700;line-height:40px;margin:18px 0 0 0}

.mob_tit2{display:block;margin:-25px auto 50px auto;font-weight:100;width:80%}
.mob_tit2 h3{font-size:31px;font-weight:700;line-height:40px;margin:0 0 18px 0}
.ul-index1 .img{margin:0}

.mob_tit{margin:30px auto 36px auto}
.mob_tit2{margin:0 auto 36px auto}
.mob_tit3{display:block;margin:-25px auto 50px auto;font-weight:100;width:80%}
.mob_tit3 h3{font-size:31px;font-weight:700;line-height:40px;margin:0 0 18px 0}
.mob_tit3{margin:0 auto 36px auto}

	
.fd-top .addr-c1{display: none}
.fd-top .addr-c2{display: none}
.fd-top .addr-c3{display: block}

.footer{font-weight:400;font-family:arial;color:#616161}
.fd-link1,.fd-top .contact{float:none;width:100%;text-align:center}
.ul-index5 .txt h3{margin:8px 0 0 0}
.ul-index1 li{width:100%}
.ul-tab1 li{font-size:14px}
.ul-index1 .img:before{width:64px;margin-left:-32px}
.banner{display:none}
.header{padding:12px 10px}
.pop-hd{padding:20px 20px 0;height:70px}
.pop-con{margin-top:30px}
.pop-nav li{margin-bottom:15px}
.pop-nav li a{font-size:24px;line-height:44px}
.pop-fd{margin-top:36px}
.pop-fd .coop{font-size:16px;height:38px;line-height:38px;margin-bottom:16px;font-family: MontserratAlternates-Light;}
.pop-fd .tel{font-size:40px;line-height:44px;margin-bottom:10px;font-family: Montserrat;letter-spacing: 2px;}
.pop-fd .info{font-size:10px;line-height:13px;color: #ccc; margin: 85px 0 0 0;}
.pop-fd .info a{color:#666}
.copy.g-mo{text-align:left}
.copy.g-mo a{color:#ccc}
.banner .txt h2{font-size:32px;line-height:40px}
.banner .txt p{font-size:17px;font-weight:100;line-height:30px;margin-bottom:22px;font-family:arial;text-align:center}
.m-index1,.m-index2,.m-index3{padding:36px 0 0 0}
.g-tit1{font-size:19px;text-align:center;line-height:38px}
.ul-index2 .item img{margin-bottom:10px}
.ul-index2{margin:20px 0}
.ul-index2 li{float:none!important;width:auto!important;margin:20px 0}
.ul-index2 .item strong{font-size:20px;line-height:30px}
.ul-index2 .item p{font-size:14px;line-height:24px}
.ul-index1 li{margin-bottom:0}
.ul-index1 .img .txt h3{font-size:13px;line-height:12px;margin-bottom:0}
.ul-index1 .img .txt p{
	font-size: 10px;
    line-height: 20px;
    padding: 1px 5px;
    opacity: 0.5;
	}
.ul-index5 li{float:none;width:auto;margin-bottom:35px}
.ul-index5{margin:20px 0 0}
.ul-index5 .item{margin:0 0 20px}
.ban2 .con h3{font-size:30px;line-height:36px}
.ban2 .con p{font-size:20px;line-height:30px}
.ban2{height:180px;background-color:#fff;background-repeat:no-repeat;background-position:0 center;background-image:url(../images/bg1.jpg);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin-top:28px}
.ban2 img{width:1000px;display:none}
.ul-about1{margin-bottom:40px}
.ul-about1 .item .txt{margin-top:1px}
.about-con{font-size:20px;line-height:30px}
.about-con p{margin-bottom:15px}
.ul-about2 li{width:50%}
.ul-about2 .txt h3{font-size:22px;line-height:32px}
.about-form .inp1{float:none;width:100%;margin-bottom:20px}
.about-form .inp2{float:none;width:100%}
.about-form .inp{height:40px;line-height:38px;font-size:16px}
.about-form .area{line-height:38px;font-size:16px}
.about-form .sub{font-size:18px;width:100%;height:40px;line-height:40px}
.ul-page{display:none}
.hd-inner{padding:15px 20px 10px}
.logo img{height:36px}
.pop-hd .logo2 img{width:139px}
.pop-hd .right .close,.pop-hd .right .sm{width:24px;height:24px}

.goTop{width:30px;height:30px;-webkit-background-size:15px;-moz-background-size:15px;-o-background-size:15px;background-size:15px;right:5px;display:none}
.banner .txt{text-align:center;margin-top:-24px}
.g-mo,.ul-index1 .img img.g-mo{display:block!important}
.ul-index1 .img img.g-pc{display:none}
.ul-index3 li{width:50%;margin:24px 0 0 0}
.ul-index3{margin:0}
#js-div1{padding-top:0}
.m-pages{display:none}
.g-more1{font-size:16px;text-align:center;display:block;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(75%,transparent),color-stop(0,#d4d4d4));background-image:linear-gradient(180deg,transparent 75%,#DAE3FE 0);background-size:100% 100%;background-repeat:no-repeat;line-height:20px;width:64px;margin:0 auto 20px auto}
.ul-index4 li,.ul-index4 li.first{float:none;width:auto}
.ul-index4 .txt{margin-bottom:10px}
.ul-index4,.ul-index4 .item{margin:0 0 20px}
.g-tac{text-align:center}
.g-pc{display:none!important}
.ul-index4 .img{float:right;width:31.8%;padding:0;margin-left:10px;width:100px;height:85px}
.ul-index4 .img img{position:static;display:block;object-fit:cover;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0)}
.ul-index4 .item,.ul-index4 .txt{overflow:hidden}
.ul-index4 .first .txt h3,.ul-index4 .txt h3{margin:0;font-size:16px;line-height:26px}
.ul-index4 .first .txt .tit,.ul-index4 .txt .tit{font-size:18px;line-height:26px;max-height:52px;display:-webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.g-tit2 h3{font-size:24px;line-height:26px;margin-bottom:15px}
.g-tit2 p{font-size:14px;line-height:20px}
.g-tit2 p br{display:none}
.ul-index5 .txt h3{font-size:18px;line-height:23px;font-weight:700}
.ul-index5 .txt p{font-size:15px}
.fd-top .addr strong{font-size:19px;font-weight:700; line-height:34px;-webkit-background-size:25px auto;-moz-background-size:25px auto;-o-background-size:25px auto;background-size:25px auto;padding-left: 0;float:left;width: 100%}
.fd-top .addr p{font-size:12px;line-height:24px}
.fd-top .addr{margin-bottom:24px}
.fd-top .ewm dl{margin-bottom:24px}
.fd-top .ewm .img{display:none}
.fd-top .ewm .img22{display:block;width:20%;width:33%;text-align:center;margin:0 auto 20px auto;font-size:12px}
.fd-link1 h3,.fd-link2 .link h3{display:none;font-size:14px;line-height:24px}
.fd-link1 a{font-size:10px;line-height:14px}
.fd-link1 .link{margin-bottom:20px;display:none}
.copy{font-size:11px;padding:22px 0;line-height:16px;color:#666}
.fd-top .ewm .txt .wx{background-image:url(../images/wx.png)}
.pop-wx{position:fixed;left:50%;top:50%;width:200px;height:200px;background-color:#fff;margin-top:-100px;margin-left:-100px;z-index:99999}
.pop-wx:after{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);content:""}
.pop-wx img{display:block;width:100%;position:relative;z-index:1;padding:20px;background-color:#fff}
.ul-tab1 li a{font-size:14px;line-height:24px;margin:0 2px}
.case-inner1{padding:30px 0}
.ul-tab1{margin-bottom:20px}
.ul-case1 .txt h3{font-size:13px;line-height:13px}
.ul-case1 .txt p{
	font-size: 10px;
    line-height: 20px;
    padding: 1px 5px;
    opacity: 0.5;
	}
	.ul-case-rel .txt,.ul-case1 .txt{
		
	padding: 13px 0 0 13px;
	}
.ul-page li a{width:35px;height:35px;line-height:33px}
.ul-case1{margin:0 -6% 50px}
.water-fall .item{position:relative!important;width:auto;overflow:hidden;margin-bottom:36px}
.water-fall .txt h3 span{font-size:18px;line-height:26px;max-height:52px;display:-webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.water-fall .txt h3{margin-bottom:10px}
.water-fall .txt p{font-size:12px;line-height:20px}
.water-fall .li{margin:0 10px 20px}
.water-fall{margin:0}
.water-fall .item .img{float:right;margin-left:20px}
.water-fall .item .img img{width:100px;height:85px;object-fit:cover;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0)}
.water-fall .item .txt{overflow:hidden}
.m-detail .con .time{font-size:12px;color: #999; margin-bottom:30px}
.m-detail .left{font-size:16px;line-height:1.7}
.m-detail .right th span{font-size:16px}
.m-detail .right th{font-size:20px;padding:10px 0}
.m-detail .right td{padding:10px 0}
.m-detail .right table{font-size:16px;line-height:20px}
.t-page .item{font-size:16px;line-height:22px;margin-bottom:10px}
.ban .txt h2{font-size:24px;line-height:34px}
.ban .txt p{font-size:12px;letter-spacing:2px}
.ban .txt{top:50%;margin-top:0;-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.g-tit3{margin:22px 0 30px 0}
.g-tit3 h3{font-size:20px;line-height:40px}
.g-tit3 span{font-size:14px}
.g-tit3 p{font-size:14px;line-height:24px;margin-top:10px; margin-bottom: 30px;  text-align: justify; width: 88%}
.ban .txt img{width:150px}
.ul-case-rel {margin-bottom: 0}
.ul-case-rel li{float:none;width:auto}
.wp3{padding:0}
.ul-case-rel .txt{left:0;top:0}
.case-tit{font-size:20px;text-align:center;line-height:40px}
.case-index1 .left .uia{height:39%}
.ban-case img{margin-top:60%}
.g-tit1 br{display:block}
.ul-index1{margin:0 -20px 20px}
.m-index1{display:none}
.m-detail .right table{display:none}
.ul-case1 .item{margin:0}
.about-sheji li{width:50%}
.about-sheji li.right{float:right}
.content-case li{float:none;width:auto}
.content-case ul{margin:0 0 20px}
.content-case .item{margin:0 0 20px}
.content-case .txt h4{padding:0}
.m-index3 .left,.m-index3 .right .li{float:none;width:auto}
.hd-tab-box{overflow-x:scroll;clear:both}
.ul-tab1{white-space:nowrap;overflow-x:scroll;margin-top:10px;margin-bottom:0;text-align:left;padding:0 10px}
.hd-tab-box:after{content:"";position:absolute;right:20px;bottom:0;width:20px;background-image:linear-gradient(to right,transparent ,#fff);height:38px}
}
@media (max-width:479px){

.about-sheji .txt h3{font-size:16px;line-height:24px}
.about-sheji .txt{font-size:12px;line-height:20px}

.m-index1,.m-index2{padding:38px 0 0 0}
	
.ul-index1 .img .txt{padding:13px 0 0 13px}
.g-tit2 p{margin-bottom:1px}
.ul-index1 .img .txt p{font-weight:400}
.ul-about1 .item em{font-size:38px;line-height:72px;font-family:"Montserrat-Medium"}
	
.word-line{font-size:39px}
.ul-about1,.ul-about1 li{margin-bottom:6px}
.ul-about1 .item .txt span{font-size:24px;line-height:24px}
.ul-about1 .item .txt p{font-size:14px;line-height:16px}
.about-con{font-size:18px}
.ul-about2 li{float:none;width:auto}
.ul-about2{margin:30px 0 0}
.ul-about2 li .item{margin:0 0 10px}
.ul-index3{margin:0 3px}
.ul-index3 li{padding:0 24px}
.ban2 .con h3{display:none}
.ban2 .con p{display:none}
.ban2 .con22{display:block;margin:58px auto 0 auto;width:90%;}
.ban2 .con22 h3{font-size:26px;line-height:30px;color:#333;background-image:linear-gradient(180deg,transparent 70%,#eee 0);display:inline-block}
.ban2 .con22 p span{font-size:16px;margin:7px 0 0 0}
.ban2 .con22 em{font-size:26px;margin-bottom:15px;line-height: 50px; font-weight:700;color:#F40E33;background-image:linear-gradient(180deg,transparent 70%,#dae3ff 0)}
.ban2 .con{top:calc(50% + 28px);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);display:inline-block}
.ul-tab1 li a{margin:0 5px}
.water-fall .item .li{margin:0 0 20px}
.water-fall .item{width:100%}
.m-detail .con h1{font-size:26px; letter-spacing: 1px; line-height:34px; margin-bottom: 10px;}
.hd-inner.case{top:-60px}
.pop-fd .tel{font-size:21px}
.ban-case .txt h1{font-size:200%}
.ban-case .txt p{font-size:18px;line-height:28px}
.ban-case img{width:56%;margin-top:75%}
.case-title{padding:4%;margin-top: 50px}
.case-title p br{display:none}
.case-index1 .left,.case-index1 .right,.case-index2 .left,.case-index2 .right,.case-index3 .left,.case-index3 .right,.case-index4 .left,.case-index4 .right{float:none;width:auto;height:75vh}
.case-title h3{font-size:16px;line-height:26px;margin-bottom:5px}
.case-title p{font-size:12px;line-height:20px}
.case-index1 .left img{width:80%;left:10%}
.case-index1.other .left img{left:32%}
.case-index1,.case-index2,.case-index3，.case-index4{height:auto}
.case-index1 .item{float:none;width:100%;padding:0 20% 40px}
.case-index1 .box{display:block;width:100%;height:auto;margin-top:40px;margin-bottom:40px;padding-right:0;padding-left:0;float:none;clear:none}
.case-index3{padding:2%}
.case-index3 img{width:12%;margin:6% 3%}
.case-index1.another .right{height:46vh}
}
@media (max-width:350px){
.ul-case-rel .txt,.ul-case1 .txt{padding: 10px 0 0 10px;}
}
:root{--primary:rgb(40, 40, 40);--secondary:rgb(128, 128, 128);--mute:rgb(139, 142, 145);--white:rgb(255, 255, 255);--red:rgb(244, 14, 51);--black:rgb(40, 40, 40);--gray:rgb(100, 100, 100);--dark:rgb(26, 26, 26);--deep:rgb(20, 20, 20);--light:rgb(236, 236, 236);--top-nav:4rem;--left-pad:15.5rem;--right-pad:10rem;--font-family:'Noto Sans SC','Microsoft JhengHei','-apple-system','Noto Sans','Helvetica Neue','Helvetica','Nimbus Sans L','PingFang SC','Hiragino Sans GB','Noto Sans CJK SC','Source Han Sans SC','Source Han Sans CN','Microsoft YaHei','ST Heiti','SimHei'}
.mouse-scroll{display:block;z-index:2;width:1.4rem;height:2.4rem;background:0 0;border-radius:.7rem;border:2px rgba(255,255,255,.5) solid;position:absolute;left:50%;top:90%;margin-left:-.7rem;transition:all .25s linear}
.mouse-scroll::before{content:'';position:absolute;top:.25rem;left:.45rem;width:.3rem;height:.3rem;background:var(--red);border-radius:100%;-webkit-animation:scrollanimation 2s infinite;-moz-animation:scrollanimation 2s infinite;-ms-animation:scrollanimation 2s infinite;-o-animation:scrollanimation 2s infinite;animation:scrollanimation 2s infinite}
.m-detail .right th .dib span{text-align:left;display:block}
@keyframes scrollanimation{
0%{top:.25rem;opacity:0}
20%{top:.25rem;opacity:1}
60%{top:1.15rem;opacity:1}
100%,80%{top:1.15rem;opacity:0}
}
.share-box{float:right;padding-top:20px}
.share-box a{float:left;line-height:36px;background-repeat:no-repeat;background-position:0 center;margin-left:10px;font-size:12px;line-height:36px;color:#666;padding-left:40px;-webkit-background-size:19px;-moz-background-size:19px;-o-background-size:19px;background-size:30px}
.share-box a span{background-image:linear-gradient(180deg,transparent 95%,#999 0);background-size:0 100%;background-repeat:no-repeat;transition:background-size .4s ease}
.share-box a:hover span{background-size:100% 100%}
.share-box .a1{height: 31px;background-image:url(../images/footericon-weibo.png)}
.share-box .a2{height: 31px;background-image:url(../images/footericon-zhihu.png)}
.share-box .a3{height: 31px;background-image:url(../images/footericon-weixin.png)}
.m-error{margin:0 0 150px}
.m-error img{display:block;margin:0 auto}
.m-error a{display:block;text-align:center;font-size:40px;color:#000;line-height:50px}
.m-error a:hover{color:#F40E33}
.m-zhiku{padding:0}
.m-zhiku .top img{display:block;width:100%}
.m-zhiku .content{padding-top:100px;font-size:14px;line-height:28px;color:#000;max-width:940px;width:92%;margin:0 auto}
.m-zhiku .content h1{font-size:48px;line-height:68px;color:#000;font-family:SourceHanSerif-1f01fbbe6f210b8;margin-bottom:36px}
.m-zhiku .con p{margin-bottom:30px}
@media (max-width:767px){
.share-box a{padding-top:24px;font-size:10px; padding-left:0;background-position:top center;width:auto;margin:0 20px;float:none;display:inline-block}
.share-box{float:none;text-align:center;text-align:center;padding-top:0;padding-bottom:24px}
.m-error{margin-bottom:50px}
.m-error img{width:60%}
.m-error a{font-size:18px;line-height:24px}
.m-zhiku .content h1{font-size:28px;line-height:34px;margin-bottom:20px}
.m-zhiku .content{padding-top:50px}
.m-zhiku{padding-top:0}
.about-con,.about-con em,.ban2 .con p,.ban2 .text,.banner .txt p,.fd-link1 a,.fd-link1 h3,.fd-link2 .link a,.fd-link2 .link h3,.fd-top .ewm .img p,.fd-top .ewm dt,.g-tit2 p,.mob_tit,.mob_tit2,.ul-case1 .txt p,input,select,textarea{font-weight:400}
.hd-tab-box ul{border-top:1px solid #eee;padding-top:5px;display:-webkit-flex;display:flex;align-items:center;justify-content:space-between}
.hd-tab-box ul li{margin:0 2px;text-align:center;flex-grow:1}
.g-tit1 span,.mob_tit2 span{font-weight:400!important}
.ourbg{height: 330px; background-image:url(../images/ourbg.jpg)}
.banner .item img{position:static;height:auto}
.banner .item video{position:static;height:auto;display: none!important;}
.banner{height:auto;min-height:auto}
.mob_tit em span{font-weight:400!important}
.m-index2 .ul-index1{margin-bottom:0}
.ban2.us{margin-top:50px}
.left .item:first-child .txt .tit{font-size:20px;line-height:30px}
.news-relations h3{margin-bottom:10px}
.news-relations li a{font-size:16px;line-height:26px}
.news-relations{margin:30px 0}
.t-page{margin-bottom:10px}
}
/* 202312月修改 */
.cursor-container {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  pointer-events: none;
}

.cursor-container .cursor-border {
  --size:80px;
  --distance: 15px;
  position: absolute;
  top: calc(var(--distance));
  left: calc(var(--distance));
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #DFE8FF;
  pointer-events: none;
  transition: all .5s;
  z-index: 210;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cursor-container .cursor-border img {
  width: 19px;
  opacity: 0;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.cursor-container .cursor-border img.open {
  opacity: 1;
}

.banner-box .g-quan{
    position: absolute;
    left: 50%;
    bottom: 20px;
    margin-left: -50px;
}
.g-quan {
  width: 65px;
  max-height: 65px;
  z-index: 99;
  padding: 16px;
  position: relative;
  cursor: pointer;
}

.g-quan .ani {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  animation-name: rotate;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 12s;
  transition: transform 0.3s ease;
  z-index: 1;
}

.g-quan .ani:hover {
  animation-name: accelerateRotate;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 5s;
}

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

/* 定义加速旋转动画 */
@keyframes accelerateRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(720deg);
    /* 加速旋转，更大的角度 */
  }
}

.snav .coop {
  width: 66px;
  text-align: center;
  line-height: 20px;
  font-size: 18px;
  color: #fff;
  padding: 20px 0 5px;
  border-radius: 60px;
  background-color: #F40E33;
  display: block;
  font-weight: 700;
  position: relative;
  height: auto;
  cursor: pointer;
}

.snav .coop::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 8px;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #fff;
  margin-left: -3px;
}

.snav .coop .word {
  color: #fff;
}

.snav .coop .g-quan {
  width: 50px;
  margin: 10px auto;
  height: 50px;
  padding: 10px;
}

.scroll-container {
  width: 100%;
  overflow: hidden;
}

.scroll-wrapper {
  animation: scrollAnimation 240s linear infinite;
  font-size: 0;
  display: inline-flex;
}

.scroll-content {
  white-space: nowrap;
  color: #EDF1FF;
  will-change: transform;
}

.scroll-content.other {
  position: absolute;
  left: 100%;
}

.scroll-content:hover {
  color: #FFE9E9;
}

@keyframes scrollAnimation {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

.scroll-item {
  display: inline-block;
  font-size: 188px;
  margin: -58px 10px 1px 10px; font-family: Montserrat;
}

.lx-y-pop {
  display: -webkit-flex;
  display: flex;
  position: fixed;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000000;
  background-color: #fff;
  -ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.6s;
}
.lx-y-pop.forms{display: flex;position: static;}
.lx-y-pop .form-pop{
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
  white-space: nowrap;
  padding: 20px 40px; border-radius: 6px;
  font-size: 16px;color: #fff;
  background-color: rgba(0,0,0,.75);
  line-height: 42px;
}
.lx-y-pop.open{left: 0;}
.lx-y-pop .close {
  position: absolute;
  right: 40px;
  top: 40px;
  width: 40px;
  height: 40px;
  background: url(../images/winclose.png) center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  cursor: pointer;
  -ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;
}
.lx-y-pop .close:hover{
  -ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);
}

.lx-y-pop .left {
  background: #F3F6FE;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 30px;
  height: 100vh;
  flex-shrink: 0;
  width: 40%;
}

.lx-y-pop .left .logo-pop {
  display: block;
  width: 266px;
  flex-grow: 1;
}

.lx-y-pop .left .logo-pop img {
  display: block;
  width: 100%;
}

.lx-y-pop .left .kf {
  margin-bottom: 70px;
}

.lx-y-pop .left .kf img {
  display: block;
  width: 70px;
  margin-bottom: 11px;
}

.lx-y-pop .left .kf p {
  font-size: 16px;
  color: #333333;
  letter-spacing: 1.5px;
  text-align: justify;
  line-height: 26px;
}

.lx-y-pop .left .contact {
  margin-bottom: 30px;
  overflow: hidden;
}

.lx-y-pop .left .contact .item {
  margin-bottom: 40px;
  position: relative;
}

.lx-y-pop .left .contact .item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 24px;
  width: 100px;
  height: 10px;
  background: #DBE4FF;
  z-index: 0;
}

.lx-y-pop .left .contact .item .name {
  display: block;
  font-family: SourceHanSansCN-Medium;
  font-size: 20px;
  color: #333333;
  letter-spacing: 2.1px;
  font-weight: 500;
  position: relative;
  line-height: 30px;
  margin-bottom: 8px;
  position: relative;
  z-index: 1; 
}

.lx-y-pop .left .contact .item .tel {
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.lx-y-pop .left .contact .item .tel .num {
  font-family: Montserrat-Regular;
  font-size: 32px;
  color: #333333;
  letter-spacing: 1px;
  font-weight: 400;
}

.lx-y-pop .left .contact .item .tel i {
  font-size: 12px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 400;
  border: 1px solid #333333;
  border-radius: 2px;
  margin: 4px 0 0 10px;
  line-height: 24px;
  padding: 0 8px;
  font-style: normal;
  cursor: pointer;
}

.lx-y-pop .left .bot {
  font-size: 11px;
  color: #999;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 400;
}

.lx-y-pop .right {
  height: 100vh;
  flex-grow: 1;
  padding: 0 122px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;

	background-image:url(../images/msbluebg.jpg); background-repeat: no-repeat;background-position-x: right;
}
.lx-y-pop .right .form{width: 100%;position: relative;}
.lx-y-pop .right .form .tit {
  margin-bottom: 20px;
}

.lx-y-pop .right .form .tit h3 {
  font-family: SourceHanSansSC-Medium;
  font-size: 33px;
  color: #F40E33;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 5px;
}

.lx-y-pop .right .form .tit p {
  font-family: SourceHanSansSC-Regular;
  font-size: 18px;
  color: #333333;
  letter-spacing:2px;
  line-height: 28px;
  font-weight: 400;
}

.lx-y-pop .right .form .item {
  margin-bottom: 20px;
}

.lx-y-pop .right .form .item .name {
  font-size: 18px;
  color: #333333;
  letter-spacing: 0.73px;
  font-weight: 400;
  margin-bottom: 10px;
}

.lx-y-pop .right .form .item .inp input,
.lx-y-pop .right .form .item .inp .area {
  background: #FFFFFF;
  border: 1px solid #b8b8b8;
  border-radius: 6px;
  font-size: 20px;
  color: #333333;
  letter-spacing: 0.73px;
  font-weight: 400;
  padding: 0 15px;
  display: block;
  width: 100%;
  line-height: 33px;
  height: 50px;
  -ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;
}
.lx-y-pop .right .form .item .inp input:focus,
.lx-y-pop .right .form .item .inp .area:focus {
 border: 2px solid #88ACFE;
}
.lx-y-pop .right .form .item .inp input::placeholder,
.lx-y-pop .right .form .item .inp .area::placeholder {
  opacity: .3;
}

.lx-y-pop .right .form .item .inp .area {
  padding: 8px 10px;
  height: 120px;
  resize: none;
}

.lx-y-pop .right .form .sub {
  display: block;
  width: 260px;
  height: 50px;
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
}

.lx-y-pop .right .form .sub:hover span {
  
}

.lx-y-pop .right .form .sub span {
  background: #F40E33;
  border-radius: 38px;
  padding: 0 56px 0 30px;
  display: block;
  font-size: 20px;
  text-align: left;
  line-height: 50px;
  color: #FFFFFF;
  letter-spacing:1px;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-image: url(../images/btnrjt.png);
  -webkit-background-size: 26px;
  -moz-background-size: 26px;
  -o-background-size: 26px;
  background-size: 26px;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

@keyframes scaleAni {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}

.particles-circle {
  position: absolute;
  background-color: #F40E33;
  width: 30px;
  height: 30px;
  top: 10px;
  left: 50%;
  margin-left: -15px;
  z-index: -1;
  border-radius: 50%;
  transform: scale(0);
  visibility: hidden;
}

.particles-circle:nth-of-type(odd) {
  border: solid 2px #F40E33;
  background-color: transparent;
}

@keyframes particles-1 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: 5px;
    top: -17px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(1) {
  animation: particles-1 1.5s 0.025s;
}

@keyframes particles-2 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: -11px;
    top: -194px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(2) {
  animation: particles-2 1.5s 0.05s;
}

@keyframes particles-3 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: 188px;
    top: 22px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(3) {
  animation: particles-3 1.5s 0.075s;
}

@keyframes particles-4 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: -203px;
    top: -105px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(4) {
  animation: particles-4 1.5s 0.1s;
}

@keyframes particles-5 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: -5px;
    top: 171px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(5) {
  animation: particles-5 1.5s 0.125s;
}

@keyframes particles-6 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: 16px;
    top: 82px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(6) {
  animation: particles-6 1.5s 0.15s;
}

@keyframes particles-7 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: 157px;
    top: 18px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(7) {
  animation: particles-7 1.5s 0.175s;
}

@keyframes particles-8 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: -22px;
    top: 240px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(8) {
  animation: particles-8 1.5s 0.2s;
}

@keyframes particles-9 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: -246px;
    top: 58px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(9) {
  animation: particles-9 1.5s 0.225s;
}

@keyframes particles-10 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: -163px;
    top: -151px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(10) {
  animation: particles-10 1.5s 0.25s;
}

@keyframes particles-11 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: -1px;
    top: -84px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(11) {
  animation: particles-11 1.5s 0.275s;
}

@keyframes particles-12 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: 123px;
    top: -240px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(12) {
  animation: particles-12 1.5s 0.3s;
}

@keyframes particles-13 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: -114px;
    top: -232px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(13) {
  animation: particles-13 1.5s 0.325s;
}

@keyframes particles-14 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: 78px;
    top: -114px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(14) {
  animation: particles-14 1.5s 0.35s;
}

@keyframes particles-15 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: -69px;
    top: 219px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(15) {
  animation: particles-15 1.5s 0.375s;
}

@keyframes particles-16 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: -141px;
    top: 30px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(16) {
  animation: particles-16 1.5s 0.4s;
}

@keyframes particles-17 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: 18px;
    top: -214px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(17) {
  animation: particles-17 1.5s 0.425s;
}

@keyframes particles-18 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: 239px;
    top: -101px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(18) {
  animation: particles-18 1.5s 0.45s;
}

@keyframes particles-19 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: 106px;
    top: -235px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(19) {
  animation: particles-19 1.5s 0.475s;
}

@keyframes particles-20 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: 3px;
    top: -217px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(20) {
  animation: particles-20 1.5s 0.5s;
}

@keyframes particles-21 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: -161px;
    top: -80px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(21) {
  animation: particles-21 1.5s 0.525s;
}

@keyframes particles-22 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: -81px;
    top: 245px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(22) {
  animation: particles-22 1.5s 0.55s;
}

@keyframes particles-23 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: -248px;
    top: 25px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(23) {
  animation: particles-23 1.5s 0.575s;
}

@keyframes particles-24 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: -63px;
    top: -161px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(24) {
  animation: particles-24 1.5s 0.6s;
}

@keyframes particles-25 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: 98px;
    top: 187px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(25) {
  animation: particles-25 1.5s 0.625s;
}

@keyframes particles-26 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: 14px;
    top: -28px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(26) {
  animation: particles-26 1.5s 0.65s;
}

@keyframes particles-27 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: -112px;
    top: -81px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(27) {
  animation: particles-27 1.5s 0.675s;
}

@keyframes particles-28 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: 28px;
    top: -139px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(28) {
  animation: particles-28 1.5s 0.7s;
}

@keyframes particles-29 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: 191px;
    top: -91px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(29) {
  animation: particles-29 1.5s 0.725s;
}

@keyframes particles-30 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: 237px;
    top: 195px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(30) {
  animation: particles-30 1.5s 0.75s;
}

@keyframes particles-31 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: -121px;
    top: -179px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(31) {
  animation: particles-31 1.5s 0.775s;
}

@keyframes particles-32 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: 76px;
    top: -225px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(32) {
  animation: particles-32 1.5s 0.8s;
}

@keyframes particles-33 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: 200px;
    top: -232px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(33) {
  animation: particles-33 1.5s 0.825s;
}

@keyframes particles-34 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: -4px;
    top: -211px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(34) {
  animation: particles-34 1.5s 0.85s;
}

@keyframes particles-35 {
  from {
    transform: scale(1);
    visibility: visible;
  }
  to {
    left: -233px;
    top: 159px;
    transform: scale(0);
    visibility: hidden;
  }
}

.lx-y-pop .right .form .sub:hover .particles-circle:nth-of-type(35) {
  animation: particles-35 1.5s 0.875s;
}
.menuBtn{display: none;}
@media screen and (max-width: 959px){
  .lx-y-pop{display: none;}
  .footer-swiper{margin-top: -20px;}
  .footer-swiper p{font-size: 20px;}
  .cursor-container{display: none;}
  .menuBtn{
    width: 22px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    height: 24px;
    float: right; margin: 5px 0 0 0;
  }
  .menuBtn b{
    width: 100%;
      height: 2px;
      background: #000;
      margin: 6px 0;
      border-radius: 2px;
      transition: all 0.3s;
      display: block;
      position: relative;
  }
  .menuBtn b:nth-child(2){
    width: 60%;
    margin: 3px 0 3px auto;
  }
  .menuBtn.open b{
  
  }
  .menuBtn.open b:nth-child(1) {
    transform: rotateZ(45deg);
    transform-origin: left center;
    top: 6px;
  }
  .menuBtn.open b:nth-child(2) {
    opacity: 0;
  }
  .menuBtn.open b:nth-child(3) {
    transform-origin: left center;
    transform: rotateZ(-45deg);
  }
  .btn-container{display: none;}
  .header{background-color: #fff;position: fixed;left: 0;top: 0;width: 100%;z-index: 9999999;}
  .menuBtn b{background-color: #000;}
  .logo img{display: none;}
  .logo img.hover{display: block;}
  body{padding-top: 50px;}
  body.index{padding-top: 60px;}
  .pop-out{
    left: 0;top: -100vh;
    -ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;
  }
  .pop-out.on{top: 85px;}
  .pop-out .pop-hd{display: none;}
  .pop-con{margin-top: 0;}
  .pop-out .pop-con .pop-nav{width: 100%;}
  .pop-nav ul{display: block;}
  .pop-nav li a{border-bottom: 1px solid #eee;padding:0 10px 20px 10px;font-size: 18px;color: #333;text-align: left;}
  .pop-nav .on a, .pop-nav li a:hover{background: none;}
  .hd-inner .logo img{display: block;}
.banner .txt h2{margin:40px 0 0 -18px ;font-size:39px;line-height:48px; letter-spacing: -1.5px;text-align: left;}
.m-index1{display: block;padding-top: 0;}
.m-index1 .wp1{display: none;}
.scroll-item{font-size: 80px;line-height: 80px;margin-top: 0;font-family: Montserrat;}
.mob_tit{margin-top: 0;}
.water-fall .item .li{overflow: hidden;padding-bottom: 0;margin-bottom: 0;}
.water-fall .txt h3 span{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 16px;}
.water-fall .li .txt{padding-right: 0;}
.water-fall .item .img{margin-left: 10px;}
}

.scroll-container-mo {
  width: 100%;
  overflow: hidden;
  background-color: #E0E8FF; height: 43px;
}

.scroll-item-mo {
  display: inline-block;
  font-size: 16px;
  color: #333;
  line-height: 45px; letter-spacing: 3px;
}
.fd-mo-icon{display: none;}
@media screen and (max-width: 767px){
  .hd-inner{padding-top: 10px;}
  .logo{margin-top: 0;}
  .contact3wp span{font-size: 24px!important;margin: 30px 0!important;}
  .ul-about1 .item em{font-size: 52px; letter-spacing: -2px; margin: 0 5px 0 0;}
  .ourbg{height: auto;}
  .ul-about1{margin: 20px 0;}
  .ul-index3 a{
    border-radius: 100%;
  }
}
.fd-mo-icon {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 0 0 20px 0;float: left;
}

.fd-mo-icon .item {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  position: relative;
  margin-right: 20px;
}

.fd-mo-icon .item .ico {
  width: 30px;
  fill: #9da3a3;
}

.fd-mo-icon .item .ewm {
  position: absolute;
  left: 0;
  bottom: 45px;
  padding: 10px;
  background-color: #fff;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  border-radius: 4px;
  display: none;
}

.fd-mo-icon .item .ewm img {
  display: block;
  width: 100%;
}



.fd-mo-bot {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F3F6FE;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 99;
}

.fd-mo-bot li {
  width: 25%;
  position: relative;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  line-height: 50px;
  border-right: 1px solid #E3E8FB;
  bottom: 0 !important;
}

.fd-mo-bot li .ico {
  display: block;
  width: 43px;
}

.fd-mo-bot li a {
  color: #333;
}

.fd-mo-bot li.active .tel,
.fd-mo-bot li.active .ewm {
  opacity: 1;
  bottom: 50px;
}

.fd-mo-bot li .tel {
  position: absolute;
  left: 50%;
  bottom: 50px;
  padding: 20px;
  white-space: nowrap;
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #000;
  text-align: center;
  opacity: 0;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  bottom: -200px;
}

.fd-mo-bot li .tel em {
  display: block;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
}

.fd-mo-bot li .tel span {
  display: block;
  font-size: 24px;
  color: #fff;
  line-height: 26px;
	font-family: 'Montserrat';
    letter-spacing: 1px;
}

.fd-mo-bot li .ewm {
  position: absolute;
  left: 50%;
  bottom: 50px;
  padding: 10px;
  white-space: nowrap;
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #000;
  text-align: center;
  width: 120px;
  opacity: 0;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  bottom: -200px;
}

.fd-mo-bot li .ewm p {
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 20px;
}

.fd-mo-bot li .ewm img {
  display: block;
  width: 100%;
  margin: 5px 0;
}

.mine-list {
  margin-bottom: 100px;
}

.mine-list li {
  position: relative;
}

.mine-list li:hover .img {
  opacity: 1;
  visibility: visible;
}

.mine-list li .img {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  visibility: hidden;
}

.rolling-text {
  display: inline-block;
  overflow: hidden;
}

.rolling-text:hover .letter, .rolling-text.play .letter {
  transform: translateY(-100%);
}

.rolling-text .block:last-child {
  color: #333;
}

.rolling-text .letter {
  display: inline-block;
  transition: transform 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}

.letter:nth-child(1) {
  transition-delay: 0s;
}

.letter:nth-child(2) {
  transition-delay: 0.015s;
}

.letter:nth-child(3) {
  transition-delay: 0.03s;
}

.letter:nth-child(4) {
  transition-delay: 0.045s;
}

.letter:nth-child(5) {
  transition-delay: 0.06s;
}

.letter:nth-child(6) {
  transition-delay: 0.075s;
}

.letter:nth-child(7) {
  transition-delay: 0.09s;
}

.letter:nth-child(8) {
  transition-delay: 0.105s;
}

.letter:nth-child(9) {
  transition-delay: 0.12s;
}

.letter:nth-child(10) {
  transition-delay: 0.135s;
}

.letter:nth-child(11) {
  transition-delay: 0.15s;
}

.letter:nth-child(12) {
  transition-delay: 0.165s;
}

.letter:nth-child(13) {
  transition-delay: 0.18s;
}

.letter:nth-child(14) {
  transition-delay: 0.195s;
}

.letter:nth-child(15) {
  transition-delay: 0.21s;
}

.letter:nth-child(16) {
  transition-delay: 0.225s;
}

.letter:nth-child(17) {
  transition-delay: 0.24s;
}

.letter:nth-child(18) {
  transition-delay: 0.255s;
}

.letter:nth-child(19) {
  transition-delay: 0.27s;
}

.letter:nth-child(20) {
  transition-delay: 0.285s;
}

.letter:nth-child(21) {
  transition-delay: 0.3s;
}

.g-eyes {
  position: fixed;
  right: 20px;
  bottom: 100px;
  width: 66px;
  cursor: pointer;
  z-index: 9999;
  border-radius: 100px;
  opacity: 0;
}

.g-eyes img {
  display: block;
  width: 100%;
}

.g-eyes i {
  position: absolute;
  top: 13px;
  width: 5px;
  height: 15px;
  border-radius: 5px;
  background-color: #000;
  left: 46%;
}

.g-eyes i.l {
  margin-left: -10px;
}

.g-eyes i.r {
  margin-left: 5px;
}

.fd-other-contact{
  background-color: #fff;
}
.fd-other-contact .top {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fd-other-contact .top .serve {
  flex-shrink: 0;
  width: 96px;
  margin-right: 24px;
}

.fd-other-contact .top .con {
  flex-grow: 1;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #EDF1FF;
  border-radius: 90px 90px 90px 0px;
  padding-left: 80px;
  padding-right: 10px;
}
.fd-other-contact .top .con:hover{
  background-color: #EDF1FF;
}

.fd-other-contact .top .con p {
  flex-grow: 1;
  font-size: 42px;
  color: #333333;
  letter-spacing: 2px;
  font-weight: 700;
  line-height: 96px;
  height: 92px;
  overflow: hidden;
}

.fd-other-contact .top .con .g-quan {
  flex-shrink: 0;
  width: 76px;
  height: 76px;
  max-height: 110px;
  padding: 26px;
}

body {
  overflow-x: hidden;
}



.two-our-ban {
  margin-bottom: 100px;
}

.two-our-ban img {
  display: block;
  width: 100%;
}

.two-our-ban img.pc {
  display: block;
}

.two-our-ban img.mo {
  display: none;
}

.tow-our-part1 {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}
.tow-our-part1.nomb{margin-bottom: 50px;}
.tow-our-part1 .left {
  flex-shrink: 0;
  width: 510px;
}

.tow-our-part1 .right {
  flex-grow: 1;
  width: calc(100% - 510px);
}

.tow-our-part1 .right .txt {
  font-size: 16px;
  color: #333333;
  line-height: 28px;
}

.tow-our-part1 .right .txt p {
  margin-bottom: 20px;
}

.o-logo {
  width: 375px;
  display: block;
}

.o-logo img {
  display: block;
  width: 100%;
}

.two-our-tit h3 {
  font-size: 46px;
  color: #333333;
  font-weight: 700;
}

.two-our-tit span {
  font-family: Montserrat-Medium;
  display: block;
  font-size: 60px;
  color: #ECEEF6;
  letter-spacing: -2.7px;
  line-height: 53px;
  font-weight: 500;
}

.two-our-swiper {
  overflow: hidden;
}

.swiper-our-logo {
  overflow: hidden;
  padding: 40px 0;
  border-bottom: 1px solid #333;
  margin-right: -5%;
}

.swiper-our-logo.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto;
}

.swiper-our-logo img {
  max-width: 50%;
  /* 设置灰度值为100%   filter: grayscale(100%);*/
}

.two-num-list {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

.two-num-list li {
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
  padding: 30px 0;
  border-bottom: 1px solid #333;
  width: 50%;
}

.two-num-list li:first-child {
  width: 100%;
}

.two-num-list li .num {
  font-size: 168px;
  color: #333333;
  font-weight: 500;
  margin-right: 10px;
  line-height: 1;
  flex-shrink: 0;

	font-family: "Montserrat-Medium";
}

.two-num-list li .word {
  flex-grow: 1; line-height: 43px;
  margin-bottom: 15px;
}

.two-num-list li .word em {
  color: #333;
  font-size: 80px;
  font-weight: bold;
  line-height: 1;
}

.two-num-list li .word p {
  font-size: 30px;
  color: #333333;
  font-weight: 600;
}

.two-num-list li .word span {
  font-size: 40px;
  color: #333333;
  font-weight: 500;
  display: block;
}

.two-our-logos {
  margin-bottom: 150px;
}

.two-our-logos ul li a .g-quan {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 10000px;
  background: #ECF1FF;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 200px;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.two-our-logos ul li a .g-quan .ani {
  padding: 8px;
}

.two-our-logos ul li a .g-quan span {
  font-size: 24px;
  color: #000;
  line-height: 26px;
}

.two-out-list1 {
  margin-top: 120px;
}

.two-out-list1 li {
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background: #FFFFFF;
  border: 1px solid #DAE3FE;
  padding: 68px 38px 68px 25px;
  margin-bottom: 60px;
  position: sticky;
  top: 70px;
}

.two-out-list1 li .img {
  flex-shrink: 0;
  margin-right: 40px;
}

.two-out-list1 li .img img {
  display: block;
  max-width: 110px;
}

.two-out-list1 li .con {
  flex-grow: 1;
  padding-left: 70px;
  position: relative;
}

.two-out-list1 li .con::before {
  content: "";
  position: absolute;
  left: -20px;
  top: -20px;
  width: 61px;
  height: 58px;
  background: url(../images/mszstop.png) center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.two-out-list1 li .con::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 61px;
  height: 58px;
  background: url(../images/mszsbottom.png) center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.two-out-list1 li .con .des {
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  text-align: justify;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 20px;border-bottom: 1px dashed #eee; height: 69px;
}

.two-out-list1 li .con .user {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.two-out-list1 li .con .user img {
  flex-shrink: 0;
  width: 58px;
  margin-right: 12px;
}

.two-out-list1 li .con .user .user-info {
  flex-grow: 1;
}

.two-out-list1 li .con .user .user-info p {
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  text-align: justify;
  font-weight: 400;
  margin-bottom: 2px;
}

.two-out-list1 li .con .user .user-info span {
  font-size: 12px;
  color: #333333;
  letter-spacing: 0;
  text-align: justify;
  font-weight: 400;
}

.mt-200 {
  margin-top: -200px;
}

.our-full {
  margin-bottom: 80px;
}

.our-full img {
  display: block;
  width: 100%;
}

.our-full img.pc {
  display: block;
}

.our-full img.mo {
  display: none;
}

.two-our-list2 {
  background: #F4F5F6;
  padding-left: 206px;
  overflow: hidden;
  margin-bottom: 150px;
}

.two-our-list2 li {
  float: left;
  width: 25%;
  margin-bottom: 80px;
}

.two-our-list2 li .item {
  margin-right: 60px;
}

.two-our-list2 li .item .img {
  position: relative;
  overflow: hidden;
  padding-top: 133.24%;
}

.two-our-list2 li .item .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.two-our-list2 li .item .img:hover img{
  -ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);
}
.two-our-list2 li .item .txt {
  margin-top: 10px;
}

.two-our-list2 li .item .txt h3 {
  font-size: 20px;
  color: #000;
  line-height: 30px;
}

.two-our-list2 li .item .txt p {
  font-size: 16px;
  color: #333;
  line-height: 26px;
}

.two-words {
  margin: -70px 0 80px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.two-words span {
  font-size: 56px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 400;
}

.two-our-swiper {
  margin-bottom: 150px;
  position: relative;
}

.two-our-swiper .swiper-pagination {
  position: absolute;
  left: calc(37% - 70px);
  font-size: 16px;
  color: #333333;
  bottom: 50px;
  width: auto;
  margin-left: -35px;
}

.two-our-swiper .swiper-button-prev,
.two-our-swiper .swiper-button-next {
  position: absolute;
  bottom: 50px;
  width: 50px;
  height: 50px;
  background-color: #F7F7F7;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: 23px;
  -moz-background-size: 23px;
  -o-background-size: 23px;
  background-size: 23px;
  font-size: 0;
  border-radius: 70px;
  top: auto;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.two-our-swiper .swiper-button-prev::after,
.two-our-swiper .swiper-button-next::after {
  display: none;
}

.two-our-swiper .swiper-button-prev:hover,
.two-our-swiper .swiper-button-next:hover {
  background-color: #EAEAEA;
}

.two-our-swiper .swiper-button-prev {
  background-image: url(../images/stleftjt.png);
  left: 70px;
  right: auto;
}

.two-our-swiper .swiper-button-next {
  background-image: url(../images/strightjt.png);
  left: 136px;
  right: auto;
}

.two-our-swiper .imgtxt {
  border: 1px solid #DAE3FE;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.two-our-swiper .imgtxt .img {
  flex-grow: 1;
  overflow: hidden;
}

.two-our-swiper .imgtxt .img img {
  display: block;
  width: 100%;
  transform-origin: center center;
  transform: scale(1.1);
}
.two-our-swiper .swiper-slide-active .imgtxt .img img{
  transform: scale(1);
  transition: all 3.5s;
}
.two-our-swiper .swiper-slide-active .imgtxt .txt h3 {
  transform: translateY(0);
  opacity: 1;

}
.two-our-swiper .swiper-slide-active .imgtxt .txt p{
  transform: translateY(0);
  opacity: 1;    

}
.two-our-swiper .swiper-slide{opacity: 0!important;}
.two-our-swiper .swiper-slide.swiper-slide-active{opacity: 1!important;}
.two-our-swiper .imgtxt .txt {
  width: 37%;
  padding: 88px 70px 0;
  flex-shrink: 0;
}

.two-our-swiper .imgtxt .txt h3 {
  font-size: 33px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 400;
  margin-bottom: 49px;
  transform: translateY(25px);
  opacity: 0;  transition: all 0.8s 0.3s;

}

.two-our-swiper .imgtxt .txt p {
  font-size: 16px;
  color: #333333;
  text-align: justify;
  line-height: 30px;
  transform: translateY(25px);
    opacity: 0;
    transition: all 0.8s 0.4s;
}

.two-our-list3-box {
  margin-top: 20px;
  margin-bottom: 20px;
}

.two-our-list3-box .two-our-list3:last-child {
  border-bottom: 1px solid #ccc;
}

.two-our-list3 {
  border-top: 1px solid #ccc;
  padding: 22px 0;
}

.two-our-list3.active dt i {
  transform: none;
  opacity: 1;
}

.two-our-list3.active dd {
  display: block;
}

.two-our-list3 dt {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.two-our-list3 dt span {
  flex-grow: 1;
  font-size: 18px;
  color: #333333;
  letter-spacing: 0;
  line-height: 36px;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.two-our-list3 dt i {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url(../images/winclose.png);
  transform: scaleY(-1) rotate(-225deg);
  opacity: .5;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  margin-left: 20px;
}

.two-our-list3 dd {
  margin-top: 40px;
  display: none;
}

.two-our-list3 dd p {
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 400;
}

.two-our-tit2 {
  margin-bottom: 10px;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;

}

.two-our-tit2 .num {
  font-family: MontserratAlternates-Medium;
  font-size: 188px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 500;
}

.two-our-tit2 .bz {
  margin-top: 130px;
}

.two-our-tit2 .bz span {
  font-size: 38px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 600;
  display: block;
  line-height: 1.1;
}

.two-our-tit2 .bz em {
  font-family: Montserrat-Medium;
  font-size: 50px;
  color: #333333;
  letter-spacing: 0;
  display: block;
  margin-bottom: 26px;
  font-weight: 500;
  line-height: 1.1;
}

.two-our-tit2 .bz p {
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  text-align: justify;
  line-height: 28px;
  font-weight: 400;
}

.two-our-list4 {
  padding-left: 238px;
}

.two-our-list4 li {
  padding: 10px 0;
  position: relative;
}

.two-our-list4 li p {
  font-size: 16px;
  color: #333333;
  line-height: 34px;
  padding-left: 25px;
  position: relative;
}

.two-our-list4 li p::after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background-color: #000;
}

.two-our-list4 li:hover .img {
  opacity: 1;
  visibility: visible;
}

.two-our-list4 li .img {
  position: fixed;
  left: 0;
  top: 0;
  opacity: 0;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  visibility: hidden;
}

.two-our-list4 li .img img {
  width: 155px;
}
.g-flex-mo{display: none!important;}
@media screen and (max-width: 1279px){
  .tow-our-part1 .left{width: 30%;}
  .tow-our-part1 .right{width: 70%;padding-left: 40px;}
  .o-logo{width: 100%;}
  .two-num-list li .num{font-size: 100px;}
  .two-num-list li .word em{font-size: 60px;display: block;}
  .two-num-list li .word p{font-size: 24px;}
  .two-num-list li .word span{font-size: 30px;}
  .two-num-list li .word{margin-bottom: 0;}
  .two-out-list1 li{padding: 30px 20px;}
  .two-out-list1 li .con{padding-left: 30px;}
  .two-out-list1 li .con::before,.two-out-list1 li .con::after{width: 30px;height: 28px;}
  .two-our-swiper .imgtxt .txt{padding: 20px 20px 0;}
  .two-our-swiper .imgtxt .txt h3{margin-bottom: 20px;}
  .two-our-tit2 .num{font-size: 100px;}
  .two-our-tit2 .bz{margin-top: 30px;}
  .two-our-list4{padding-left: 0;}
  .two-out-list1 li .con .des{height: auto;padding-bottom: 20px;}
}
@media screen and (max-width: 959px) {
  .two-our-logos{margin-top: 0 !important;}
  .g-flex-mo{display: flex!important;}
  .g-flex-pc{display: none!important;}
  .tow-our-part1 {
    display: block;
    margin-bottom: 50px;
  }
  .tow-our-part1 .left {
    width: auto;
  }
  .tow-our-part1 .right {
    width: 100%;
  }
  .o-logo {
    width: 170px;
    margin-bottom: 30px;
  }
  .tow-our-part1 .right .txt {
    font-size: 16px;
    line-height: 26px;text-align: justify;
  }
  .two-num-list li:first-child {
    width: auto;
  }
  .two-num-list li {
    border: none;
    width: auto;
    align-items: center;

  }
  .two-num-list li .num {
    font-size: 40px;
    line-height: 40px; letter-spacing: -2px;
  }
  .two-num-list li .word{
    margin-bottom: 0;
    line-height: auto;
  }
  .two-num-list li .word em {
    font-size: 24px;
    line-height: 22px;
  }
  .two-num-list li .word p {
    font-size: 14px;
    line-height: 18px;
  }
  .two-num-list li .word span {
    font-size: 12px;
    line-height: 20px;
  }
  .two-our-tit {
    margin-bottom: 20px;
  }
  .two-our-tit h3 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 5px;
  }
  .two-our-tit span {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 0;
  }
  .two-our-logos ul {
    justify-content: space-around;
  }
  /* .two-our-logos ul li a {
    width: 120px;
    height: 120px;
  } */
  /* .two-our-logos ul li a img {
    max-width: 80%;
    max-height: 80%;
  } */
  .two-our-logos ul li a .g-quan span{font-size: 20px;line-height: 26px;}
  .two-our-logos {
    margin-bottom: 50px;
  }
  .two-out-list1 {
    margin-top: 30px;
  }
  .two-out-list1 li {
    padding: 15px;
    display: block;
    margin-bottom: 20px;
  }
  .two-out-list1 li .img {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .two-out-list1 li .img img {
    width: 80px;
  }
  .two-out-list1 li .con {
    padding-left: 0;
  }
  .two-out-list1 li .con::before {
    display: none;
  }
  .two-out-list1 li .con::after {
    display: none;
  }
  .two-out-list1 li .con .des {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .two-out-list1 li .con .user img {
    width: 50px;
    margin-right: 10px;
  }
  .two-out-list1 li .con .user .user-info p {
    font-size: 14px;
    line-height: 24px;
  }
  .two-out-list1 li .con .user .user-info span {
    font-size: 12px;
    line-height: 20px;
  }
  .mt-200 {
    margin-top: 0;
  }
  .our-full img.pc {
    display: none;
  }
  .our-full img.mo {
    display: block;
  }
  .our-full {
    margin-bottom: 30px;
  }
  .two-our-list2 {
    padding: 0 10px;
    margin-bottom: 30px;
  }
  .two-our-list2 li {
    width: 50%;
    margin-bottom: 30px;
  }
  .two-our-list2 li .item {
    margin: 0 10px;
  }
  .two-our-list2 li .item .txt h3 {
    font-size: 16px;
    line-height: 26px;
  }
  .two-our-list2 li .item .txt p {
    font-size: 14px;
    line-height: 22px;
  }
  .tow-our-part1 {
    margin-bottom: 30px;
  }
  .tow-our-part1.nomb{margin-bottom: 20px;}
  .two-words {
    margin: 0 0 40px;
  }
  .two-words span {
    font-size: 45px;
  }
  .two-our-swiper {
    margin-bottom: 30px;
    padding-bottom: 50px;
  }
  .two-our-swiper .swiper-pagination {
    display: none;
  }
  .two-our-swiper .swiper-button-next,
  .two-our-swiper .swiper-button-prev {
    width: 40px;
    height: 40px;
    -webkit-background-size: 20px;
    -moz-background-size: 20px;
    -o-background-size: 20px;
    background-size: 20px;
    bottom: 0;
    left: 50%;
    right: auto;
  }
  .two-our-swiper .swiper-button-next {
    margin-left: 20px;
  }
  .two-our-swiper .swiper-button-prev {
    margin-left: -40px;
  }
  .two-our-swiper .imgtxt {
    flex-wrap: wrap;
  }
  .two-our-swiper .imgtxt .img {
    order: 1;
    width: 100%;
  }
  .two-our-swiper .imgtxt .txt {
    order: 2;
    width: 100%;
    padding: 14px;
  }
  .two-our-swiper .imgtxt .txt h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .two-our-swiper .imgtxt .txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .two-our-list3-box {
    margin-bottom: 30px;
  }
  .two-our-list3 {
    padding: 20px 0;
  }
  .two-our-list3 dt span {
    font-size: 18px;
    line-height: 28px;
  }
  .two-our-list3 dt i {
    -webkit-background-size: 12px;
    -moz-background-size: 12px;
    -o-background-size: 12px;
    background-size: 12px;
  }
  .two-our-list3 dd {
    margin-top: 20px;
  }
  .two-our-list3 dd p {
    font-size: 14px;
    line-height: 24px;
  }
  .two-our-tit2 {
    margin-bottom: 30px;
  }
  .two-our-tit2 .num {
    font-size: 44px;
    margin-right: 20px;
  }
  .two-our-tit2 .bz {
    margin-top: 10px;
  }
  .two-our-tit2 .bz span {
    font-size: 14px;
    line-height: 18px;
  }
  .two-our-tit2 .bz em {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
  }
  .two-our-tit2 .bz p {
    font-size: 12px;
    line-height: 16px;
  }
  .two-our-list4 {
    padding-left: 0;
  }
  .two-our-list4 li p {
    font-size: 14px;
    line-height: 24px;
    padding-left: 20px;
  }
  .two-our-list4 li p::after {
    top: 6px;
    width: 10px;
    height: 10px;
  }
  .two-our-ban {
    margin: 20px -20px 50px;
  }
  .two-our-ban img.pc {
    display: none;
  }
  .two-our-ban img.mo {
    display: block;
  }
  body {
    padding-bottom: 50px;
  }
  .fd-other-contact{padding: 20px 0;}
  .fd-other-contact .top{margin-bottom: 0;}
  .fd-other-contact .top .con{padding: 0 10px;border-radius: 90px 90px 90px 0;}
  .fd-other-contact .top .con p{font-size: 13px;line-height: 50px;height: 47px;letter-spacing: 0;}
  .fd-other-contact .top .con .g-quan{width: 40px;height: 40px;padding: 10px;}
  .fd-other-contact .top .con{}
  .fd-other-contact .top .serve{width: 50px;margin-right: 6px;}
  .fd-mo-bot{display: flex !important;}
  .two-our-list4 li .img{display: none;}
  .ul-index3 li.none{display: none;}
  .ban2.us{margin-top: 0;}
  .footer-swiper .scroll-item{line-height: 46px;}
  .g-eyes{display: none !important;}
  .lx-y-pop.forms{display: block;left: 0;}
  .lx-y-pop.forms .left{
    width: 100%;
  }
  .lx-y-pop.forms .right{
    padding: 20px;
    height: auto;
    display: block;
    margin-bottom: 40px;
  }
  .lx-y-pop .right .form .tit h3{font-size: 24px;}
  .lx-y-pop .right .form .tit p{font-size: 14px;line-height: 24px;letter-spacing: 1px;}
  .lx-y-pop .right .form .item .inp input{height: 40px;line-height: 38px;font-size: 14px;}
  .lx-y-pop .right .form .item .inp .area{font-size: 14px;line-height: 24px;}
  .lx-y-pop .right .form .item .name{font-size: 16px;}
  .lx-y-pop .right .form .sub{width: 100%;}
  .gotop{opacity: 1!important;}
  .hd-inner.pages{
    position: absolute;
  }
  .two-our-logos ul li a .g-quan .ani{padding: 10px;}
  .logo img{filter:none;}
  .two-our-tit span{font-size: 36px;}
  .tow-our-part1 .right{padding-left: 0;}
  .two-words span{font-size: 32px;}
  .two-num-list li .num{font-size: 60px;}
  .swiper-our-logo img{max-width: 80%;}
  .footer{z-index: 999;}
  .ul-index5{margin-bottom: 0 !important;}
}
@media screen and (max-width: 767px){
  .two-num-list li:first-child{width: 60%;}
  .pop-out.on{top: 50px;}
}