/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
/*.slick-dots li button:focus:before
{
    opacity: 1;
}*/
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

 /*   opacity: .25;*/
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bannera{background: url(../images/banner1.jpg) no-repeat top; background-size:100% 100%;}
.bannerb{background: url(../images/2.jpg)no-repeat top; background-size:100% 100%; }
.bannerc{background: url(../images/banner2.jpg)no-repeat top; background-size:100% 100%;}
.bannerd{background: url(../images/banner3.jpg)no-repeat top; background-size:100% 100%;}
.dza{ font-size:40px !important;}
.dzb{ font-size:16px !important;}
.dzc{ margin-top:30px !important;}
.dza span{color: #f5c920;}
.dzb span{color: #f5c920;}
.dzc span{color: #f5c920;}
.teld{ text-align:center;line-height:35px; width:100%; color:#f5c920; font-size:24px; position:relative; margin-top:20px;}
.teld span{ position:absolute; left:23%; top:-4px;}
.ywk{ width:1440px; margin: 0 auto;}
.ywk li {width: 31%;height: 260px;margin: 0 1%;overflow: hidden; float:left;animation-delay: 0.10s; margin-top:50px;}
.ywk li i{display:block;position:relative;margin:0 auto;margin-top:43px;height:69px;}
.ywk li.pc i{width:70px;background:url(../images/web.png);}
.ywk li.mobi i{width:70px;background:url(../images/xcx.png);}
.ywk li.sys i{width:70px;background:url(../images/wx.png);}
.ywk li.app i{width:70px;background:url(../images/pt1.png) }
.ywk li.host i{width:70px;background:url(../images/app.png)}
.ywk li.vi i{width:70px;background:url(../images/vi.png);}
.ywk li u{display:block;position:absolute;width:156px;height:156px;margin-left:22px;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
.ywk li strong{display:block;margin-top:40px;font-size:18px;font-weight:normal;text-align:center;}
.ywk li p{ padding:10px 5px;font-family:"微软雅黑";font-size:14px;line-height:20px;text-align:center;  height:60px; margin-top:14px;}
.ywk li:hover{width:31%;background-position:0px 0px;-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;cursor:pointer;}

.ywk li:hover.pc{ background:#fff; border:0px solid #ccc;width:31%; height:260px;}
.ywk li:hover.pc strong{ margin-top:40px;}
.ywk li:hover.mobi{ background:#fff; border:0px solid #ccc;width:31%; height:260px;}
.ywk li:hover.mobi strong{ margin-top:40px;}
.ywk li:hover.app{ background:#fff; border:0px solid #ccc;width:31%; height:260px;}
.ywk li:hover.app strong{ margin-top:40px;}
.ywk li:hover.sys{ background:#fff; border:0px solid #ccc; width:31%; height:260px;}
.ywk li:hover.sys strong{ margin-top:40px;}
.ywk li:hover.host{ background:#fff; border:0px solid #ccc; width:31%; height:260px;}
.ywk li:hover.host strong{ margin-top:40px;}
.ywk li:hover.vi{ background:#fff; border:0px solid #ccc; width:31%; height:260px;}
.ywk li:hover.vi strong{ margin-top:40px;}
.ywk li:hover i{-webkit-transition:all .5s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s;-ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;transition:all .5s ease-in-out .4s;}
.ywk li.pc:hover i{background:url(../images/web1.png);}
.ywk li.mobi:hover i{background:url(../images/xcx1.png);}
.ywk li.sys:hover i{background:url(../images/wx1.png);}
.ywk li.app:hover i{background:url(../images/pt.png);}
.ywk li.host:hover i{background:url(../images/app1.png)}
.ywk li.vi:hover i{background:url(../images/vi1.png);}
.ywk li:hover strong{color:#333;-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-ms-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s;}
.ywk li:hover p{top:10px;-webkit-transition:all .3s ease-in-out .5s;-moz-transition:all .3s ease-in-out .5s;-ms-transition:all .3s ease-in-out .5s;-o-transition:all .3s ease-in-out .5s;transition:all .3s ease-in-out .5s;}
 table.exp{position:absolute;bottom:0px;width:100%;border-top:1px solid #666;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;z-index:20;}
 table.exp{bottom:0px;}
 table.exp td{width:20%;height:70px;color:#bbb;text-align:center;}
table.exp u{margin-right:10px;color:#fdd118;font-family:Arial;font-size:26px;text-decoration:none;}

.bg-blue{background-size:cover}
.developer-solution-block{position:relative;max-width:none;padding:50px 0;text-align:center;clear:both;margin:0 auto}
/*大标题*/
.titleBar .caption{font-size:36px;color:#252b3a;letter-spacing:0;text-align:center;line-height:46px;margin-bottom:10px}
.descript{margin-bottom:40px;font-size:16px;color:#A0A2A8}
.developer-solution-block .titleBar{max-width:1200px;margin:0 auto;text-align:center}
.developer-solution-block .titleBar .caption,.developer-solution-block .titleBar .descript{color:#fff}
.developer-solution-block .developer-solution{max-width:1180px;margin:0 auto;padding:0 60px;background:none}
/*左边分类*/
.developer-solution .solution-tab{font-size:18px;color:#ffffff;line-height:28px;text-align:center;display:inline-block;width:150px;margin-right:100px;float:left}
.developer-solution .solution-tab ul{padding:0px 0;background:rgba(255,255,255,0.20);opacity:1;width:100px;}
.solution-tab ul li{padding:10px 30px;width:100px;text-align:left;color:#ffffff;cursor:pointer; font-size:16px;}
.solution-tab ul li.active{width:100px;background:#2d2d2d;}
/*右边内容标题详情*/
.developer-solution .solution-detail{width:calc(100% - 400px);display:inline-block;vertical-align:top;height:270px;padding-top:50px;text-align:left}
.developer-solution .solution-detail ul li{display:none}
.developer-solution .solution-detail ul li.active{display:block}
.solution-detail li .title{font-size:22px;color:#ffffff;line-height:28px;text-align:left;margin-bottom:14px}
.solution-detail li .detail{font-size:14px;color:#ffffff;line-height:35px;text-align:left}
/*产看更多按钮*/
.solution-detail li .more-btn{display:inline-block;position:relative;font-size:14px;color:#fdd118;text-align:left;line-height:22px;margin-top:20px}
.solution-detail li .more-btn:hover{color:#fdd118;}
.solution-detail li .more-btn:hover:before{right:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.newsxz{width:400px;left:50%; margin-left:-200px; height:30px; line-height:30px;  position:absolute; bottom:70px; z-index:999999;}
.newsxz span{float: left;margin: 1px 15px 0px 0px;color: #eee !important;font-weight: bold;margin-right:20px !important; }
.newsxz ul{float: left; height:20px; line-height:20px; overflow:hidden; margin-bottom:0px !important;}
.notice_active {float: left;height:20px;line-height:20px;overflow: hidden;position: relative;}
.newsxz ul li{ height:20px; line-height:20px; overflow:hidden; text-align:left;text-overflow: ellipsis;white-space: nowrap; max-width:280px;}
.newsxz ul li a{ color:#fff; text-align:left; }
.more {float: right;    color: #fdd118;    margin-top: -3px;    text-decoration: none;    border-bottom: 1px dotted #fdd118;    -webkit-transition: color .3s ease-in-out 0s;    -moz-transition: color .3s ease-in-out 0s;
    -ms-transition: color .3s ease-in-out 0s;    -o-transition: color .3s ease-in-out 0s;    transition: color .3s ease-in-out 0s;}
.newsxz a:hover{color: #fdd118; }
.notice_active ul li{height:20px; line-height:20px;}
.lxwmfoot{ width:1000px; height:225px; margin: 0 auto; border-bottom:1px dotted #ccc;}
.lxwmfoot ul{ width:100%; float:left;}
.lxwmfoot ul li{ width:20%; margin-left:1%; margin-right:1%; float:left;}
.lxwmfoot ul li span{ width:100%; float:left; line-height:30px; text-align:center; color:#454545;}
.lxwmfoot ul li img{ width:90%; margin-left:5%; margin-right:5%; border-radius:5px;}
.lxwmfoot ul dl{ width:26%; margin-left:1%; margin-right:1%; float:left;}
.lxwmfoot ul dl dd.bt{ font-size:24px; margin-top:10px;}
.lxwmfoot ul dl dd{ width:100%; float:left; color:#333; margin-bottom:10px; font-size:15px;}
.lxwmfoot p{ width:100%; line-height:30px; text-align:center; color:#ccc; float:left; margin-top:20px; font-size:12px;letter-spacing:1px; color:#454545;}


@media (max-width:1605px){	.ydtel{ display:none !important;}.header .nav{ margin-right:20px !important;}}
@media (max-width:992px){
.developer-solution-block{position:relative;max-width:none;padding:20px 0;text-align:center;clear:both;margin:0 auto}
.developer-solution .solution-tab{font-size:18px;color:#ffffff;line-height:28px;text-align:center;display:inline-block;width:100%;float:left; margin-right:0px;}
.developer-solution-block .developer-solution{max-width:100%;margin:0 auto;padding:0 10px;background:none}
.developer-solution .solution-tab ul{padding:0px 0;background:rgba(255,255,255,0.20);opacity:1;width:100%; display: flex;}
.solution-tab ul li{padding:10px 0px;width:33%;text-align: center;color:#ffffff;cursor:pointer; font-size:16px;}
.solution-tab ul li.active{width:34%;background:#2d2d2d;}
.developer-solution .solution-detail{width:calc(100% - 400px);display:inline-block;vertical-align:top;height:270px;padding-top:30px;text-align:left; width:100%;}
.solution-detail li .detail{font-size:14px;color:#ffffff;line-height:28px;text-align:left}
.lxwmfoot{ width:100%; height: auto; float:left; border-bottom:1px dotted #ccc;}
.lxwmfoot ul li{ width:20%; margin-left:1%; margin-right:1%; float:left; display:none;}
.lxwmfoot ul dl{ width:96%; margin-left:2%; margin-right:2%; float:left;}







.exp{ display:none;}	
.ywk{ width:96%; margin-left:2%; margin-right:2%;}
.ywk li {width:100%; float:left;animation-delay: 0.10s; margin-top:10px; height:68px; background:#fff; border:1px solid #ccc;}

.ywk li:hover{width:100%; float:left;animation-delay: 0.10s; margin-top:10px; height:68px; background:#fff; border:1px solid #ccc;}
.ywk li u{ display:none;}
.ywk li i{ float:left;margin:10px; height:50px;}
.ywk li.pc i {width:50px;background: url(../images/web.png); background-size:100%;}
.ywk li.mobi i {width: 50px;background: url(../images/xcx.png);background-size:100%;}
.ywk li.app i {width: 50px;background: url(../images/pt1.png);background-size:100%; }
.ywk li.host i {width: 50px;background: url(../images/app.png) ;background-size:100%;}
.ywk li.sys i {width:50px;background: url(../images/wx.png);background-size:100%;}
.ywk li.vi i {width: 50px;background: url(../images/vi.png); background-size:100%;}
.ywk li strong {display: block;margin-top:23px;font-size: 16px;font-weight: normal;text-align:left; margin-left:90px;}
.ywk li p{ display:none;}

.ywk li:hover.pc{ background:#fff; border:0px solid #ccc;width:100%; height:68px;}
.ywk li:hover.pc strong{ margin-top:23px;}
.ywk li:hover.mobi{ background:#fff; border:0px solid #ccc;width:100%; height:68px;}
.ywk li:hover.mobi strong{ margin-top:23px;}
.ywk li:hover.app{ background:#fff; border:0px solid #ccc;width:100%; height:68px;}
.ywk li:hover.app strong{ margin-top:23px;}
.ywk li:hover.sys{ background:#fff; border:0px solid #ccc; width:100%; height:68px;}
.ywk li:hover.sys strong{ margin-top:23px;}
.ywk li:hover.host{ background:#fff; border:0px solid #ccc;width:100%; height:68px;}
.ywk li:hover.host strong{ margin-top:23px;}
.ywk li:hover.vi{ background:#fff; border:0px solid #ccc; width:100%; height:68px;}
.ywk li:hover.vi strong{ margin-top:23px;}
.ywk li:hover i{-webkit-transition:all .5s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s;-ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;transition:all .5s ease-in-out .4s;}
.ywk li.pc:hover i{background:url(../images/web1.png); background-size:100%;}
.ywk li.mobi:hover i{background:url(../images/xcx1.png); background-size:100%;}
.ywk li.sys:hover i{background:url(../images/wx1.png) ; background-size:100%;}
.ywk li.app:hover i{background:url(../images/pt.png);background-size:100%;}
.ywk li.host:hover i{background:url(../images/app1.png); background-size:100%;}
.ywk li.vi:hover i{background:url(../images/vi1.png);background-size:100%;}
h3, .h3{ font-size:26px;}







.dza{ font-size:20px !important;}
.dzb{ font-size:14px !important; line-height:20px;}
.dzc{ margin-top:30px !important; line-height:20px;}	
#fp-nav{ display:none !important;}	
	
	}






















