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:200;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:BEBAS Condensed;src:url('../font/BEBAS-1.ttf')}
.kong50{display:none}
.wp{width:96%;max-width:1200px;margin:0 auto}
.wp1{padding:0 3%}
.header{padding:30px 3%;position:absolute;left:0;top:0;width:100%;overflow:hidden;z-index:99}
.hd-inner{position:fixed;left:0;top:0;width:100%;overflow:hidden;z-index:999;padding:20px 3% 17px;background-color:#fff}
.hd-inner .menuBtn b{background-color:#e3254a}
.logo{float:left}
.logo img{display:block;height:36px}
.hdr{float:right}
.nav{float:left}
.nav li{float:left;margin-right:68px;font-weight:400}
.nav li a{display:block;font-size:20px;font-weight:100;color:#fff;line-height:36px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(65%,transparent),color-stop(0,#61b9c8));background-image:linear-gradient(180deg,transparent 65%,#e22045 0);background-size:0 100%;background-repeat:no-repeat}
.nav li a:hover,.nav li.on a{background-size:100% 100%}
.menuBtn{float:right;width:33px;cursor:pointer;height:29px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;margin-top:7px;position:relative}
.menuBtn b{display:block;height:3px;width:100%;background-color:#fff;margin-bottom:4px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.menuBtn b:last-child{margin-bottom:0}
.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 .txt{position:absolute;left:3%;top:80%;margin-top:-110px;width:100%;color:#fff}
.banner .txt h2{font-weight:700;font-size:56px;line-height:82px;margin-bottom:16px;letter-spacing:2px}
.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:200}
.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:700;-webkit-animation:blink .7s infinite;animation:blink .7s infinite;font-size:50px;display:inline;color:#fff}
.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}
.m-pages li a:hover,.m-pages li span:hover,.m-pages li.on a{color:#fff;background-color:#e22045;border-color:#e22045}
.m-pages .active a{color:#fff;background-color:#e22045;border-color:#e22045}
.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:#e22045 url(../images/ar-prev2.png) no-repeat center}
.m-pages li a[rel~=next]:hover{font-size:0;background:#e22045 url(../images/ar-next2.png) no-repeat center}
.footer{background-color:#f7f7f7;position:relative;z-index:99}
.fd-top{padding:52px 0 2px;overflow:hidden}
.fd-top .contact{float:left;width:50%}
.fd-top .addr{margin-bottom:58px}
.fd-top .addr-c3{display: none}
.fd-top .addr strong{font-size:22px;padding-left:33px;color:#e3254a;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}
.emsg{font-size:15px;float: left;}
.emsg img{width:49px}.emsg a:hover{color:#e22045}
.fd-top .ewm{overflow:hidden}
.fd-top .ewm .img{float:left;padding:7px;border:1px solid #ccc;margin-right:36px}
.fd-top .ewm .img22{display:none}
.fd-top .ewm .img img{display:block;width:100px}
.fd-top .ewm .img p{font-size:12px;line-height:26px;text-align:center;margin-top:0}
.fd-top .ewm .txt{overflow:hidden}
.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}
.fd-top .ewm dd a{display:block;font-size:13px;color:#666;line-height:23px}
.fd-top .ewm dd a:hover{color:#e3254a;text-decoration:underline}
.fd-link1{float:left;width:31%}
.fd-link1 .link{margin-bottom:19px}
.fd-link1 h3,.fd-link2 .link h3{font-weight:normal;line-height:34px;margin-bottom:5px}
.fd-link1 a{display:block;font-size:12px;color:#666;line-height:24px}
.fd-link1 a:hover,.fd-link2 .link a:hover{color:#e3254a;text-decoration:underline}
.fd-link2{float:left;width:19%}
.fd-link2 .link{margin:0 -10px 30px}
.fd-link2 .link a{display:inline-block;font-size:12px;color:#666;line-height:24px;margin:0 10px 0 0;width: 100%;}
.goTop{position:fixed;right:17px;bottom:70px;width:50px;height:50px;border:2px solid #e3254a;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}
.goTop:hover{background-image:url(../images/totop2.png);background-color:#e3254a}
.copy{font-size:12px;color:#000;line-height:23px;padding:20px 0;border-top:1px solid #eee;font-weight:400}
.copy a{color:#000}
.copy a:hover{text-decoration:underline;color:#e22045}
.pop-hd{padding:25px 3% 0;height:100px}
.pop-hd .logo2{float:left}
.pop-hd .logo2 img{display:block;width:200px}
.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}
.pop-con .contact h3 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%,#eee 0);background-size:100% 100%;background-repeat:no-repeat}
.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:18px;color:#e3254a;padding-left:25px;background:url(../images/i-tel.png) center left no-repeat;-webkit-background-size:18px;-moz-background-size:31px;-o-background-size:31px;background-size:18px;font-weight:700;letter-spacing:1px;margin-bottom:18px;font-family:Leelawadee UI}
.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:#666;line-height:18px;font-weight:400}
.pop-con .form h3{color:#333;font-size:30px;line-height:49px;margin-bottom:28px}
.pop-con .form h3 span{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(56%,transparent),color-stop(0,#eee));background-image:linear-gradient(180deg,transparent 75%,#eee 0);background-size:100% 100%;background-repeat:no-repeat}
.pop-con .form .item{border:1px solid #ccc;padding:0 17px;overflow:hidden;margin-bottom:19px;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:#e3254a;border:1px solid #e3254a;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:#e3254a}
.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:3%;top:0;z-index:99}
.ul-snav{margin-bottom:30px}
.ul-snav li{margin-bottom:28px}
.ppcasef{font-size:31px;font-weight:100}
.ul-snav li a{display:block;font-size:36px;color:#333;line-height:46px;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:#e22045;background-size:100% 100%}
.snav .coop{width:73px;height:74px;text-align:center;line-height:26px;font-size:22px;color:#fff;padding-top:11px;padding-right:2px;background-color:#e22045;display:block;font-weight:700}
.wp2{padding:0 3% 70px 17%}
.ul-index1 .img{display:block;position:relative;overflow:hidden;margin-right: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}
.ul-index1 .img .txt h3{font-size:18px;color:#fff;line-height:28px}
.ul-index1 .img .txt p{font-size:14px;color:#fff;opacity:.8;font-weight:100}
.ul-index1 .img:hover:after,.ul-index1 .img:hover:before{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,.86);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:#e22045;background-size:100% 100%}
.m-index1{padding:80px 0}
.g-tit1{font-size:45px;color:#333;line-height:60px}
.g-tit1 em{color:#e22045;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}
.topnone{top:0}
.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 70%,#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:36px;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}
.ul-index2 .item:hover strong{color:#e22045;-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;margin:30px -80px 83px -86px}
.ul-index3 li{float:left;width:20%;margin:30px 0 0 0;padding:0 60px 0 80px}
.ul-index3 a{display:block;position:relative;text-align:center;padding-top:100%;overflow:hidden}
.ul-index3 a img{z-index:1;position:absolute;left:0;top:50%;width:100%;-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.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-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:#e22045}
.g-tit2 h3{font-size:45px;color:#e3254a;line-height:60px;margin-bottom:15px}
.g-tit2 p{font-size:20px;color:#666;line-height:26px;font-weight:200;margin-bottom:50px}
.ul-index5{margin:0 -25px 0 -25px;overflow:hidden}
.ul-index5 li{float:left;width:33.33%;}
.ul-index5 .item{display:block;margin:0 25px 110px; height: 310px}
.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 10px}
.ul-index5 .txt h3 span{color:#000;font-size:20px;line-height:30px;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:#e22045}
.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:52px;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 70%,#eee 0);background-size:100% 100%;background-repeat:no-repeat}
.ban2 .con h3 em{color:#e3254a;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}
.ban2 .con p{font-size:26px;color:#333;font-weight:100;line-height:60px}
.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 70%,#eee 0);background-size:100% 100%;background-repeat:no-repeat}
.ban2 .text{font-size:28px;color:#333;line-height:38px;font-weight:200}
.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:#e22045;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}
.ul-tab1 .on a,.ul-tab1 li a:hover{background-size:100% 100%;color:#e3254a}
.ul-case1{overflow:hidden;margin:0 -7px 60px}
.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:48px;top:40px;z-index:3}
.ul-case1 .txt h3{font-size:20px;color:#fff;line-height:24px;font-weight: normal;letter-spacing: 1px}
.ul-case1 .txt p{font-size:14px;font-weight:100;color:#fff;line-height:30px; opacity:.5}
.ul-case1 .item:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.71);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}
.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}
.ul-page .on a,.ul-page li a:hover{border-color:#e22045;color:#fff;font-weight:700;background-color:#e22045}
.water-fall{overflow:hidden;margin:0 -80px;position:relative;visibility:hidden}
.water-fall .item{width:33%}
.water-fall .li{display:block;margin:0 80px 40px}
.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:6px 0 0 0}
.water-fall .txt h3 span{font-size:22px;font-family: SourceHanSerif-1f01fbbe6f210b8;color:#000;line-height:32px;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(75%,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:12px;color:#8f8f8f;line-height:26px}
.water-fall .li .img{overflow:hidden}
.water-fall .li:hover .txt h3 span{background-size:100% 100%;color:#e3254a}
.m-detail{padding-top:180px;background:url(../images/bg1.jpg) center top no-repeat}
.m-detail .con h1{font-size:48px;color:#000;line-height:76px;margin-bottom:15px;font-family: SourceHanSerif-1f01fbbe6f210b8}
.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 75%,#dae3ff 0);background-size:100% 100%;background-repeat:no-repeat}



.m-detail .con .time{font-size:14px;color:#333;line-height:31px;margin-bottom:55px}
.m-detail .con .time em{padding:0 5px;color:#e3254a}
.m-detail .left{float:left;font-size:20px;text-align:justify;color:#333;line-height:2em;min-height:390px;width:62%;padding-bottom:50px}
.m-detail .left a{color:#333; text-decoration:underline}
.m-detail .left a:hover{color:#e3254a; 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,#e3254a));background-image:linear-gradient(180deg,transparent 75%,#e3254a 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:#e3254a;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:92px;color:#1de1e4;line-height:1;font-family:"BEBAS Condensed";margin-right:10px}
.ul-about1 .item .txt{margin-top:0}
.ul-about1 .item .txt span{font-size:32px;line-height:42px;font-family:"BEBAS Condensed"}
.ul-about1 .item .txt p{font-size:22px;color:#666;line-height:23px}
.ul-about1 .item1 em{color:#634dd3}
.ul-about1 .item1 .txt span{color:#634dd3;text-transform:uppercase}
.ul-about1 .item2 em{color:#2286db}
.ul-about1 .item2 .txt span{color:#2286db;font-weight: bold}

.ul-about1 .item3 em{color:#f6703c}
.ul-about1 .item3 .txt span{color:#f6703c;font-size:46px}

.ul-about1 .item4 em{color:#e3254a}
.ul-about1 .item4 .txt span{color:#e3254a;font-size:46px}

.about-con{font-size:20px;font-weight:200;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:200}
.about-con img{display:block;margin:100px 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:#e3254a;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;-moz-box-shadow:0 0 10px rgba(0,0,0,.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);opacity:1}
.wp3{padding:0 30px}
.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%,#eee 0);background-size:100% 100%;background-repeat:no-repeat}
.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:40px;top:38px;right:0;z-index:1}
.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,.86);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}
.mob_tit{display:none}
.mob_tit2{display:none}
.mob_tit3{display:none}
.menuBtn.other b{background-color:#e22045}
.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-top:50px}
.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:300;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:300}
.about-sheji .txt h3 em{color:#e72b5e;font-weight:300}
.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:#e3254a}
.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 .left{float:left;width:47.6%}
.m-index3 .right{overflow:hidden}
.m-index3 .left .item{margin:0 25px 0 0}
.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:#e22045}
.m-index3 .right{overflow:hidden}
.m-index3 .right .li{float:left;width:50%}
.m-index3 .right .item{margin:0 25px}
.m-index3 .right .img{display:block}
.m-index3 .right .img img{display:block;width:100%;-webkit-filter:grayscale(100%);-webkit-filter:grayscale(1);filter:grayscale(100%);object-fit:cover}
.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:40px}
.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 0 0}
.m-index3 .right .txt .tit{color:#000;font-size:20px;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:12px;color:#8f8f8f;line-height:26px;display:block}
.m-index3 .right .item:hover .txt .tit{background-size:100% 100%;color:#e22045}
@media (max-width:1900px){
.ban2 img{width:1920px;position:absolute;right:0;top:0;max-width:1920px}
.ban2{height:358px;overflow:hidden}
.ul-case-rel .txt,.ul-case1 .txt{left:26px;top:27px}
.ul-case-rel .txt h3{font-size:18px;font-weight: normal;letter-spacing: 1px; margin-bottom:5px;line-height:8px}
.ul-case-rel .txt p{font-size:14px;font-weight:100}
.ul-index3{margin:0 -47px 0 -87px}
.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 #e3254a;font-size:32px;color:#e3254a;line-height:70px;font-weight:700;margin:0 auto 35px}
.pop-fd .tel{font-size:72px;color:#e3254a;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}
.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 -45px}
.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){
.emsg{display: none}
.snav{display:none}
.ul-tab1 li a{margin:0 15px}
.wp2{padding:0 20px}
.fd-link2{display:none}
.fd-link1,.fd-top .contact{float:none;width:100%}
.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;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 -30px}
.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:100px;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:12px;line-height:20px}
.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){
	.m-index3 .right .txt span{font-size:12px}
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:200;width:80%}
.mob_tit h3{font-size:31px;font-weight:700;line-height:40px;margin:0 0 18px 0}
.mob_tit2{display:block;margin:-25px auto 50px auto;font-weight:200;width:80%}
.mob_tit2 h3{font-size:31px;font-weight:700;line-height:40px;margin:0 0 18px 0}
.ul-index1 .img{margin-right: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:200;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}
.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:20px}
.menuBtn{margin-top:0}
.pop-hd{padding:20px 20px 0;height:70px}
.pop-con{margin-top:10px}
.pop-nav li{margin-bottom:15px}
.pop-nav li a{font-size:24px;line-height:44px}
.pop-fd{margin-top:6px}
.pop-fd .coop{font-size:16px;height:38px;line-height:38px;margin-bottom:1px}
.pop-fd .tel{font-size:40px;line-height:44px;margin-bottom:10px}
.pop-fd .info{font-size:12px;line-height:18px}
.pop-fd .info a{color:#666}
.copy.g-mo{text-align:center}
.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:28px;text-align:center;line-height:34px}
.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:12px;line-height:24px}
.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:88px}
.ban2 img{width:1000px;display:none}
.ul-about1{margin-bottom:40px}
.ul-about1 .item .txt{margin-top:-21px}
.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:24px}
.pop-hd .logo2 img{width:139px}
.pop-hd .right .close,.pop-hd .right .sm{width:24px;height:24px}
.menuBtn{height:auto;width:30px}
.menuBtn b{margin-bottom:4px}
.menuBtn b:last-child{margin-bottom:0}
.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:-13px}
.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:33px 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%,#d4d4d4 0);background-size:100% 100%;background-repeat:no-repeat;line-height:20px;width:64px;margin:0 auto 60px 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: 500; 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:14px;line-height:24px}
.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:16px;line-height:13px}
.ul-case1 .txt p{font-size:13px;line-height:24px}
.ul-page li a{width:35px;height:35px;line-height:33px}
.ul-case1{margin:0 -6% 10px}
.water-fall .item{position:relative!important;width:auto;overflow:hidden;margin-bottom:20px}
.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:14px;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:20px;top:20px}
.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,.m-index3{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:83px;line-height:72px}
.banner .txt h2{margin:0 auto 5px;font-size:32px;line-height:32px; letter-spacing: 0}
.word-line{font-size:24px}
.ul-about1,.ul-about1 li{margin-bottom:10px}
.ul-about1 .item .txt span{font-size:16px;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 28px}
.ban2 .con h3{display:none}
.ban2 .con p{display:none}
.ban2 .con22{display:block;margin:58px auto 0 auto;width:90%;font-weight:400}
.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;background-image:linear-gradient(180deg,transparent 70%,#eee 0);margin:7px 0 0 0}
.ban2 .con22 em{font-size:26px;line-height:30px;margin-bottom:15px;font-weight:400;color:#e22045;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:18px}
.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{left:10px;top:10px}
}
:root{--primary:rgb(40, 40, 40);--secondary:rgb(128, 128, 128);--mute:rgb(139, 142, 145);--white:rgb(255, 255, 255);--red:rgb(255, 87, 20);--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;width:98px;margin-left:50px;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{background-image:url(../images/ico_05.png)}
.share-box .a2{background-image:url(../images/ico_07.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:#e3254a}
.m-zhiku{padding:73px 0 23px}
.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:54px}
.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{background-image:url(../images/ourbg.jpg)}
.banner .item img{position:static;height:auto}
.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}
.m-index3 .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}
}