@charset "utf-8";

.w1200{width: 1200px;min-width: 1200px;margin: auto;  }

.bgwhite,.whitebg{background: #fff;}

.nofloat{float: none;}

.ellipsis {overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}

/*头部*/

body{background: #f8f8f8;min-width: 1200px;}

.header{width: 100%;height: 100px;background: #000;min-width: 1200px;}

.header .navs li{height: 100%;line-height: 100px;font-size: 16px; margin-left: 50px;}

.header .navs a{color: #999;padding-bottom: 8px;}

.header .navs a:hover{color: #00aaee;border-bottom: 2px solid #00aaee;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}

.header .navs a.active{color: #00aaee;border-bottom: 2px solid #00aaee;}

.header .imglogo{display: inline-block; padding-top: 10px;}

.fixedNav{position: fixed;top:0px;left:0px;z-index: 4;width: 100%;min-width: 1200px;}

.fixedNav .header{background: none;}

.fixedNav .header.on{background: #000;}

.fixedNav.changeHeader .header{background: #000;}
/*底部*/

.footer{background: #000;min-width: 1200px;height: 250px;}

.footer .company{margin-top: 58px;color: #ccc;margin-right: 176px;}

.footer .company .intro{margin: 28px 0 34px 0;}

.footer .company a{color: #ccc;text-decoration: underline;}

.footer .company a:hover{color: #fff;}

.footer .telephone{margin-top: 58px;color: #ccc;font-size: 14px;}

.footer .telephone dt{height: 48px;line-height: 48px;padding-left: 60px;background: url("../img/pic01.png") no-repeat left center;font-size: 30px;}

.footer .telephone dd{line-height: 35px;}

.footer .wechat{margin-top: 46px;margin-right:46px;width: 136px;color: #ccc;}

.footer .wechat img{margin-bottom: 10px;}

/*404*/

.errorPage{width: 652px;margin: 100px auto 150px;}

.errorPage .tips{margin: 35px 0 43px 0;}

.errorPage .back{width: 148px;height: 50px;line-height: 50px;background: #00c3f3;border-radius: 4px;color: #fff;display: block;margin: auto;font-size: 20px;}

/*产品*/

.banner{min-width: 1200px;height: 360px;position: relative;overflow: hidden;}

.banner img{width:1920px;height:100%;position: absolute;top:-1px;left: 50%;margin-left: -960px;}

.banner.mt100{margin-top: 100px;}
/*经典案例*/
#caseList{min-height: 600px;}

.cases li{float: none;padding: 40px 10px 30px 10px;border-bottom: 1px dashed #ddd;width: 1180px;background:#fff;}

/*经典案例*/

#cases{margin-top: 62px;margin-bottom: 240px;}

#caseList_new{min-height: 450px;background:#fff;padding: 20px 0;overflow: hidden;}

#caseList_new li{float: left;width: 365px;height:205px;margin:12px 10px;position: relative;}

#caseList_new li:nth-child(3n+1){margin-left: 32px;}

#caseList_new li a,#caseList_new li a img{width: 100%;height: 100%;}

#caseList_new li .caseMask{
    opacity: 0;
    left: 0;
    top: 0;
    color: #fff;
    position: absolute;
    width: 100%;height: 100%;
    transition: opacity .25s ease-in-out, background .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out, background .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out, background .25s ease-in-out;
    vertical-align: middle;
    cursor: pointer;
}

#caseList_new li .caseMask::before{position: absolute; content: '';width: 40px;height: 40px;color: #fff;right: 15px; bottom: 15px;background: url("../img/down_r.png") no-repeat 0 0;}

#caseList_new li .text1{margin: 35px 0 0 15px;font-size: 22px;}

#caseList_new li .text2{margin: 15px 0 0 15px;font-size: 16px;}

#caseList_new li .caseMask:hover{opacity: 0.9;color: #fff;background: rgba(0,0,0,0.8);}

.media .focus{padding: 40px 0px 30px 0px;}

.cases dl,.media .focus dl{margin-left: 25px;width: 852px;height: 180px;}

.cases dl dt a,.media .focus dl dt a{font-size: 20px;color: #484848;display: block;}

.cases dl dt a:hover,.media .focus dl dt a:hover{color: #00aaee;transition: all 0.5s;display: block;}

.cases dl dd{font-size: 14px;}

.cases dl .date,.media .focus dl .date{color: #b4b4b4;}

.cases dl .info,.media .focus dl .info{height: 70px;color: #999;line-height: 24px;margin: 10px 0 16px 0;overflow: hidden;}

.media .focus dl .info{font-size: 14px;}

.cases dl .name,.media .focus dl .name{color: #b4b4b4;line-height: 36px;}

.cases dl .more,.media .focus dl .more{width: 98px;height: 34px;border:1px solid #00aaee;text-align: center;line-height: 34px;border-radius: 2px;color: #00aaee;}

.loadMore{height: 48px;line-height: 48px;background: #eee;font-size: 18px;color:#999;margin-top: 60px;cursor: pointer;display: none;}

.loadMore:hover{color: #00aaee;}

.caseBack{font-size: 14px; color: #777;text-align: right;}

/*关于我们*/

.aboutTitle{padding: 60px 0;}

.aboutTitle img{margin: auto;}

.profile .info{width: 1075px;margin: auto;line-height: 28px;padding-bottom: 70px;color:#646464;}

#map{width: 1200px;height: 500px;}

.contact li{height: 28px;line-height: 28px;padding-left: 38px;margin-bottom: 10px;color: #646464;}

#map{width: 1200px;height: 500px;}

.contact{padding: 17px 0 70px 0;}

.contact .icon01{background: url("../img/pic11.png") no-repeat 0 0;margin-left: 30px;}

.contact .icon02{background: url("../img/pic11.png") no-repeat 0 -29px;margin: 0 91px}

.contact .icon03{background: url("../img/pic11.png") no-repeat 0 -58px;}

.aboutVideo{margin:0 auto 35px;display: block;background: #fff;outline: none;}

.team .intro{height:500px;position: relative;margin-bottom: 70px;}

.team .intro dl{font-size: 16px;}

.team .intro dt{font-size: 24px;font-weight: bold;line-height: 24px;margin-bottom: 10px;}

.team .intro dd{line-height: 26px;color: #646464;}

.team .intro .leaders{width: 100%;margin-top: 50px;overflow: hidden;padding-bottom: 20px;}

.team .intro .leaders div.fl{width: 599px; }

.team .intro .leaders div:first-child{border-right: 2px solid #00aaee;}

.team .intro .leader1, .team .intro .leader2{position: relative;}

.team .intro .leader1 dl.textright{text-align: right;padding-right: 80px;}

.team .intro .leader1 .imgleader1{position: absolute; width: 150px; height: 150px;top: 0px;left: 10px;}

.team .intro .leader2 dl.textleft{padding-left: 80px;}

.team .intro .leader2 .imgleader2{position: absolute; width: 150px; height: 150px;top: 0px;right: 10px;}

.team .intro .leadersother{margin-top: 120px;}

.team .intro .leadersother > div{float: left;width: 399px; border-left: 1px dashed #00aaee;}

.team .intro .leadersother > div dl{margin-left: 60px;}

.team .intro .leadersother > div:first-child{border: none;}

.team .intro .leadersother > div:first-child dl{margin-left: 0px;}

.team .intro .leader01{top:0px;left:222px;text-align: right;}

.team .intro .leader02{top:118px;right:208px;}

.team .intro .leader03{top:286px;left:132px;text-align: right;}

.team .intro .leader04{bottom:0;right:220px;}

/*服务支持*/

.server{width: 1080px;margin: auto;overflow: hidden;}

.server .intro{line-height: 26px;padding: 50px 0;text-indent: 2em;color: #646464;}

.server .methods{padding-bottom: 12px;width: 1200px;}

.server .methods dl{padding-left: 38px;width: 450px;float: left;min-height: 181px;margin-bottom: 56px;margin-right: 110px;color: #646464;}

.server .methods .icon01{background: url("../img/pic14.png") no-repeat 0 0;}

.server .methods .icon02{background: url("../img/pic14.png") no-repeat 0 -237px;}

.server .methods .icon03{background: url("../img/pic14.png") no-repeat 0 -496px;}

.server .methods dt{font-size: 18px;color:#00aaee;height: 35px;border-bottom: 1px solid #00aaee;line-height: 35px;}

.server .methods dd{font-size: 16px;line-height: 30px;}

.server .methods .font16{margin: 13px 0 12px 0;}

/*首页*/

.videoBox{width: 100%;position: relative;height: 980px;background: #000;overflow: hidden;min-width: 1200px;}

#myVideo {position: relative;display: block;left: 50%;margin-left: -960px;top: 50%;margin-top: -560px;}

.videoBox .info{width: 641px;height: 40px;position: absolute;top:50%;left:50%;margin-top: -20px;margin-left: -320px;z-index: 2;}

.videoBox .mask{width: 100%;height: 100%;background: #000;position: absolute;top:0;left: 0;z-index:1;opacity: 0.1;filter:alpha(opacity=10); }

.homeTitle dt{font-size: 30px;color: #3e3e3e;line-height: 30px;}

.homeTitle .line{width:40px;height: 2px;background: #00aaee;margin: 17px auto 17px;}

.homeTitle .tips{color: #646464;}

.doing{padding: 75px 0 40px 0;}

.doMain{width: 920px;height:auto;margin: auto;position: relative;overflow: hidden;margin-top: 60px;}

/*.doMain ul{position: relative;height: 385px;}*/

.doMain ul{position: relative;height: 435px;width: 3680px;/*left: 0;top:-45px;opacity:0;filter:alpha(opacity=0);*/}

.doMain .one{left: 0;top:-45px;opacity:0;filter:alpha(opacity=0);}



.doMain .one .text{text-align: right;position: absolute;top:0;left:0px;}

.doMain .one .pic{position: absolute;top:0;right:45px;}

/*.doMain .one{opacity:1;filter:alpha(opacity=1);}*/

.doMain .three .text{text-align: right;position: absolute;top:0;left:120px;}

.doMain .three .pic{position: absolute;top:0;right:38px;}



.doMain .two .text{position: absolute;top:0;right:55px;}

.doMain .two .pic{position: absolute;top:0;left:0px;}

.doMain .four .text{position: absolute;top:0;right:130px;}

.doMain .four .pic{position: absolute;top:0;left:30px;}



/*.doMain .one .text{text-align: right;position: absolute;top:0;left:0px;}

.doMain .one .pic{position: absolute;top:0;right:0px;}*/

/*.doMain .three .text{text-align: right;position: absolute;top:0;left:0px;}*/

/*.doMain .three .pic{position: absolute;top:0;right:0px;}*/



/*.doMain .two .text{position: absolute;top:0;right:0px;}*/

/*.doMain .two .pic{position: absolute;top:0;left:0px;}*/

/*.doMain .four .text{position: absolute;top:0;right:0px;}*/

/*.doMain .four .pic{position: absolute;top:0;left:-10px;}*/



.doMain li{width: 920px;height: 385px;margin-top: 50px;position: relative;top:0;left: 0;}

/*.doMain .one{left: 0;top:-45px;}*/

.doMain li dt{font-size: 36px;line-height: 48px;padding: 25px 0 5px 0;}

.doMain li dd{line-height: 28px;color: #646464;}

.doMain li .num{padding-top: 45px;}

.doMain .tips{width: 920px;border-bottom: 2px solid #e8e8e8;position: relative;bottom: auto;left: auto;margin-left: 0 !important;}

.doMain .tips span{float: left;background: none;border-bottom: 2px solid #e8e8e8;font-size: 20px;color:#999;width:25%;text-align:center;padding-bottom:20px;margin: 0 0;cursor: pointer;margin-bottom: -2px;}

.doMain .tips span:hover,.doMain .tips span.on{color:#00aaee;border-bottom: 2px solid #00aaee;transition: all .5s;}

.customer{padding: 50px 0 85px 0;}

.customer .loop{width: 100%;height: 360px;overflow: hidden;position: relative;padding: 40px 0 10px 0;}

.customer .loop li{width: 1200px;height: 320px;overflow: hidden;}

.customer .loop li div{width: 1250px;height: 100%;}

.customer .loop li img{float: left;margin-bottom: 30px;margin-right: 30px;}

.customer .tk-slider-btn{position: absolute;bottom: 15px;left: 50%;z-index: 1;}

.customer .tk-slider-btn span{float: left;width: 50px;height: 8px;background: #dadada;margin: 0 5px;cursor: pointer;}

.customer .tk-slider-btn span:hover{background: #00aaee;transition: background 1s;}

.customer .tk-slider-btn span.on{background: #00aaee;}

.media{padding: 50px 0 85px 0;}

.media .show{padding: 25px 0 55px 0;width: 1400px;}

.media .show a{display: block;width: 520px;padding: 4px 0;margin-right: 155px;}

.media .show em{float: left;width: 7px;height: 6px;background: #323232;margin: 8px 10px 0 0;}

.media .show .info{color: #646464;width: 345px;height:22px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.media .show .date{color: #646464;width: 78px;height: 22px;overflow: hidden;}

.media .more,.closeInfo{display:block;width: 158px;height: 43px;border: 1px solid #bbb;color: #bbb;text-align: center;line-height: 43px;border-radius: 4px;margin: auto;}

.media .more:hover{border: 1px solid #00aaee;color: #00aaee;}

/*解决方案*/

.solution .title{height: 80px;line-height: 80px;font-size: 20px;color: #333;position:relative;top:-40px;left: 0;box-shadow: 0 9px 16px 0 rgba(88,123,179,.1);}

.solution .title span{width: 0px;height:100%;cursor: pointer;}

.solution .title .left{background: url("../img/pic26.png") #f0f0f0 no-repeat 22px center;}

.solution .title .right{background: url("../img/pic26.png") #f0f0f0 no-repeat -125px center;}

.solution .title li{width: 270px;height:100%;text-align: center;cursor: pointer;}

.solution .title .box{width: 1080px;height: 80px;overflow: hidden;background: #fff;}

.solution .title li:hover,.solution .title li.active{background: #f0f0f0;}

#solutionCont{min-height: 700px;padding: 10px 0 50px 0;}

#solutionCont dt em,#solutionCont .relative em{display:inline-block;width: 6px; height:13px;background: #00b4ee;margin-right: 10px;}

#solutionCont dt,#solutionCont .relative .font18{margin: 35px 0 20px 0;}

#solutionCont dd.dispaly,#solutionCont dd.advantage{padding: 30px;width: 1140px;}

#solutionCont dd.dispaly span,#solutionCont dd.advantage span{font-family:Helvetica,Arial,sans-serif !important;}

#solutionCont .relative dt{margin: 0 0 0 0;}

#solutionCont .tip{padding-left: 10px;color: #646464;}

#solutionCont dd.dispaly img, #solutionCont dd.advantage img{margin: auto;}

/*产品中心*/

.product{padding:20px 0 60px 0;width:1240px;overflow: hidden;min-height:500px;}

.product ul{width: 1440px;background:#f8f8f8;}

.product ul li{margin-bottom: 30px;width: 525px;height: 170px;background: #fff;padding: 30px;margin-right: 30px;}

.product dl{width: 210px;margin-left: 30px;}

.product .function{width: 100%;}

.product .function img{margin: auto; width: 100%}

.product dt a{color: #323232;font-size: 18px;line-height: 32px;display: block;margin-bottom: 5px;}

.product .info{color: #646464;line-height: 24px;height: 78px;overflow: hidden;}

.product .more{display:block;width: 88px;height: 28px;border:1px solid #00aaee;text-align: center;line-height: 28px;border-radius: 2px;color: #00aaee;margin-top: 16px;}

.product dt a:hover{color: #00aaee;}

.newProduct ul li dd{padding-left: 0;}

.newProduct ul li dl{margin-left: 0!important;}

/*产品详情*/

.paramBox{padding-bottom: 55px;margin-bottom: 50px;}

.paramBox .pic{border: 1px solid #ddd;}

.paramBox .marginL70{margin-left: 70px;}

.paramBox .detail{width: 750px;}

.paramBox .detail dt{font-weight: 500;color: #333;font-size: 30px;line-height: 24px;padding: 10px 0px 14px 38px;position: relative;}

.paramBox .detail dt::before{content: ''; display: block; position: absolute;left: 0px;top: 6px; width: 25px; height: 28px; background: #00aaee;}

.paramBox .detail dd{margin-top: 17px; line-height: 32px;}

.paramBox .detail dd span,.paramBox .detail dd p{font-family:Helvetica,Arial,sans-serif !important;}

/* .function dt{font-weight: 500;color: #333;font-size: 18px;padding-bottom: 25px;}

.function dt em{display: inline-block;width: 12px;height: 12px;margin: 10px 10px 0 0;background: #00aaee;} */

.function dd{line-height: 32px;padding-left: 15px;}

.function dd span,.function dd p{font-family:Helvetica,Arial,sans-serif !important;}

/*新闻详情*/

.newsinfo{padding-top: 55px;padding-bottom: 155px;}

.newsinfo dt{line-height: 24px;font-size: 24px;color: #333;font-family: "Microsoft YaHei";}

.newsinfo dd{color: #b4b4b4;margin-top: 5px;}

.newsinfo .main{margin: 26px 0 30px 0;}

.newsinfo .main span,.newsinfo .main p{font-family:Helvetica,Arial,sans-serif !important;}

.newsinfo .main img{margin: 5px auto 5px;}

.newsinfo .editor{text-align: right;font-size:14px;color: #999;}

.closeInfo{cursor: pointer;margin: 60px auto 0;}

.closeInfo:hover{color: #00aaee;border: 1px solid #00aaee;}

/*招商banner*/
.newBanner{position:fixed;bottom:0;width:100%;z-index: 999;margin-bottom: -0.5px;min-width: 1200px;}
.newBanner img{display: block;width: 100%;height: 100%;}
.newBanner .close-wrap{width: 100%;height: 100%;position: relative;}
.newBanner .close{position: absolute;bottom: 59%;right: 20%;cursor: pointer; color: #fff; font-size: 24px; font-style: normal; -webkit-font-smoothing: antialiased; font-family: SimSun !important;}
/*3D轮播*/

#threeD{width: 100%;min-width: 1200px;position: relative;height: 646px;overflow: hidden;background: url("../img/pic32.jpg") }

#threeD ul{width: 1920px;height:460px;position: relative;top:-145px;left: 50%;margin-left: -960px;}

#threeD li{position: absolute;top:0px;left:0px;background: #fff;border-radius: 5px;box-shadow: 0 10px 30px 0 rgba(88,123,179,0.1);}

#threeD li div{padding: 9% 7.5%}

#threeD li div img{width: 37.5%;height: 37.5%;margin-right: 4.5%;}

#threeD li dl{width: 58%;}

#threeD li dt{font-size: 20px;color: #00aaee;margin-bottom: 20px;margin-top:22%;}

#threeD li dd{font-size: 16px;color: #646464;line-height: 16px;letter-spacing: 2px;}

.clickBtn{display:block;width:522px;height:320px;position: absolute;top:200px;z-index: 2;cursor: pointer;}

#prev{left: 0;}

#next{right: 0;}



/**/

/*.doMain .tips,.homeTitle{position: relative;top:-45px;left:0;opacity: 0;filter:alpha(opacity=0);}*/

#threeD ul,.customer .loop{opacity: 0;filter:alpha(opacity=0);}

/*.media .focus,.media .show,.media .more{position: relative;top: -45px;left: 0;opacity: 0;filter:alpha(opacity=0);}*/



.loading{background: url("../img/loading.gif") no-repeat center 150px;}