html,body,div,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,form,input,textarea,th,td,select{margin:0;padding:0}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{min-height:100%}
body{font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;font-size:14px;color:#333;background:#fff;position:relative}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul,ol{list-style:none}
img{border:none;vertical-align:middle}
a{color:#666;text-decoration:none}
a:visited{color:#666;text-decoration:none}
a:hover{color:#666;text-decoration:none}
a:active{color:#666;text-decoration:none}
table{border-collapse:collapse;table-layout:fixed}
input,textarea{outline:none;border:none}
textarea{resize:none;overflow:auto}
.clearfix{zoom:1}
.clearfix:after{content:".";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}
@font-face{font-family:'iconfont';src:url('../fonts/iconfont.eot');src:url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),url('../fonts/iconfont.woff') format('woff'),url('../fonts/iconfont.ttf') format('truetype'),url('../fonts/iconfont.svg#iconfont') format('svg')}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.header-container{display:flex;border:1px;padding:0 70px;height:80px;position:fixed;top:0;z-index:3000;background:#fff;width:100%;min-width:1200px;-webkit-transition:all .3s;transition:all .3s;-webkit-box-shadow:0 0 5px #3c3c3c;box-shadow:0 0 5px #3c3c3c}
.logo{width:284px;float:left}
.logo a{display:inline-block;float:left}
.navbarlist{
    flex: 1;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.navbarlist>ul>li{float:left;height:65px;line-height:65px}
.navbarlist>ul>li>a{display:block;padding:0 15px;text-align:center;font-size:14px;line-height:65px;height:65px}
.navbarlist>ul>li a:after{content:'';display:block;height:3px;background:#00c1de;width:0;margin:0 auto;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;top:-15px}
.navbarlist>ul>li>a:hover{color:#333}
.navbarlist>ul>li.active a:after,.navbarlist>ul>li.active a,.navbarlist>ul>li a:hover:after{width:100%;color:#333}
.contactus{float:right}
.contactus div{float:left}
.contactus span{color:#ff3938;font-size:20px;font-weight:bold;height:65px;line-height:65px}
.contactus .iconfont{font-size:28px}
.contactus a{float:left;width:100px;line-height:35px;text-align:center;border-radius:5px;border:1px solid #ff3938;margin-top:15px;margin-left:15px;background:#ff3938;color:#fff}
#banner{margin-top:65px}
#banner .slideBox{width:100%;overflow:hidden;position:relative}
#banner .slideBox .hd{width:100%;height:15px;overflow:hidden;position:absolute;right:0px;bottom:5px;z-index:1}
#banner .slideBox .hd ul{overflow:hidden;zoom:1;display:table;margin:0 auto}
#banner .slideBox .hd ul li{float:left;margin-right:2px;width:60px;height:4px;line-height:14px;text-align:center;background:#fff;cursor:pointer;opacity:0.5;}
#banner .slideBox .hd ul li.on{opacity:1}
#banner .slideBox .bd{position:relative;height:100%;z-index:0}
#banner .slideBox .bd li{zoom:1;vertical-align:middle;position:relative}
#banner .slideBox .bd li .pictitle{position:absolute;top:20%;left:15%;right:auto;bottom:auto;text-align:left}
#banner .pictitle{text-shadow:0 1px 2px rgba(0,0,0,.6)}
#banner .pictitle h3{font-size:36px;color:#fff;font-weight:bold;line-height:50px;letter-spacing:2px}
#banner .pictitle p{margin-top:30px;font-size:20px;color:#fff}
#banner .pictitle a.more{display:block;width:160px;height:35px;line-height:35px;text-align:center;color:#fff;border:1px solid #fff;background:rgba(0,0,0,0);font-size:18px;margin-top:50px;text-decoration:none}
#banner .slideBox .bd img{width:100%;display:block}
#banner .slideBox .prev,#banner .slideBox .next{font-size:40px;color:#fff;position:absolute;left:6%;top:50%;margin-top:-25px;display:block;width:32px;height:40px;filter:alpha(opacity=50);opacity:0.5}
#banner .slideBox .prev .iconfont,#banner .slideBox .next .iconfont{font-size:32px}
#banner .slideBox .next{left:auto;right:6%}
#banner .slideBox .prev:hover,#banner .slideBox .next:hover{filter:alpha(opacity=100);opacity:1}
#banner .slideBox .prevStop{display:none}
#banner .slideBox .nextStop{display:none}
.box1{padding-top:25px;min-height:200px;padding-bottom:50px}
.box1-header{margin:0 auto;text-align:center;padding:15px 70px 25px 70px}
.box1-header h2{font-size:24px;color:#333;margin-bottom:20px}
.box1-header span{font-size:16px;color:#555;line-height:30px;text-transform:uppercase}
.box1-header span>.iconfont{font-size:20px}
.box1-list{padding-left:70px;padding-right:70px;margin:10px auto 0}
.box1-item{float:left;width:20%;text-align:center;padding-bottom:30px;border-radius:5px}
.box1-item:last-child{margin-right:0}
.box1-item h3{font-size:16px;margin:0;font-weight:bold}
.box1-item p{margin-top:15px;padding:0 10px;line-height:22px;height:88px;margin-bottom:0;overflow:hidden}
.box1-item .iconfont{font-size:80px}
.box1-item:hover{cursor:pointer}
.box1-item:hover .iconfont{color:#00c1de}
.corporation{height:145px;line-height:145px;font-size:26px;color:#333333;text-align:center;background:url("../img/indexcorporation.jpg") no-repeat;background-size:100% 100%;letter-spacing:10px}
.corporation>span{color:#ff3938;font-size:56px;letter-spacing:20px;display:inline-block;width:345px;margin-left:20px}
.box2{background-color:#294DF7;background:linear-gradient(52deg,#182FEC 0%,#0D6AF2 39%,#00C1DF 100%);padding-left:70px;padding-right:70px;height:475px}
.box2-left{width:45%;color:#fff;padding:90px 55px 0;float:left}
.box2-left h3{font-size:20px;color:#fff;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}
.box2-left p{font-size:15px;color:#fff;line-height:30px;margin-top:45px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.box2-left a.look{display:inline-block;width:160px;height:35px;line-height:35px;border-radius:2px;border:1px solid #fff;color:#fff;margin-top:45px;text-align:center;font-size:16px;text-decoration:none}
.box2-left a.look:hover{-webkit-transition:all 0.6s ease;transition:all 0.6s ease;color:#153aed;background:#fff}
.box2-right{width:55%;overflow:hidden;float:left}
.box2-right>img{max-width:100%;max-height:475px}
.box3{padding-top:25px;padding-bottom:80px}
.box3-list{padding:20px 100px 0;margin:0 auto}
.box3-left{float:left;width:48%;padding:30px 55px;-webkit-box-shadow:0 0 10px #e3f4ff;box-shadow:0 0 10px #e3f4ff;border-radius:10px}
.box3-right{float:right;width:48%;padding:30px 55px;-webkit-box-shadow:0 0 10px #e3f4ff;box-shadow:0 0 10px #e3f4ff;border-radius:10px}
.box3-list h3{font-size:18px;color:#333;font-weight:bold;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}
.box3-list h3:hover{color:#00c1de}
.box3-list p{font-size:15px;color:#666;line-height:24px;margin-top:15px;height:72px;overflow:hidden}
.box4{background:#fff;padding-top:30px;padding-bottom:80px;height:auto}
.box4 .slideGroup{padding-left:70px;padding-right:70px;margin:0 auto;padding-top:20px;height:auto}
.box4 .slideGroup .parHd{position:relative;height:40px;margin-bottom:50px}
.box4 .slideGroup .parHd ul{float:left;position:absolute;left:50%;margin-left:-360px;top:0px;text-align:center}
.box4 .slideGroup .parHd ul li{float:left;cursor:pointer;display:inline-block;margin:0 15px;width:150px;border-radius:0;padding:8px 12px;cursor:pointer;border:1px solid #ddd;color:#555}
.box4 .slideGroup .parHd ul li.on{background:#00c1de;color:#fff;border:1px solid #00c1de}
.box4 .slideGroup .slideBox{overflow:hidden;zoom:1;position:relative}
.box4 .slideGroup .slideBox .tempWrap{margin:0 auto !important}
.box4 .slideGroup .parBd .bd ul{zoom:1}
.box4 .slideGroup .parBd .bd ul li{position:relative;margin:0 8px;float:left;text-align:center}
.box4 .slideGroup .parBd .bd ul li .pic{text-align:center}
.box4 .slideGroup .parBd .bd ul li .pic img{margin:0 auto;width:1160px;height:400px}
.box4 .slideGroup .parBd .bd ul li .pic a:hover img{border-color:#999}
.box4 .slideGroup .parBd .bd ul li .title{position:absolute;top:60px;left:16%;color:#fff;text-align:left;font-size:50px;letter-spacing:2px;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.box4 .slideGroup .parBd .hd{overflow:hidden;position:absolute;bottom:10px;left:0;width:100%}
.box4 .slideGroup .parBd .hd ul{overflow:hidden;display:table;margin:0 auto}
.box4 .slideGroup .parBd .hd ul li{cursor:pointer;float:left;margin-right:2px;width:12px;height:12px;line-height:14px;text-align:center;background:#fff;color:#fff;cursor:pointer;opacity:0.5;border-radius: 50%;}
.box4 .slideGroup .parBd .hd ul li.on{opacity:1}
.pinpoint img{width:100%}
.pinpointlist{margin-top:40px}
.pinpointlist li{float:left;width:23%;cursor:pointer;text-align:center;position:relative;margin:0 1%;height:150px}
.pinpointlist .pinpointlist-itemimg{height:50px;text-align:center;position:relative}
.pinpointlist .pinpointlist-itemimg img{position:absolute;margin:auto;top:-9999px;right:-9999px;bottom:-9999px;left:-9999px}
.pinpointlist li h3{font-size:18px;margin-top:20px}
.pinpointlist-itemtext{display:block;width:100%;min-height:auto;position:absolute;top:0;left:0;background:#fff;-webkit-box-shadow:0 5px 20px 0 rgba(39,43,157,0.17);box-shadow:0 5px 20px 0 rgba(39,43,157,0.17);font-size:14px;color:#87878A;line-height:21px;padding:25px 40px;opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-transition:all 0.3s;transition:all 0.3s;text-align:left}
.pinpointlist .pinpointlist-item:hover .pinpointlist-itemtext{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
.putin{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.putin li{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;text-align:center}
.putin li h3{font-size:24px;margin:10px 0 20px 0}
.putin li p{padding:30px;font-size:16px;margin-top:20px;margin:0 auto;color:#888;line-height:24px}
.putin-itemimg{text-align:center;position:relative}
.putin-itemimg img{max-width:100%;max-height:155px}
.btcase{background:#f5f5f5;padding-top:25px;padding-bottom:80px}
.btcase-container{padding-left:70px;padding-right:70px;margin:0 auto;padding-top:20px}
.btcaselist{}
.btcaselist ul{}
.btcaselist-item{float:left;width:31%;margin-right:3.5%;background:#fff;-webkit-box-shadow:0 1px 10px 0 rgba(0,0,0,.3);box-shadow:0 1px 10px 0 rgba(0,0,0,.3);margin-bottom:50px}
.btcaselist li:nth-child(3n){margin-right:0}
.btcaselist-itemimg{overflow:hidden;height:245px;-webkit-transition:all .5s;transition:all .5s;-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;-o-transition:transform .5s}
.btcaselist-itemimg img{width:100%;height:100%;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;-o-transition:transform .5s}
.btcaselist-item:hover .btcaselist-itemimg img{-webkit-transform:scale(1.2);transform:scale(1.2)}
.btcaselist-itemconent{padding:0 25px}
.btcaselist-itemconent h3{font-size:14px;font-weight:normal;margin-top:20px;margin-bottom:10px;color:#373d41;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.btcaselist-itemconent p{margin-bottom:15px;line-height:22px;height:44px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px}
.btcaselist-itemclass{border-top:1px solid #ccc;margin-bottom:10px;padding-left:2px;padding-right:2px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.btcaselist-itemclass li{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:45px;line-height:45px;color:#666}
.btcaselist-itemclass li:first-child{text-align:left}
.btcaselist-itemclass li:last-child{text-align:right}
.btcalllist{width:100%}
.btcalllist ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.btcalllist ul img{margin:0 auto}
.btcalllist-item{float:left;width:24%;margin:0 0.5%;background:#fff;-webkit-box-shadow:0 1px 10px 0 rgba(0,0,0,.3);box-shadow:0 1px 10px 0 rgba(0,0,0,.3);margin-bottom:50px}
.btcalllistli:nth-child(4n){margin-right:0}
.btcalllist-itemimg{overflow:hidden;height:245px;-webkit-transition:all .5s;transition:all .5s;-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;-o-transition:transform .5s}
.btcalllist-itemimg img{width:100%;height:100%;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;-o-transition:transform .5s}
.btcalllist-item:hover .btcalllist-itemimg img{-webkit-transform:scale(1.2);transform:scale(1.2)}
.btcalllist-itemconent{padding:0 25px}
.btcalllist-itemconent h3{font-size:14px;font-weight:normal;margin-top:20px;margin-bottom:10px;color:#373d41;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.btcalllist-itemconent p{margin-bottom:15px;line-height:22px;height:44px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px}
.btcalllist-itemclass{border-top:1px solid #ccc;margin-bottom:10px;padding-left:2px;padding-right:2px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.btcalllist-itemclass li{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:45px;line-height:45px;color:#666}
.btcalllist-itemclass li:first-child{text-align:left}
.btcalllist-itemclass li:last-child{text-align:right}
.morelink{text-align:center}
.morelink a{width:200px;display:inline-block;-webkit-transition:all .3s;transition:all .3s;padding:8px 12px;border:1px solid #ccc;border-radius:5px;color:#333}
.morelink a:hover{color:#00c1de;border:1px solid #00c1de}
.business{padding-top:25px;padding-bottom:50px}
.business-container{padding-left:70px;padding-right:70px;margin:20px auto 0}
.businesslist li{float:left;width:15%;margin-right:2%;margin-bottom:30px;-webkit-transition:all .3s;transition:all .3s;text-align:center}
.businesslist li:nth-child(6n){margin-right:0}
.businesslist li:hover{-webkit-box-shadow:0px 0px 10px rgba(0,0,0,.5);box-shadow:0px 0px 10px rgba(0,0,0,.5)}
.businesslist>li>a>img{max-width:100%;height:100px;margin:0 auto}
.box5{padding-top:25px;background:url("../img/formbg.jpg") no-repeat center}
.form-box{margin:0 auto;padding:30px 70px 30px}
.form-box h3{font-size:16px;font-weight:normal;color:#333}
.form-group-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:20px 0}
.form-group{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;text-align:center}
#postcode{position:relative}
#postcode a{position:absolute;top:5px;right:5px}
.form-input{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s}
.checkbox{width:25%;float:left}
.checkbox input[type="checkbox"]{width:15px;height:15px;bottom:2px;vertical-align:text-top}
.btn-submit{display:inline-block;width:220px;margin:30px auto;-webkit-transition:all .5s;transition:all .5s;padding:10px 12px !important;font-size:14px;color:#333;letter-spacing:3px;background-color:#fff;border:1px solid #ccc;cursor:pointer;border-radius:5px}
.btn-submit:hover{color:#00c1de;border:1px solid #00c1de}
footer{background:#373d41}
.footer-container{margin:0 auto;padding:50px 70px 20px}
.phonenumber{width:32%;float:left}
.phonenumber p:first-child{margin-bottom:10px;color:#d9d9da;font-size:16px}
.phonenumber p:first-child .iconfont{color:#fff;font-size:20px;margin:0 5px}
.phonenumber p:last-child{line-height:35px;color:#e4e4e4;font-size:15px;display:inline-block}
.phonenumber p:last-child span{font-size:20px;color:#fff}
.linklist{width:60%;float:left;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.linklist-item{float:left;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.linklist-item>dt{color:#d9d9da;font-size:16px;font-weight:normal;margin:0 0 15px}
.linklist-item>dd{line-height:24px}
.linklist-item>dd>a{color:#9b9ea0;font-size:14px;text-decoration:none;margin-right:25px}
.linklist-item>dd>a:hover{color:#00c1de}
.footer-bottom{padding-left:70px;padding-right:70px;margin:0 auto;border-top:1px solid #4b5054;text-align:center;color:#9b9ea0;line-height:30px}
.footer-bottom a{color:#9b9ea0}
.footer-bottom a:hover{color:#00c1de}
.address{padding-bottom:10px;padding-top:20px;font-size:12px}
.copyright{font-size:12px;padding-bottom:30px;margin-bottom:0}
#aside-right{position:fixed;bottom:0px;right:0;z-index:99999;text-align:center}
.asidelist{position:relative;right:0;top:0}
.asidelist-item{width:67px;height:70px;background:#00c1de;cursor:pointer;margin-bottom:10px;color:#fff;-webkit-transition:all .5s;transition:all .5s}
.asidelist-item a{color:#fff}
.asidelist-ico .iconfont{font-size:38px;color:#fff}
.aside-ctrl{height:50px;line-height:50px}
#aside-right .aside-ctrl .iconfont{font-size:26px}
.layer{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.6);z-index:2999}
.phonelayer{width:420px;background:#fff;position:fixed;z-index:3000;top:300px;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding-bottom:30px}
.scaleOut{-webkit-animation:scaleOut .3s ease-in-out both;animation:scaleOut .3s ease-in-out both}
.phonelayer>h3{height:80px;line-height:80px;font-size:22px;margin:0 0 10px;color:#fff;letter-spacing:5px;text-align:center;background:-webkit-gradient(linear,left top, right top,from(#0681e2),to(#35e3e0));background:linear-gradient(to right,#0681e2,#35e3e0);position:relative}
.phonelayer>h3>.iconfont{position:absolute;top:-25px;right:5px;font-size:20px;cursor:pointer;color:#fff}
.phonelayer>h3>.iconfont:hover{color:#333}
.phonelayer>div{padding:15px 70px 0;font-size:18px;color:#666}
.phonelayer>div>span>.iconfont{font-size:22px}
.phonelayer>div>p{color:#037be2;font-size:24px;text-align:center;font-weight:bold;margin:10px 0 0}
.contact-container{margin-top:65px}
.contact-container img{width:100%}
.contact-box{padding:30px 130px 50px}
.contact-boxlist{margin-top:45px;margin-bottom:30px}
.contact-boxlist ul{padding:0 130px;text-align:center}
.contact-boxlist>ul>li{width:70%;margin:0 auto;line-height:90px;height:90px;font-size:18px;border-bottom:1px dotted #ddd;text-align:center}
.contact-boxlist>ul>li>span>.iconfont{font-size:30px;margin:0 10px;vertical-align:sub}
.contact-boxlist>ul>li>span{font-size:24px}
.contact-box1{background:#f5f5f5;padding:30px 0 50px 0}
.maplist{width:1200px;margin:0 auto}
.about-box{padding:30px 130px 50px}
.aboutlist-item{margin:10px 0}
.aboutlist-itemleft{float:left}
.aboutlist-itemright{float:right}
.aboutlist-itemconent,.aboutlist-itemconentlist{width:45%}
.aboutlist-item h3{font-size:24px;margin:20px 0}
.aboutlist-itemconent>p{font-size:14px;line-height:26px;color:#666;margin-top:20px;text-indent:2em}
.aboutlist-itemimg{width:45%}
.aboutlist-itemimg img{width:100%}
.aboutlist-itemconentlist h4{font-size:18px;margin:10px 0;line-height:30px}
.aboutlist-itemconentlist p{font-size:14px;color:#666;line-height:22px;margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.solution-header{width:1070px;margin:0 auto;text-align:center;padding:15px 70px 25px 70px}
.solution-header h2{font-size:24px;color:#333;margin-bottom:20px;margin-top:20px}
.solution-header span{font-size:16px;color:#555;line-height:30px;text-transform:uppercase}
.solution-list{padding-left:70px;padding-right:70px;margin:10px auto 0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.solution-list-item{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;float:left;text-align:center;margin-bottom:50px}
.solution-list-item div .iconfont{font-size:80px;color:#00C1DF}
.solution-list-item div span{display:block;font-size:16px;margin:10px 0;font-weight:bold}
.solution-box1{padding-top:30px;text-align:center;background-color:#fff;background:-webkit-gradient(linear,left bottom, left top,color-stop(50%, #fff),to(#f7f8fa));background:linear-gradient(0deg,#fff 50%,#f7f8fa 100%)}
.solution-box2{background:#f7f7f7;text-align:center;padding-bottom:0;padding-top:25px}
.solution-box3{text-align:center;padding-bottom:80px;padding-top:25px}
.solution-box4{background:linear-gradient(52deg,#00b9e0 0%,#0eaade 39%,#2c8ad8 100%);text-align:center;padding-bottom:80px;padding-top:25px}
.solution-box4 .box1-header h2,.solution-box4 .box1-header span{color:#fff}
.caselist{padding:70px 70px}
.caseshow-box{padding:30px 70px 50px;background:#f5f5f5;margin-bottom:80px}
.caseshow-container{background:#fff;padding:30px 60px}
.caseshow-top div{float:left}
.caseshow-top .caseshow-number{float:right}
.caseshow-title h3{position:relative;font-size:26px}
.caseshow-title h3::after{content:'';display:block;width:120px;height:2px;background:#00c1de;position:absolute;bottom:0;left:0}
.caseshow-number{font-size:15px}
.caseshow-number span{font-size:36px;color:#ff6600;font-weight:400;margin:0 10px;position:relative;top:5px}
.caseshow-class{font-size:14px;margin:10px 0}
.caseshow-top{position:relative;line-height:50px;margin-bottom:20px;font-size:26px}
.casehow-middle{margin:30px 0}
.casehow-middle p,.casehow-bottom p{line-height:28px;margin-bottom:10px;text-align:left}
.casehow-bottom{text-align:center}
.casehow-bottom img{width:80%;margin:20px auto}
.aboutcase{padding:20px 90px;background:#f5f5f5}
.aboutcase h4{font-size:24px;height:60px;line-height:60px;display:inline-block;border-bottom:2px solid #00c1de;padding:0 15px;margin-bottom:50px}
#pagelist{width:1200px;margin:0 auto;position:relative;height:60px}
.pagelist{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);clear:both;text-align:center;height:38px;font-size:14px;cursor:pointer}
.pagelist a,div.pagelist span{display:inline-block;cursor:pointer;position:relative;float:left;padding:6px 12px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd;margin:0 5px}
.pagelist a:hover{cursor:pointer;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}
.pagelist .current{cursor:pointer;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}
.news-box{padding-left:70px;padding-right:70px;margin:0 auto;margin-top:60px;min-height:800px}
.news-box-container{padding:0 5%}
.newsbox-list{position:relative;height:80px}
.news-list{_float:left;position:absolute;left:50%;top:0px;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.news-list li{float:left;cursor:pointer;display:inline-block;margin:0 15px;width:150px;border-radius:0;cursor:pointer;border:1px solid #ddd;color:#555}
.news-list li a{display:block;padding:8px 12px}
.news-list li.on,.news-list li.on a{background:#00c1de;color:#fff;border:1px solid #00c1de}
.news-list li:hover,.news-list li:hover a{background:#00c1de;color:#fff;_border:1px solid #00c1de}
.newsconent-item{margin-bottom:30px}
.newsconent-item div{float:left}
.newsconent-item div:first-child{width:10%;height:100px;text-align:center;margin-right:25px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative}
.newsconent-item div:first-child span:first-child{padding-top:15px;display:block;line-height:48px;color:#00c2de;font-size:40px}
.newsconent-item div:first-child span:last-child{font-size:14px;color:#777}
.newsconent-item div:first-child::after{content:'';display:block;width:1px;height:60px;position:absolute;right:0;top:20px;z-index:100000;background:#ccc}
.newsconent-item div:last-child{width:85%;border-bottom:1px solid #ddd;padding-bottom:5px}
.newsconent-item div:last-child a:hover{color:#00c2de}
.newsconent-item div:last-child a h3{font-size:15px;margin:5px 0 10px;color:#333}
.newsconent-item div:last-child a p{font-size:12px;line-height:22px;height:44px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.newsshow-box{background:#f5f5f5;padding:50px 70px 50px}
.newsshow-container{background:#fff;padding:10px 60px 60px}
.newsshow-title{text-align:center;padding:20px 0 10px;border-bottom:1px solid #ddd}
.newsshow-title h3{line-height:40px;margin:20px auto 15px;font-size:26px}
.newsshow-title p{font-size:12px;color:#666;margin:10px 0}
.newsshow-title p span{display:inline-block;margin:0 10px}
.newsshow-value{font-size:16px;text-align:left;padding-top:30px;line-height:35px;margin-bottom:30px}
.newsshow-value p{text-align:left}
.newsshow-value img{_width:50%;margin:0 auto;display: table;}
.newshow-hot{background:#f5f5f5;padding:10px 70px 60px;min-height:200px;height:auto}
.newshow-hotbox{width:48.5%;min-height:170px;background:#fff;padding:15px 30px 20px}
.newshow-hotbox h3{font-size:24px;margin:0;line-height:50px}
.newshow-hot-left{float:left}
.newshow-hot-right{float:right}
.newshow-hotbox ul li{line-height:40px;font-size:15px;position:relative;padding-left:20px}
.newshow-hotbox ul li::before{content:'';display:block;width:6px;height:6px;background:#00c1de;position:absolute;left:5px;top:50%;margin-top:-3px}
.newshow-hotbox ul li a{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.newshow-hotbox ul li a:hover{color:#00C1DF}
.ads-box{padding:30px 130px 40px}
.ads-container h3{height:50px;line-height:50px;font-size:22px;border-bottom:2px solid #00c1de;display:inline-block}
.ads-list{margin-top:30px;margin-bottom:60px}
.adslist-item-left{float:left;width:40%}
.adslist-item-right{float:right;width:45%;padding-top:25px;position:relative;padding-left:50px}
.adslist-item-right::after{content:'';display:block;width:4px;height:230px;background:#eee;position:absolute;left:-55px;top:30px}
.adslist-item-right h3{letter-spacing:5px;font-size:30px;color:#333;margin:0 0 10px;line-height:40px}
.adslist-item-right span{font-size:20px}
.adslist-item-right p{font-size:20px;margin-top:55px;margin-bottom:8px;letter-spacing:5px}
.adslist-item-right p .iconfont{font-size:40px;color:#00C1DF;vertical-align:middle}
.adslist-item-right>span{font-size:34px;font-weight:bold;color:#037be2;letter-spacing:2px;padding-left:60px}
.form-item{margin-top:30px;margin-bottom:10px}
.form-item p{font-size:15px;line-height:30px;margin-bottom:10px;padding-left:5px}
.form-item p .iconfont{color:#00C1DF;font-size:28px;margin:0 5px;vertical-align:middle}
.checkboxinput{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.checkboxinput .form-input{width:50%;float:left}
.checkboxinput a{position:absolute;top:5px;left:30%}
.checkboxinput .btn{float:left;width:50%;display:block;font-size:15px;background:#1fa1db;border-color:#1fa1db;border:none;color:#fff;border-radius:5px;cursor:pointer}
.account-container{width:1200px;margin:50px auto 80px;padding-top:65px}
.account-left{float:left;width:35%}
.account-right{float:right;width:65%;padding-left:50px}
.account-left p{font-size:16px;line-height:38px}
.account-left h3{font-size:28px;margin-bottom:35px}
.account-left p span{font-family:800;font-size:18px}
.account-left p span .iconfont{font-size:24px}
.account-box2{margin-top:30px}
.account-box2 h3{font-size:18px;font-weight:bold;margin:0 0 10px;line-height:30px}
.account-box2 ul{border:1px solid #ddd}
.account-box2 ul li{height:120px;display:-webkit-flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ddd}
.account-box2 ul li div,.account-box2 ul li h4{float:left}
.account-box2 ul li:first-child{background:#fafdfe}
.account-box2 ul li:last-child{border-bottom:none}
.account-box2 ul li .pic{border-right:1px solid #ddd;width:15%;text-align:center;height:100%;display:-webkit-flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.account-box2 ul li .pic img{width:135px}
.account-box2 ul li h4{font-size:15px;font-weight:bold;width:15%;line-height:120px;text-align:center}
.account-box2 ul li .con{padding:18px 40px 10px;border-left:1px solid #ddd}
.account-box2 ul li .con p{font-size:15px;margin-bottom:10px}
.subnav-box{position:fixed;top:80px;z-index:2000;height:65px;background:#f5f5f5;padding:0 70px;width:100%;-webkit-box-shadow:0 2px 6px 0 rgba(117,117,117,.2);box-shadow:0 2px 6px 0 rgba(117,117,117,.2);-webkit-transition:all .3s;transition:all .3s}
.subnav-box ul{height:65px;position:absolute;left:50%;top:0px;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.subnav-box ul li{_float:left;text-align:center;_padding:0 15px}
.subnav-box ul li a{display:block;padding:0 15px;height:65px;line-height:65px;font-size:14px}
.subnav-box ul li.active a,.subnav-box ul li a:hover{color:#00c1de}
.product-box{padding-top:130px;-webkit-transition:all .4s;-webkit-transition:all .3s;transition:all .3s}
.product-box img{width:100%}
.product-container{padding:50px 70px 80px}
.product-list{margin-bottom:30px}
.product-list li:first-child{float:left}
.product-list li:last-child{float:right}
.product-list-item{width:48.5%;height:380px;position:relative}
.product-list-item a{display:block;width:100%;height:100%}
.product-list-item a img{width:100%;height:100%}
.product-item-text{position:absolute;bottom:10px;right:40px;left:40px;color:#fff}
.product-item-text h3{font-size:24px;margin-top:20px;margin-bottom:10px}
.product-item-text .iconfont{float:right;font-size:26px}
.product-item-text p{font-size:16px;line-height:26px;margin-top:25px}
.productlist2-item{float:left;width:32%;margin-right:2%;border:1px solid #eee;border-radius:5px}
.product-list2 li:nth-child(3n){margin-right:0%}
.productlist2-item-pic{height:436px;background:#fff;text-align:center}
.productlist2-item-pic img{max-width:100%}
.productlist2-item-text{padding:10px 15px 5px;height:180px}
.productlist2-item-text h3{font-size:24px;color:#000;margin:10px 0}
.productlist2-item-text h3 .iconfont{float:right;font-size:26px;color:#00c1de}
.productlist2-item-text p{font-size:16px;color:#666;line-height:26px;margin-top:25px;margin-bottom:10px}
.search-box{padding:80px 70px 40px}
.search-box-center{padding:60px 60px 40px;max-width:1240px;margin:20px auto}
.search-box-left{float:left;width:50%}
.search-box-right{float:right;width:42%;margin-right:3%}
.search-item h3{margin-top:50px;font-size:24px;margin-bottom:10px}
.search-item p{font-size:16px;line-height:28px;color:#333;margin-top:50px;margin-bottom:60px}
.search-btn{display:block;width:200px;height:45px;line-height:45px;text-align:center;border:1px solid #ccc;font-size:18px;color:#333;border-radius:4px;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}
.search-btn:hover{border:1px solid #00C1DF;color:#00C1DF}
#search-box .slideBox{width:100%;height:auto;overflow:hidden;position:relative}
#search-box .slideBox .bd{position:relative;height:100%;z-index:0}
#search-box .slideBox .bd li{zoom:1;vertical-align:middle}
#search-box .slideBox .bd img{width:100%;height:414px;display:block}
.search-box1{background:#fff;padding-top:30px;padding-bottom:80px}
#search-tab{padding-left:70px;padding-right:70px;margin:0 auto;padding-top:20px}
#search-tab .slideTxtBox{width:100%;height:auto}
#search-tab .slideTxtBox .hd{height:auto;position:relative}
#search-tab .slideTxtBox .hd ul{为display:table;text-align:center}
#search-tab .slideTxtBox .hd ul li{display:inline-block;margin-right:30px;width:150px;border-radius:0;height:38px;line-height:38px;text-align:center;cursor:pointer;border:1px solid #ddd;color:#555}
#search-tab .slideTxtBox .hd ul li:last-child{margin-right:0}
#search-tab .slideTxtBox .hd ul li.on,#search-tab .slideTxtBox .hd ul li:hover{background:#00c1de;color:#fff;border:1px solid #00c1de}
#search-tab .slideTxtBox .bd{margin-top:30px}
#search-tab .slideTxtBox .bd ul{height:auto}
#search-tab .slideTxtBox .bd li{}
#search-tab .slideTxtBox .bd li .date{float:right;color:#999}
.search-bd-left{float:left;width:45%;padding-right:50px;padding-left:70px}
.search-bd-left h3{font-size:36px;letter-spacing:2px;color:#333;margin:30px 0 50px 0}
.search-bd-left p{font-size:18px;color:#333;line-height:34px;overflow:hidden;margin-bottom:65px}
.search-bd-right{float:right;width:54%;margin-right:10px}
.shopshow p{font-size:18px;color:#333;line-height:34px;overflow:hidden;text-align:center}
.shopshow .video-box{max-width:900px;margin:0 auto;padding-top:30px;background:#fff}
.shopshow .search-btn{margin:45px auto 0}
.feed-box{padding-top:25px;min-height:200px;padding-bottom:50px}
.feed-container{padding-left:70px;padding-right:70px}
.feed-container ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.feed-container ul li{text-align:center;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;float:left}
.feed-container ul li h3{font-size:34px;color:#00c1de;margin-top:20px;margin-bottom:10px}
.feed-container ul li h3 strong{font-size:48px}
.feed-container ul li h3 span{font-size:30px}
.feed-container ul li p{font-size:16px;color:#333;margin-top:20px;margin-bottom:10px}
.feed-box1{background-color:#294DF7;background:linear-gradient(52deg,#182FEC 0%,#0D6AF2 39%,#00C1DF 100%);padding:20px 70px 70px}
.feed-box1 .box1-header h2,.feed-box1 .box1-header span{color:#fff}
.feed-box1-container{padding-left:70px;padding-right:70px;margin:30px auto 0}
.feed-box1-left{float:left;width:40%;padding-top:80px}
.feed-box1-left p{font-size:18px;color:#fff;height:26px;margin-bottom:40px;position:relative}
.feed-box1-left p .iconfont{color:#fff;font-size:24px;margin-right:10px}
.feed-box1-left .search-btn{color:#fff}
.feed-box1-left .search-btn:hover{color:#153aed;background:#fff;border:none}
.feed-box1-right{float:right;width:60%}
.feed-box1-right img{max-width:100%}
.app-box{background:#239ace;background:-webkit-gradient(linear,left top, left bottom,from(#0a8cc8),to(#67c1de));background:linear-gradient(to bottom,#0a8cc8 0%,#67c1de 100%);padding:40px 70px;position:relative}
.app-box-left{float:left}
.app-box-right{float:right}
.app-box .app-box-left h3{font-size:36px;color:#fff;padding-left:100px;margin:0;height:74px;line-height:74px}
.app-box-item{float:left;margin-right:30px}
.app-box-item a div img{width:64px;height:64px}
.app-box-item a span{display:block;color:#fff;margin-top:10px;text-align:center}
.feed-box2{padding-top:25px;background:#f9f9f9;margin-bottom:50px}
.feed-box2-container{padding:30px 70px}
.feex-box2-left{float:left;width:55%}
.feex-box2-right{float:right;width:45%;padding-left:30px}
.feex-box2-right h3{font-size:24px;letter-spacing:2px;color:#333;margin:55px 0 50px 0}
.feex-box2-right p{font-size:16px;color:#333;line-height:34px;overflow:hidden;margin-bottom:65px}
.feex-box2-container{padding:30px 70px;background:#fff}
.feex-box3-left{float:left;width:45%;padding-left:85px;width:45%}
.feex-box3-left h3{font-size:24px;letter-spacing:2px;color:#333;margin:55px 0 50px 0}
.feex-box3-left p{font-size:16px;color:#333;line-height:34px;overflow:hidden;margin-bottom:65px}
.feex-box3-right{float:right;width:55%}
.brand-box{padding-top:25px;min-height:200px;padding-bottom:50px}
.brand-container{max-width:1200px;margin:20px auto 0}
.brand-item-left{float:left;width:50%}
.brand-item-right{float:right;width:45%;margin-top:20px}
.brand-item h3{font-size:24px;color:#333;margin:60px 0 70px 0}
.brand-item h3 small{font-size:65%}
.brand-item p{font-size:16px;color:#333;line-height:30px;overflow:hidden;margin-bottom:75px}
.brand-item .video-box video{max-width:100%}
.brand-bg{background-color:#fff;background:-webkit-gradient(linear,left top, left bottom,color-stop(50%, #FFFFFF),to(#F7F8FA));background:linear-gradient(180deg,#FFFFFF 50%,#F7F8FA 100%)}
.baiyi-box{padding-top:10px;padding-bottom:50px;background-color:#fff;background:-webkit-gradient(linear,left bottom, left top,color-stop(50%, #FFFFFF),to(#F7F8FA));background:linear-gradient(0deg,#FFFFFF 50%,#F7F8FA 100%)}
.baiyi-box-vdieo{text-align:center;padding:0 70px}
.baiyi-box-vdieo video{max-width:100%}
.baiyi-box-vdieo ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.baiyi-box-vdieo ul li{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;float:left}
.baiyi-box-vdieo ul li img{max-width:100%}
.screen-box{padding:30px 0 50px;background-color:#fff;background:-webkit-gradient(linear,left top, left bottom,color-stop(50%, #FFFFFF),to(#F7F8FA));background:linear-gradient(180deg,#FFFFFF 50%,#F7F8FA 100%)}
.screen-container{padding:20px 70px}
.screen-ul-item{cursor:pointer;float:left;width:19%;margin-right:1.25%;border:1px solid #eee;text-align:center;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}
.screen-ul-item img{width:100%}
.screen-container ul li:nth-child(5n){margin-right:0%}
.screen-ul-item h3{font-size:16px;color:#333;margin-top:30px;margin-bottom:15px}
.screen-ul-item p{font-size:14px;color:#666;margin-bottom:35px}
.screen-ul-item:hover{-webkit-box-shadow:0 0 25px #aaa;box-shadow:0 0 25px #aaa}
.ys-item{width:25%;float:left;text-align:center}
.ys-item h3{font-size:16px;color:#333;height:30px;line-height:30px;margin:20px 0 10px;font-weight:bold}
.ys-item p{font-size:14px;color:#666;line-height:22px}
.screen-box2{background-color:#fff;background:-webkit-gradient(linear,left bottom, left top,color-stop(50%, #FFFFFF),to(#F7F8FA));background:linear-gradient(0deg,#FFFFFF 50%,#F7F8FA 100%);padding-top:30px}
.service-box{padding-top:25px;min-height:200px;padding-bottom:50px}
.ztc-list{padding:30px 70px}
.ztclist-item{float:left;width:23%;margin-right:2.666%;text-align:center;position:relative;padding:20px 30px;height:315px;cursor:pointer}
.ztc-list li:nth-child(4n){margin-right:0}
.ztclist-item .inner p{font-size:16px;margin-top:25px}
.ztclist-item .info{position:absolute;top:0;left:0;bottom:0;right:0;padding:60px 20px 10px;border:1px solid #00c1de;-webkit-animation:flip .5s ease both;animation:flip .5s ease both;display:none;border-radius:6px}
.ztclist-item .info{background:#fff}
.ztclist-item .info h3{font-size:18px;font-weight:bold}
.ztclist-item .info p{font-size:16px;line-height:26px;margin-top:50px;padding:0 10px}
.ztclist-item:hover .info{display:block}
.service-box2{padding-top:40px;background-color:#294DF7;background:linear-gradient(52deg,#182FEC 0%,#0D6AF2 39%,#00C1DF 100%)}
.service-box2 .box1-header h2{color:#fff;position:relative}
.service-box2 .box1-header h2:after,.service-box2 .box1-header h2:before{content:'';display:block;width:300px;height:1px;position:absolute;top:13px}
.service-box2 .box1-header h2:before{background:-webkit-gradient(linear,right top, left top,from(#99d9ff),to(rgba(0,0,0,0)));background:linear-gradient(to left,#99d9ff,rgba(0,0,0,0));left:130px}
.service-box2 .box1-header h2:after{background:-webkit-gradient(linear,left top, right top,from(#99d9ff),to(rgba(0,0,0,0)));background:linear-gradient(to right,#99d9ff,rgba(0,0,0,0));right:130px}
#service-banner{padding:0 70px 40px}
#service-banner .slideBox{width:100%;overflow:hidden;position:relative}
#service-banner .slideBox .hd{width:100%;height:15px;overflow:hidden;position:absolute;right:0px;bottom:5px;z-index:1}
#service-banner .slideBox .hd ul{overflow:hidden;zoom:1;display:table;margin:0 auto}
#service-banner .slideBox .hd ul li{float:left;margin-right:2px;width:15px;height:15px;line-height:14px;text-align:center;background:#fff;cursor:pointer;opacity:0.5;border-radius:50%}
#service-banner .slideBox .hd ul li.on{opacity:1}
#service-banner .slideBox .bd{position:relative;height:100%;z-index:0}
#service-banner .slideBox .bd li{zoom:1;vertical-align:middle;position:relative;text-align:center}
#service-banner .slideBox .bd img{max-width:100%}
#service-banner .slideBox .prev,#service-banner .slideBox .next{font-size:40px;color:#fff;position:absolute;left:6%;top:50%;margin-top:-25px;display:block;width:32px;height:40px;filter:alpha(opacity=50);opacity:0.5}
#service-banner .slideBox .prev .iconfont,#service-banner .slideBox .next .iconfont{font-size:32px}
#service-banner .slideBox .next{left:auto;right:6%}
#service-banner .slideBox .prev:hover,#service-banner .slideBox .next:hover{filter:alpha(opacity=100);opacity:1}
#service-banner .slideBox .prevStop{display:none}
#service-banner .slideBox .nextStop{display:none}
.robotlist-item{-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:250px;-ms-flex-preferred-size:250px;flex-basis:250px;margin:5px}
.robotlist-item .subCat{position:relative;height:200px;-webkit-box-shadow:0 0 20px #888;box-shadow:0 0 20px #888}
.robotlist-item .subCat .subCatimg{text-align:center;margin-top:60px}
.robotlist-item .subCat .subCatimg div{margin-top:15px;font-size:14px}
.robotlist-item .subCat:hover .subCatimg{opacity:0;-webkit-transition:all .5s;transition:all .5s}
.robotlist-item .subCat .overlay{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-transition:all .5s;transition:all .5s;-moz-transition:all .5s}
.robotlist-item .subCat .centerer img{position:relative;color:#fff;max-width:68%;opacity:0;font-weight:bold;left:28px;top:35px;-webkit-filter:drop-shadow(16px 0 0 #fff);filter:drop-shadow(48px 0 0#fff)}
.robotlist-item .subCat:hover .overlay p{position:relative;color:#fff;text-align:left;font-size:14px;opacity:1;bottom:-33px;-webkit-transition:all .5s;transition:all .5s;-moz-transition:all .5s;font-weight:400;line-height:20px}
.robotlist-item .subCat:hover .overlay{background:#34a5f1;-webkit-transition:all .5s;transition:all .5s;-moz-transition:all .5s}
.robotlist-item .subCat .overlay .centerer{position:absolute;display:block;top:0;left:0;bottom:0;right:0;width:100%;height:140px;margin:auto auto;overflow:hidden}
.robotlist-item .subCat .centerer p{position:relative;color:#fff;max-width:68%;margin:15px auto;text-align:left;font-size:14px;opacity:0;bottom:-50px;line-height:20px;-webkit-transition:all .5s;transition:all .5s;-moz-transition:all .5s;font-weight:bold}
@media screen and (min-width:1680px) and (max-width:1920px){.header-container{padding:5px 70px !important}
.navbarlist{_margin-left:60px !important}
.robotlist-item {-webkit-flex-basis: 284px !important;-ms-flex-preferred-size: 284px !important;flex-basis: 284px !important;}
}@media screen and (min-width:1440px) and (max-width:1679px){.header-container{padding:5px 20px !important}
.navbarlist{_margin-left:20px !important;float:left}
.robotlist-item {-webkit-flex-basis: 210px !important;-ms-flex-preferred-size: 210px !important;flex-basis: 210px !important;}
}@media screen and (min-width:1300px) and (max-width:1439px){.header-container{padding:5px 10px !important}
.navbarlist{_margin-left:10px !important}
.btcalllist-itemimg{height:203px !important}
.btcaselist-itemimg{height:200px !important}
.robotlist-item {-webkit-flex-basis: 210px !important;-ms-flex-preferred-size: 210px !important;flex-basis: 210px !important;}
}
::-webkit-scrollbar { /*滚动条整体样式*/
    width: 6px !important;; /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px !important;;
    background: #ffffff !important;;
    cursor: pointer !important;
    display: none !important;  /*滚动条显示与隐藏*/
}
::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 5px !important;
    -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;;
    background: rgba(63, 98, 131, 0.8) !important;;
    cursor: pointer !important;
}
::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;;
    border-radius: 0 !important;;
    background: rgba(240, 240, 240, 0.5) !important;;
    cursor: pointer !important;
}