@charset "utf-8";
/* banner */
 /*.flexslider{padding-top:120px;}*/

.banText2{width:100%;text-align:center;position:absolute;left:0;top:30%;color:#fff;}
.banText2 h3{font:52px/1em "微软雅黑";margin-bottom: 10px;}
.banText2 p{font:26px/60px "微软雅黑";}
.banText2 .more{font:16px/40px "微软雅黑";display:block;border-radius: 20px;background:#EF3333;color:#fff;margin:76px auto 0;width:140px;}

/* numList */
.numBox{width:100%;background:#F9F9F9;}
.numList{width:1200px;margin:0 auto;padding:70px 0;}
.numList li{width:16.66%;float:left;text-align:center;}
.numList li i{font-size:56px;color:#204f83;position:relative;font-family:"微软雅黑";  font-weight: bold;}
.numList li i span{font-size:20px;position:absolute;top:0;right:0;  font-weight: bold;}
.numList li i em{font:14px/1em "微软雅黑";}
.numList li p{font:14px/30px "微软雅黑";color:#333;}

/* solution */

.solution{width:100%;background:url(../images/solutionbg.jpg) repeat;position: relative;}
.swiper-container{width:100%;height:420px;overflow:hidden;}
.solution .soluTit{width:297px;height:100px;margin:0 auto;text-align:center;padding:50px 0 30px 0;}
.solution .soluTit h4{width:100%;font:16px/32px "微软雅黑";border-bottom:2px solid #204f83;}
.solution .soluTit h4 img{width:100%;height:auto;}
.solution .soluTit h5{font:24px/42px "微软雅黑";color:#000;text-align: center;}

.soluBox{margin:0 auto;width:1200px;}
.tabsBox{width:1200px;margin:0 auto ;margin-bottom:50px;}
.tabsBox a{width:140px;height:162px;float:left;margin:0 30px;}
.tabsBox .active p{background:url(../images/solu_list8_bg.png) no-repeat;}
.tabsBox a p{width:100px;height:100px;margin:0 10px;background:url(../images/solu_list7_bg.png) no-repeat;transition:all 0.5s;overflow:hidden;}
/*.tabsBox a p{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50% ;background:#f2f2f2;}*/
.tabsBox a p i{height:64px;display: block;transition:all 0.5s;vertical-align:middle;margin-top:15px;}
.tabsBox a p .solu_img1{background:url(../images/solu_wjj.png) no-repeat  center;background-size:64px 74px;}
.tabsBox a p .solu_img2{background:url(../images/solu_gyl.png) no-repeat  center;background-size:64px 74px;}
.tabsBox a p .solu_img3{background:url(../images/solu_wlhy.png) no-repeat  center;background-size:64px 74px;}
.tabsBox a p .solu_img4{background:url(../images/solu_tms.png) no-repeat  center;background-size:64px 74px;}
.tabsBox a p .solu_img5{background:url(../images/solu_wms.png) no-repeat  center;background-size:64px 74px;}
.tabsBox a p .solu_img6{background:url(../images/solu_ds.png) no-repeat  center;background-size:64px 74px;}
/* .tabsBox p .solu_img1{background:url(../images/solu_wjj.jpg) no-repeat  center;}
.tabsBox p .solu_img2{background:url(../images/solu_gyl.jpgg) no-repeat  center;}
.tabsBox p .solu_img3{background:url(../images/solu_wlhy.jpg) no-repeat  center;}
.tabsBox p .solu_img4{background:url(../images/solu_tms.jpg) no-repeat  center;}
.tabsBox p .solu_img5{background:url(../images/solu_wms.jpg) no-repeat  center;}
.tabsBox p .solu_img6{background:url(../images/solu_ds.png) no-repeat  center;} */

 .tabsBox p:hover .solu_img1{background:url(../images/solu_wjj_01.png) no-repeat  center;background-size:64px 74px;}
.tabsBox p:hover .solu_img2{background:url(../images/solu_gyl_01.png) no-repeat  center;background-size:64px 74px;}
.tabsBox p:hover .solu_img3{background:url(../images/solu_wlhy_01.png) no-repeat  center;background-size:64px 74px;}
.tabsBox p:hover .solu_img4{background:url(../images/solu_tms_01.png) no-repeat  center;background-size:64px 74px;}
.tabsBox p:hover .solu_img5{background:url(../images/solu_wms_01.png) no-repeat  center;background-size:64px 74px;}
.tabsBox p:hover .solu_img6{background:url(../images/solu_ds_01.png) no-repeat  center;background-size:64px 74px;} 


/*.tabsBox a p img{width:55px;vertical-align:middle;}*/
.tabsBox .active p i{color:#fff;}
.tabsBox a p:hover{background:url(../images/solu_list8_bg.png) no-repeat;-ms-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);color:#fff;}
.tabsBox a p:hover i{color:#fff;}
.tabsBox a h5{height:62px;font:22px/62px "微软雅黑";text-align: center;}
.tabsBox a{color:#333;}
.soluCont{width:100%;position:relative;padding-bottom:210px;}
.soluCont dd{/*position:absolute;left:0;top:0;*/width:100%;height:100%;float:left;display: none;}
.soluCont .soluAct{display:block;}
.soluImg{width:55%;float:left;}
.soluImg img{width:85%;height:auto;}
.soluImg .solution02{width:490px;margin-left:150px;}
.soluImg .solution03{width:300px;margin-left:200px;}
.soluImg .solution04{width:398px;margin-left:200px;}
.soluImg .solution05{width:375px;margin-left:200px;}
.soluImg .solution06{width:280px;margin-left:200px;}

.soluText{width:38%;float:right;}
.soluText h6{height:46px;font:30px/46px "[MicrosoftYaHeiLight]";color:#000;}
.swiper-slide .soluText p{font:14px/26px "微软雅黑";color:#000;}
.swiper-slide .soluText p a{font:14px/26px "微软雅黑";color:#EF3333;}
.soluText .soluMore6{margin-top:22px;font:16px/40px "微软雅黑";display:block;background:url(../images/solu_abg5.png) no-repeat;color:#fff;height:40px;width:130px;text-align: center;float:left;margin:30px 5px 0px 0px;padding:0 5px;}
.soluText .soluMore5{margin-top:22px;font:16px/40px "微软雅黑";display:block;background:url(../images/solu_abg6.png) no-repeat;color:#fff;height:40px;width:107px;text-align: center;float:left;margin-top:30px;}
/*.soluText .soluMore{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius: 10px;}*/


/* serive 实施服务*/
.serive{position:relative;width:100%;height:700px;}
.serContent{width:1200px;height:600px;margin:0 auto;}
.serimgbox{width:60%;float:left;margin:5% 0}
.serimgbox img{width:663px;float:right;vertical-align:middle;}
.ser_imglist{width:39%;height:600px;float:left;position:relative;}
.ser_imglist p{font:22px "宋体";margin:15px 0;position:absolute;}
.ser_imglist p a{color:#434343;}
.ser_imglist .g_icons img{width:18px}
/*.ser_imglist p .g_icons{font-family: "iconfont";font-size:20px;line-height:20px;color:#fff;display:inline-block;margin-right:15px;vertical-align:middle;}*/
.ser_p1{left:-150px;top:50px;}
.ser_p2{left:-70px;top:110px;}
.ser_p3{left:-30px;top:170px;}
.ser_p4{left:-10px;top:230px;}
.ser_p5{left:-10px;top:290px;}
.ser_p6{left:-25px;top:350px;}
.ser_p7{left:-60px;top:410px;}
.ser_p8{left:-120px;top:470px;}

.serTit{width:297px;height:100px;margin:0 auto;text-align:center;}
.serTit h4{width:100%;font:16px/32px "微软雅黑";border-bottom:2px solid #204f83;}
.serTit h4 img{width:100%;height:auto;}
.serTit h5{font:24px/42px "微软雅黑";color:#000;text-align: center;}

.serList{width:100%;padding-bottom:380px;}
.serList li{width:116px;margin:0 15px ;float:left;padding-top:10px;}
.listTop{width:116px;height:130px;background: url(../images/ltbg.png) no-repeat;}
.listTop .iconfont{font-family: "iconfont";line-height:130px;text-align: center;display: block;font-size:50px;color:#EF3333;}
.serBtn{padding-top:13px;}
.serBtn h6{font:22px/40px "微软雅黑"; text-align: center;color:#434343;}
.serBtn p{font:14px/30px "微软雅黑"; text-align: center;color:#777;}
.serAct p{text-align: left;text-indent: 15px;}
.serAct2 p{text-align: left;text-indent: 25px;}
.serAct3 p{text-align: left;text-indent: 35px;}

/* terminal */
.terminal{width: 100%;overflow:hidden;background:url(../images/term.jpg) fixed no-repeat center top;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;}
.terminalTit{width:297px;height:100px;margin:0 auto;text-align:center;padding-top:30px;margin-top:50px;}
.terminalTit h4{width:100%;font:16px/32px "微软雅黑";border-bottom:2px solid #204f83;color:#fff;}
.terminalTit h4 img{width:100%;height:auto;}
.terminalTit h5{font:24px/42px "微软雅黑";color:#fff;text-align: center;}
.termList{width:1200px;margin:0 auto;padding:50px 0;}
.termList li{width:214px;float:left;margin:0 11px;height:256px;position:relative;border:1px solid #fff;border-bottom:3px solid #204f83;}
.termIcon{margin-top:56px;text-align: center;}
.termIcon img{width:50px;}
.termIcon i{display:block;width:60px;height:60px;text-align:center;margin:0 auto;}

.termIcon .iconzd_1{background:url(../images/software.png) no-repeat}
.licon_1:hover .iconzd_1{background:url(../images/software-2.png) no-repeat}
.termIcon .iconzd_2{background:url(../images/electricity.png) no-repeat}
.licon_1:hover .iconzd_2{background:url(../images/electricity-2.png) no-repeat}
.termIcon .iconzd_3{background:url(../images/phone.png) no-repeat}
.licon_1:hover .iconzd_3{background:url(../images/phone-2.png) no-repeat}
.termIcon .iconzd_4{background:url(../images/hardware.png) no-repeat}
.licon_1:hover .iconzd_4{background:url(../images/hardware-2.png) no-repeat}
.termIcon .iconzd_5{background:url(../images/consulting.png) no-repeat}
.licon_1:hover .iconzd_5{background:url(../images/consulting-2.png) no-repeat}

.termList li:hover .termIcon {
            -webkit-animation: moveFromBottom 0.5s ease;
            -moz-animation: moveFromBottom 0.5s ease;
            -o-animation: moveFromBottom 0.5s ease;
            -ms-animation: moveFromBottom 0.5s ease;
            animation: moveFromBottom 0.5s ease;
        }
        @-webkit-keyframes moveFromBottom {
            from {
                -webkit-transform: translateY(120%) scale(0.5);
                opacity: 0;
            }

            to {
                -webkit-transform: translateY(0%) scale(1);
                opacity: 1;
            }
        }



.termList li h4{font:18px/1em "微软雅黑";color:#fff;padding:36px 0 14px; text-align: center;}
.termList li p{height:78px;margin:0 auto;width:194px;text-align: center;font:14px/26px "微软雅黑";color:#fff;overflow:hidden;height:78px;}
.termList li span{width:20px;height:2px;background:#EF3333 ;display: block;margin:22px auto 0;}

/* OUR CASE */
.ourCase{width:100%;background:url(../images/case-bg.png) fixed no-repeat center top;}
.ourCasecon{width:1200px;margin:0 auto;height:597px;}
.ourCase .ourTit{width:297px;height:100px;margin:0 auto;text-align:center;float:left;margin-left:100px;margin-top:250px;}
.ourCase .ourTit h4{width:100%;font:40px/62px "微软雅黑";color:#fff;}
.ourCase .ourTit h5{width:150px;font:24px/42px "微软雅黑";color:#333;text-align: center;background-color:#fff;margin:0 auto;}
.ourList{width:750px;float:left;}
.ourList li{float:left;width:33.33%;height:199px;overflow:hidden;position:relative;}
/*.ourList li:hover img{transform: scale(1.2) ;-ms-transform: scale(1.2) ;-webkit-transform: scale(1.2) ;-o-transform: scale(1.2) ;-moz-transform: scale(1.2) ;opacity:.6;filter:alpha(opacity=60);}*/
.ourList li img{width:100%;transition: all 0.5s;z-index:5;position:absolute;}
.ourList li span{height:30px;width:100%;transition: all 0.4s;position:absolute;color:#fff;z-index:10;top:199px;background-color:#333;font-size:18px;text-align:center;line-height:30px;opacity:.6;filter:alpha(opacity=60);}
.ourList li:hover span{top:169px;}
.moreBox{padding-bottom: 60px;}
.moreBox a{width:138px;height:38px;border:solid 1px #EF3333;border-radius: 20px;margin:40px auto 0;text-align: center;font:14px/40px "微软雅黑";transition: all 0.5s;color:#EF3333;display: block;}
.moreBox a:hover{color:#fff;background:#EF3333;}

/* customer */
.customer{background:#f7f7f7;width:100%;padding-bottom:60px;}
.customer .cusTit{width:297px;height:100px;margin:0 auto;text-align:center;padding:50px 0 30px 0;}
.customer .cusTit h4{width:100%;font:16px/32px "微软雅黑";border-bottom:2px solid #204f83;}
.customer .cusTit h4 img{width:100%;height:auto;}
.customer .cusTit h5{font:24px/42px "微软雅黑";color:#000;text-align: center;}
.cuscontent{width:1200px;margin:0 auto;}
.custList{width:80%;margin:0 auto;}
.custList li{float:left;width:33.33%;height:120px;border:solid 1px #EEEEEE;margin:-1px;position: relative;overflow:hidden;}
.custList li img{width:100%;height:auto;}
.custImg{width:100%;position:absolute;left:0;top:100%;height:100%;transition: all 0.3s;display:none;}
/*.custList li:hover .custImg{top:0;}*/
.partner_1{background:url(../images/partner-1.png) no-repeat center;}
.partner_2{background:url(../images/partner-2.png) no-repeat center;}
.partner_3{background:url(../images/partner-3.png) no-repeat center;}
.partner_4{background:url(../images/partner-4.png) no-repeat center;}
.partner_5{background:url(../images/partner-5.png) no-repeat center;}
.partner_6{background:url(../images/partner-6.png) no-repeat center;}

.partner_1:hover{background:url(../images/partner-7.png) no-repeat center;}
.partner_2:hover{background:url(../images/partner-8.png) no-repeat center;}
.partner_3:hover{background:url(../images/partner-9.png) no-repeat center;}
.partner_4:hover{background:url(../images/partner-10.png) no-repeat center;}
.partner_5:hover{background:url(../images/partner-11.png) no-repeat center;}
.partner_6:hover{background:url(../images/partner-12.png) no-repeat center;}



/* service */
.service{width:100%;overflow:hidden;background:url(../images/tp1.jpg) no-repeat center top;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;}
.serText{width:1200px;height:380px;text-align: center;margin:0 auto;}
.serItem{width:100%;text-align: center;padding-top:115px;} 
.serItem li{font:34px/1em "微软雅黑";color:#fff;display: inline-block;margin:0 15px;}
.serText h6{font:20px/1em "微软雅黑";color:#fff;float:right;margin:50px 100px 0 0;}
.serText .serMores{display: block;height:40px;width:140px;font:14px/40px "微软雅黑";background:url(../images/solu_abg5.png) no-repeat;text-align: center;color:#fff;margin:150px auto;}
.serText .serMores{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius: 20px;}

/* contect us */
.contect_us{width:100%;background-color:#393939;overflow:hidden;}
.contectBox{padding:56px 0 22px;width:970px;margin:0 auto;}
.contectTit{width:100%;color:#fff;margin-bottom:25px;}
.contectLeft h3{font:20px/60px "微软雅黑";}
.contectTit h4{font:36px/1em "微软雅黑";}
.contectTit h5{font:18px/48px "微软雅黑";text-indent: 14px;}
.contectLeft{width:39%;float:left;color:#fff;}
.contectLeft h6{font:36px/1em "微软雅黑";width:100%;padding-bottom:10px;}
.contectLeft p{font:14px/20px "微软雅黑";margin:15px 0;width:100%;}
.contectLeft p a{color:#fff;}
.contectLeft p .g_icons{font-family: "iconfont";font-size:20px;line-height:20px;color:#fff;display:inline-block;margin-right:15px;vertical-align:middle;}

.contectRight{float:right;width:56%;}
.contectRight input{margin-bottom:24px;width:98%;height:40px;font:14px/40px "微软雅黑";color:#999;border:1px solid #fff;}
.contectRight .name,.contectRight .tel{width:45%;padding-left:2%;}
.contectRight .name{float:left;}
.contectRight .tel{float:right;}
.contectRight .email{padding-left:2%;}
.contectRight .message{margin-bottom:24px;width:98%;height:120px;font:14px/40px "微软雅黑";color:#999;border:1px solid #fff ;padding-left:2%;}
.contectRight .subBtn{width:140px;height:40px;font:16px/40px "微软雅黑";color:#fff;background-color:#204f83;cursor: pointer;text-align:center;}

.returnBox{position:fixed;right:3%;top:60%;width:50px;z-index:90;margin-top:-175px;display:none;}
.returnList li,.returnTop{width:100%;height:50px;background:#333;filter:alpha(opacity:80); opacity:0.8;margin-bottom:1px;cursor: pointer;position:relative;overflow:hidden;text-align:center;line-height:50px;}
.returnList li i,.returnTop i{font-family:"iconfont";font-size:30px;text-align: center;line-height:50px;color:#fff;display:block;}
.returnList li img{width:32px;vertical-align:middle;}
.returnList li em{position:absolute;left:-50px;top:0;color:#EF3333;background:#333;text-align: center;font:14px/20px "微软雅黑";padding:5px 10px;height:40px;width:30px;transition:all 0.4s;}
.returnList li:hover em{left:0;}
.returnList li:nth-of-type(1) em{font:14px/40px "微软雅黑";}
.returnList li:nth-of-type(3) em{font:14px/40px "微软雅黑";}
.returnList li:nth-of-type(4) em{font:14px/40px "微软雅黑";}
.returnBox p img{width:32px;vertical-align:middle;}
/*------------- 响应式 -------------------*/

@media screen and (max-width:768px){
.swiper-container{height:450px;}
.flexslider{height:200px;}

.numList{width:100%;padding:0}
.numList li{width:45%;margin:20px 0;}
.numList li i{font-size:24px;}
.numList li p{font:10px/20px "微软雅黑"}
.numList li i span{font-size:12px;}
.numList li i em{font:10px/1em "微软雅黑";}

.serive{height:auto;}
.serTit{width:238px;height:80px;}
.serTit h4{width:100%;height:26px;font-size:14px;}
.serTit h5{font: 20px/34px "微软雅黑";}
.serContent{width:100%;height:200px;}
.ser_imglist .g_icons img{width:8px;margin:0 10px;}
.serimgbox{display:none;}
.ser_imglist{width:70%;height:170px;margin:0 auto;margin-top:30px;text-align:center;float:none;}
.ser_imglist p{width:100%;font-size:8px;text-align:left;}
.ser_p1{left:0;top:0}
.ser_p2{left:0;top:20px}
.ser_p3{left:0;top:40px}
.ser_p4{left:0;top:60px}
.ser_p5{left:0;top:80px}
.ser_p6{left:0;top:100px}
.ser_p7{left:0;top:120px}
.ser_p8{left:0;top:140px}

.terminalTit{width:200px;height:80px;padding-top:0;margin-top:30px;}
.terminalTit h4{width:100%;height:26px;font-size:14px;}
.terminalTit h5{font: 20px/34px "微软雅黑";}
.termList{width:100%;text-align: center;padding:0;}
.termList li{width:30%;height:100px;margin:20px 9%;}
.termIcon i{height:32px;width:32px;margin-top:-30px}
.termIcon .iconzd_1,.termIcon .iconzd_2,.termIcon .iconzd_3,.termIcon .iconzd_4,.termIcon .iconzd_5{background-size:32px;text-align:center;}
.termList li h4{font:12px/1em "微软雅黑";padding:20px 0 0 0 ;}
.termList li p{display:none;}
.yunying{display:none;}

.solution .soluTit{width:200px;height:80px;padding:30px 0 20px 0;}
.solution .soluTit h4{width:100%;font:14px/32px "微软雅黑";border-bottom:2px solid #204f83;}
.solution .soluTit h5{font:20px/42px "微软雅黑";color:#000;text-align: center;}
.soluBox{width:100%;}
.tabsBox{width:100%;}
.tabsBox a{display:inline-block;width:1.5%;height:50px;margin:0 6.5%;float:none;}
.tabsBox .active p{background-size:50px;}
.tabsBox a p{height:50px;width:50px;background-size:50px;margin:0}
.tabsBox a p i{height:30px;}
.tabsBox a p .solu_img1,.tabsBox a p .solu_img2,.tabsBox a p .solu_img3,.tabsBox a p .solu_img4,.tabsBox a p .solu_img5,.tabsBox a p .solu_img6{background-size:30px;}
.tabsBox a h5{display:none;}
.soluImg{width:100%;margin:0 auto;float:none;padding:0;}
.soluImg img{width:350px;}
.soluImg .solution02{width:200px;margin-left:80px;}
.soluImg .solution03{width:150px;margin-left:100px;}
.soluImg .solution04{width:200px;margin-left:80px;}
.soluImg .solution05{width:200px;margin-left:80px;}
.soluImg .solution06{width:150px;margin-left:110px;}
.soluText{width:100%;float:none;}
.swiper-slide .soluText p{font:12px/26px "微软雅黑";width:95%;margin:0 auto;}
.soluText h6{font-size:18px;text-align: center;}
/*.soluText .soluMore{margin:0 auto;margin-top:20px;}*/
.soluText .soluMore6{font-size:12px;width:80px;height:25px;background-size:80px;line-height:25px;padding:0px;}
.soluText .soluMore5{font-size:12px;background-size:60px;width:60px;height:25px;line-height:25px;}

.ourCasecon{width:100%;height:497px;}
.ourList{width:100%;float:none;margin-top:200px;}
.ourList li{height:100px;}
.ourList li span{top:70px;font-size:14px;}
.ourCasecon .ourTit{float:none;margin:0 auto;margin-top:-450px;}
.ourCasecon .ourTit h4{font-size:20px;}
.ourCasecon .ourTit h5{width:120px;height:30px;font-size:18px;line-height:30px;}


.customer .cusTit{width:200px;height:80px;padding:30px 0 10px 0;}
.customer .cusTit h4{font:14px/32px "微软雅黑";}
.customer .cusTit h5{font-size:16px;}
.cuscontent{width:100%;}
.custList li {height:50px;}
.partner_1,.partner_2,.partner_3,.partner_4,.partner_5,.partner_6{background-size:150px}
.partner_1:hover,.partner_2:hover,.partner_3:hover,.partner_4:hover,.partner_5:hover,.partner_6:hover{background-size:150px}


.service{background-size:200%;}
.serText{width:100%;height:auto;}
.serItem{padding-top:0;}
.serItem li{font-size:12px;margin:20px 0px;}
.serText h6{font-size:12px;margin:0}
.serText .serMores{width:80px;height:20px;background-size:80px;line-height:20px;margin:20px auto;font-size:12px;}


.contectBox{width:90%;}
.contectLeft{width:100%;padding-bottom: 80px;}
.contectLeft h6{font-size:20px;}
.contectLeft p{font: 14px/20px "微软雅黑";}
.contectRight{width:100%;margin:0}







}