/*网站基本定义*/
div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,body,strong,span,pre,input{margin:0; padding:0; border:0; background-repeat:no-repeat;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;}
body{font-family:"微软雅黑";font-size:12px;margin:0px;padding:0px;color:#333;line-height:24px;height:auto;clear:both; min-width:1200px; padding-top:100px;}
img{border:0px;}
ul,li{ list-style:none;}
em,i{ font-style:normal;}
a{ text-decoration:none; color:#333; outline:none;}
a:hover{ background-repeat:no-repeat; color:#03a5e3;}
.del_float{ clear:both; line-height:0; height:0; font-size:0;}
a,area{blr:expression(this.onFocus=this.blur())}

/*网站基本定义*/

.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}

.webbox{ width:1180px; margin:0px auto; min-height:500px; height:auto !important; height:500px;}




/*---首页案例切换图---*/
.post-home{ float:left; margin-left:10px; margin-right:10px; width:277px; text-align:center; position:relative; margin-bottom:15px}
.post-thumbnail1{ width:100%}
.i_tuijian{ display:block; text-align:center; line-height:340px; font-style:normal; display:none; position:absolute; top:80px;background-image:url(../images/bg_hover1.png); background-repeat: no-repeat; background-position:center; left:15px; right:18px; bottom:80px; text-align:center; color:#fff}
.post-home a:hover .i_tuijian{ display:block}


/*---合作伙伴---*/
.picMarquee-left{width:1178px;overflow:hidden;position:relative;z-index:2;margin:40px auto 0px auto;padding-bottom:20px;}
.picMarquee-left .hd{overflow:hidden;height:40px;position:absolute;top:30px;left:0px;z-index:4;width:100%;}
.picMarquee-left .hd a{font-size:20px;display:block;width:38px;height:38px;line-height:38px;overflow:hidden;cursor:pointer;color:#999;font-weight:lighter;border:1px solid #999;text-align:center;}
.picMarquee-left .hd a:hover{color:#333;border-color:#333;}
.picMarquee-left .hd .next{float:right;}
.picMarquee-left .hd .prev{float:left;}
.picMarquee-left .bd{width:1178px;margin:0 auto;position:relative;z-index:31;}
.picMarquee-left .bd ul{overflow-x:hidden;}
.picMarquee-left .bd ul li a{display:block;width:180px;height:100px;}
.picMarquee-left .bd ul li{margin:0 7px;float:left;_display:inline; text-align:center;border:1px solid #ddd;width:180px;height:100px;overflow:hidden;}
.picMarquee-left .bd ul li img{transform:scale(1);transition:All .6s ease-in-out; }
.picMarquee-left .bd ul li:hover img{transform:scale(1.1);transition:All .6s ease-in-out;position:relative;z-index:2;}
.picMarquee-left .bd ul li .pic{text-align:center;}
.picMarquee-left .bd ul li .pic img{width:178px;height:98px;display:block;}



/*---服务范围---*/
.wrap{width:1200px;margin:0 auto;float:none;position:relative;}
.speed{ margin-top:40px;position:relative; background-image:url(../images/bgg.jpg); background-repeat:repeat-x;}
.speed ul{display:table;width:100%;table-layout:fixed;  }
.speed li{ width:300px;vertical-align:top; float:left;}
.speed a{display:block;color:#ccc;text-decoration:none;text-align:center;position:relative;padding-top:8px;}
.speed img{display:block;margin:0 auto; width:180px; height:180px;}
.speed a:hover img{-webkit-animation:shake .5s ease-in;}
@-webkit-keyframes shake {
    0%, 100% {-webkit-transform: translateY(0);}
    20%, 60%{-webkit-transform: translateY(-10px);}
    40%, 80%{-webkit-transform: translateY(10px);}
}
.speed span{display:block;margin-top:12px;  font-size:14px; color:#666; line-height:35px;}
.speed .tip{display:inline-block;padding:5px 15px;height:25px;border-radius:2px;line-height:25px;background:#59b7b9;color:#fff;margin:45px auto 0;position:relative;}
.speed .tip1{display:inline-block;padding:5px 15px;height:25px;border-radius:2px;line-height:25px;background:#59b7b9;color:#fff;margin:45px auto 0;position:relative;}
 .speed em{display:block;width:100%;height:1px;overflow:hidden;background:#a3d54c;position:absolute;top:237px;z-index:2;}
.speed i{display:block;width:20px;height:20px;border-radius:1000px;background:url(../images/ico.png) no-repeat 0px -575px;position:absolute;left:49%;_left:25%;top:241px;margin-left:-6px;z-index:3;}
.speed i.wr{background:url(../images/ico.png) no-repeat 0px -644px;}
.speed li .tip{background:#a3d54c;}
.speed li .tip1{background:#59b7b9;}
.speed i.wer{ width:12px; height:6px; background:url(../images/ico.png) no-repeat 0px -708px; margin-top:33px;*margin-top:36px; margin-left:-2px; z-index:10000;}
.speed i.wer1{ width:12px; height:6px; background:url(../images/ico.png) no-repeat 0px -769px; margin-top:33px;*margin-top:36px; margin-left:-2px;z-index:10000;}

/*
.bannerneinei{width:100%;position:relative;height:500px;overflow:hidden; }

.bannernei{width:1920px; margin:0 auto; height:500px;}*/


body, html,
button,
input,
select,
textarea {
    font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #666666;
    margin: 0; font-size: 14px;
    line-height: 20px;
    background-color: white;
}

#header {
    clear: both;
}

.header_wrapper, .top_wrapper {
    width: 100%;
    height: auto;
    position: relative;
    background-size: 100% 1000px;
    z-index: 1;
}

.top-header {
    background-color: transparent;
    position: relative;
    z-index: 1;
}

/* Alias for .header_wrapper  */
/*
Header Element, Container for
  - Logo
  - Navigation
  - Search
*/
/* Configuration of the header*/
.header {
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 85px;
}

.header .logo {
    margin: 0px 0 0 0;
}

/*
Navigation
*/
/* Nav Config */
.navigation {
    float: right;
    padding: 0 0 0 0;
    margin: 0;
	
    list-style-type: none;
}

.navigation > li {
    float: left;
    margin-right: 30px;
}

.navigation > li:last-child {
    margin-right: 0;
}

/* First Level Styling */
.navigation > li > a {
    color: #898989;
    text-transform: uppercase;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    text-decoration: none;
    height: 70px;
    display: inline-block;
    position: relative;
    padding-right: 12px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    color: #2a2a2a;
}

.navigation > li:hover > a,
.navigation > li > a:hover,
.navigation > li > .activelink {
    color: #00adef
}

.navigation > li > a > span.label-nav {
    float: left;
    line-height: 20px;
    display: block;
    width: 100%;
    clear: both; margin-left:-100px;
    margin: 35px 0 0 0;
}

.navigation > li > a > span.label-nav-sub {
    float: left;
    line-height: 20px;
    width: 100%;
    clear: both;
    font-size: 12px;
    color: #bcbcbc;
    display: inline-block;
    position: relative;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    text-transform: capitalize;
}

.navigation > li > a > span.label-nav-sub::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    content: attr(data-hover);
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
}

.navigation > li:hover > a > span.label-nav-sub,
.navigation > li:hover > a > span.label-nav-sub {
    -webkit-transform: rotateX(90deg) translateY(-22px);
    -moz-transform: rotateX(90deg) translateY(-22px);
    -ms-transform: rotateX(90deg) translateY(-22px);
    -o-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px);
    -ms-transform: none;
}

.ie10 .navigation > li:hover > a > span.label-nav-sub,
.ie10 .navigation > li:hover > a > span.label-nav-sub {
    transform: none;
}

.navigation > li:hover > a > span.label-nav-sub::before, .navigation > li:hover > a > span.label-nav-sub::before {
    color: #00adef
    opacity: 1;
    opacity: 0\9;
}

.navigation > li > .activelink span.label-nav-sub {
    color: #585858;
}

.navigation > li:last-child > a {
    margin-right: 0;
    padding-right: 0;
}

/* set all LI to relative */
.navigation li {
    position: relative;
}

/* Sub menu Style */
.navigation ul {
    position: absolute;
    padding: 0;
    margin: 0;
    top: 85px;
    background-color: #fff;
    display: none;
    z-index: 1;
    border: 1px solid #DDDDDD;
    border-top: 2px solid #DDD;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    opacity: 0;
    height: 0px;
    overflow: hidden;
    left: -13px;
}
.navigation ul li {
    line-height: 0;
    list-style-type: none;
}

.navigation ul.show-sub-menu {
    display: block;
    opacity: 1;
    height: auto;
}

.navigation .icon-arrow-menu {
    position: absolute;
    top: 19px;
    left: 6px;
    color: white;
    color: rgba(255, 255, 255, 0.5);
    font-size: 15px;
    display: none;
    z-index: 10;
}

.navigation .icon-arrow-submenu {
    position: absolute;
    top: 14px;
    right: 10px;
    color: white;
    color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
}

.navigation ul li a {
    padding: 0 0 0 12px;
    width: 170px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 35px;
    display: block;
    color: #787878;
    text-decoration: none; font-size: 14px;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    font-family: "Raleway", sans-serif;
    float: left;
}

/* Link hover for sub menu */
.navigation ul li:hover > a {
    background-color: #F7F7F7;
    color: #00adef
}

/* icon hover for sub menu */
.navigation ul li:hover > a i {
    color: white;
}

.navigation ul li a.activelink {
    font-weight: bold;
}

.navigation ul li:first-child > a {
    border-top: none;
}


/* 3rd level */
.navigation ul ul {
    left: 172px;
    top: 0;
    border-top: 0;
}

.mobile-menu-button {
    display: none;
}

.mobile-nav {
    display: none;
}

.mobile-nav > li:last-child a {
    border-bottom: none;
}