@charset "utf-8";
/* CSS Document */

/***框架布局***/

.header{}
.header .top{height: 55px;/* padding:10px 0; */line-height: 55px;/* background: #eee; */}
.header .top p{color:#333333;font-size:12px;}
.header .top .right{}
.header .top .right a,.header .top .right span{display: table-cell;border-left: 1px #eee solid;padding: 0 25px;font-size:12px;color:#333333;}
.header .top .right font{color:#1984df;font-size: 18px;}
.header .top .right a:hover{color:#fff;background:#1984df}
.header .top .right a.lang{padding-left:50px;background: url(../images/enIcon.png) 15px 15px no-repeat;}
.header .top .right a.lang:hover{background:#1984df url(../images/enIcon.png) 15px 15px no-repeat;}
.header .long{position: relative;margin-bottom: -115px;padding: 25px 0;/* border-bottom: 1px #eee solid; */z-index: 99;height: 115px;box-shadow: 0 0 0 1px rgba(136, 136, 136, 0.5);}
.header .search{position: relative;margin: 28px 0 0 20px;}
.header .search em{display: block;margin: 0px 0 0 0;width: 18px;height: 18px;background: url(../images/searchIcon.png) center no-repeat;}
.header .search form{ display: none;position: absolute;top:100%; z-index:999;}
.header .search form{left: -240px;padding:10px 10px;background: rgba(238, 238, 238, 0.32);width: 240px;border-radius:5px;}
.header .search form input{float:left;width: 190px;height:30px;color: #fff;border: 1px #eee solid;padding: 2px 5px;background: none;}
.header .search form button{float:left;width: 50px;height:30px;background: rgb(25, 135, 226);color:#fff;font-size:14px;border: none;cursor: pointer;}
.header .search:hover form{ display:block;}

.header .nav{position:relative;/* margin-top:25px */}
.header .nav li{float:left;color:#fff;font-size:16px;line-height: 75px;}
.header .nav li a{ display:block;color:#fff;font-size:16px;}
.header .nav li em{ display: block; width:50px;height:2px;}
.curBg { background:#fff;height:3px;position:absolute;bottom:-15px;width:68px;left:0px;}
.maxWidth{ margin: auto;}
@media (min-width: 1000px){
.maxWidth{width:1200px;}	
.header .nav li{padding:0 20px}
.header .logo img{margin-top:15px;height:33px}
}
@media (min-width: 1400px){
.maxWidth{width:1400px;}	
.header .nav li{padding:0 15px}	
.header .logo img{margin-top:0px;height:inherit}
}
@media (min-width: 1800px){
.maxWidth{width:1800px;}
.header .nav li{padding:0 35px}	
.header .logo img{margin-top:0px;height:inherit}
}

.titleAx{float: left;width: 100%;margin: 20px 0;color:#191919;font-size:30px;text-align: center;}
.titleAx hr{margin:20px auto;display: block;width:50px;border: none;}
.titleAx hr:before{content: "";float: left;margin-right: 2px;display:block;width: 10px;height:1px;background: #e9320b;}
.titleAx hr:after{content: "";float: left;display:block;width: 25px;height:1px;background: #0086ed;}

.titleBx{float: left;width: 100%;margin: 20px 0;color:#FFF;font-size:30px;}
.titleBx hr{margin: 20px 0;display: block;width:50px;border: none;}
.titleBx hr:before{content: "";float: left;margin-right: 2px;display:block;width: 10px;height:1px;background: #e9320b;}
.titleBx hr:after{content: "";float: left;display:block;width: 25px;height:1px;background: #0086ed;}


.HomeWhat{margin: 50px 0 20px 0;background:url(../images/What-bg.png) no-repeat center;}
.HomeWhat ul{float:left;margin-top: 20px;border-top:1px #ddd solid;border-left:1px #ddd solid;background: #fff;}
.HomeWhat ul li{float:left;width: 398px;height: 300px;padding: 40px 30px 20px 20px;border-right:1px #ddd solid;border-bottom:1px #ddd solid;}
.HomeWhat ul li em{ position:relative;display: block;float: left;margin: 50px 30px 0 40px;width: 85px;height: 85px;background:url(../images/WhatIcon.png) 0 0 no-repeat;}
.HomeWhat ul li em:before{position:absolute;content:"";left: -60px;top: 40px;width: 40px;height:1px;background:#ddd;}
.HomeWhat ul li em:after{position:absolute;content:"";left: -20px;top: 38px;width: 5px;height: 5px;background: #aaa;}
.HomeWhat ul li h3{color:#191919;font-size:24px;}
.HomeWhat ul li hr{margin:20px 0;color:#fff;width: 30px;height:1px;border:none;background: #ddd;}
.HomeWhat ul li p{color:#666666;font-size:12px;line-height: 22px;}
.HomeWhat ul li:hover{ background:#1984df}
.HomeWhat ul li:hover h3,.HomeWhat ul li:hover p{color:#fff}
.HomeWhat ul li:hover hr{ background:#fff}
.HomeWhat ul li:hover em:before,.HomeWhat ul li:hover em:after{ background:#fff}


.HomeWhat ul li.x1 em{background-position: 0 0;}
.HomeWhat ul li.x2 em{background-position: 0 -88px;}
.HomeWhat ul li.x3 em{background-position: 0 -172px;}
.HomeWhat ul li.x4 em{background-position: 0 -253px;}
.HomeWhat ul li.x5 em{background-position: 0 -335px;}
.HomeWhat ul li.x6 em{background-position: 0 -418px;}

.HomeWhat ul li.x1:hover em{background-position: -86px 0;}
.HomeWhat ul li.x2:hover em{background-position: -86px -88px;}
.HomeWhat ul li.x3:hover em{background-position: -86px -172px;}
.HomeWhat ul li.x4:hover em{background-position: -86px -253px;}
.HomeWhat ul li.x5:hover em{background-position: -86px -335px;}
.HomeWhat ul li.x6:hover em{background-position: -86px -418px;}



.HomeCase{margin: 60px 0 0 0;padding: 60px 0 50px 0;height: 821px;background:url(../images/HomeCase-bg.jpg) no-repeat center bottom fixed;background-size:cover;}
.HomeCase .list{
    float: left;
    margin-top: 20px;
}

ul.list {}
.HomeCase .slideCase{float:left;width:100%;position: relative;margin-top: 25px;height: 575px;}
.HomeCase .slideCase .list2{float:left;width:100%;}
.HomeCase .slideCase .list2 li{ }
.HomeCase .slideCase .list2 a{float:left;width: 590px;height: 216px;margin:5px;background: #fff;}
.HomeCase .slideCase .list2 .box{padding:30px;width: 250px;}
.HomeCase .slideCase .list2 .box h4{color:#191919;font-size:18px;}
.HomeCase .slideCase .list2 .box p{color:#666666;font-size:12px;line-height: 21px;margin: 20px 0 30px 0;}
.HomeCase .slideCase .list2 .box em{display: block;width: 35px;height:7px;background: url(../images/line02.png) -38px 0 no-repeat;}
 
.HomeCase .slideCase .list2 a:hover{ background:#1984df ;}
.HomeCase .slideCase .list2 a:hover h4,.HomeCase .slideCase .list2 a:hover p{color:#fff}
.HomeCase .slideCase .list2 a:hover em{ background-position:-2px 0px}
.HomeCase .slideCase .spot3{position: absolute;float: left;bottom:0px;left:0px;width:100%;text-align:center;}
.HomeCase .slideCase .spot3 li{font-size:0px;width: 13px;height: 13px;margin: 0 5px;display:inline-block;border:1px #8b8b8b solid; cursor: pointer;}
.HomeCase .slideCase .spot3 li.on{ background: #1984df;border:1px #1984df solid}
.HomeCase .slideCase .spot3 li.on:before{ background: #1984df;}
.HomeCase .slideCase .spot3 li:before{content:"";display:block;width: 7px;height: 7px;margin: 2px 0 0 2px;background:#8b8b8b;}

.HomeTeam{margin: 60px 0 100px 0;background: url(../images/HomeTeam-bg.png) no-repeat center bottom;}
.HomeTeam ul{position: relative;height: 475px;margin-top: 30px;float: left;width: 100%;}

.HomeTeam ul li{ position:absolute; left: 0; }
.HomeTeam ul li img{ width:100%; height:100%;}
.HomeTeam ul li a{ display: block; position: relative;}
.HomeTeam ul li .box{position: absolute;left: 0;top: 80px;width:100%;text-align: center;}
.HomeTeam ul li.x2 .box,.HomeTeam ul li.x3 .box,.HomeTeam ul li.x4 .box,.HomeTeam ul li.x5 .box{left: inherit;right: 30px;text-align: right;}
.HomeTeam ul li.x2 .box hr,.HomeTeam ul li.x3 .box hr,.HomeTeam ul li.x4 .box hr,.HomeTeam ul li.x5 .box hr{float:right; }

.HomeTeam ul li .box h3{color:#ffffff;font-size:22px;}
.HomeTeam ul li .box hr{width:30px;margin: 20px auto;border: none;height:1px;background: #fff;}
.HomeTeam ul li.x1{left:0;top:0;width: 385px;height:480px;}
.HomeTeam ul li.x2{left: 395px;top:0;width:261px;height:235px;}
.HomeTeam ul li.x3{left: 665px;top:0;width:261px;height:235px;}
.HomeTeam ul li.x4{left: 935px;top:0;width:261px;height:235px;}
.HomeTeam ul li.x5{left: 395px;top: 245px;width:532px;height: 235px;}
.HomeTeam ul li.more{left: 936px;top: 245px;width: 260px;height:235px;}
.HomeTeam ul li.more h3{}
.HomeTeam ul li.more em{display: inline-block;width: 20px;height: 20px;margin: 0px 5px 0 0;line-height: 18px;color: #ED2F0B;font-size:15px;border-radius:50%;background: #fff;}


.HomeAbout{}
.HomeAbout .tone{padding: 90px 0;height: 610px;background: url(../images/HomeAbout-bg.jpg) no-repeat center top;}
.HomeAbout .tone .left{}
.HomeAbout .tone .right{width: 450px;}
.HomeAbout .tone .right h3{/* width: 100%; *//* float: left; */margin: 30px 0 35px 0;color: #fff;font-size:16px;clear: both;} 
.HomeAbout .tone .right .wx{color: #fff;font-size:12px;line-height: 22px;} 
.HomeAbout .tone .right a{margin:50px 0 0 0;display: inline-block;color: #fff;font-size:12px;padding-right: 31px;background: url(../images/line03.png) 40px 6px no-repeat;} 

.HomeAbout .down{padding: 60px 0;background:#2584d5;}
.HomeAbout .down ul{}
.HomeAbout .down ul li{float:left;width: 200px;/* padding:0 20px; */color: #fff;text-align: center;font-size:20px;border-right: 1px #4B9DE2 dashed;}
.HomeAbout .down ul li:last-child{ border:none}
.HomeAbout .down ul li span{color:#fff;font-size:30px ;}
.HomeAbout .down ul li b{margin-top:5px;display: table;margin: 10px auto;padding: 5px 20px;color:#0086ed;font-size:18px;border-radius:30px;background: #fff;text-align: center;}



.HomeNews{margin:50px 0 70px 0}
.HomeNews .tone{float: left;width: 100%;margin:10px 0 45px 0;text-align:center;}
.HomeNews .tone li{ display:inline-block; margin:0 10px; color:#666; font-size:16px;padding:8px 35px; cursor: pointer; border:1px #ddd solid  }
.HomeNews .tone li.hit{ color:#fff;background:#2584d5}

.HomeNews .down{}
.HomeNews .down .pane{}
.HomeNews .pane .slideImg{position: relative;float: left;width:510px;height:390px;margin-right: 25px;overflow:hidden;}
.HomeNews .pane .slideImg .spot2{position: absolute;bottom: 15px;right: 10px;z-index: 89;cursor: pointer;}
.HomeNews .pane .slideImg .spot2 li{color:#fff;font-size:14px;display: inline-block;margin: 0 10px;}
.HomeNews .pane .slideImg .spot2 li.on{text-decoration:underline;}
.HomeNews .pane .slideImg .list h4{position: absolute;bottom:0;left:0;width: 100%;color:#fff;font-size:16px;padding: 15px 20px;background: rgba(0,0,0,0.8);}
.HomeNews .pane .slideImg .list img{ width:510px; height:390px;}
.HomeNews .pane .two{border: 1px #eee solid;padding:0 20px 0 0;/* margin-left: 10px; */width: 635px;display: block;float: right;margin-bottom: 10px;}
.HomeNews .pane .two .img{width: 160px;height: 121px;margin-right:20px;}
.HomeNews .pane .two h4{  color:#2a2a2a; font-size:14px;margin:20px 0 010px 0;}
.HomeNews .pane .two p{ color:#666666;font-size:12px;}
.HomeNews .pane .two span{margin-top:10px;color:#999;font-size:12px;display: block;}
.HomeNews .pane .two:hover{background: #2584d5;}
.HomeNews .pane .two:hover h4,.HomeNews .pane .two:hover p,.HomeNews .pane .two:hover span{color:#fff}
.footer{padding: 80px 0 0 0;background:#191919;}



.team-list{}
.team-list li{ margin-bottom:25px;padding-bottom:25px; border-bottom:1px #ddd dotted;overflow: hidden;}
.team-list li .img{width:200px;margin-right:20px;}
.team-list li h4{color:#666;font-size:20px;}
.team-list li .h4{color:#333;font-size:15px;}
.team-list li .wx{color:#888;font-size:14px;line-height: 24px;margin-top: 15px;}

.title2{ margin:0px 0 30px 0;  text-align:center;} 
.title2 h2{color:#666;font-size:25px;margin-bottom: 25px;/*! font-weight: bolder; */}
.title2 img{ display: block; margin:auto;}



/*  案例列表 */
.caseList{width:1225px}
.caseList li{float:left;width: 385px;margin-right: 23px;margin-bottom: 25px;box-shadow: 0 0 4px 1px #ccc;}
.caseList li .pImg{display: block;height: 257px;overflow: hidden;position: relative;}
.caseList li .pImg img{width: 100%;height: 100%;transition: all .5s}
.caseList li:hover .pImg img{transform: translateY(-80px);}
.caseList li  .txt{font-size: 12px;color: #fff;background: #1984df;position: absolute;bottom: 0;left: 0;right: 0;top: 257px;padding: 15px;line-height: 22px;transition: all .5s;}
.caseList li:hover  .txt{top: 150px;}
.caseList li  .txt span{display: block;border-bottom: 1px solid #fff;margin-bottom: 5px;}
.caseList li  h5{height: 50px;line-height: 50px;text-indent: left;padding: 0 15px;color: #333;transition: all .5s;font-size: 14px;font-weight: normal;background: url(../images/see1.png) no-repeat 350px center;}






/*服务项目*/.projectBox{padding-bottom: 0px;}
.projectBox .titleBox{margin: 0 0 70px 0;}
.projectBox .titleBox h1{margin:0 0 50px 0;padding:0 0 50px 0;color:#191919;font-size:38px;border-bottom:1px #ddd solid;text-align: center;}
.projectBox .titleBox h1 font{color:#1984df}
.projectBox .titleBox h1 span{display: block;color:#999;font-size:16px;}
.projectBox .titleBox h2{color:#191919;font-size:30px;}
.projectBox .titleBox h2 .big{display: block;color:#999;font-size:30px;}
.projectBox .titleBox h2 .small{display: block;color:#999;font-size:14px;}
.projectBox .titleBox h2 hr{display: block;width:40px;height:1px;background: #1984df;border: none;margin-top: 20px;}
.projectBox .titleBox p.right{width:950px;color:#333;font-size:13px;line-height: 25px;}
/*---*/.projectBox .title1{color:#191919;font-size:30px;text-align: center;margin: 20px 0;}
.projectBox .title1 font{display: block;color:#999;font-size:14px;}
/*---*/.projectBox .downBox{margin: 50px 0 0 0;}
.projectBox .downBox .left{padding:30px 40px;width:430px;background: #ff2d00;height: 155px;}
.projectBox .downBox .left h1{color:#ffffff;font-size:30px;}
.projectBox .downBox .left h1 font{display:block;color:#f8b8aa;font-size:12px}
.projectBox .downBox .left span{display: block;color:#fff;font-size:20px;margin-top: 10px;}
.projectBox .downBox .right{padding:40px 50px 30px 80px;background: #1984df;width: 770px;height: 155px;}
.projectBox .downBox .right h2{color:#fff;font-size:22px;display: inline-block;clear: both;}
.projectBox .downBox .right h2 font{display: block;color:#ddd;font-size:12px;}
.projectBox .downBox .right b{/*! float:left;*/margin:10px 0 0 0;display: block;color:#fff;font-size:16px;padding-left:30px;background:url(../images/tel2-ico.png) no-repeat left;clear: both;}
.projectBox .downBox .right .qq{display: inline-block;border-right:1px #5eaff3 dotted;border-left:1px #5eaff3 dotted;padding: 0 30px;margin: 0 50px;}
.projectBox .downBox .right .ewm{display: inline-block;}
.projectBox .downBox .right .ewm img{display: block;width:80px;}
/*---*/.projectBox .experts{padding:50px 0 0 0;background: #ededed;}
.project2 .experts{margin:0 0 -205px 0;height:800px;}
.project1 .experts{margin:0 0 20px 0;height:650px;}
.projectBox .experts .picScroll-left{margin-top:30px;}
.projectBox .experts .picList{margin-top:30px;}
.projectBox .experts .picList li{float:left;width:280px;margin:0 10px;background: #fff;height: 370px;}
.projectBox .experts .picList li h3{color:#191919;font-size:22px;border-bottom:1px #ddd solid;padding:30px 30px 35px 115px;/*! background-position: 0 18px;*/}
.projectBox .experts .picList li h3 font{display: block;color:#999;font-size:12px;}
.projectBox .experts .picList li h3 hr{border:none;margin-top:20px;display: block;;width:20px;height:1px;background:#1984DF}
.projectBox .experts .picList li .wx{padding:30px;}
.projectBox .experts .picList li .wx p strong{color:#000000;font-size:18px;font-weight:400;/*! margin-right:10px; */display: block;width: 65px;margin: 3px 10px 5px 0;}
.projectBox .experts .picList li .wx p{color:#666666;font-size:12px;display: table;margin: 0 0 10px 0;vertical-align: top;line-height: 20px;margin-bottom: 12px;}
.projectBox .experts .spot{width:100%;text-align: center;margin:25px 0 0 0}
.projectBox .experts .spot li{display: inline-block;width:15px;font-size:0px;height:15px;margin:0 8px;border-radius: 50%;background: #a5a5a5;cursor: pointer;}
.projectBox .experts .spot li.on{background:#1984df;}
/*---*/.projectBox .language{margin: 50px 0;}
.projectBox .language .left{width:470px;}
.projectBox .language .right{width:680px;}
.projectBox .language .right b{display: inline-block;color:#191919;font-size:14px;margin:0 48px 15px 0;}
.projectBox .language .right hr{width:100%;height:1px;margin:20px 0;border:none;display: block;background: #ddd;}
.projectBox .language .right a.more{color:#1984df;font-size:14px;cursor: pointer;}
.projectBox .language .box{float:left;width:100%;margin:50px 0 20px 0;}
.projectBox .language .hide{display: none;}
.projectBox .language .show{display:block;}
.projectBox .language .box b{display: inline-block;color:#333;font-size:14px;margin:0 48px 25px 0;}
/*---*/.project1{}
.project1 .classification{height:833px;padding:50px 0 30px 0;background: url(../images/project1_classificationBG.jpg) no-repeat center fixed;background-size: cover;}
.project1 .classification ul{float:left;width:100%;padding:20px 0px;background: #fff;margin-top: 10px;}
.project1 .classification ul li{float:left;width:380px;height:150px;padding:20px 40px 10px 40px;margin:20px 0;border-right: 2px #eee solid;display: table;}
.project1 .classification ul li em{display: table-cell;width:90px;height:70px;background:url(../images/project1_classificationIco.png) no-repeat 0 0;}
.project1 .classification ul li:nth-child(3),.project1 .classification ul li:nth-child(6),.project1 .classification ul li:nth-child(9){border:none}
.project1 .classification ul li p{padding-left:26px;color:#666666;font-size:12px;display: table-cell;vertical-align: top;}
.project1 .classification ul li p b{display:block;margin-bottom:20px;color:#191919;font-size:22px;}
.project1 .classification ul li.x1 em{background-position:9px 0;}
.project1 .classification ul li.x2 em{background-position:-76px 0px;}
.project1 .classification ul li.x3 em{background-position:-164px 0;}
.project1 .classification ul li.x4 em{background-position:-254px 0;}
.project1 .classification ul li.x5 em{background-position:-339px 0;}
.project1 .classification ul li.x6 em{background-position:-427px 0;}
.project1 .classification ul li.x7 em{background-position:-520px 0;}
.project1 .classification ul li.x8 em{background-position:-614px 0;}
.project1 .classification ul li.x9 em{background-position:-705px 0;}
.project1 .management{margin:30px 0;}
.project1 .management .box{margin:20px 0}
.project1 .quotes{height:879px;margin:20px 0 -225px 0;padding:70px 0 0 0;background: url(../images/project1_quotesBG.jpg) no-repeat center;}
.project1 .quotes .title1{margin-bottom:40px;}
.project1 .quotes .left{width:280px;border-right:1px #bbb dotted;}
.project1 .quotes .left p{padding-left:25px;position:relative;margin:0 0 40px 0;font-size:14px;color:#333333;}
.project1 .quotes .left p:before{position: absolute;content:"";left:0;top:13px;width:7px;height:7px;display:block;background: #1984DF;}
.project1 .quotes .left p b{color:#1984df;font-size:20px;display: block;margin: 0 0 10px 0;}
.project1 .quotes .right{width:880px;}
.project1 .quotes .right .bin{position:relative;float:left;margin:0 0 10px 0}
.project1 .quotes .right .bin1{width:440px;}
.project1 .quotes .right .bin2{width:100%}
.project1 .quotes .right .bin b{float:left;width:120px;text-align: right;color: #333333;font-size: 14px;padding: 0 10px 0 0;}
.project1 .quotes .right .bin input{float:left;border:1px #ccc solid;line-height: 33px;padding:0 10px;background: #fff;}
.project1 .quotes .right .bin1 input{width:295px;}
.project1 .quotes .right .bin2 .filename{width:735px;}
.project1 .quotes .right .bin2 .file{position: absolute;right:26px;top:0;width:160px;padding:0px 10px;color:#666666;font-size:12px;background: #d6d6d6;}
.project1 .quotes .right .bin3{width:100%;}
.project1 .quotes .right .bin3 textarea{float:left;width:735px;border:1px #ccc solid;height: 85px;background: #fff;}
.project1 .quotes .right button{width:200px;padding:13px 0;margin:0 0 0 120px;border:none;color:#fff;font-size:12px;background: #1984df;}
/*---*/.project2 .service{height:926px;margin:0px 0 20px 0;padding:40px 0;background:url(../images/project2_serviceBG.jpg) no-repeat center fixed;}
.project2 .service ul{position:relative;width:810px;height:512px;margin:130px auto 0;background:url(../images/project2_serviceLine.png) no-repeat center;}
.project2 .service ul li{position: absolute;text-align: center;}
.project2 .service ul li em{/*! margin-top:-30px;*/display: block;margin:0px auto 0;width:60px;height:60px;background: url(../images/project2_serviceIco.png) no-repeat 0 0;}
.project2 .service ul li h3{color:#191919;font-size:24px;}
.project2 .service ul li span{color:#999;font-size:12px;}
.project2 .service ul li:hover{background: #1984df;}
.project2 .service ul li:hover h3{color:#FFf}
.project2 .service ul li:hover span{color:#eee}
.project2 .service ul li:hover .box{background:#1984df}
.project2 .service ul li:hover .box:before{border-bottom: 50px solid #1984df;}
.project2 .service ul li:hover .box:after{border-top: 50px solid #1984df;}
.project2 .service ul li .box{width: 180px;height: 115px;background: #fff;position: relative;transition: all .4s ease-in-out;}
.project2 .service ul li .box:before{content: "";position: absolute;top: -50px;left: 0;width: 0;height: 0;border-left: 90px solid transparent;border-right: 90px solid transparent;border-bottom: 50px solid #fff;transition: all .4s ease-in-out;}
.project2 .service ul li .box:after{content: "";position: absolute;bottom: -50px;left: 0;width: 0;height: 0;border-left: 90px solid transparent;border-right: 90px solid transparent;border-top: 50px solid #fff;transition: all .4s ease-in-out;}
.project2 .service ul li.x1{top:-40px;left:320px;}
.project2 .service ul li.x2{top:40px;right:25px;}
.project2 .service ul li.x3{top:230px;right:-115px;}
.project2 .service ul li.x4{bottom:0;right:30px;}
.project2 .service ul li.x5{bottom:-55px;right:300px;}
.project2 .service ul li.x6{bottom:20px;left:65px;}
.project2 .service ul li.x7{bottom:180px;left:-94px;}
.project2 .service ul li.x8{top:36px;left:57px;}
.project2 .service ul li.x1 em{background-position: 8px 5px;}
.project2 .service ul li.x2 em{background-position: -56px 2px;}
.project2 .service ul li.x3 em{background-position: -118px 4px;}
.project2 .service ul li.x4 em{background-position: -177px 3px;}
.project2 .service ul li.x5 em{background-position: -238px 1px;}
.project2 .service ul li.x6 em{background-position: -309px 4px;}
.project2 .service ul li.x7 em{background-position: -375px 6px;}
.project2 .service ul li.x8 em{background-position: -437px 6px;}
.project2 .service ul li.x1:hover em{background-position: 8px -60px;}
.project2 .service ul li.x2:hover em{background-position: -56px -60px;}
.project2 .service ul li.x3:hover em{background-position: -118px -62px;}
.project2 .service ul li.x4:hover em{background-position: -177px -63px;}
.project2 .service ul li.x5:hover em{background-position: -238px -65px;}
.project2 .service ul li.x6:hover em{background-position: -309px -60px;}
.project2 .service ul li.x7:hover em{background-position: -375px -60px;}
.project2 .service ul li.x8:hover em{background-position: -437px -60px;}
.project2 .process{margin:30px 0 120px 0;}
.project2 .process ul{float:left;width:100%;margin:20px 0 0 0;height:142px;background: url(../images/project2_processLine.png) no-repeat center;}
.project2 .process ul li{position: relative;float:left;width:200px;/*! margin: 50px 0 0 0;*/height: 160px;text-align: center;}
.project2 .process ul li em{position: relative;top:85px;left:0;display: block;text-align: center;margin:auto;width:30px;line-height:30px;color:#fff;font-size:15px;border-radius:50% ;background: #1984df;}
.project2 .process ul li em:before{content: "";position: absolute;left:15px;top:30px;width:1px;height:25px;background: #bbb;}
.project2 .process ul li em:after{content: "";position: absolute;left:13px;bottom:-25px;width:5px;height:5px;background: #bbb;}
.project2 .process ul li.two em:before{top:-24px;}
.project2 .process ul li.two em:after{bottom:53px;}
.project2 .process ul li i{display: none;height:30px;width:100%;}
.project2 .process ul li p{position: absolute;/*! display: none;*/color:#333;font-size:15px;/*! height: 30px;*/width: 100%;}
.project2 .process ul li.one p{left:0;bottom:-5px;}
.project2 .process ul li.two p{left:0;top:15px;}
/*---*/.project3 .benefi{padding:50px 0;background: url(../images/project3_benefiBG.jpg) no-repeat center;margin: 0px 0 0 0;}
.project3 .benefi ul{}
.project3 .benefi ul li{float:left;width:580px;padding:30px;margin:0 10px 20px 10px;background: #fff;height: 120px;}
.project3 .benefi ul li em{display: inline-block;width:50px;line-height:50px;text-align: center;color:#fff;font-size:15px;background: #1984df;border-radius: 50%;vertical-align: top;}
.project3 .benefi ul li p{color:#191919;font-size:13px;display: inline-block;width: 455px;padding-left: 20px;line-height: 25px;}
.project3 .type{margin:50px 0;}
.project3 .type ul{}
.project3 .type ul li{float:left;width:380px;padding:40px 30px;margin:0 10px;text-align: center;}
.project3 .type ul li.x1{background: #1984df;}
.project3 .type ul li.x2{background: #ff2d00;}
.project3 .type ul li.x3{background: #4aaf2c;}
.project3 .type ul li em{display: block;width:60px;height:60px;margin:auto;}
.project3 .type ul li.x1 em{background:url(../images/project3_type01.png) no-repeat center}
.project3 .type ul li.x2 em{background:url(../images/project3_type02.png) no-repeat center}
.project3 .type ul li.x3 em{background:url(../images/project3_type03.png) no-repeat center}
.project3 .type ul li h3{margin:5px 0;color:#fff;font-size:24px;}
.project3 .type ul li h3 font{display: block;color:#ddd;font-size:12px;}
.project3 .type ul li span{display: block;color:#fff;font-size:14px;}
.project3 .process{margin:30px 0 20px 0;padding:40px 0 50px 0;background:#ededed;}
.project3 .process ul{margin:10px 0;padding:30px 0;background: #fff;}
.project3 .process ul li{float:left;width:100%;padding:40px 70px 40px 40px;border-bottom: 1px #ddd solid;}
.project3 .process ul li:last-child{border:none}
.project3 .process ul li h3{float:left;width:287px;}
.project3 .process ul li h3 em{display: inline-block;color:#fff;font-size:32px;width:80px;line-height:80px;background: #1984df;border-radius: 50%;text-align: center;vertical-align: top;margin-right:15px;}
.project3 .process ul li h3 b{color:#191919;font-size:22px;}
.project3 .process ul li h3 b{color:#191919;font-size:22px;display: inline-block;/*! width: 100%;*/}
.project3 .process ul li h3 b font{font-size:12px;color:#999;display: block;}
.project3 .process ul li h3 hr{display: inline-block;width:20px;height:1px;border:none;background: #1984df;}
.project3 .process ul li p{color:#666666;font-size:13px;line-height: 25px;}
.project3 .value{margin: 50px 0 50px 0;}
.project3 .value ul{border-left:1px #ddd dotted;margin: 20px 0;}
.project3 .value ul li{float:left;width:239px;padding:0 20px;color:#191919;font-size:16px;border-right:1px #ddd dotted}
.project3 .value ul li em{color:#1984df;margin-right:20px;height: 50px;display: block;float: left;}
/*---*/.project4 .localization{padding:50px 0;height:957px;margin:0px 0 -205px 0;background: url(../images/project4_localizationBG.jpg) no-repeat top center fixed;}
.project4 .localization ul{}
.project4 .localization ul li{float:left;width:580px;height:262px;margin:10px 10px;background: #fff;}
.project4 .localization ul li h3{float:left;width:246px;height:262px;}
.project4 .localization ul li.x1 h3{background: url(../images/project4_localization01.jpg) no-repeat;}
.project4 .localization ul li.x2 h3{background: url(../images/project4_localization02.jpg) no-repeat;}
.project4 .localization ul li.x3 h3{background: url(../images/project4_localization03.jpg) no-repeat;}
.project4 .localization ul li.x4 h3{background: url(../images/project4_localization04.jpg) no-repeat;}
.project4 .localization ul li h3 b{color:#fff;font-size:24px;float: right;padding: 50px 40px 0 0;}
.project4 .localization ul li h3 b font{display:block;color:#ccc;font-size:12px;}
.project4 .localization ul li h3 b hr{margin:20px 0 0 0;display: block;width:20px;height:1px;border:none;background:#61a6ff;}
.project4 .localization ul li p{float:right;padding:40px 40px;width: 334px;}
.project4 .localization ul li p span{position:relative;color:#545353;padding-left:20px;font-size:13px;margin:0 0 15px 0;display: block;}
.project4 .localization ul li p span:before{position: absolute;content: "";left:0px;top:7px;width:5px;height:5px;background: #1984df;}
/*---*/.project5{}
.project5 .process{height:926px;margin:30px 0 0 0;padding:50px 0;background: url(../images/project5_processBG.jpg) no-repeat center fixed;background-size: cover;}
.project5 .process ul{position: relative;left:50px;width:693px;height:507px;margin:130px auto 0;background: url(../images/project5_processLine.png) no-repeat center;}
.project5 .process ul li{position: absolute;text-align: center;}
.project5 .process ul li em{/*! margin-top:-30px;*/display: block;margin:0px auto 0;width:50px;height:50px;background: url(../images/project5_processIco.png) no-repeat 0 0;}
.project5 .process ul li h3{color:#191919;font-size:24px;}
.project5 .process ul li span{color:#999;font-size:12px;}
.project5 .process ul li:hover{background: #1984df;}
.project5 .process ul li:hover h3{color:#FFf}
.project5 .process ul li:hover span{color:#eee}
.project5 .process ul li:hover .box{background:#1984df}
.project5 .process ul li:hover .box:before{border-bottom: 50px solid #1984df;}
.project5 .process ul li:hover .box:after{border-top: 50px solid #1984df;}
.project5 .process ul li .box{width: 180px;height: 100px;background: #fff;position: relative;transition: all .4s ease-in-out;}
.project5 .process ul li .box:before{content: "";position: absolute;top: -50px;left: 0;width: 0;height: 0;border-left: 90px solid transparent;border-right: 90px solid transparent;border-bottom: 50px solid #fff;transition: all .4s ease-in-out;}
.project5 .process ul li .box:after{content: "";position: absolute;bottom: -50px;left: 0;width: 0;height: 0;border-left: 90px solid transparent;border-right: 90px solid transparent;border-top: 50px solid #fff;transition: all .4s ease-in-out;}
.project5 .process ul li.x1{top:24px;left:-115px;}
.project5 .process ul li.x2{top:-44px;left:205px;}
.project5 .process ul li.x3{top:45px;left:505px;}
.project5 .process ul li.x4{bottom:87px;right:8px;}
.project5 .process ul li.x5{bottom:-55px;right:300px;}
.project5 .process ul li.x6{bottom:80px;left:-115px;}
.project5 .process ul li.x1 em{background-position: 0 0 ;}
.project5 .process ul li.x2 em{background-position: -61px 0;}
.project5 .process ul li.x3 em{background-position: -120px -3px;}
.project5 .process ul li.x4 em{background-position: -182px 0;}
.project5 .process ul li.x5 em{background-position: -245px -4px;}
.project5 .process ul li.x6 em{background-position: -305px 0;}
.project5 .process ul li.x1:hover em{background-position: 0 -65px ;}
.project5 .process ul li.x2:hover em{background-position:-61px -65px ;}
.project5 .process ul li.x3:hover em{background-position:-120px -67px ;}
.project5 .process ul li.x4:hover em{background-position: -182px -65px ;}
.project5 .process ul li.x5:hover em{background-position: -245px -65px ;}
.project5 .process ul li.x6:hover em{background-position: -305px -65px ;}
.project5 .advantage{margin:0 0 -210px 0;padding:70px 0 0 0;height:661px;background:url(../images/project5_advantageBG.jpg) no-repeat center;}
.project5 .advantage ul{margin-top:30px;}
.project5 .advantage ul li{float:left;padding:50px 30px;width:400px;text-align: center;height: 250px;}
.project5 .advantage ul li.x1{background: #ededed;}
.project5 .advantage ul li.x2{background: #e6e6e6;border-left:1px #fff solid;border-right:1px #fff solid}
.project5 .advantage ul li.x3{background: #dddddd;}
.project5 .advantage ul li h3{color:#1984df;font-size:30px;line-height:30px;}
.project5 .advantage ul li h3 font{display: block;font-size:16px;color:#999}
.project5 .advantage ul li h3 hr{width:20px;height:1px;margin: 10px auto 0;border:none;background: #1984df;}
.project5 .advantage ul li p{margin:30px 0 0 0;color:#333333;font-size:14px;}
/*---*/.project6{}
.project6 .title1{margin-bottom:40px;}
.project6 .localization{padding:80px 0 0 0;height: 747px;background: url(../images/project6_localizationBG.jpg) no-repeat center fixed;background-size: cover;}
.project6 .localization ul{margin-top: 50px;}
.project6 .localization ul li{float:left;width:280px;height:220px;margin:0 10px 20px 10px;padding:50px 35px;background:#fff;text-align: center;}
.project6 .localization ul li h3{color:#1984df;font-size:24px;}
.project6 .localization ul li h3 font{display:block;color:#999;font-size:14px;}
.project6 .localization ul li h3 hr{width:20px;height:1px;border:none;background: #1984DF;margin: 20px auto 0;}
.project6 .localization ul li p{margin:30px 0 0 0;color:#333333;font-size:12px;}
.project6 .customer{margin:30px 0 0 0;padding:50px 0; background: #f0f0f0;}
.project6 .customer .picScroll-left{ position: relative;}
.project6 .customer .picScroll-left .prev,.project6 .customer .picScroll-left .next{ position:absolute;left:-60px;top:80px;color:#fff;display: block; font-size:14px;text-align: center;width:40px;line-height:40px; background: #333333;border-radius: 50%;cursor: pointer;} 
.project6 .customer .picScroll-left .next{left:auto; right:-60px;}
.project6 .customer .picScroll-left .prev:hover,.project6 .customer .picScroll-left .next:hover{ background: #1984df}
.project6 .customer .picScroll-left .picList{}
.project6 .customer .picScroll-left .picList li{float:left;width:280px; margin:0 10px;padding:0 0 30px 0; text-align: center; background: #fff;}
.project6 .customer .picScroll-left .picList li img{ }
.project6 .customer .picScroll-left .picList li h4{ border-top:1px #ddd solid; font-size:16px; color:#191919;padding: 15px 0 10px 0; }
.project6 .customer .picScroll-left .picList li p{ font-size:14px;color:#666666}
.project6 .customer .picScroll-left .picList li:hover h4{color:#1984df}
.project6 .trilogy{margin:0 0 -210px 0;padding:50px 0 0 0;height:661px; background:url(../images/project5_advantageBG.jpg) no-repeat center;}
.project6 .trilogy ul{ margin-top:30px;}
.project6 .trilogy ul li{ float:left;padding:40px 30px;width:400px; text-align: center;height: 250px;}
.project6 .trilogy ul li em{ display: block;margin:auto;width:70px; line-height:70px;color:#fff; font-size:34px; text-align: center; background: #1984df;border-radius: 50%}
.project6 .trilogy ul li h3{margin:15px 0; color:#1984df;font-size:20px;}
.project6 .trilogy ul li p{ color:#333; font-size:14px;}
.project6 .trilogy ul li.x1{ background: #ededed;}
.project6 .trilogy ul li.x2{ background: #e6e6e6;border-left:1px #fff solid; border-right:1px #fff solid}
.project6 .trilogy ul li.x3{ background: #dddddd;}


/*底部*/
.footer .nav{
    width: 590px;
    display: table;
}
.footer .nav li{/* float:left; */display: table-cell;margin-right: 25px;/* width:120px; */}
.footer .nav li h3{color:#fff;font-size:14px;margin-bottom:20px;}
.footer .nav li a{ display: block;color:#999; font-size:12px;padding:3px 0;}
.footer .nav li a:hover{color:#fff}
.footer .middle{width: 420px;line-height: 22px;margin: 0 0px 0 30px;padding: 0 35px 0 40px;border-left: 1px #333 dashed;border-right: 1px #333 dashed;color:#999999;font-size:12px;}
.footer .middle span{position:relative;display: block;padding-right: 175px;text-align:right;height: 70px;margin-bottom: 37px;color:#fff;font-size:12px;background: url(../images/mapIcon.png) center right no-repeat;}
.footer .middle span font{color:#2584d5;font-size:22px;display: block;margin-top: 5px;}
.footer .middle a{color:#999999;font-size:12px;}
.footer .middle a:hover{ color:#fff}
.footer .middle span:before{content:"";position: absolute;left:0;top: 11px;width: 65px;height:1px;background: #333;}
.footer .middle a:hover{ color:#fff}
.footer .right{color:#999999;font-size:12px;text-align: center;line-height: 30px;}
.footer .right img{ display:block; margin:auto; width:120px;}
.footer .link{margin-top: 70px;padding:20px 0;line-height: 30px;background:#131313;}
.footer .link h3{float: left;color:#2584d5;font-size:12px;}
.footer .link a{display:inline-block;margin: 0 30px;color:#787878;font-size:12px;}
.footer .link a:hover{color:#fff}




.wBox1{margin:30px 0;}
.wBox1 .wor{ }
.wBox1 .teb-box{margin:50px 0;overflow: hidden;}
.wBox1 .teb-box .tone{ border-top:1px #ddd solid;border-bottom:1px #ddd solid;border-right:1px #ddd solid; overflow:hidden;}
.wBox1 .teb-box .tone li{float:left;width:298px;padding:13px 0px; color:#666;font-size:16px; text-align:center; border-left:1px #ddd solid;cursor: pointer}
.wBox1 .teb-box .tone li.hit{color:#333; background: #ddd}
.wBox1 .teb-box .down{margin-top:50px}
.wBox1 .teb-box .down ul{width:1230px; margin-left:-30px;}



.wBox1 .teb-box .down ul li{float:left;width:570px;margin-left:30px; margin-bottom:25px;padding-bottom:25px; border-bottom:1px #ddd dotted;overflow: hidden;}
.wBox1 .teb-box .down ul li .img{width:200px;margin-right:20px;}
.wBox1 .teb-box .down ul li h4{color:#666;font-size:20px;}
.wBox1 .teb-box .down ul li .h4{color:#333;font-size:15px;}
.wBox1 .teb-box .down ul li .wx{color:#888;font-size:13px;line-height: 23px;margin-top: 15px;}
.wBox1 .teb-box .down ul li:hover h4{color:#1984DF}