<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">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,.ul-txt li span,.ul_txt li span,dt span{float:right}
.c{clear:both}
.n,em{font-weight:400;font-style:normal}
.b{font-weight:700}
.i{font-style:italic}
.fa{font-family:Arial}
.fg{font-family:Georgia}
.ft{font-family:Tahoma}
.fl{font-family:Lucida Console}
.fs{font-family:'Ã¥Â®â€¹Ã¤Â½â€œ'}
.fw{font-family:'Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜'}
.tc{text-align:center}
.tr{text-align:right}
.tl{text-align:left}
.tdu{text-decoration:underline}
.tdn,.tdn:hover,a.tdl:hover{text-decoration:none}
.fc0{color:#000}
.fc3{color:#333}
.fc6{color:#666}
.fc9{color:#999}
.fcr{color:red}
.fcw{color:#fff}
.fcb{color:#00f}
.fcg{color:green}
.f0{font-size:0}
.f10{font-size:10px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f20{font-size:20px}
.f24{font-size:24px}
.vm{vertical-align:middle}
.vtb{vertical-align:text-bottom}
.vt{vertical-align:top}
.vn{vertical-align:-2px}
.vimg{margin-bottom:-3px}
.m0{margin:0}
.ml0{margin-left:0}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.mr0{margin-right:0}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.ml-1{margin-left:-1px}
.mt-1{margin-top:-1px}
.p1{padding:1px}
.pl5{padding-left:5px}
.p5{padding:5px}
.pt5{padding-top:5px}
.pr5{padding-right:5px}
.pb5{padding-bottom:5px}
.p10{padding:10px}
.pl10{padding-left:10px}
.pt10{padding-top:10px}
.pr10{padding-right:10px}
.pb10{padding-bottom:10px}
.p20{padding:20px}
.pl20{padding-left:20px}
.pt20{padding-top:20px}
.pr20{padding-right:20px}
.pb20{padding-bottom:20px}
.pr,.rel{position:relative}
.abs,.pa{position:absolute}
.dn{display:none}
.db{display:block}
.dib{-moz-inline-stack:inline-block;display:inline-block}
.di{display:inline}
.ovh{overflow:hidden}
.ovs{overflow:scroll}
.vh{visibility:hidden}
.vv{visibility:visible}
.lh14{line-height:14px}
.lh16{line-height:16px}
.lh18{line-height:18px}
.lh20{line-height:20px}
.lh22{line-height:22px}
.lh24{line-height:24px}
.fix{*zoom:1}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
.z{_zoom:1}
.h1{height:1px}
.h5{height:5px}
.h,.h10{height:10px}
.h15{height:15px}
.h20{height:20px}
.h,.h1,.h10,.h15,.h20,.h5{font-size:0;line-height:0;overflow:hidden;clear:both}
body{font:12px/1.5 "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜","Microsoft Yahei";color:#444;background-color:#fff;overflow-x:hidden;overflow-y:auto;padding-top:77px}
a{text-decoration:none;color:#444;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
a:hover{color:#f60}
img{max-width:100%}
input,select,textarea{font-size:12px;color:#444;font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜","Microsoft Yahei";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:grey}
::-moz-placeholder{color:grey}
::-ms-input-placeholder{color:grey}
select::-ms-expand{display:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
.ani{transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.wp{width:95%;max-width:1400px;margin:0 auto}
.h50{height:50px;clear:both;overflow:hidden}
.h100{height:100px;clear:both;overflow:hidden}
*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.header:after{content:"";display:block;clear:both;visibility:hidden;width:100%;height:0}
.header{position:fixed;top:0;left:0;width:100%;z-index:20;background-color:#fff}
.logo{display:block;float:left;margin-left:28px;height:77px;line-height:77px;font-size:0}
.logo img{display:inline-block;vertical-align:middle;height:46px}
.nav{float:right}
.nav ul{float:left;height:77px;line-height:77px;font-size:0}
.nav li{float:left;margin-left:12px;position:relative}
.nav .v1{display:inline-block;vertical-align:middle;height:36px;line-height:36px;font-size:16px;padding:0 12px;min-width:86px;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;border-radius:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nav .v1:hover,.nav li.on .v1,.nav li.on1 .v1{color:#fff;background:#f4077a;background:-webkit-linear-gradient(left,#f4077a,#16a4f1);background:-o-linear-gradient(right,#f4077a,#16a4f1);background:-moz-linear-gradient(right,#f4077a,#16a4f1);background:linear-gradient(to right,#f4077a,#16a4f1)}
.nav .down{position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:120px;padding-top:10px;display:none}
.nav .down dl{display:block;background-color:#fff;overflow:hidden;-webkit-box-shadow:0 0 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 0 rgba(0,0,0,.1);-ms-box-shadow:0 0 0 rgba(0,0,0,.1);-o-box-shadow:0 0 0 rgba(0,0,0,.1);box-shadow:0 0 0 rgba(0,0,0,.1)}
.nav .down .s1{display:block;width:100%;height:43px;line-height:43px;font-size:16px;color:#333;background-color:#fff;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nav .down .s1:hover,.nav .down dd.ok .s1{color:#fff;background:#f4077a;background:-webkit-linear-gradient(left,#f4077a,#16a4f1);background:-o-linear-gradient(right,#f4077a,#16a4f1);background:-moz-linear-gradient(right,#f4077a,#16a4f1);background:linear-gradient(to right,#f4077a,#16a4f1)}
.nav .mail{float:right;width:81px;height:77px;line-height:77px;font-size:0;margin-left:13px;text-align:center;background:#f4077a;background:-webkit-linear-gradient(left,#f4077a,#16a4f1);background:-o-linear-gradient(right,#f4077a,#16a4f1);background:-moz-linear-gradient(right,#f4077a,#16a4f1);background:linear-gradient(to right,#f4077a,#16a4f1);cursor:pointer}
.nav .mail i{display:inline-block;vertical-align:middle;width:21px;height:21px;background:url(../images/iconl1.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.header.fixed{-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);-moz-box-shadow:0 0 5px rgba(0,0,0,.2);-ms-box-shadow:0 0 5px rgba(0,0,0,.2);-o-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2)}
.menuBtn{width:30px;cursor:pointer;position:absolute;right:10px;top:50%;z-index:9;padding-top:4px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);display:none}
.menuBtn b{display:block;height:3px;background-color:#0056b0;margin-bottom:5px;border-radius:2px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.menuBtn.open b{display:none;margin:0;position:absolute;left:0;top:50%;width:30px}
.menuBtn.open b:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.menuBtn.open b:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}

#banner{overflow:hidden;position:relative}
#banner .slick-list,#banner .slick-slide,#banner .slick-slider,#banner .slick-track{height:100%}
#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 .slick-next,#banner .slick-prev{position:absolute;top:50%;margin-top:-25px;overflow:hidden;width:45px;height:50px;font-size:0;line-height:0;z-index:9;background-repeat:no-repeat;background-position:center center;-o-background-size:auto 50px;-ms-background-size:auto 50px;-moz-background-size:auto 50px;-webkit-background-size:auto 50px;background-size:auto 50px}
#banner .slick-prev{left:50%;margin-left:-645px;background-image:url(../images/arr-l.png)}
#banner .slick-next{right:50%;margin-right:-645px;background-image:url(../images/arr-r.png)}
#banner .slick-dots{position:absolute;left:0;bottom:30px;width:100%;text-align:center;z-index:9}
#banner .slick-dots li{display:inline-block;margin:0 2px}
#banner .slick-dots li button{display:block;width:24px;height:24px;font-size:0;line-height:0;text-indent:999px;background-color:#fff;border-radius:50%}
#banner .slick-dots li.slick-active button{background-color:#000}
.banner{overflow:hidden;height:734px;min-height:200px}
.banner .item{height:571px;min-height:200px;overflow:hidden;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center}
.banner .slick-dots{position:absolute;left:0;bottom:30px;width: 100%;text-align:center;font-size: 0;z-index:9}
.banner .slick-dots li{display: inline-block;margin:0 13px;height:15px;}
.banner .slick-dots li button{display:block;width:4px;height:4px;font-size:0;color:#fff;background:#fff;border-radius:50%;text-align:center;border:none;cursor:pointer;overflow:hidden;padding:0;margin-left:5px}
.banner .slick-dots li.slick-active button{width:14px;height:14px;background-color:#000;border:1px solid #fff;margin-left:0}
.banner .slick-next,.banner .slick-prev{position:absolute;top:50%;margin-top:-30px;overflow:hidden;width:60px;height:60px;font-size:0;line-height:0;z-index:2;border:none;background:center center no-repeat;-o-background-size:cover;-ms-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;padding: 0;cursor: pointer;}
.banner .slick-prev{left:13px;background-image:url(../images/iconq7.png)}
.banner .slick-next{right:13px;background-image:url(../images/iconq8.png)}
.banner .slick-next:hover,.banner .slick-prev:hover{opacity: .8;filter: alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';}

.footer{overflow:hidden;background-color:#1e1e1e;padding:41px 0 33px}
.fd-l{float:left;width:50%;overflow:hidden;padding-top:8px}
.fd-l .tit,.fd-r .tit{color:#fff;font-size:22px;line-height:1.5em;overflow:hidden;margin-bottom:21px}
.fd-l .addr{font-size:14px;color:#fff;line-height:1.5em;overflow:hidden;margin-bottom:30px}
.fd-l .addr p{margin-bottom:14px}
.fd-l .copy{font-size:14px;color:grey;line-height:2.64em;overflow:hidden}
.fd-r{float:right;overflow:hidden;width:410px}
.m-form{overflow:hidden}
.m-form .item{overflow:hidden;margin:0 -7px}
.m-form .item .box{width:50%;float:left;padding:0 7px}
.m-form .box{overflow:hidden;margin-bottom:18px}
.m-form .inp,.m-form .txt{display:block;width:100%;height:40px;line-height:40px;background-color:#404040;border-radius:5px;padding:0 15px;color:#fff;font-size:16px;border:none;overflow:hidden}
.m-form .txt{height:100px;padding:5px 15px;line-height:1.5em;resize:none}
.m-form .btn{display:block;width:100px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;overflow:hidden;border-radius:20px;border:none;background:#f4077a;background:-webkit-linear-gradient(left,#f4077a,#16a4f1);background:-o-linear-gradient(right,#f4077a,#16a4f1);background:-moz-linear-gradient(right,#f4077a,#16a4f1);background:linear-gradient(to right,#f4077a,#16a4f1);float:right;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.m-form .btn:hover{opacity:.7}
.g-titl1{overflow:hidden}
.g-titl1 .tit{font-size:26px;color:#333;line-height:1.5em;overflow:hidden;position:relative;font-weight:400;padding-bottom:13px}
.g-titl1 .tit:after{content:"";position:absolute;left:0;bottom:0;width:102px;height:4px;background:url(../images/bgl1.jpg) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.g-titl1.fff .tit{color:#fff}
.g-titl1.fff .tit:after{background-image:none;background-color:#fff}
.row-a1{padding-top:58px}
.m-technologyl:after,.row-a1:after,.ul-listl1:after{content:"";display:block;clear:both;visibility:hidden;width:100%;height:0}
.m-descl{overflow:hidden;font-size:14px;color:#666;line-height:1.79em;width:455px;margin-top:32px}
.m-technologyl{padding:175px 0 155px;position:relative;margin-top:-20px}
.m-technologyl .pic{width:324px;margin:0 auto;overflow:hidden}
.m-technologyl .pic img{display:block;width:100%;height:100%}
.ul-listl1{position:absolute;top:0;left:0;width:100%;height:100%}
.ul-listl1 li{position:absolute;top:0;z-index:1}
.ul-listl1 li .con{display:block}
.ul-listl1 .tit{color:#333;font-size:26px;line-height:1.5em;font-weight:400;overflow:hidden;margin-bottom:8px}
.ul-listl1 .tit em{font-size:28px;line-height:1.5em;padding-right:5px;font-family:Bahnschrift;background-image:-webkit-linear-gradient(right,#f4077a,#16a4f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.ul-listl1 .desc{font-size:12px;color:#666;line-height:1.67em;max-height:3.34em;overflow:hidden;margin-bottom:18px}
.ul-listl1 .btnbox{position:relative;width:87px}
.ul-listl1 .btnbox:after{content:"";display:block;clear:both;visibility:hidden;width:100%;height:0}
.ul-listl1 .btnbox .btn{width:87px;height:30px;padding:1px;line-height:28px;background:#f4077a;background:-webkit-linear-gradient(left,#f4077a,#16a4f1);background:-o-linear-gradient(right,#f4077a,#16a4f1);background:-moz-linear-gradient(right,#f4077a,#16a4f1);background:linear-gradient(to right,#f4077a,#16a4f1);border-radius:15px;position:relative;cursor:pointer}
.ul-listl1 .btnbox .btn:after{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;border-radius:14px;background-color:#fff}
.ul-listl1 .btnbox .btn:hover:after{display:none}
.ul-listl1 .btnbox .btn:hover span{background-image:-webkit-linear-gradient(right,#fff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.ul-listl1 .btnbox .btn span{z-index:1;display:block;border-radius:14px;position:relative;font-size:12px;text-align:center;background-image:-webkit-linear-gradient(right,#f4077a,#16a4f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.g-ma{background-color:#fff;border-radius:5px;width:180px;-webkit-box-shadow:3px 0 16px rgba(0,0,0,.31);-moz-box-shadow:3px 0 16px rgba(0,0,0,.31);-ms-box-shadow:3px 0 16px rgba(0,0,0,.31);-o-box-shadow:3px 0 16px rgba(0,0,0,.31);box-shadow:3px 0 16px rgba(0,0,0,.31);padding:20px 18px;position:absolute;top:-13px;left:108px;display:none;z-index:10;text-align:left}
.g-ma:before{content:"";width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff;position:absolute;top:20px;left:-10px}
.g-ma .tel{font-size:16px;line-height:1.2em;background-image:-webkit-linear-gradient(right,#16a4f1,#f4077a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;overflow:hidden;padding:0 10px}
.g-ma .tel em{display:block;font-size:14px;line-height:1.2em}
.g-ma .pic{width:144px;height:144px;overflow:hidden}
.g-ma .pic img{display:block;width:100%;height:100%}
.g-ma .txt{font-size:12px;color:#333;line-height:1.5em;overflow:hidden;text-align:center}
.ul-listl1 li.l1{left: 0;width: 100%;z-index:2}
.ul-listl1 li:after{content:"";position:absolute;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.ul-listl1 li.l1:after{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);bottom:-28px;width:1px;height:15px;background-image:url(../images/bgl2.jpg)}
.ul-listl1 li.l1 .con{text-align:center;width:320px;margin: 0 auto;}
.ul-listl1 li.l1 .btnbox{margin:0 auto}
.ul-listl1 li.l2{width:510px;top:24.6%;left:0;z-index:2}
.ul-listl1 li.l2:after{width:60px;height:47px;top:20px;right:-62px;background-image:url(../images/bgl3.png)}
.ul-listl1 li.l2 .con,.ul-listl1 li.l3 .con{text-align:right}
.ul-listl1 li.l2 .btnbox,.ul-listl1 li.l3 .btnbox{float:right}
.ul-listl1 li.l3{width:510px;top:66.2%;left:0}
.ul-listl1 li.l3:after{width:78px;height:65px;bottom:20px;right:-82px;background-image:url(../images/bgl4.png)}
.ul-listl1 li.l4{right:0;width:480px;top:66.2%}
.ul-listl1 li.l4:after{width:81px;height:72px;bottom:20px;left:-92px;background-image:url(../images/bgl5.png)}
.ul-listl1 li.l5{right:0;width:480px;top:24.6%}
.ul-listl1 li.l5:after{width:62px;height:48px;top:20px;left:-72px;background-image:url(../images/bgl6.png)}
.row-a2{overflow:hidden;padding:47px 0 100px}
.m-productl{overflow:hidden;background-color:#fff;margin-top:55px}
.m-productl .rr{float:right;width:314px;overflow:hidden}
.ul-listl2,.ul-listl2 li{overflow:hidden}
.ul-listl2 .con{overflow:hidden;padding:59px 48px 44px;display:block;background-color:#fff;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-listl2 .con .icon{width:44px;height:44px;margin-right:16px;float:left;overflow:hidden}
.ul-listl2 .con .icon img{display:block;width:100%;height:100%}
.ul-listl2 .con .icon .imgl2{display:none}
.ul-listl2 .con .txt{overflow:hidden}
.ul-listl2 .con .tit{font-size:24px;color:#000;font-weight:400;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-listl2 .con .desc{font-size:14px;color:#333;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-listl2 .con:hover,.ul-listl2 li.on .con{background:#f4077a;background:-webkit-linear-gradient(left,#f4077a,#16a4f1);background:-o-linear-gradient(right,#f4077a,#16a4f1);background:-moz-linear-gradient(right,#f4077a,#16a4f1);background:linear-gradient(to right,#f4077a,#16a4f1)}
.ul-listl2 .con:hover .icon .imgl2,.ul-listl2 li.on .con .icon .imgl2{display:block}
.ul-listl2 .con:hover .icon .imgl1,.ul-listl2 li.on .con .icon .imgl1{display:none}
.ul-listl2 .con:hover .desc,.ul-listl2 .con:hover .tit,.ul-listl2 li.on .con .desc,.ul-listl2 li.on .con .tit{color:#fff}
.m-productl .ll{overflow:hidden}
.m-productl .ll .table{display:none}
.m-productl .productl{overflow:hidden;position:relative}
.m-productl .pic{padding-top:44.198895%;overflow:hidden;height:0;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat}
.m-productl .productl .txt{position:absolute;top:60px;left:51px;overflow:hidden;width:305px}
.m-productl .productl .txt.l1{
    width: 600px;
}
.m-productl .productl .txt .tit{font-size:30px;font-weight:400;color:#fff;line-height:1.5em;overflow:hidden;position:relative;padding-bottom:17px;margin-bottom:20px}
.m-productl .productl .txt .tit:after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;background-color:#fff}
.m-productl .productl .txt .desc{font-size:14px;color:#fff;line-height:2.1em;overflow:hidden;max-height:4.2em;margin-bottom:20px}
.g-btn{background-color:#fff;display:block;width:120px;height:40px;border-radius:20px;line-height:40px;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.g-btn span{display:block;overflow:hidden;text-align:center;background-image:-webkit-linear-gradient(right,#16a4f1,#f4077a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:14px}
.g-btn i{display:inline-block;vertical-align:middle;margin:-2px 0 0 13px;width:13px;height:13px;background:url(../images/iconl5.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.g-btn:hover{opacity:.7}
.row-a3{overflow:hidden;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;padding:62px 0}
.m-aboutl{overflow:hidden;margin-bottom:88px}
.m-aboutl .ll{width:730px;overflow:hidden}
.m-aboutl .desc{font-size:14px;color:#fff;line-height:2.15em;overflow:hidden;max-height:6.45em;margin:18px 0 32px}
.m-aboutl .rr{width:586px;float:right;overflow:hidden}
.m-aboutl .rr .pic{width:100%;height:auto;overflow:hidden}
.m-aboutl .rr .pic img{display:block;width:100%}
.m-aboutl2{overflow:hidden}
.m-aboutl2 .tit{text-align:center;font-size:26px;color:#fff;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:400}
.ul-listl3{overflow:hidden;margin-top:49px}
.ul-listl3 li{width:25%;float:left;padding:0 20px;margin-bottom:32px}
.ul-listl3 .con{display:block;overflow:hidden}
.ul-listl3 .icon{display:block;width:71px;height:71px;overflow:hidden;font-size:0;line-height:71px;text-align:center;margin:0 auto 22px}
.ul-listl3 .icon img{display:inline-block;vertical-align:middle;max-height:100%;max-width:100%}
.ul-listl3 .tit{font-size:20px;color:#fff;line-height:1.5em;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:15px}
.ul-listl3 .desc{font-size:14px;color:#fff;line-height:2.15em;max-height:4.3em;overflow:hidden;text-align:center}
.row-a4{overflow:hidden;padding:54px 0 56px}
.m-news{overflow:hidden;margin-top:42px;position:relative}
.m-news .ll{width:1000px;float:left;overflow:hidden}
.ul-listl4{border-top:1px solid #e7e7e7}
.ul-listl4 .con{display:block;padding:13px 0 12px;position:relative;border-bottom:1px solid #e7e7e7}
.ul-listl4 .con:after{content:"";display:block;clear:both;visibility:hidden;width:100%;height:0}
.ul-listl4 .con:before{content:"";position:absolute;bottom:-1px;left:-100%;width:100%;height:1px;background:#f4077a;background:-webkit-linear-gradient(left,#f4077a,#16a4f1);background:-o-linear-gradient(right,#f4077a,#16a4f1);background:-moz-linear-gradient(right,#f4077a,#16a4f1);background:linear-gradient(to right,#f4077a,#16a4f1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-listl4 .con .pic{width:186px;margin-right:16px;float:left;height:auto;overflow:hidden}
.ul-listl4 .con .pic img{display:block;width:100%}
.ul-listl4 .con .txt{overflow:hidden;padding-right:175px;position:relative;padding-top:16px}
.ul-listl4 .con .tit{font-size:24px;color:#333;font-weight:400;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:21px}
.ul-listl4 .con .tit .date{font-size:16px;color:#999;display:inline-block;vertical-align:middle;margin:-2px 20px 0 0;height:30px;line-height:28px;border:1px solid #dedede;background-color:#e9edef;padding:0 12px;}
.ul-listl4 .con .desc{font-size:14px;color:#999;line-height:2.21em;max-height:4.42em;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-listl4 .con .icon{position:absolute;top:51%;right:82px;width:28px;height:28px}
.ul-listl4 .con .icon img{display:block;width:100%;height:100%}
.ul-listl4 .con .icon img.i2{display:none}
.ul-listl4 .con:hover:before{left:0}
.ul-listl4 .con:hover{padding-left: 20px;}
.ul-listl4 .con:hover .icon img.i1{display:none}
.ul-listl4 .con:hover .icon img.i2{display:block}
.ul-listl4 .con:hover .desc{color:#333}
.g-btn1{display:block;width:140px;height:44px;line-height:44px;border-radius:22px;color:#fff;background:#f4077a;background:-webkit-linear-gradient(left,#f4077a,#16a4f1);background:-o-linear-gradient(right,#f4077a,#16a4f1);background:-moz-linear-gradient(right,#f4077a,#16a4f1);background:linear-gradient(to right,#f4077a,#16a4f1);text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.g-btn1 i{display:inline-block;vertical-align:middle;width:23px;height:23px;background:url(../images/iconl5-1.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin:2px 0 0 22px}
.g-btn1:hover{color:#fff;opacity:.7}
.m-news .rr{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.m-wisdoml{overflow:hidden;padding:57px 0 49px}
.m-wisdoml .wisdoml{overflow:hidden;margin-bottom:32px}
.m-wisdoml .wisdoml .tit{font-size:30px;line-height:1.5em;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:400;margin-bottom:12px}
.m-wisdoml .wisdoml .desc{font-size:14px;color:#666;line-height:2.14em;max-height:6.42em;overflow:hidden}
.g-titl2{overflow:hidden;font-size:26px;color:#333;line-height:1.5em;font-weight:400}
.g-titl2 em{font-size:24px;color:#999;line-height:1.5em;padding-left:18px;overflow:hidden;text-transform:capitalize}
.g-titl2.fff,.g-titl2.fff em{color:#fff}
.m-wisdoml .ll{width:630px;float:left}
.m-wisdoml .ll:after{content:"";display:block;clear:both;visibility:hidden;width:100%;height:0}
.m-wisdoml .rr{float:right;width:806px;margin-right:-120px;margin-top:130px}
.m-wisdoml .rr .pic{width:100%;overflow:hidden;height:auto}
.m-wisdoml .rr .pic img{display:block;width:100%}
.ul-listl5 .con:after,.ul-listl5:after{content:"";display:block;clear:both;visibility:hidden;width:100%;height:0}
.ul-listl5{margin:25px -14px 0}
.ul-listl5 li{width:50%;float:left;padding:0 14px;margin-bottom:29px}
.ul-listl5 .con{display:block;background-color:#fff;padding:19px 27px 15px 22px;border-radius:5px;-webkit-box-shadow:3px 0 32px rgba(0,0,0,.17);-moz-box-shadow:3px 0 32px rgba(0,0,0,.17);-ms-box-shadow:3px 0 32px rgba(0,0,0,.17);-o-box-shadow:3px 0 32px rgba(0,0,0,.17);box-shadow:3px 0 32px rgba(0,0,0,.17);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-listl5 .con .pic{border-radius:50%;overflow:hidden;background-color:#fff;width:66px;height:66px;font-size:0;line-height:66px;float:left;text-align:center;margin-right:18px}
.ul-listl5 .con .pic img{display:inline-block;vertical-align:middle;max-height:65%;max-width:65%}
.ul-listl5 .con .txt{overflow:hidden}
.ul-listl5 .con .tit{font-size:18px;color:#333;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:1px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-listl5 .con .desc{font-size:14px;color:#666;line-height:1.7em;max-height:3.4em;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-listl5 .con:hover{background:#f4077a;background:-webkit-linear-gradient(left,#f4077a,#16a4f1);background:-o-linear-gradient(right,#f4077a,#16a4f1);background:-moz-linear-gradient(right,#f4077a,#16a4f1);background:linear-gradient(to right,#f4077a,#16a4f1)}
.ul-listl5 .con:hover .desc,.ul-listl5 .con:hover .tit{color:#fff}
.ul-imgtxtl1{overflow:hidden}
.ul-imgtxtl1 .con{display:block;padding:108px 0 0;cursor:pointer;position: relative;}
.ul-imgtxtl1 .con:after{content:"";display:block;clear:both;visibility:hidden;width:100%;height:0}
.ul-imgtxtl1 .pic{width:955px;float:left;font-size:0;overflow:hidden;margin-left:-185px;text-align:center}
.ul-imgtxtl1 .pic img{display:inline-block;max-width:100%}
.ul-imgtxtl1 .pic .imgl2{display: none;}
.ul-imgtxtl1 .txt{overflow:hidden;width:630px;float:right;position: absolute;top:80px;right: 0;bottom:50px;}
.ul-imgtxtl1 .g-titl2{font-weight:700;margin-bottom:26px}
.ul-imgtxtl1 .desc{color:#666;font-size:16px;line-height:1.75em;overflow:hidden;margin-bottom:53px}
.ul-imgtxtl1 .desc em{float: left;margin:11px 14px 0 0;width:6px;height:6px;border-radius:50%;background-color:#333}
.ul-imgtxtl1 .desc span{display: block;overflow: hidden;}
.ul-imgtxtl1 .desc p{margin-bottom:7px}
.ul-imgtxtl1 .down{position: absolute;bottom: 0;left: 0;right: 0;}
.ul-imgtxtl1 .down .iconbox{font-size:22px;font-weight:700;color:#333;line-height:1.5em;overflow:hidden;margin-bottom:5px;cursor:pointer}
.ul-imgtxtl1 .down .tips{font-size:16px;color:#333;line-height:1.5em;overflow:hidden;display: none;}
.ul-imgtxtl1 .down .tit{font-size:20px;color:#333;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:11px}
.ul-imgtxtl1 .down .sdesc{font-size:14px;line-height:2em;overflow:hidden;color:#666;max-height: 4em;margin-bottom:25px}
.ul-imgtxtl1 .down .info{overflow:hidden;}
.ul-imgtxtl1 .down .spic{width:64px;height:64px;border-radius:7px;overflow:hidden}
.ul-imgtxtl1 .down .info .ll{margin-right:25px;float:left;overflow:hidden}
.ul-imgtxtl1 .down .spic img{display:block;width:100%;height:100%}
.ul-imgtxtl1 .down .rr{overflow:hidden}
.ul-imgtxtl1 .down .rr .stxt{font-size:14px;color:#333;line-height:1.75em;overflow:hidden;margin-right:25px;float:left;margin-top:10px}
.ul-imgtxtl1 .down .btnbox{overflow:hidden;margin-top: 29px;height:36px}
.ul-imgtxtl1 .down .btnbox .btn{width:76px;height:36px;border:1px solid #fff;line-height:34px;text-align:center;float:left;font-size:14px;color:#fff;display:none}
.ul-imgtxtl1 .down .btnbox .btn em{display:inline-block;vertical-align:middle;width:23px;height:23px;margin-top:-2px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.ul-imgtxtl1 .down .btnbox .btn.b1{border-radius:18px 0 0 18px}
.ul-imgtxtl1 .down .btnbox .btn.b1 em{background-image:url(../images/iconl21.png)}
.ul-imgtxtl1 .down .btnbox .btn.b1.on,.ul-imgtxtl1 .down .btnbox .btn.b1:hover{background-image:url(../images/bgl9.png)}
.ul-imgtxtl1 .down .btnbox .btn.b2.on,.ul-imgtxtl1 .down .btnbox .btn.b2:hover{background-image:url(../images/bgl9-1.png)}
.ul-imgtxtl1 .down .btnbox .btn.b2 em{background-image:url(../images/iconl22.png)}
.ul-imgtxtl1 .down .btnbox .btn.b2{border-radius:0 18px 18px 0;margin-left:6px}
.m-listl6{overflow:hidden;padding-right:20%}
.m-listl6 .item{width:140px;float:left;margin-right:13px;margin-bottom:12px}
.m-listl6 .box{overflow:hidden}
.m-listl6 .box .icon{display:block;width:25px;height:25px;line-height:25px;text-align:center;border-radius:50%;background-color:#333;font-size:0;overflow:hidden;float:left;margin-right:11px;margin-bottom:0}
.m-listl6 .box .icon img{display:inline-block;vertical-align:middle;max-height:80%;max-width:80%}
.m-listl6 .box .tt{font-size:14px;line-height:25px;overflow:hidden;color:#333}
.ul-imgtxtl1 li.on .down .btnbox .btn{display:block}
.ul-imgtxtl1 li.on{background:url(../images/bgl10.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.ul-imgtxtl1 li.on .desc,.ul-imgtxtl1 li.on .down .iconbox,.ul-imgtxtl1 li.on .down .rr .stxt,.ul-imgtxtl1 li.on .down .sdesc,.ul-imgtxtl1 li.on .down .tips,.ul-imgtxtl1 li.on .down .tit,.ul-imgtxtl1 li.on .g-titl2,.ul-imgtxtl1 li.on .g-titl2 em,.ul-imgtxtl1 li.on .m-listl6 .box .tt{color:#fff}
.ul-imgtxtl1 li.on .desc em{background-color:#fff}
.ul-imgtxtl1 li:nth-child(2n){background-color:#f4f4f4}
.ul-imgtxtl1 li:nth-child(2n) .pic{float:right;margin-left:0;margin-right:-185px}
.ul-imgtxtl1 li:nth-child(2n) .txt{left: 0;right: auto;}
.m-listl6 .box .tt,.ul-imgtxtl1 .desc,.ul-imgtxtl1 .down .icon,.ul-imgtxtl1 .down .rr .stxt,.ul-imgtxtl1 .down .sdesc,.ul-imgtxtl1 .down .tips,.ul-imgtxtl1 .down .tit,.ul-imgtxtl1 .g-titl2,.ul-imgtxtl1 .g-titl2 em{-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.m-wisdoml.l1{padding:103px 0 25px}
.m-wisdoml.l1 .wisdoml{margin-bottom:100px}
.m-salesl{overflow:hidden;padding:70px 0 45px}
.m-salesl .salesl{overflow:hidden;margin-top:47px}
.m-salesl .salesl .ll{float:left;width:959px;margin-left:-160px;overflow:hidden}
.m-salesl .salesl .ll .pic{width:100%;height:auto;overflow:hidden;text-align:center}
.m-salesl .salesl .ll .pic img{display:inline-block;max-width:100%}
.m-salesl .salesl .rr{float:right;width:600px;overflow:hidden}
.m-salesl .salesl .rr .txt{overflow:hidden;margin-bottom:55px}
.m-salesl .salesl .rr .txt .left{font-size:12px;line-height:3.33em;color:#333;width:129px;padding-right:10px;float:left;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.m-salesl .salesl .rr .txt .desc{    padding-left: 20px;font-size:16px;color:#333;line-height:2.5em;overflow:hidden}
.m-salesl .salesl .rr .txtl .left{font-size:16px;color:#333;line-height:1.5em;width:129px;padding-right:10px;float:left;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ul-listl7{overflow:hidden;margin:0 -5px}
.ul-listl7 li{width:25%;float:left;margin-bottom:32px}
.ul-listl7 .con{overflow:hidden;text-align:center;display:block;padding:0 5px}
.ul-listl7 .icon{display:block;width:41px;height:34px;font-size:0;line-height:34px;margin:0 auto 10px;text-align:center}
.ul-listl7 .icon img{display:inline-block;vertical-align:middle;max-height:100%;max-width:100%;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-listl7 .stxt{overflow:hidden}
.ul-listl7 .stxt .tit{font-size:16px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:400;margin-bottom:12px}
.ul-listl7 .stxt .en{text-transform:uppercase;font-size:10px;line-height:1.1em;height:2.2em;color:#999;overflow:hidden}
.ul-listl7 .con:hover .icon img{-webkit-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}
.m-salesl.l1{background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center;padding:101px 0 13px}
.m-salesl.l1 .salesl .rr .box{overflow:hidden;margin-left:78px}
.m-salesl.l1 .salesl .rr .txt .left{color:#fff}
.m-salesl.l1 .salesl .rr .txt .desc{color:#fff;margin-bottom:78px}
.m-salesl.l1 .salesl{margin-top:0}
.m-salesl.l1 .salesl .rr{width:730px}
.m-salesl.l1 .salesl .ll{margin-top:73px;width:552px;margin-left:0}
.m-salesl.l1 .salesl .rr .pic{width:100%;overflow:hidden;height:auto;text-align:center}
.m-salesl.l1 .salesl .rr .pic img{display:inline-block;max-width:100%}
.m-wisdoml.l2{padding:116px 0 0}
.m-wisdoml.l2 .wisdoml{margin-bottom:86px}
.m-wisdoml.l2 .rr{margin-top:0;width:729px}
.ul-listl8{overflow:hidden;margin:49px -5px 0}
.ul-listl8 li{width:20%;float:left;padding:0 5px}
.ul-listl8 .con{display:block;overflow:hidden;position:relative}
.ul-listl8 .con .pic{width:90px;height:105px;margin:0 auto 23px;overflow:hidden;position:relative;padding:8px}
.ul-listl8 .con .pic:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/bgl12.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.ul-listl8 .con .pic .box{width:74px;height:89px;line-height:89px;overflow:hidden;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;text-align:center;font-size:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-listl8 .con .pic .box img{display:inline-block;vertical-align:middle;max-width:60%;max-height:60%}
.ul-listl8 .con .pic .box .i2{display:none}
.ul-listl8 .con .txt{text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:16px;line-height:1.5em;color:#666}
.ul-listl8 .con:hover .pic .box,.ul-listl8 li.on .con .pic .box{background-image:url(../images/bgl12-1.png)}
.ul-listl8 .con:hover .pic .box .i1,.ul-listl8 li.on .con .pic .box .i1{display:none}
.ul-listl8 .con:hover .pic .box .i2,.ul-listl8 li.on .con .pic .box .i2{display:inline-block}
.ul-listl8 .con:hover .txt,.ul-listl8 li.on .con .txt{color:#333}
.m-contentl{overflow:hidden;padding:181px 0 121px;position:relative}
.m-contentl .table{overflow:hidden;display:none}
.m-contentl .table .ll{width:673px;float:left;margin-right:112px}
.m-contentl .table .ll .pic{overflow:hidden;width:100%;height:auto;margin-top:13px}
.m-contentl .table .ll .pic img{display:block;width:100%}
.m-contentl .table .rr{overflow:hidden}
.m-contentl .table .rr .en{font-size:12px;color:#666;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-transform:uppercase;margin:29px 0 18px}
.m-contentl .table .rr .desc{font-size:16px;color:#666;line-height:2em;overflow:hidden;max-height:4em}
.m-contentl .num{position:absolute;left:0;width:100%;bottom:121px}
.ul-num{margin:0 -11px 0 785px;overflow:hidden}
.ul-num li{float:left;margin:0 11px}
.ul-num a{display:block;width:20px;height:20px;line-height:20px;text-align:center;background-color:#666;font-size:12px;color:#fff;border-radius:50%}
.ul-num li.ok a{background:#f4077a;background:-webkit-linear-gradient(left,#f4077a,#16a4f1);background:-o-linear-gradient(right,#f4077a,#16a4f1);background:-moz-linear-gradient(right,#f4077a,#16a4f1);background:linear-gradient(to right,#f4077a,#16a4f1)}
.m-productl1{overflow:hidden;padding:70px 0 77px}
.m-productl1 .ll{float:left;width:675px;overflow:hidden;padding-top:20px}
.m-productl1 .ll .desc{font-size:14px;line-height:2em;overflow:hidden;color:#666;margin-top:36px}
.m-productl1 .rr{float:right;width:655px;overflow:hidden}
.m-productl1 .rr .pic{width:100%;overflow:hidden;height:auto;border-radius:5px}
.m-productl1 .rr .pic img{display:block;width:100%}
.m-kernel{overflow:hidden;padding:62px 0 123px}
.ul-listl9{overflow:hidden;margin:43px -14px 0}
.ul-listl9 li{width:20%;float:left;padding:0 14px;margin-top:30px}
.ul-listl9 .con{display:block;overflow:hidden;background-color:#fff;border-radius:10px;padding:50px 30px 44px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-listl9 .con .pic{width:87px;height:87px;line-height:87px;overflow:hidden;margin:0 auto 22px;background:url(../images/bgl13.png) center center no-repeat #fff;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;border-radius:50%;text-align:center}
.ul-listl9 .con .pic img{display:inline-block;vertical-align:middle;max-height:60%;max-width:60%}
.ul-listl9 .con .txt{overflow:hidden;text-align:center}
.ul-listl9 .con .tit{font-size:20px;color:#333;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:20px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-listl9 .con .desc{font-size:12px;color:#666;line-height:1.67em;overflow:hidden;height:6.68em;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-listl9 .con:hover{background:#f4077a;background:-webkit-linear-gradient(left,#f4077a,#16a4f1);background:-o-linear-gradient(right,#f4077a,#16a4f1);background:-moz-linear-gradient(right,#f4077a,#16a4f1);background:linear-gradient(to right,#f4077a,#16a4f1);-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px)}
.ul-listl9 .con:hover .pic{background-image:none}
.ul-listl9 .con:hover .desc,.ul-listl9 .con:hover .tit{color:#fff}
.m-abilityl{overflow:hidden;padding:58px 0}
.g-titl1.f1 .tit{color:#fff}
.m-abilityl .abilityl{overflow:hidden}
.m-abilityl .abilityl .ll:after{content:"";display:block;clear:both;visibility:hidden;width:100%;height:0}
.m-abilityl .abilityl .ll,.m-abilityl .abilityl .rr{width:376px;float:left;background:url(../images/bgl15.png) center center no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;padding:0 24px;margin-top:76px}
.m-abilityl .abilityl .top{overflow:hidden;text-align:center;margin-top:-20px;margin-bottom:23px}
.m-abilityl .abilityl .top .tit{font-size:20px;color:#fff;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.m-abilityl .abilityl .top .en{font-size:13px;color:#fff;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ul-txtl1{overflow:hidden;margin:0 -12px}
.ul-txtl1 li{width:50%;float:left;padding:0 12px;margin-bottom:35px}
.ul-txtl1 .con{display:block;height:72px;line-height:72px;padding:0 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:url(../images/bgl14.png) center center no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;font-size:13px;color:#ee369a;text-shadow:0 0 29px rgba(224,22,134,.75),0 0 29px rgba(224,22,134,.75);font-weight:700}
.m-abilityl .abilityl .rr{float:right;background-image:url(../images/bgl20.png);margin-top:57px}
.ul-txtl2{overflow:hidden}
.ul-txtl2 li{overflow:hidden;margin-bottom:18px}
.ul-txtl2 .con{display:block;background:url(../images/bgl19.png) center center no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;padding:10px 21px}
.ul-txtl2 .con .tit{font-size:16px;line-height:1.5em;color:#13a6f4;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-shadow:0 0 29px rgba(8,174,250,.75),0 0 29px rgba(8,174,250,.75)}
.ul-txtl2 .con .desc{font-size:14px;line-height:1.5em;color:#13a6f4;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-shadow:0 0 29px rgba(8,174,250,.75),0 0 29px rgba(8,174,250,.75)}
.m-abilityl .abilityl .cc{width:648px;float:left;background:url(../images/bgl18.gif) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:30px 0 453px;position:relative}
.m-abilityl .abilityl .cc .fuse{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);left:0;font-size:20px;color:#fff;line-height:1.5em;overflow:hidden;background:url(../images/bgl16.png) bottom center no-repeat;-webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;width:220px;padding:22px 40px 64px 102px;margin-left:-60px}
.m-abilityl .abilityl .cc .fuse.r1{left:auto;right:0;background-image:url(../images/bgl17.png)}
.ul-txtl3{overflow:hidden;text-align:center;font-size:0;padding:0 60px}
.ul-txtl3 li{width:72px;margin:0 9px 10px;display:inline-block}
.ul-txtl3 .con{display:block;position:relative;overflow:hidden}
.ul-txtl3 .con .pic{width:72px;height:72px;line-height:72px;margin:0 auto;font-size:0;text-align:center;background:url(../images/bgl21.png) center center no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%}
.ul-txtl3 .con .pic img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;margin-top:-20%}
.ul-txtl3 .con .tt{position:absolute;bottom:15px;left:0;width:100%;font-size:12px;color:#fff;font-weight:700;line-height:1.5em;text-align:center;padding:0 8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.m-softwarel{overflow:hidden;padding:46px 0 85px}
.m-spreadl{overflow:hidden;margin-top:42px}
.m-spreadl .item{width:25%;float:left;height:603px;position:relative;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;background-position:right center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat}
.m-spreadl .item.on{width:50%}
.m-spreadl .item .content{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;padding:74px 35px}
.m-spreadl .item.on .content{padding:74px 120px 74px 48px}
.m-spreadl .item .top:after{content:"";display:block;clear:both;visibility:hidden;width:100%;height:0}
.m-spreadl .item .top{margin-bottom:227px}
.m-spreadl .item .content .tit{font-weight: lighter;letter-spacing: 3px;color:#fff;font-size:24px;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:35px}
.m-spreadl .content .btnbox{position:relative;height:37px}
.m-spreadl .content .btnbox .g-ma{left:120px}
.m-spreadl .content .btnbox .btn{display:inline-block;font-size:14px;color:#fff;height:34px;line-height:34px;border-radius:17px;overflow:hidden;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.m-spreadl .content .btnbox .btn em{padding-left:5px}
.m-spreadl .content .btnbox .btn i{vertical-align:middle;width:23px;height:23px;background:url(../images/iconl5-1.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin-top:-2px;display:none}
.m-spreadl .content .btnbox .btn:hover{width:107px;display:block;background:#f4077a;background:-webkit-linear-gradient(left,#f4077a,#16a4f1);background:-o-linear-gradient(right,#f4077a,#16a4f1);background:-moz-linear-gradient(right,#f4077a,#16a4f1);background:linear-gradient(to right,#f4077a,#16a4f1)}
.m-spreadl .content .btnbox .btn:hover i{display:inline-block}
.m-spreadl .content .btnbox .btn:hover em{display:none}
.m-spreadl .content .desc{overflow:hidden;display:none}
.m-spreadl .content .desc .box{width:46%;float:left;border-top:2px solid rgba(106,106,106,.71)}
.m-spreadl .content .desc .box.r1{float:right}
.m-spreadl .content .desc .ll{font-size:12px;color:rgba(255,255,255,.5);line-height:1.83em;overflow:hidden;float:left;width:90px}
.m-spreadl .content .desc .rr{font-size:12px;color:#fff;line-height:1.83em;overflow:hidden}
.m-spreadl .content .desc .rr dd{width:50%;float:left;position:relative;padding:0 14px;margin-bottom:3px}
.m-spreadl .content .desc .rr dd:after{content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);left:0;width:4px;height:4px;background-color:#fff;border-radius:50%}
.m-spreadl .content .desc .sbx{overflow:hidden;padding:13px 0;border-bottom:2px solid rgba(106,106,106,.71)}
.m-spreadl .item.on .content .desc{display:block}
.m-classicl{overflow:hidden;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center;padding:59px 0 92px}
.ul-listl10{overflow:hidden;text-align:center;font-size:0;border-bottom:1px solid #b7b7b7;margin-top:-11px}
.ul-listl10 li{display:inline-block;overflow:hidden}
.ul-listl10 .con{display:block;padding:0 37px;height:53px;line-height:53px;color:#333;font-size:18px;overflow:hidden}
.ul-listl10 li .con:hover,.ul-listl10 li.on .con{background:#f4077a;background:-webkit-linear-gradient(left,#f4077a,#16a4f1);background:-o-linear-gradient(right,#f4077a,#16a4f1);background:-moz-linear-gradient(right,#f4077a,#16a4f1);background:linear-gradient(to right,#f4077a,#16a4f1);color:#fff}
.m-slickl{overflow:hidden}
.m-classicl .table{height: 0;overflow: hidden;}
.m-classicl .table.hide{height: auto;}
.m-slickl .slick-list{padding:0 554px}
.m-slickl .item{padding:62px 20px 0;margin-top:44px}
.m-slickl .item:after{content:"";display:block;clear:both;visibility:hidden;width:100%;height:0}
.m-slickl .item .con{display:block;border-radius:4px;background-color:#fff;overflow:hidden;position:relative;-webkit-box-shadow:8px 0 32px rgba(0,0,0,.27);-moz-box-shadow:8px 0 32px rgba(0,0,0,.27);-ms-box-shadow:8px 0 32px rgba(0,0,0,.27);-o-box-shadow:8px 0 32px rgba(0,0,0,.27);box-shadow:8px 0 32px rgba(0,0,0,.27)}
.m-slickl .item .con:after{content:"";position:absolute;bottom:0;left:-100%;width:100%;height:5px;background:#f4077a;background:-webkit-linear-gradient(left,#f4077a,#16a4f1);background:-o-linear-gradient(right,#f4077a,#16a4f1);background:-moz-linear-gradient(right,#f4077a,#16a4f1);background:linear-gradient(to right,#f4077a,#16a4f1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.m-slickl .item .pic{padding-top:56.5445026%;position:relative;height:0;overflow:hidden}
.m-slickl .item .pic img{display:block;width:100%;height:100%;position:absolute;top:0;left:0}
.m-slickl .item .txt{overflow:hidden;padding:18px 22px 24px}
.m-slickl .item .tit{font-size:18px;color:#333;line-height:1.5em;overflow:hidden;margin-bottom:17px}
.m-slickl .item .desc{overflow:hidden;display:none}
.m-slickl .item .desc .ll{width:70px;height:70px;overflow:hidden;float:left;margin-right:20px}
.m-slickl .item .desc .ll img{display:block;width:100%;height:100%}
.m-slickl .item .desc .info{overflow:hidden;font-size:13px;color:#666;line-height:1.77em}
.m-slickl .item .desc .info p{margin-bottom:8px;max-height:3.54em;overflow:hidden}
.m-slickl .item .desc .info p:last-child{margin-bottom:0}
.m-slickl .item.slick-current{margin-top:0}
.m-slickl .item.slick-current .desc{display:block}
.m-slickl .item.slick-current .con:after{left:0}
.m-summaryl{overflow:hidden;padding:91px 0 79px}
.ul-listl11:after{content:"";display:block;clear:both;visibility:hidden;width:100%;height:0}
.ul-listl11{margin:81px -14px 0}
.ul-listl11 li{width:25%;float:left;padding:0 14px}
.ul-listl11 .con{display:block;overflow:hidden;border-radius:4px;background-color:#fff;position:relative;-webkit-box-shadow:8px 0 32px rgba(0,0,0,.17);-moz-box-shadow:8px 0 32px rgba(0,0,0,.17);-ms-box-shadow:8px 0 32px rgba(0,0,0,.17);-o-box-shadow:8px 0 32px rgba(0,0,0,.17);box-shadow:8px 0 32px rgba(0,0,0,.17);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-listl11 .con:after{content:"";position:absolute;left:-100%;bottom:0;width:100%;height:6px;background:#f4077a;background:-webkit-linear-gradient(left,#f4077a,#16a4f1);background:-o-linear-gradient(right,#f4077a,#16a4f1);background:-moz-linear-gradient(right,#f4077a,#16a4f1);background:linear-gradient(to right,#f4077a,#16a4f1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;z-index:1}
.ul-listl11 .pic{padding-top:78.96341%;overflow:hidden;position:relative;height:0}
.ul-listl11 .pic img{display:block;width:100%;height:100%;position:absolute;left:0;top:0}
.ul-listl11 .pic em{display:block;position:absolute;bottom:8px;right:23px;color:#fff;font-size:14px;overflow:hidden}
.ul-listl11 .txt{overflow:hidden;padding:23px 20px 38px}
.ul-listl11 .txt .tit{font-size:19px;color:#333;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:7px}
.ul-listl11 .txt .desc{overflow:hidden;font-size:14px;color:#666;line-height:1.75em;height:10.5em}
.ul-listl11 .con:hover:after{left:0}
.ul-listl11 .con:hover{-webkit-transform:translateY(-33px);-ms-transform:translateY(-33px);-o-transform:translateY(-33px);transform:translateY(-33px)}
.m-characteristicl{background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center;padding:63px 0}
.m-characteristicl .ll{width:270px;float:left;overflow:hidden;margin:300px 109px 0 -50px;border-top:1px solid rgba(106,106,106,.71)}
.m-characteristicl .ll .item{overflow:hidden;border-bottom:1px solid rgba(106,106,106,.71)}
.m-characteristicl .ll .item .left{font-size:12px;line-height:46px;width:86px;float:left;color:rgba(255,255,255,.5);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:10px}
.m-characteristicl .ll .item .right{font-size:12px;line-height:46px;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.m-characteristicl .rr{padding-top:23px;float:right;width:1070px}
.ul-listl12{margin:0 -19px}
.ul-listl12 li{padding:38px 19px;width:33.33%;float:left}
.m-characteristicl:after,.m-slickl2:after,.ul-listl12 .con .txt .item:after,.ul-listl12 .con .txt:after,.ul-listl12 .con:after,.ul-listl12:after{content:"";display:block;clear:both;visibility:hidden;width:100%;height:0}
.ul-listl12 .con{display:block;padding:70px 40px 26px;background-color:#fff;position:relative;border-radius:5px;height:374px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-listl12 .con .icon{display:block;width:76px;height:76px;line-height:76px;text-align:center;font-size:0;overflow:hidden;border-radius:50%;position:absolute;background-color:#fff;top:-38px;left:37px;z-index:2;-webkit-box-shadow:3px 0 32px rgba(0,0,0,.17);-moz-box-shadow:3px 0 32px rgba(0,0,0,.17);-ms-box-shadow:3px 0 32px rgba(0,0,0,.17);-o-box-shadow:3px 0 32px rgba(0,0,0,.17);box-shadow:3px 0 32px rgba(0,0,0,.17)}
.ul-listl12 .con .icon img{display:inline-block;vertical-align:middle;max-height:60%;max-width:80%}
.ul-listl12 .con .txt .item{margin-bottom:10px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-listl12 .con .txt .tit{font-size:19px;color:#333;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:16px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-listl12 .con .txt .tt{font-size:16px;color:#666;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;padding-left:16px;margin-bottom:6px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-listl12 .con .txt .tt:after{content:"";position:absolute;width:5px;height:5px;top:50%;left:0;background-color:#666;border-radius:50%;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-listl12 .con .txt .down{font-size:12px;color:#666;line-height:1.5em;max-height:3em;overflow:hidden;display:none;padding-left:17px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-listl12 .btnbox{position:absolute;left:40px;bottom:37px}
.ul-listl12 .g-btn1{width:121px;height:46px;line-height:46px;margin:0}
.ul-listl12 .g-btn1 i{margin-left:10px}
.ul-listl12 .con:hover{background:#f4077a;background:-webkit-linear-gradient(left,#f4077a,#16a4f1);background:-o-linear-gradient(right,#f4077a,#16a4f1);background:-moz-linear-gradient(right,#f4077a,#16a4f1);background:linear-gradient(to right,#f4077a,#16a4f1)}
.ul-listl12 .con:hover .g-btn1{background:#3c3d59;color:#fff;opacity:1}
.ul-listl12 .con:hover .g-btn1 i{background-image:url(../images/iconl5-1.png)}
.ul-listl12 .con:hover .txt .down,.ul-listl12 .con:hover .txt .tit,.ul-listl12 .con:hover .txt .tt{color:#fff}
.ul-listl12 .con:hover .txt .tt:after{background-color:#fff}
.m-synopsisl{overflow:hidden;padding:79px 0 53px}
.m-synopsisl .ll{overflow:hidden;width:560px;float:left}
.m-synopsisl .ll .pic{width:202px;overflow:hidden;height:auto;margin:35px 0 23px}
.m-synopsisl .ll .pic img{display:block;width:100%}
.m-synopsisl .ll .desc{font-size:14px;color:#666;line-height:2em;overflow:hidden}
.m-synopsisl .rr{width:790px;float:right;overflow:hidden;padding:0 26px 28px 0;position:relative}
.m-synopsisl .rr:after{content:"";position:absolute;bottom:0;right:0;top:90px;left:106px;border-radius:5px;overflow:hidden;background:#f4077a;background:-webkit-linear-gradient(left,#f4077a,#16a4f1);background:-o-linear-gradient(right,#f4077a,#16a4f1);background:-moz-linear-gradient(right,#f4077a,#16a4f1);background:linear-gradient(to right,#f4077a,#16a4f1);z-index:-1}
.m-synopsisl .rr .pic{width:100%;height:auto;border-radius:5px;overflow:hidden}
.m-synopsisl .rr .pic img{display:block;width:100%}
.m-strengthl{overflow:hidden;padding:58px 0 63px}
.m-strengthl .desc{font-size:14px;color:#666;line-height:2em;overflow:hidden;margin:34px 0 44px}
.ul-imgl1{overflow:hidden;font-size:0}
.ul-imgl1 li{display:inline-block;vertical-align:middle;text-align:center;overflow:hidden}
.ul-imgl1 li .pic{width:306px;height:auto;overflow:hidden}
.ul-imgl1 li .pic img{display:block;width:100%;height:100%}
.ul-imgl1 li.l1,.ul-imgl1 li.l9{-webkit-transform:scale(.4477124,.4477124);-moz-transform:scale(.4477124,.4477124);-ms-transform:scale(.4477124,.4477124);-o-transform:scale(.4477124,.4477124);transform:scale(.4477124,.4477124)}
.ul-imgl1 li.l2,.ul-imgl1 li.l8{-webkit-transform:scale(.581699,.581699);-moz-transform:scale(.581699,.581699);-ms-transform:scale(.581699,.581699);-o-transform:scale(.581699,.581699);transform:scale(.581699,.581699);position:relative;z-index:2}
.ul-imgl1 li.l3,.ul-imgl1 li.l7{-webkit-transform:scale(.735294,.735294);-moz-transform:scale(.735294,.735294);-ms-transform:scale(.735294,.735294);-o-transform:scale(.735294,.735294);transform:scale(.735294,.735294);position:relative;z-index:3}
.ul-imgl1 li.l4,.ul-imgl1 li.l6{-webkit-transform:scale(.89869,.89869);-moz-transform:scale(.89869,.89869);-ms-transform:scale(.89869,.89869);-o-transform:scale(.89869,.89869);transform:scale(.89869,.89869);position:relative;z-index:4}
.ul-imgl1 li.l5{position:relative;z-index:5}
.ul-imgl1 li.l1,.ul-imgl1 li.l2,.ul-imgl1 li.l3,.ul-imgl1 li.l4{margin-right:-170px}
.ul-imgl1 li.l6,.ul-imgl1 li.l7,.ul-imgl1 li.l8,.ul-imgl1 li.l9{margin-left:-170px}
.ul-imgl1 li.l1{margin-right:-200px}
.ul-imgl1 li.l9{margin-left:-200px}
.m-guaranteel{overflow:hidden;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;padding:62px 0 92px}
.m-guaranteel .guaranteel{overflow:hidden;margin-top:30px}
.m-guaranteel .guaranteel .ll{width:320px;float:left;padding-top:33px;overflow:hidden;margin-right:35px}
.m-guaranteel .guaranteel .ll .tit{font-size:19px;color:#fff;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:24px}
.m-guaranteel .guaranteel .ll .desc{font-size:14px;line-height:2em;overflow:hidden;max-height:8em;color:rgba(255,255,255,.5)}
.m-guaranteel .guaranteel .rr{overflow:hidden}
.m-guaranteel .ul-listl9{margin-top:0}
.m-guaranteel .ul-listl9 li{width:33.33%}
.m-guaranteel .ul-listl9 .con{padding:60px 30px 49px}
.m-guaranteel .ul-listl9 .con .tit{font-size:18px}
.m-guaranteel .ul-listl9 .con .pic,.m-guaranteel .ul-listl9 .con .tit{margin-bottom:32px}
.m-guaranteel .ul-listl9 .con .desc{height:3.34em}
.m-partnerl{overflow:hidden;padding:63px 0}
.ul-imgl2{overflow:hidden;margin:38px -10px 0}
.ul-imgl2 li{width:20%;float:left;padding:0 10px;margin-bottom: 9px;}
.ul-imgl2 .con{display:block;overflow:hidden;width:100%}
.ul-imgl2 .con .pic{overflow:hidden;height:80px;line-height:80px;font-size:0;text-align:center}
.ul-imgl2 .con .pic img{display:inline-block;vertical-align:middle;max-height:90%;max-width:90%}
.ul-imgl2 .con .pic .img2{display:none}
.ul-imgl2 .con:hover .pic .img2{display:inline-block}
.ul-imgl2 .con:hover .pic .img1{display:none}
.ul-imgl2 .tit{display:inline-block;vertical-align:middle;font-size:19px;color:#333;line-height:1.5em;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-imgl2 .con:hover .tit{opacity:.7}
.m-cooperationl{overflow:hidden;padding:72px 0}
.m-cooperationl .ll{float:left;width:660px;overflow:hidden}
.m-cooperationl .ll .desc{font-size:14px;line-height:2em;overflow:hidden;color:#666;margin:34px 0 96px}
.m-cooperationl .ll .en{font-size:66px;line-height:1.08em;overflow:hidden;color:rgba(116,116,116,.17);text-transform:uppercase}
.m-cooperationl .rr{float:right;width:683px;overflow:hidden;padding-top:15px}
.m-cooperationl .rr .pic{width:100%;overflow:hidden;height:auto;border-radius:5px}
.m-cooperationl .rr .pic img{display:block;width:100%}
.m-recruitl{overflow:hidden;padding:55px 0 37px}
.m-recruitl .table{height: 0;overflow: hidden;}
.m-recruitl .table.hide{height: auto;}
.m-recruitl .ul-listl10{margin-top:23px}
.m-slickl2 .slick-list{margin:0 -14px}
.m-slickl2 .item{padding:42px 14px}
.m-slickl2 .con{display:block;background-color:#fff;overflow:hidden;padding:37px 9px 49px 24px;-webkit-box-shadow:20px 10px 29px rgba(0,0,0,.19);-moz-box-shadow:20px 10px 29px rgba(0,0,0,.19);-ms-box-shadow:20px 10px 29px rgba(0,0,0,.19);-o-box-shadow:20px 10px 29px rgba(0,0,0,.19);box-shadow:20px 10px 29px rgba(0,0,0,.19)}
.m-slickl2 .con .tit{font-size:19px;color:#333;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:3px}
.m-slickl2 .con .addr{font-size:14px;color:#777;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:37px}
.m-slickl2 .con .txt{height:376px;overflow-y:auto;overflow-x:hidden}
.m-slickl2 .con .box{color:#777;font-size:14px;line-height:2em;overflow:hidden}
.m-slickl2 .con .box .stit{font-size:14px;color:#333;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:400;margin-bottom:11px}
.m-slickl2 .con .txt::-webkit-scrollbar{width:6px;height:1px}
.m-slickl2 .con .txt::-webkit-scrollbar-button{display:none}
.m-slickl2 .con .txt::-webkit-scrollbar-track-piece{background:#fff}
.m-slickl2 .con .txt::-webkit-scrollbar-thumb{background:#ededed}
.m-slickl2 .slick-arrow{position:absolute;width:27px;height:27px;top:50%;margin-top:-14px;font-size:0;border:none;outline:0;z-index:8;cursor:pointer;background-color:transparent;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center}
.m-slickl2 .slick-prev{left:-85px;background-image:url(../images/iconl64.png)}
.m-slickl2 .slick-next{right:-85px;background-image:url(../images/iconl65.png)}
.m-slickl2 .slick-prev:hover{background-image:url(../images/iconl64-1.png)}
.m-slickl2 .slick-next:hover{background-image:url(../images/iconl65-1.png)}
/*!Ã¥â€¦Â¬Ã§â€Â¨*/
.ban{height:571px;min-height:160px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;overflow:hidden}
.ban .txt{position:absolute;top:36.6%;left:0;right:0}
.ban .txt h3{font-size:68px;color:#fff;line-height:1.5em;font-weight:300;letter-spacing:23px;overflow:hidden}
/*!Ã¦â€“Â°Ã©â€”Â»Ã¥Å&nbsp;Â¨Ã¦â‚¬Â*/
.m-information{margin:77px 0 91px;overflow:hidden}
.m-text{border-top:1px solid #e7e7e7;padding-top:30px;margin-top:47px;overflow:hidden}
.m-text h1{font-size:24px;color:#333;line-height:1.5em;font-weight:400;text-align:center;margin-bottom:19px;overflow:hidden}
.m-text .info{font-size:0;text-align:center;border-bottom:1px solid #e7e7e7;padding-bottom:27px;overflow:hidden}
.m-text .info span{display:inline-block;vertical-align:middle;font-size:12px;color:#999;line-height:1.5em;margin:0 10px;overflow:hidden}
.m-text .txt{font-size:14px;color:#666;line-height:2em;letter-spacing:1.1px;margin-top:23px;margin-bottom:32px;overflow:hidden}
.m-pn{border-top:1px solid #e7e7e7;padding-top:22px;overflow:hidden}
.m-pn a{display:block;font-size:14px;color:#666;line-height:2em;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.m-pn a:hover{color:#f4077a}
/*!Ã¦â€“Â°Ã©â€”Â»*/
.ul-imgtxtq1{position:relative;margin-top:47px;overflow:hidden}
.ul-imgtxtq1:before{content:'';height:1px;background-color:#e7e7e7;position:absolute;top:0;left:0px;right:0}
.ul-imgtxtq1 li{overflow:hidden}
.ul-imgtxtq1 .con{display:block;position:relative;padding:22px 0;overflow:hidden}
.ul-imgtxtq1 a:hover{padding-left:29px}
.ul-imgtxtq1 .con:before{content:'';height:1px;background-color:#e7e7e7;position:absolute;bottom:0;left:0px;right:0}
.ul-imgtxtq1 .con:after{content:'';height:1px;background:linear-gradient(90deg,#fa0377,#8853b5,#0daaf6);position:absolute;bottom:0;left:0;width:0;z-index:2;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-imgtxtq1 a:hover:after{width:100%}
.ul-imgtxtq1 .pic{float:left;width:225px;height:auto;margin-right:24px;overflow:hidden}
.ul-imgtxtq1 .pic img{display:block;width:100%;height:auto}
.ul-imgtxtq1 .txt{position:relative;padding-right:154px;padding-top:17px;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-imgtxtq1 a:hover .txt{padding-right:124px}
.ul-imgtxtq1 h3{font-size:24px;color:#333;line-height:1.5em;font-weight:400;margin-bottom:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ul-imgtxtq1 .desc{height:4em;font-size:14px;color:#999;line-height:2em;letter-spacing:.85px;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-imgtxtq1 a:hover .desc{color:#666}
.ul-imgtxtq1 .date{display:block;width:113px;font-size:16px;color:#999;line-height:28px;text-align:center;background-color:#e9edef;border:1px solid #dedede;margin-top:18px;overflow:hidden}
.ul-imgtxtq1 .icon{display:block;width:28px;height:28px;background:url(../images/iconl10.png) center center no-repeat;position:absolute;top:50%;right:75px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-imgtxtq1 a:hover .icon{background-image:url(../images/iconl10-1.png);right:46px}
.g-right{
    position: fixed;
    top: 80%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 20;
}
.g-right:after,
.ul-right:after,
.ul-right .con:after{
    content: "";
    display: block;
    clear:both;
    visibility: hidden;
    width: 100%;
    height: 0;
}
.ul-right li{
    margin-bottom: 12px;
}
.ul-right .con{
    display: block;
    position: relative;
}
.ul-right .con .top{
    overflow: hidden;
}
.ul-right .con .icon{
    width: 55px;
    height: 55px;
    overflow: hidden;
    text-align: center;
    font-size: 0;
    border-radius: 50%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.ul-right .con .icon img{
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
}
.ul-right .con .down{
    position: absolute;
    top: 0;
    right: 70px;
    background-color: #fff;
    border-radius: 4px;
    padding: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -o-box-shadow: 0 0 10px rgba(0,0,0,.1);
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    display: none;
}
.ul-right .con:hover .down{
    display: block;
    width: 175px;
}
.ul-right .con:hover .icon{
    opacity: .7;
}
.ul-right .con .down:after{
    content: "";
    display: block;
    clear:both;
    visibility: hidden;
    width: 100%;
    height: 0;
}
.ul-right .con .down:before{
    content: "";
    width: 0px;
    height: 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #fff;
    position: absolute;
    top: 30px;
    right: -8px;
}
.ul-right .con .down .tel{
    font-size: 28px;
	margin-bottom:5px;
    color: #333;
    line-height: 1.2em;
    overflow: hidden;
    font-weight: bold;
}
.ul-right .con .down .tel em{
    display: block;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: bold;
}
.ul-right .con .down .tt{
    font-size: 12px;
    color: #666666;
    line-height: 1.25em;
    overflow: hidden;
    text-align: left;
}
.ul-right .con .down .tt span{
    display: block;
    overflow: hidden;
}
.ul-right .con .down .tt i{
    float: left;
    width: 27px;
    height: 27px;
    background: url(../images/iconl69.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 5px 8px 0 0;
}
@media only screen and (max-width:1920px){
.banner,.banner .item{height:29.739583vw}
.ul-listl1 li.l2,.ul-listl1 li.l3{width:26.5625vw}
.ul-listl1 li.l4,.ul-listl1 li.l5{width:25vw}
.m-productl .productl .txt .tit,.m-wisdoml .wisdoml .tit{font-size:1.5625vw}
.m-aboutl .ll{width:38.0208vw}
.m-aboutl .rr{width:30.5208vw}
.m-wisdoml .ll,.ul-imgtxtl1 .txt{width:33.8152vw}
.m-wisdoml .rr{width:41.97916667vw;margin-right:-6.25vw}
.ul-imgtxtl1 .pic{width:48.73958vw;margin-left:-9.63546667vw}
.ul-imgtxtl1 li:nth-child(2n) .pic{margin-left:0;margin-right:-9.63546667vw}
.m-salesl .salesl .ll{width:49.9479166vw;margin-left:-8.333vw}
.m-salesl .salesl .rr{width:31.25vw}
.m-salesl.l1 .salesl .ll{width:28.75vw}
.m-salesl.l1 .salesl .rr{width:38.020833vw}
.m-wisdoml.l2 .rr{width:37.96875vw}
.m-contentl .table .ll{width:35.05208vw;margin-right:5.8333vw}
.ul-num{margin-left:40.88541vw}
.m-productl1 .ll{width:35.15625vw}
.m-productl1 .rr{width:34.1145833vw}
.m-abilityl .abilityl .ll,.m-abilityl .abilityl .rr{width:26.8571%}
.m-abilityl .abilityl .cc{width:46.2857%}
.m-slickl .slick-list{padding:0 28.8541%}
.m-synopsisl .ll{width:36.14285%}
.m-synopsisl .rr{width:56.42857%}
.m-cooperationl .ll{width:47.142857%}
.m-cooperationl .rr{width:48.78571%}
.m-cooperationl .ll .en{font-size:3.4375vw}
.ban{height:29.739583vw}
.ban .txt h3{font-size:50px}
}
@media only screen and (max-width:1680px){
    .ul-imgtxtl1 .txt,.ul-imgtxtl1 .down{position: static;}
}
@media only screen and (max-width:1440px){
.wp{width:1200px;max-width:none}
.fd-l .tit,.fd-r .tit{font-size:20px}
.row-a1{padding-top:30px}
.m-technologyl{margin-top:0}
.row-a2,.row-a3,.row-a4{padding:30px 0}
.m-productl{margin-top:30px}
.ul-listl2 .con .icon{width:40px;height:40px}
.ul-listl2 .con .tit,.ul-listl4 .con .tit{font-size:20px}
.ul-listl2 .con{padding:39px 48px}
.g-titl1 .tit,.m-aboutl2 .tit,.ul-listl1 .tit{font-size:22px}
.ul-listl1 .tit em{font-size:24px}
.ul-listl3 .tit{font-size:18px}
.g-titl1 .tit:after{width:80px}
.m-news{margin-top:30px}
.m-wisdoml .ll{width:38.8152vw}
.ul-imgtxtl1 .txt{width:45%;position: static;padding:0 30px 40px}
.ul-imgtxtl1 .down{position: static;}
.ul-imgtxtl1 .pic{margin-left:0;width:50%}
.ul-imgtxtl1 li:nth-child(2n) .pic{margin-right:0;width:50%}
.g-titl2{font-size:22px}
.g-titl2 em{font-size:20px}
.ul-listl5 .con .tit{font-size:16px}
.ul-listl5{margin:20px -5px 0}
.ul-listl5 li{padding:0 5px}
.ul-listl5 .con{padding:10px 15px}
.ul-listl5 .con .desc{font-size:12px}
.ul-listl5 .con .pic{width:50px;height:50px;line-height:50px;margin-top:5px}
.ul-imgtxtl1 .con{padding-top:60px}
.ul-imgtxtl1 .g-titl2{margin-bottom:15px}
.ul-imgtxtl1 .desc,.ul-imgtxtl1 .down .tips{font-size:14px}
.ul-imgtxtl1 .down .tit{font-size:16px}
.m-listl6{padding-right:0}
.ul-imgtxtl1 .down .info .ll,.ul-imgtxtl1 .down .rr .stxt{margin-right:10px}
.ul-imgtxtl1 .desc{margin-bottom:30px}
.m-wisdoml .rr{margin-right:0}
.m-wisdoml.l1{padding-top:50px}
.m-wisdoml.l1 .wisdoml{margin-bottom:50px}
.m-salesl .salesl .rr .txt .desc{line-height:1.5em}
.m-salesl .salesl .rr{width:41.25vw}
.ul-listl7 li{margin-bottom:20px}
.m-salesl.l1 .salesl .rr .box{margin-left:0}
.m-salesl,.m-salesl.l1{padding:30px 0}
.m-salesl .salesl .rr .txt .left{line-height:1.5em}
.m-wisdoml.l2{padding:40px 0}
.m-wisdoml.l2 .wisdoml{margin-bottom:50px}
.ul-listl8 .con .pic{width:80px;height:92px;padding:5px}
.ul-listl8 .con .pic .box{width:70px;height:82px;line-height:82px}
.m-contentl .table .rr .desc,.ul-listl8 .con .txt{font-size:14px}
.m-contentl{padding:60px 0}
.m-contentl .num{bottom:60px}
.m-characteristicl,.m-summaryl{padding:50px 0}
.ul-listl11{margin-top:50px}
.ul-listl11 .txt .tit,.ul-listl12 .con .txt .tit{font-size:17px}
.ul-listl12 .con .txt .tt{font-size:14px}
.m-characteristicl .ll{margin-left:0}
.m-productl1 .ll{padding:0}
.m-abilityl,.m-kernel,.m-productl1,.m-softwarel{padding:40px 0}
.ul-listl9{margin:30px -5px 0}
.ul-listl9 li,.ul-txtl1 li{padding:0 5px}
.ul-txtl1{margin:0 -5px}
.ul-txtl1 .con{font-size:12px}
.ul-txtl1 li,.ul-txtl2 li{margin-bottom:10px}
.ul-txtl3{padding:0 20px}
.m-spreadl .item .content .tit{font-size:20px;margin-bottom:20px}
.m-spreadl .item .content,.m-spreadl .item.on .content{padding:30px}
.ul-listl9 .con .tit{font-size:18px}
.m-spreadl{margin-top:30px}
.m-classicl{padding:30px 0}
.ul-listl10 .con{height:40px;line-height:40px;padding:0 20px;font-size:16px}
.ul-imgl1 li .pic{width:285px}
.m-cooperationl,.m-guaranteel,.m-partnerl,.m-recruitl,.m-strengthl,.m-synopsisl{padding:30px 0}
.m-slickl2 .slick-prev{left:0}
.m-slickl2 .slick-next{right:0}
.ban .txt h3{font-size:50px}
.m-information{margin:30px 0}
.m-text{padding-top:20px;margin-top:30px}
.ul-imgtxtq1{margin-top:20px}
.ul-imgtxtq1 h3{font-size:18px}
.g-right{right:10px}
}
@media only screen and (max-width:1280px){
.wp{width:auto;max-width:1180px}
}
@media only screen and (max-width:1199px){
.wp{max-width:none;padding:0 10px}
body{padding-top:70px}
.logo{height:70px;line-height:70px;margin-left:10px}
.logo img{height:40px}
.menuBtn{display:block}
.nav{position:fixed;top:70px;left:0;width:100%;bottom:0;background-color:#fff;display:none}
.nav ul{float:none;height:auto;line-height:0}
.nav li{float:none;margin-left:0}
.nav .v1{display:block;border-radius:0}
.nav .down{position:static;width:100%;left:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);padding-top:0}
.nav .down dl{-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}
.nav .down .s1{font-size:12px;height:2.5em;line-height:2.5em}
.nav .mail{display:none}
.footer{padding:20px 0}
.fd-r{width:360px}
.fd-l .tit,.fd-r .tit{font-size:18px}
.banner .slick-dots li,.banner .slick-dots li.slick-active{margin-bottom:10px}
.m-productl .rr{width:auto;float:none}
.ul-listl2 li{width:33.33%;float:left}
.ul-listl2 .con{padding:20px 30px}
.m-aboutl .ll{width:50%}
.m-aboutl{margin-bottom:30px}
.ul-listl3 .icon{width:50px;height:50px;line-height:50px}
.m-news .ll{width:auto;float:none;margin-bottom:20px}
.m-news .rr{position:static;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.g-btn1{margin:0 auto}
.ul-listl2 .con .tit,.ul-listl4 .con .tit{font-size:18px}
.g-titl1 .tit,.m-aboutl2 .tit,.ul-listl1 .tit,.ul-listl1 .tit em{font-size:20px}
.ul-listl3 .tit{font-size:16px}
.m-aboutl .rr{width:45%}
.m-aboutl .desc{margin:10px 0 15px}
.m-productl .productl .txt .tit,.m-wisdoml .wisdoml .tit{font-size:18px}
.ul-listl3{margin-top:30px}
.m-wisdoml .ll,.m-wisdoml .rr{width:48%}
.ul-listl5 li{margin-bottom:10px}
.g-titl2{font-size:18px}
.g-titl2 em{font-size:16px;padding-left:10px}
.m-wisdoml.l1{padding-top:30px}
.m-wisdoml.l1 .wisdoml{margin-bottom:30px}
.m-wisdoml .wisdoml .desc{line-height:1.5em;max-height:none}
.m-salesl .salesl .ll{margin-left:0;width:48%}
.m-salesl .salesl .rr,.m-salesl.l1 .salesl .rr{width:50%}
.m-salesl.l1 .salesl .ll{width:45%}
.m-salesl .salesl .rr .txt .desc,.ul-listl7 .stxt .tit{font-size:14px}
.m-salesl .salesl .rr .txt,.m-salesl.l1 .salesl .rr .txt .desc{margin-bottom:30px}
.m-salesl .salesl{margin-top:0}
.m-salesl.l1 .salesl .rr .txt{margin-bottom:0}
.m-contentl,.m-wisdoml.l2{padding:30px 0}
.m-contentl .num{bottom:30px}
.m-wisdoml.l2 .wisdoml{margin-bottom:30px}
.m-contentl .table .rr .en{margin:10px 0}
.m-characteristicl,.m-summaryl{padding:30px 0}
.ul-listl11 .con:hover,.ul-listl9 .con:hover{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.ul-listl12{margin:0 -5px}
.ul-listl12 li{padding:38px 5px 0}
.ul-listl12 .con{padding:48px 20px 26px}
.ul-listl12 .con .txt .down{display:block!important}
.ul-listl12 .g-btn1{bottom:10px}
.ul-listl11 li{padding:0 5px}
.ul-listl11{margin:30px -5px 0}
.m-characteristicl .ll{margin-right:40px}
.m-abilityl,.m-kernel,.m-productl1,.m-softwarel{padding:30px 0}
.ul-listl9{margin:30px -5px 0}
.ul-listl9 li{padding:0 5px;margin-top:0}
.ul-listl9 .con{padding:20px}
.m-spreadl .item .content .tit{font-size:18px}
.m-productl1 .ll{width:45%}
.m-productl1 .rr{width:48%}
.ul-listl9 .con .pic{width:70px;height:70px;line-height:70px;margin-bottom:10px}
.ul-listl9 .con .tit{margin-bottom:10px}
.m-slickl .item{padding:30px 10px 0}
.m-slickl .item .tit{font-size:16px}
.m-slickl .item .txt{padding:20px 10px 30px}
.m-slickl .item .desc .info{font-size:12px;line-height:1.5em}
.m-slickl .item .desc .info p{max-height:3em}
.ul-imgl1 li .pic{width:255px}
.m-synopsisl .ll .pic{width:180px;margin:10px 0}
.m-synopsisl .rr{padding:0 10px 10px 0}
.m-guaranteel .guaranteel .ll .tit{font-size:17px}
.m-guaranteel .ul-listl9 .con{padding:20px}
.ul-imgl2 .tit{font-size:17px}
.ban .txt{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.ban .txt h3{font-size:24px;letter-spacing:10px}
.m-text{margin-top:20px}
.m-text h1{font-size:18px;margin-bottom:10px}
.m-text .info{padding-bottom:10px}
.m-text .txt{margin-top:20px;margin-bottom:20px;line-height:1.8em}
.m-pn{padding-top:20px}
.m-pn a{margin-bottom:0}
.ul-imgtxtq1 .con:before,.ul-imgtxtq1:before{left:0}
.ul-imgtxtq1 a:hover{padding-left:20px}
.ul-imgtxtq1 .txt{padding-right:80px}
.ul-imgtxtq1 a:hover .txt{padding-right:60px}
.ul-imgtxtq1 .icon{right:20px}
.ul-imgtxtq1 a:hover .icon{right:10px}
.ul-imgtxtq1 .pic{margin-right:20px}
.ul-imgtxtq1 h3{font-size:16px}
.ul-imgtxtq1 .desc{line-height:1.8em;height:5.4em}
.ul-imgtxtq1 .date{font-size:15px;margin-top:10px}
.g-right{/*display: none;*/}
}
@media only screen and (max-width:959px){
.m-technologyl .pic{width:220px}
.ul-listl1 li.l2,.ul-listl1 li.l3,.ul-listl1 li.l4,.ul-listl1 li.l5{width:30.5625vw}
.m-wisdoml .ll,.m-wisdoml .rr{width:auto;float:none}
.m-wisdoml .rr{margin-top:20px}
.ul-imgtxtl1 .con{padding:30px 0}
.ul-imgtxtl1 .txt{padding:0 10px}
.m-salesl .salesl .ll,.m-salesl.l1 .salesl .ll{float:none;margin:30px auto}
.m-salesl .salesl .rr,.m-salesl.l1 .salesl .rr{width:auto;float:none}
.m-wisdoml.l2 .rr{width:60%;margin:0 auto}
.m-characteristicl .ll{float:none;margin:20px 0 0}
.m-abilityl .abilityl .cc,.m-abilityl .abilityl .ll,.m-abilityl .abilityl .rr{width:50%;float:none;margin:0 auto}
.m-abilityl .abilityl .cc .fuse{display:none}
.m-spreadl .item,.m-spreadl .item.on{width:auto;float:none;height:auto}
.m-spreadl .item .top{margin-bottom:30px}
.m-spreadl .item .content{position:static}
.m-spreadl .item .content .desc{display:block}
.m-abilityl .abilityl .ll,.m-abilityl .abilityl .rr{padding:20px 24px}
.m-abilityl .abilityl{padding-top:20px}
.ul-listl9 li{width:25%;margin-bottom:10px}
.ul-listl9 .con{padding:20px 10px}
.m-cooperationl .ll,.m-cooperationl .rr,.m-synopsisl .ll,.m-synopsisl .rr{width:auto;float:none;margin-bottom:20px}
.ul-imgl1 li.l1,.ul-imgl1 li.l2,.ul-imgl1 li.l3,.ul-imgl1 li.l4,.ul-imgl1 li.l6,.ul-imgl1 li.l7,.ul-imgl1 li.l8,.ul-imgl1 li.l9{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);margin:0}
.ul-imgl1 li{width:33.33%;padding:0 5px;margin-bottom:10px}
.ul-imgl1 li .pic{width:100%}
.m-strengthl .desc{margin:20px 0}
.m-guaranteel .guaranteel .ll{width:auto;float:none;margin-bottom:10px;padding-top:0}
.m-guaranteel .guaranteel .ll .tit{margin-bottom:10px}
.m-cooperationl .ll .desc{margin:20px 0}
.m-cooperationl .ll .en br{display:none}
.m-slickl2 .con .addr{margin-bottom:20px}
.ul-imgl2 li{width:25%;padding:0 5px}
.ul-imgl2 .tit{font-size:14px}
.ul-imgl2{margin:29px -5px 0}
}
@media only screen and (max-width:767px){
body{padding-top:50px}
.logo{height:50px;line-height:50px}
.logo img{height:30px}
.nav{top:50px}
.fd-r{width:auto;float:none;margin-bottom:20px}
.fd-l .tit,.fd-r .tit{font-size:16px;margin-bottom:10px}
.fd-l .addr p{margin-bottom:5px}
.fd-l .addr{margin-bottom:10px}
.fd-l .copy{line-height:1.5em}
.m-form .inp,.m-form .txt{height:30px;line-height:30px;font-size:14px;padding:0 10px}
.m-form .txt{height:100px;padding:0 10px}
.m-form .btn{height:30px;line-height:30px}
.fd-l{width:auto;float:none}
.ul-listl1 li:after{display:none}
.m-technologyl .pic{width:300px;margin-bottom:20px}
.ul-listl1,.ul-listl1 li{position:static}
.ul-listl1 li{margin-bottom:20px}
.ul-listl1 .desc{margin-bottom:10px}
.ul-listl1 li.l1{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.m-technologyl{padding:20px 0}
.ul-listl1 li.l1 .con,.ul-listl1 li.l2 .con,.ul-listl1 li.l3 .con,.ul-listl1 li.l4 .con,.ul-listl1 li.l5 .con{text-align:left}
.ul-listl1 li.l1,.ul-listl1 li.l2,.ul-listl1 li.l3,.ul-listl1 li.l4,.ul-listl1 li.l5{width:auto}
.ul-listl1 li.l2 .btnbox,.ul-listl1 li.l3 .btnbox{float:none}
.ul-listl1 li.l1 .btnbox{margin:0}
.g-titl1 .tit,.m-aboutl2 .tit,.ul-listl1 .tit{font-size:18px}
.m-aboutl .rr{width:50%;float:none;margin:0 auto 20px}
.m-aboutl .ll{width:auto}
.m-aboutl .desc{line-height:1.5em;max-height:6em}
.ul-listl3 li{width:50%;padding:0 10px}
.ul-listl3 .tit{margin-bottom:10px;font-size:16px}
.ul-listl3 .desc{line-height:1.5em;max-height:3em}
.ul-listl3 .desc br{display:none}
.ul-listl3 .icon{width:40px;height:40px;line-height:40px;margin-bottom:10px}
.ul-listl4 .con .txt{padding-right:60px;padding-top:0}
.ul-listl4 .con .icon{right:0}
.ul-listl4 .con .tit .date{font-size:14px;height:26px;line-height:24px}
.ul-listl4 .con .pic{width:150px}
.ul-listl4 .con .desc{line-height:1.5em;max-height:3em}
.ul-listl2 li{width:auto;float:none}
.ul-listl4 .con .tit{margin-bottom:10px}
.ul-listl2 .con .tit,.ul-listl4 .con .tit{font-size:16px}
.ul-listl2 .con .icon{width:30px;height:30px;margin-top:5px}
.ul-listl2 .con{padding:10px}
.m-productl .productl .txt,.m-productl .productl .txt.l1{left:0;top:0;padding:20px 10px;width:auto}
.m-productl .productl .txt .tit{padding-bottom:10px;margin-bottom:10px}
.g-btn{height:30px;line-height:30px}
.m-productl .pic{padding-top:0;height:220px}
.m-descl{width:auto;margin-top:20px}
.ul-imgtxtl1 .pic,.ul-imgtxtl1 li:nth-child(2n) .pic{float:none;margin:0 auto 20px}
.ul-imgtxtl1 .txt,.ul-imgtxtl1 li:nth-child(2n) .txt{width:auto;float:none;padding:0}
.ul-imgtxtl1 .desc{margin-bottom:15px}
.m-contentl .table .ll{width:60%;margin:0 auto 20px;float:none}
.m-contentl .table .ll .pic{margin-top:0}
.m-contentl .num{position:static}
.ul-num{margin:0;text-align:center;font-size:0}
.ul-num li{display:inline-block;float:none;margin:0 5px}
.m-contentl .table .rr .desc{margin-bottom:10px}
.ul-imgtxtl1 .desc p{padding-bottom:0}
.ul-listl8 .con .pic{width:70px;height:81px}
.ul-listl8 .con .pic .box{width:60px;height:71px;line-height:71px}
.ul-listl11 li,.ul-listl12 li{width:50%;margin-bottom:20px}
.m-productl1 .ll,.m-productl1 .rr{width:auto;float:none}
.m-productl1 .ll{margin-bottom:20px}
.m-productl1 .ll .desc{margin-top:20px}
.ul-listl9 li{width:33.33%}
.m-abilityl .abilityl .cc,.m-abilityl .abilityl .ll,.m-abilityl .abilityl .rr{width:80%}
.m-spreadl .item .content,.m-spreadl .item.on .content{padding:20px 10px}
.m-spreadl .content .desc .box{width:48%}
.ul-txtl3{padding:0}
.ul-txtl3 li{margin:0 5px 5px;width:65px}
.ul-txtl3 .con .pic{width:65px;height:65px;line-height:65px}
.ul-txtl3 .con .pic img{max-width:80%;max-height:80%}
.ul-txtl3 .con .tt{bottom:13px}
.m-slickl .slick-list{padding:0 15%}
.ul-imgl2 li{width:33.33%}
.m-cooperationl .ll .en{font-size:20px}
.ban .txt h3{font-size:18px;letter-spacing:5px}
.ul-imgtxtq1 .pic{float:none;margin:0 auto}
.ul-imgtxtq1 a:hover{padding-left:0}
.ul-imgtxtq1 .txt,.ul-imgtxtq1 a:hover .txt{padding-right:0}
.ul-imgtxtq1 h3{text-align:center}
.ul-imgtxtq1 .desc{height:auto}
.ul-imgtxtq1 .date{margin:10px auto 0}
.ul-imgtxtq1 .icon{position:static;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);margin:10px auto 0}
}
@media only screen and (max-width:479px){
.fd-l .copy br{display:none}
.fd-l .copy{text-align:center}
.m-form .item .box{width:auto;float:none}
.m-form .box{margin-bottom:10px}
.m-aboutl .rr{width:auto}
.ul-listl3 li{width:auto;float:none}
.ul-listl4 .con .pic{width:auto;float:none;margin:0 0 10px}
.ul-listl4 .con .icon{position:static;margin:0 auto}
.ul-listl4 .con .txt{padding:0}
.ul-listl4 .con .desc{margin-bottom:10px}
.ul-listl4 .con .tit .date{margin-right:10px}
.m-technologyl .pic{width:80%}
.ul-listl5 li{width:auto;float:none}
.ul-imgtxtl1 .pic{width:80%}
.m-salesl .salesl .rr .txt .left,.m-salesl .salesl .rr .txtl .left{width:auto;float:none;margin-bottom:10px}
.m-contentl .table .ll,.m-salesl .salesl .ll,.m-salesl.l1 .salesl .ll,.m-wisdoml.l2 .rr{width:auto}
.ul-listl7 li,.ul-listl8 li{width:33.33%}
.ul-listl8 li{margin-bottom:20px}
.ul-listl8 .con .pic{margin-bottom:10px}
.ul-listl11 li,.ul-listl12 li{width:auto;float:none}
.ul-listl11 .txt .desc{height:auto}
.m-characteristicl .ll{width:auto}
.ul-listl12 .g-btn1{position:static}
.ul-listl11 .txt{padding:15px 10px 20px}
.ul-listl12 .con{height:auto;padding:48px 10px 26px}
.m-abilityl .abilityl .cc,.m-abilityl .abilityl .ll,.m-abilityl .abilityl .rr{width:auto}
.m-spreadl .content .desc .box{margin-bottom:30px}
.m-spreadl .content .desc .box,.m-spreadl .content .desc .box.r1,.ul-listl9 li{width:auto;float:none}
.ul-listl9 .con .desc{height:auto}
.g-ma .pic{width:100%;height:auto}
.g-ma{width:155px;padding:10px}
.g-ma .tel{padding:0;font-size:14px}
.m-slickl .slick-list{padding:0 10px}
.m-slickl .item .desc{display:block}
.m-slickl .item{margin-top:0}
.m-guaranteel .ul-listl9 li{width:auto}
.ul-imgl2 li{width:50%}
.m-slickl2 .item{padding:30px 14px}
.ul-imgtxtq1 .pic{width:auto}
}




.abilitylyycj{
   margin: 43px 0px 0;
}
.yycj{
    width:25%;float:left;
}

.yycj div{
  height:160px;overflow:hidden;
}
.yycjbg{
    background-color: rgb(241, 241, 241);
    padding:10px;
}
.yycj h3{
   color:#a2a2a2;
}
.yycj h2{
   margin-top:5px;
   margin-bottom:5px;
}
.yycj p{
    font-size: 14px;
    color: #6b6b6b;

}
.cline{
    text-align:center;margin-top:5px;font-size:14px;color:#7d7d7d;
}

.descnew h2{
    color:#333333;
    font-size: 18px;
}

.descnew h3{
    color:#999999;font-size: 12px;
    font-weight: normal;
}
.descnew p{
    color:#666666;    padding-top: 10px;
}

.hbd {
    text-align:center;
}
.hbd p{
    font-size:14px;
    text-align:center;
    color:#666666;
}
.hbddes {
        background-color: #f0f1f2;
    text-align:center;
    margin-top:30px;
}
.hbddes .n{
    width:24%;
    float:left;
}
.hbddes img{
    width:100%;
}
.hbddes2{
    display:none;
}
.hbddes4{
    display:none;
}
.hbddes6{
    display:none;
}
.hbddes8{
    display:none;
}

.hbdh1:hover .hbddes1{display:none}
.hbdh1:hover .hbddes2{display:block}


.hbdh2:hover .hbddes3{display:none}
.hbdh2:hover .hbddes4{display:block}

.hbdh3:hover .hbddes5{display:none}
.hbdh3:hover .hbddes6{display:block}

.hbdh4:hover .hbddes7{display:none}
.hbdh4:hover .hbddes8{display:block}
.hxys{
    text-align:center;
}
.hxys h2{
    color:#333333;
    font-size:18px;
    font-weight:bold;
}
.hxysdes {
    text-align:center;
    margin-top:30px;
}
.hxysdes img{
   float:left;
}
.hxysdes1{
    width:40%;
}
.hxysdes2{
    width:15%;
    padding-top: 90px;
    margin: 0 20px;
}
.hxysdes3{
    width:40%;
}
@media only screen and (max-width: 767px)
  {
    
.abilitylyycj{
   margin: 23px -10px 0;
}
.yycj{
    width:50%;float:left;
}

.yycj div{
  height:110px;overflow:hidden;
}

.yycjbg{
    padding:4px;
}
.yycj h3{
   color:#a2a2a2;font-size: 12px;
}
.yycj h2{
    font-size: 14px;
   margin-top:0px;
   margin-bottom:0px;
}
.yycj p{
    font-size: 12px;
line-height: initial;
}

.hbddes img{
    width:49%;
}
.hxysdes2{
    width:10%;
    padding-top: 30px;
}
}
.pos{
	font-size: 14px;
    line-height: 30px;
    color: gray;
}</pre></body></html>