/* CSS Document */
body,input,div,p,h1,h2,h3,ul,li,b {margin: 0px; padding: 0px; font-family: "Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体"; font-size:14px;color:#333333; font-weight:normal; list-style:none}
input {
    background: none;
    border: 0 none;
}
.w1200{width: 1200px; margin: 0px auto;}
.w1100{width: 1100px; margin: 0px auto;}
.clear{ clear:both; }
a{color: #333333; text-decoration: none;}
a:hover{color: #0086cc; text-decoration: none;}
a:visited{text-decoration: none;}
.fl{float: left;}
.fr{float: right;}
.ico{background: url(../img/ico.png) no-repeat; display: inline-block; vertical-align: middle;}
.icon{background: url(../img/u_icon.png);}
.top_line{width:100%;height:33px; background:url(../img/top_line_bg.png);}
.top_line_body{width:1210px;margin:0px auto; height:33px;}
.top_line_left{width:540px;float:left;line-height:33px;color:#FFF;padding-left:10px;display: block;font-size:12px;}
.top_line_right{width:630px;float:right;line-height:33px; text-align:right;}
.top_line_right a{width:72px;height:33px;line-height:33px;display: block; color:#a3a3a3; float:right; text-decoration:none;margin-right:5px;padding-right:13px;font-size:12px;}
.top_line_right a:hover{color:#fff;text-decoration:underline;}
.top_line_right .icon1{background:url(../img/top_ico01.png);}
.top_line_right .icon2{background:url(../img/top_ico02.png);}
.top_line_right .icon3{background:url(../img/top_ico03.png);}
.top_line_right img{float:left;margin-right:20px; border:0px;}

.top{width:100%;height:86px;}
.top_body{width:1210px;margin:0px auto; height:86px;}
.logo{width:220px;height:86px; background:url(../img/logo.png?t=001) no-repeat;float:left;}
.top_body ul{width:900px;float:left;}
.top_body li{width:125px; float:left; line-height:86px; text-align:center; height:86px;}
.top_body li a{font-size:16px; text-decoration:none; font-weight:bold; color:#333; height:86px;width:125px;display: block;}
.top_body li a:hover {color: #0086cc; height:83px; background: #fbfafa;border-left: 1px solid #eae8e8;border-right: 1px solid #eae8e8;}
.top_body li .check {color: #0086cc; height:83px; background: #fbfafa;border-left: 1px solid #eae8e8;border-right: 1px solid #eae8e8;border-bottom: 3px solid #2d88c8;}

.hvr-bubble-bottom{display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative;}
.hvr-bubble-bottom:before{pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(44%); bottom: 0; border-width: 6px 6px 0 6px; border-color: #fff transparent transparent transparent; transition: all .3s;}
.hvr-bubble-bottom.hover:before,
.hvr-bubble-bottom:hover:before,
.hvr-bubble-bottom:focus:before,
.hvr-bubble-bottom:active:before{-webkit-transform: translateY(6px); transform: translateY(6px); border-width: 6px 6px 0 6px; border-color: #363232 transparent transparent transparent;}

.hvr-underline-from-center{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}
.hvr-underline-from-center:before{content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0px; background: #2098d1; height: 3px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center:hover:before,
.hvr-underline-from-center.hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before{left: 0; right: 0;}
.hvr-underline-from-center:hover,
.hvr-underline-from-center.hover{*height: 83px; *border-bottom: 3px solid #2d88c8; *line-height: 83px;}

.hvr-underline-from-center2{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}
.hvr-underline-from-center2:before{content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0px; background: #2098d1; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center2:hover:before,
.hvr-underline-from-center2.hover:before,
.hvr-underline-from-center2:focus:before,
.hvr-underline-from-center2:active:before{left: 0; right: 0;}
.hvr-underline-from-center2:hover,
.hvr-underline-from-center2.hover{*height: 43px; *border-bottom: 2px solid #2d88c8; *line-height: 43px;}
@-webkit-keyframes scale{0%{-webkit-transform: scale(1);} 50%{-webkit-transform: scale(1.02);} 100%{-webkit-transform: scale(1);}}
@keyframes scale{0%{transform: scale(1);} 50%{transform: scale(1.02);} 100%{transform: scale(1);}}



.banner,
.banner .list,
.banner img{height: 490px;}
.banner{width: 100%; min-width: 1000px; position: relative;}
.banner .list{width: 100%;}
.banner .list li{width: 100%; position: absolute; z-index: 1; overflow: hidden; background: #fff;}
.banner .list li a{ display: block; width: 100%; }
.banner img{width: 1920px; display: block; position: relative; left: 50%; margin-left: -960px; top: 0;}
.banner .tip{width: 1000px; height: 16px; text-align: center; position: absolute; left: 50%; margin-left: -500px; bottom: 30px; z-index: 3;}
.banner .tip span{width: 12px; height: 12px; margin: 0 6px; display: inline-block; cursor: pointer; background: none; border: 1px solid #fff; border-radius: 50%; transition: all .3s;}
.banner .tip span.cur{background: #fff;}
.banner .prev,
.banner .next{width: 56px; height: 56px; position: absolute; z-index: 99; top: 50%; margin-top: -28px; text-align: center; cursor: pointer; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.banner .prev{left: 5%;}
.banner .next{right: 5%;}
.banner .prev{background-position: -1px -112px;}
.banner .next{background-position: -66px -112px;}
.banner .prev:hover,
.banner .next:hover{margin-top: -33px;}


.search_main{width: 100%; height: 46px; line-height: 46px; border-bottom: 1px solid #eae8e8;}
.search_main .search_form{width: 320px; height: 30px; margin-top: 7px; position: relative;}
.search_main .search_form input{border: 0 none; display: block; outline: none;}
.search_main .search_form span{width: 72px; display: block; line-height: 30px; color: #333333;}
.search_main .search_form .box{width: 242px; height: 28px; line-height: 28px; border: 1px solid #e1e0e0;}
.search_main .search .stxt{width: 200px; height: 28px; padding-left: 10px; line-height: 28px; background: #fff;}
.search_main .search .sbtn{width: 26px; height: 26px; cursor: pointer; background-position: -128px -72px;}
.search_main .search .s-news{width: 500px; height: 46px; line-height: 46px; overflow: hidden; position: relative;}
.search_main .search .s-news h3{font-weight: bold; margin-right: 4px; color: #333333;}
.search_main .search .s-news h3 s{width: 25px; height: 20px; margin-right: 3px; background-position: -128px 0;}
.search_main .search .s-newsCon{width: 395px;}
.search_main .search .s-news .list{height: 500%; position: relative;}
.search_main .search .s-news .list li{width: 100%; height: 46px; line-height: 46px;}
.search_main .search .s-news .list li a{height: 46px; line-height: 46px; display: block; color: #666666;}
.search_main .search .s-news .list li span{font-size: 12px; color: #999999;}
.search_main .search .s-news .list li a:hover{color: #2d88c8;}

.container { width: 1200px; margin: 0 auto;zoom: 1;}
.container:after,.hd:after{display: block;height: 0;clear: both;content: " ";}
.hd { height: 70px; text-align: center;padding-top: 10px;zoom: 1;}
.hd strong {display: block;width: 100%;height: 63px;text-align: center;font-size: 30px;line-height: 70px;font-weight: normal;}
.hd .bor-bton { height: 6px;  width: 435px;   margin: 0 auto;}
.hd .bor-bton { background: url("../img/u_icon.png");   background-position: 0 -55px;}
.h-service { padding-bottom: 50px;}
.h-service .bd .service-list li {
    float: left;
    width: 33.33%;
    transition: all .5s;
}
.h-service .bd .service-list li .mod {
    margin: 40px 20px 20px;
	height:230px;
    text-align: center;
}
.h-service .bd .service-list li .mod .icon {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-position: 0 -61px;
    transform: rotate(0deg) scale(1);
    -webkit-transform: rotate(0deg) scale(1);
    -webkit-transition: all .5s;
    transition: all .5s;
	
}
.animation {
    -webkit-animation:flipInX 1s .2s ease both;
    -moz-animation:flipInX 1s .2s ease both;
}
@-webkit-keyframes flipInX{
    0%{-webkit-transform:perspective(400px) rotateX(90deg);
        opacity:0}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateX(10deg)}
    100%{-webkit-transform:perspective(400px) rotateX(0deg);
        opacity:1}
}
@-moz-keyframes flipInX{
    0%{-moz-transform:perspective(400px) rotateX(90deg); opacity:0}
    40%{-moz-transform:perspective(400px) rotateX(-10deg)}
    70%{-moz-transform:perspective(400px) rotateX(10deg)}
    100%{-moz-transform:perspective(400px) rotateX(0deg); opacity:1}
}
.h-service .bd .service-list li:hover .icon {
    -webkit-transform: rotate(360deg) scale(1.2);
    transform: rotate(360deg) scale(1.2);
}
.h-service .bd .service-list li .mod .i1 {
    background-position: 0px -61px;
}
.h-service .bd .service-list li .mod .i2 {
    background-position: -100px -61px;
}
.h-service .bd .service-list li .mod .i3 {
    background-position: -200px -61px;
}
.h-service .bd .service-list li .mod .i4 {
    background-position: -300px -61px;
}
.h-service .bd .service-list li .mod .i5 {
    background-position: -400px -61px;
}
.h-service .bd .service-list li .mod .i6 {
    background-position: -500px -61px;
}
.h-service .bd .service-list li .mod .i7 {
    background-position: -600px -61px;
}

.h-service .bd .service-list li .mod strong {
    display: block;
    text-align: center;
    padding: 40px 0 10px;
    font: 18px/26px;
}
.h-service .bd .service-list li .mod p {
    color: #595757;
}


.floor_3{padding: 0px 0 40px; background: url(../img/floor1_bg.jpg) no-repeat center top;width: 100%;}
.floor_3 .isolution{width: 1200px; overflow: hidden;margin:0px auto;}
.floor_3 .isolution .list{width: 300%; padding-top: 35px;}
.floor_3 .isolution .item{width: 267px; padding: 6px 6px 15px; float: left; margin-right: 24px; border: 1px solid #dfdfdf; background: #fff; transition: all .3s;}
.floor_3 .isolution .item a{display: block; width: 100%;}
.floor_3 .isolution .item .img{width: 267px; height: 200px; display: block; border-bottom: 3px solid #2d88c8; transform-origin: 50% 50%; transition: .3s ease;}
.floor_3 .isolution .item h3{font-size: 18px; color: #333333; padding: 10px 5px 5px;}
.floor_3 .isolution .item .txt{font-size: 14px; padding: 0 5px; color: #666666; line-height: 22px; height: 44px; overflow: hidden;}
.floor_3 .isolution .item .more{font-size: 12px; color: #999999; margin: 10px 0 0 5px; display: block; transition: .3s ease;}
.floor_3 .isolution .item .more s{width: 14px; height: 14px; margin-left: 6px; background-position: -188px 0;}
.floor_3 .isolution .item:hover .img{filter: brightness(130%);}
.floor_3 .isolution .item:hover .more{margin-left: 10px;}
.floor_3 .isolution .item:hover h3{color: #2d88c8;}
.floor_3 .isolution .item:hover{border-color: #2d88c8;}
.floor_3 .isolution .hd{text-align: center; padding-top: 30px;}
.floor_3 .isolution .hd li{width: 14px; height: 14px; font-size: 0; display: inline-block; *display: inline; zoom: 1; background: none; border: 1px solid #2d88c8; margin: 0 6px; border-radius: 100%;}
.floor_3 .isolution .hd li.on{background: #2d88c8;}


.floor_4{width: 100%; height: 353px; padding: 50px 0 50px; background: url(../img/aboutbg.jpg) no-repeat center top; color:#fff;}
.floor_4 .iaboutImg{width: 583px; height: 335px; padding: 7px;}
.floor_4 .iaboutImg img{width: 583px; height: 335px; display: block;}
.floor_4 .iaboutTxt{width: 580px; color: #fff;}
.floor_4 .iaboutTxt .tit{font-size: 36px; line-height: 36px; margin-bottom: 20px;  color: #fff;}
.floor_4 .iaboutTxt .tit span{font-size: 14px; text-transform: uppercase; margin-left: 10px;}
.floor_4 .iaboutTxt .tit .more{font-size: 14px; margin-top: 9px; color: #fff;}
.floor_4 .iaboutTxt .tit .more:hover{text-decoration: underline;}
.floor_4 .iaboutTxt .txt{width: 100%; height: 192px; overflow: hidden; line-height: 24px;  color: #fff;}
.floor_4 .iaboutTxt .txt2{ font-size: 20px; font-weight: bold; margin-top: 10px; }
.floor_4 .iaboutTxt .morebtn{margin-top: 22px; width: 156px; height: 40px; display: block; line-height: 40px; text-align: center; background: #b4dc76; color: #fff; transition: all .3s;}
.floor_4 .iaboutTxt .morebtn s{width: 16px; height: 16px; margin-left: 15px; background-position: -208px 0;}
.floor_4 .iaboutTxt .morebtn:hover{background: #edba06;}


.floor_5{padding: 50px 0 60px;height:380px;}
.floor_5 .title{width: 100%; margin-bottom: 20px;}
.floor_5 .title strong{font-weight: normal; font-size: 30px; color: #333333; line-height: 30px;}
.floor_5 .title span{font-size: 12px; color: #999999; margin-left: 10px; text-transform: uppercase;}
.floor_5 .title a{font-size: 14px; color: #333333; margin-top: 8px;}
.floor_5 .title a:hover{color: #0086CC;}
.floor_5 .inews_left{width: 610px;}
.floor_5 .inews_left .item{width: 285px; float: left;}
.floor_5 .inews_left .item a{display: block; width: 100%; height: 100%;}
.floor_5 .inews_left .item img{width: 285px; height: 214px; display: block; transition: all .3s; *filter: alpha(opacity=80);}
.floor_5 .inews_left .item h3{color: #2e2e2e; font-size: 18px; line-height: 28px; padding: 8px 0 6px;}
.floor_5 .inews_left .item .txt{color: #666666; line-height: 24px; height: 48px; overflow: hidden;}
.floor_5 .inews_left .item:first-child{margin-right: 38px;}
.floor_5 .inews_left .item:hover img{filter: brightness(120%);}
.floor_5 .inews_left .item:hover h3{color: #2d88c8;}
.floor_5 .inews_right{width: 495px; height: 390px; overflow: hidden; padding-left: 46px; border-left: 1px solid #d2d2d2;}
.floor_5 .inews_right .item{width: 100%; padding: 24px 0;}
.floor_5 .inews_right .item a{width: 100%; display: block;}
.floor_5 .inews_right .item .time{width: 62px; height: 67px; margin-right: 16px; border-right: 1px solid #707070; font-family: arial; font-size: 22px; color: #666666; transition: all .3s;}
.floor_5 .inews_right .item .time span{font-size: 44px; line-height: 38px; *line-height: 44px; margin-bottom: 2px; font-weight: bold; display: block;}
.floor_5 .inews_right .item h3{font-size: 16px; color: #333333; line-height: 16px; margin-bottom: 8px; transition: all .3s;}
.floor_5 .inews_right .item .txt{font-size: 14px; color: #999999; line-height: 22px; overflow: hidden; height: 44px;}
.floor_5 .inews_right .item:hover h3{color: #388fc9;}
.floor_5 .inews_right .item:hover .time{color: #388fc9;}


.ilink{width: 100%; height: auto; line-height: 30px; color: #fff; background: #2e2e2e;padding:15px 0px;}
.ilink s{width: 30px; height: 30px; background-position: -175px -23px;}
.ilink span{font-size: 16px;color: #fff;}
.ilink a{color: #878484; padding: 0 10px;}
.ilink a:hover{color: #fff;}	
	
.h-mission {
    width: 100%;
    background: #fff;	
}
em{font-size:12px;font-style:normal;}
.h-mission .bd {
    position: relative;
    width: 1200px;
    height: 370px;
    background: url("../img/mission_bg.jpg") no-repeat left top;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0)
}
.h-mission .scale-animate {
    -webkit-animation: move .8s .5s both;
    -moz-animation: move .8s .5s both;
    -o-animation: move .8s .5s both;
}
@-webkit-keyframes move {
    0%{-webkit-transform: scale(0)}
    100%{-webkit-transform: scale(1)}
}
@-moz-keyframes move {
    0%{-moz-transform: scale(0)}
    100%{-moz-transform: scale(1)}
}
@-o-keyframes move {
    0%{-moz-transform: scale(0)}
    100%{-moz-transform: scale(1)}
}
.h-mission .bd span {
    position: absolute;
}
.h-mission .bd span .icon {
    display: block;
    width: 17px;
    height: 21px;
    background-position: -148px 0;
}
.h-mission .bd .s1 {
    left: 37px;
    top: 79px;
}
.h-mission .bd span .s-animate {
    -webkit-animation:fadeOutLeftBig 1s .2s infinite;
    -moz-animation:fadeOutLeftBig 1s .2s infinite
}
@-webkit-keyframes fadeOutLeftBig{
    0%{
        -webkit-transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.05)
    }
    100%{
        -webkit-transform:scale(1)
    }
}
@-moz-keyframes fadeOutLeftBig{
    0%{
        -moz-transform:scale(1)
    }
    50%{
        -moz-transform:scale(1.05)
    }
    100%{
        -moz-transform:scale(1)
    }
}

.h-mission .bd .s1 .icon {
    width: 160px;
    height: 160px;
    background-position: 0 -162px;
}
.h-mission .bd .s2 {
    left: 232px;
    top: 137px;
}
.h-mission .bd .s3 {
    left: 261px;
    top: 215px;
}
.h-mission .bd .s4 {
    top: 130px;
    left: 261px;
}
.h-mission .bd .s4 .icon {
    width: 82px;
    height: 82px;
    background-position: -161px -162px;
}
.h-mission .bd .s5 {
    left: 339px;
    top: 21px;
}
.h-mission .bd .s5 .icon {
    width: 73px;
    height: 73px;
    background-position: -244px -162px;
}
.h-mission .bd .s6 {
    left: 403px;
    top: 161px;
}
.h-mission .bd .s6 .icon {
    width: 73px;
    height: 73px;
    background-position: -318px -162px;
}
.h-mission .bd .s7 {
    left: 535px;
    top: 42px;
}
.h-mission .bd .s8 {
    left: 532px;
    top: 171px;
}
.h-mission .bd .s9 {
    left: 641px;
    top: 173px;
}
.h-mission .bd .s10 {
    left: 535px;
    top: 59px;
}
.h-mission .bd .s10 .icon {
    width: 130px;
    height: 130px;
    background-position: -392px -162px;
}
.h-mission .bd .s11 {
    left: 745px;
    top: 20px;
}
.h-mission .bd .s11 .icon {
    width: 104px;
    height: 104px;
    background-position: -523px -162px;
}
.h-mission .bd .s12 {
    left: 752px;
    top: 168px;
}
.h-mission .bd .s12 .icon {
    width: 104px;
    height: 104px;
    background-position: -628px -162px;
}
.h-mission .bd .s13 {
    left: 855px;
    top: 62px;
}
.h-mission .bd .s14 {
    left: 846px;
    top: 255px;
}
.h-mission .bd .s15 {
    left: 918px;
    top: 115px;
}
.h-mission .bd .s15 .icon {
    width: 72px;
    height: 72px;
    background-position: -733px -162px;
}
.h-mission .bd .s16 {
    left: 941px;
    top: 199px;
}
.h-mission .bd .s17 {
    left: 1047px;
    top: 62px;
}
.h-mission .bd .s17 .icon {
    width: 123px;
    height: 123px;
    background-position: 0 -321px;
}
.h-mission .bd .s18 {
    left: 1104px;
    top: 33px;
}
.h-mission .bd .ab em {
    position: absolute;
    top: 70px;
    left: 31px;
    color: #fff;
}
.h-mission .bd .ab .a5 {
    top: 39px;
    left: 11px;
}
.h-mission .bd .ab .a4 {
    top: 47px;
    left: 16px;
}
.h-mission .bd .ab .a6 {
    top: 41px;
    left: 18px;
}
.h-mission .bd .ab .a15 {
    top: 40px;
    left: 20px;
}
.h-mission .bd .ab .a7 {
    left: 22px;
    top: -7px;
    width: 120px;
    color: #333;
}
.h-mission .bd .ab .a3 {
    left: 19px;
    top: 19px;
    width: 100px;
    color: #333;
}
.h-mission .bd .ab .a2 {
    left: -14px;
    top: -20px;
    width: 100px;
    color: #333;
}
.h-mission .bd .ab .a10 {
   left: 16px;
    top: 70px;
    color: #fff;
    width: 100px;
    text-shadow:2px 2px 2px #000;
}
.h-mission .bd .ab .a17 {
    font-size: 24px;
    top: 66px;
    left: 15px;
}
.h-mission .bd .ab .a18 {
    left: -3px;
}
.s1-user{
   position: absolute;
   top: 96px;
    left: 30px; 
}
.s1-user,.s2-user{
    font-size: 24px;
    color:#fff;
}


.copyright {
   width: 100%; height: 80px; font-size: 12px; line-height: 30px; border-top: 1px solid #3e3e3e; background: #252525; color: #a8a5a5;padding-top:10px;
}
.copyright p {
    color: #6b6d70;
    text-align: center;
}
.copyright p a {
    color: #a8a5a5;
}
.copyright p img{
    display: none;
}

#new {
  background: #efefef;
}
.new-head {
  padding-top: 50px;
}
.navNew {
  padding-bottom: 20px;
  text-align: center;
}
.navNew li {
  display: inline-block;
  line-height: 60px;
  padding: 0 30px;
}
.navNew li a {
  font-size: 18px;
}
.navNew li a.on {
  color: #00a2e9;
}
.new-main ul {
  margin: 0 0 0 -40px;
}
.new-main li {
  float: left;
  display: inline;
  width: 360px;
  height: 320px;
  overflow: hidden;
  margin: 0 0 48px 48px;
  background: #fff;
}
.new-con {
  position: relative;
}
.new-con .new-pic img {
  width: 360px;
  height: 259px;
  display: block;
}
.new-con .new-pic h2.title {
  font-size: 14px;
  font-weight: normal;
  line-height: 52px;
  text-align: center;
}
.new-con .new-pic h2.title a {
  color: #222;
}
.new-con .new-text {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  width: 360px;
  height: 320px;
  background: #00a2e9;
  opacity: 0.9;
  filter: alpha(opacity=90);
  display: none;
}
.new-con .new-text .new-textcon {
  display: block;
  width: 295px;
  padding: 15px 0 0 35px;
  color: #fff;
}
.new-con .new-text .new-textcon h2 {
  height: 50px;
}
.new-con .new-text .new-textcon h2.title {
  border-bottom: 1px solid #fff;
  line-height: 22px;
  font-size: 16px;
  font-weight: normal;
}
.new-con .new-text .new-textcon .des {
  display: block;
  height: 152px;
  padding-top: 10px;
  line-height: 22px;
  font-size: 12px;
}
.new-con .new-text .new-textcon .icon-cir {
  display: inline-block;
  width: 58px;
  height: 58px;
  margin: 15px 0 0 120px;
  background: url("../img/icon-cir.png") no-repeat;
}
.item-hover .new-text {
  display: block;
  -webkit-animation: flipInX .4s .2s ease both;
  -moz-animation: flipInX .4s .2s ease both;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 0.9;
  }
}
@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 0.9;
  }
}

.page-wrap {
  padding: 30px 0 80px 0;
}
.pages {
  text-align: center;
  line-height: 42px;
  font-size: 0;
  word-wrap: normal;
  white-space: nowrap;
  color: #999;
}
.pages a,
.pages span {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  margin-left: -1px;
  border: 1px solid #ddd;
  font-size: 14px;
  letter-spacing: normal;
  background: #fff;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.pages a {
  text-decoration: none;
  color: #3e3a39;
}
.pages a:hover {
  text-decoration: none;
  color: #fff;
}
.pages a:first-child {
  margin-left: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.pages a:last-child {
  margin-right: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.pages a:hover {
  background: #00a2e9;
}
.pages a:active {
  background: #f0f0f0;
}
.pages span,
.pages span:hover,
.pages span:active {
  cursor: default;
  color: #fff;
  background: #00a2e9;
  font-weight: bold;
}
code {
  padding: 2px 4px;
  color: #D14;
  white-space: nowrap;
  background-color: #F7F7F9;
  border: 1px solid #E1E1E8;
}




.fea_mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
  background: #000;
  opacity: 0.35;
  filter: alpha(opacity=35);
}
.content-main {
  width: 65%;
  height: 100%;
  left: 100%;
  top: 160px;
  display: none;
  z-index: 201;
  background: #FFF;
  position: absolute;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.35);
  opacity: 0;
}
.box-head {
  position: relative;
  height: 68px;
  background: #025edf url("../images/bg-conhead.jpg") no-repeat;
}
.box-head .place {
  padding-left: 25px;
  line-height: 68px;
  font-size: 14px;
  color: #9dccfc;
}
.box-head .place a {
  padding: 0 30px 0 10px;
  color: #9dccfc;
}
.box-head .fea-close {
  position: absolute;
  top: 0px;
  left: -110px;
}
#boxscroll {
  height: 400px;
  background-color: #fff;
  overflow: auto;
  z-index: 100;
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
}
#boxscroll .wrapper {
  padding: 50px 40px;
}
#boxscroll .wrapper .boxcon-hd {
  padding-bottom: 8px;
  border-bottom: 1px solid #e5e5e5;
}
#boxscroll .wrapper .boxcon-hd h1 {
  line-height: 40px;
  font-size: 24px;
  font-weight: normal;
}
#boxscroll .wrapper .boxcon-hd p {
  line-height: 24px;
}
#boxscroll .wrapper .boxcon-hd p span {
  padding-right: 18px;
  color: #727171;
}
#boxscroll .wrapper .boxcon-bd {
  padding-top: 20px;
  font-size: 14px;
  line-height: 24px;
}
#boxscroll .wrapper .boxcon-bd img {
  display: block;
  text-align: center;
}
#boxscroll .wrapper .boxcon-bd p {
  padding: 8px 0;
  line-height: 24px;
  font-size: 14px;
  text-indent: 2em;
}


.wrap-new{
    padding-top: 60px;
}
.wrap-new .new-tit{
    padding-bottom: 30px;
    text-align: center;
}
.wrap-new .new-tit h1{
    line-height: 42px;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
.wrap-new .new-tit p{
    line-height: 24px;
    font-size: 14px;
    color: #999999;
}
.wrap-new .new-tit span{
    padding: 0 10px;
}
.new-page {
    width: 928px;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    min-height: 400px;
    margin: 0 auto;
    padding: 20px 50px;
    border-radius: 6px;
	font-size:16px;
	line-height: 200%;
}
.new-page-m{
    font-size: 16px;
    color: #666666;
    line-height: 200%;
}
.new-page-m p{
	font-size:16px;
    padding: 8px 0;
    text-indent: 2em;
	line-height: 200%;
}
.new-page-m img{
    display: block;
    text-align: center;
    margin: 10px auto;
}
.new-go{
    padding: 40px 0;
}
.new-go a{
    width: 130px;
    height: 46px;
    display: block;
    margin: 0 auto;
    line-height: 46px;
    background: #fff;
    border:1px solid #5e5e5e;
    font-size: 15px;
    text-align: center;
    color: #666666;
    border-radius: 30px;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.new-go a:hover{
    background: #00bae2;
    border:1px solid #00bae2;
    color:#fff;
}

.mt140 {
    margin-top: 140px;
}

.h-case {
   
    width: 100%;
    height: auto;
}
.h-case .container {
    position: relative;
}
.h-case .bd .case-list {
    width: 1300px;
    margin: 40px 0 0;
}
.h-case .bd .case-list li {
    position: relative;
    float: left;
    width: 288px;
    height: 292px;
    margin: 0 16px 16px 0;
    overflow: hidden;
    background: #fff;
}
.h-case .bd .case-list li:hover{
    background: #00a2e9;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    color:#fff;

}
.h-case .bd .case-list li:hover strong,.h-case .bd .case-list li:hover span{
    color:#fff;
}
.h-case .bd .case-list li:hover .bg {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}
.h-case .bd .case-list .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 288px;
    height: 292px;
    z-index: 1;
    background: #00a2e9;
    opacity: 0;
    -moz-transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transition: .3s;
    -webkit-transition: .3s;
}
.h-case .bd .case-list li a {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 2;
    margin: 10px;
    width: 266px;
    height: 272px;
    text-align: center;
}
.h-case .bd .case-list li a img {
    display: block;
}
.h-case .bd .case-list li a strong {
    display: block;
    height: 40px;
    margin: 20px 0 0;
    font: normal 18px/40px "微软雅黑";
}
.item-hover strong,.item-hover span{
    color:#fff;
}


.service {
  width: 100%;
  height: 299px;
  background: url("../img/bg-service.jpg") no-repeat center top;
}
.service-wrap .hd {
  padding-top: 120px;
  height: 120px;
}
.service-wrap .hd strong {
  height: 110px;
  font-size: 52px;
  color: #fff;
  background: url("../img/bg-sline.png") no-repeat center 80px;
}
.service-wrap .bd {
  text-align: center;
}
.service-wrap .bd h4 {
  font-size: 18px;
  color: #fff;
  font-weight: normal;
}
.project {
  width: 1140px;
  margin: 80px auto 30px auto;
}
.project li {
  width: 46%;
  float: left;
  margin-bottom: 60px;
}
.project li.pro-itemr {
  margin-left: 8%;
}
.project li .icon-pro {
  width: 138px;
  height: 138px;
  display: block;
  float: left;
  margin-right: 15px;
  background: url("../images/bg-icon-pro.png") no-repeat;
}
.project li .proitem1 {
  background-position: 0px -138px;
}
.project li .proitem1:hover {
  background-position: 0px 0px;
}
.project li .proitem2 {
  background-position: -138px -138px;
}
.project li .proitem2:hover {
  background-position: -138px 0px;
}
.project li .proitem3 {
  background-position: -276px -138px;
}
.project li .proitem3:hover {
  background-position: -276px 0px;
}
.project li .proitem4 {
  background-position: -414px -138px;
}
.project li .proitem4:hover {
  background-position: -414px 0px;
}
.project li .pro-r {
  width: 350px;
  float: left;
}
.project li .pro-r h2 {
  padding-bottom: 8px;
  line-height: 42px;
  font-size: 18px;
  font-weight: normal;
  color: #000;
}
.project li .pro-r p {
  line-height: 20px;
  color: #595757;
}
.project li .schedule {
  width: 100%;
  position: relative;
  margin-top: 14px;
  background: #aaabab;
  height: 22px;
  border-radius: 10px;
  text-align: center;
}
.project li .schedule .line-sc {
  position: absolute;
  left: 0;
  top: 0;
  height: 22px;
  line-height: 22px;
  background: #e8404f;
  border-radius: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.next-service {
  padding-bottom: 80px;
  text-align: center;
}
.next-service h5 {
  line-height: 60px;
  font-size: 30px;
  font-weight: normal;
  color: #000;
}
.next-service p {
  line-height: 32px;
  font-size: 18px;
  color: #727171;
}
.workslogon {
  width: 100%;
  height: 420px;
  background: url("../img/bg-workslogon.jpg") no-repeat center top;
}
.workslogon .idea {
  width: 626px;
  margin: 0 auto;
  padding-top: 65px;
}
.workslogon .idea .hd {
  width: 626px;
  height: 190px;
  background: url("../img/bg-idea.png") no-repeat;
}
.workslogon .idea .hd li {
  width: 130px;
  height: 130px;
  float: left;
  padding: 20px 0 0 24px;
}
.workslogon .idea .hd li strong {
  padding-top: 15px;
  font-size: 30px;
}
.workslogon .idea .hd li span {
  font-size: 24px;
}
.workslogon .idea .hd li.idea-item1 {
  padding-left: 95px;
}
.workslogon .idea .bd {
  padding-top: 10px;
  text-align: center;
  color: #fff;
}
.workslogon .idea .bd strong {
  font-size: 30px;
  line-height: 60px;
  font-weight: normal;
}
.workslogon .idea .bd p {
  font-size: 14px;
  line-height: 26px;
  color: #fff;
}
.manage {
  width: 100%;
  height: 570px;
  background: url("../img/bg-manage.jpg") no-repeat center top;
}
.manage-wrap {
  width: 840px;
  margin: 0 auto;
  padding-top: 58px;
  color: #fff;
}
.manage-wrap .managetitle {
  text-align: center;
  font-size: 30px;
  font-weight: normal;
}
.manage-wrap .managetab {
  width: 248px;
  padding: 35px 0 40px 0px;
  padding-bottom: 30px;
  margin: 0 auto;
}
.manage-wrap .managetab a {
  border: 1px solid #00a2e9;
  color: #ffffff;
  cursor: pointer;
  float: left;
  font-size: 14px;
  line-height: 27px;
  height: 28px;
  text-align: center;
  text-decoration: none;
  width: 120px;
}
.manage-wrap .managetab a.on {
  background: #00a2e9;
}
.manage-wrap .managetab dd {
  text-align: center;
}
.manage-wrap .managetab dd img {
  display: block;
}
.browser {
  padding: 65px 0;
  text-align: center;
}
.browser h4 {
  line-height: 80px;
  font-size: 30px;
  font-weight: normal;
  color: #000;
}
.browser img {
  padding: 30px 0;
}
.browser p {
  line-height: 28px;
  color: #595757;
  font-size:18px;
}

.about-us {
  width: 100%;
  height: 430px;
  background: url("../img/bg-about-us.jpg") no-repeat center top;
  color: #fff;
}
.about-us .hd{color:#fff;}
.about-us .bd ul li a{color:#fff;}
.about-item {
  width: 170px;
  float: left;
  padding-left: 105px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color:#fff;
}
.about-item h2 {
  width: 169px;
  height: 139px;
  margin: 0 auto;
  background: url("../img/about-item.png") no-repeat;
  display: inline-block;
  text-align: center;
  font-weight: normal;
  padding-top: 45px;
  color:#fff;
}
.about-item h2 span {
  display: block;
}
.about-item h2 .abhh {
  font-size: 30px;
  line-height: 50px;
}
.about-item h2 .abft {
  font-size: 24px;
}
.about-item .about-info {
  text-align: center;
  color:#fff;
  font-size: 12px;
}
.about-item .about-info p {
  line-height: 22px;
  color:#fff;
  font-size: 12px;
}
.about-item:hover {
  margin-top: -12px;
}
.know-wrap {
  margin: 50px auto;
}
.know-wrap h3 {
  text-align: left;
  font-size: 18px;
  color: #00a2e9;
  font-weight: normal;
  line-height: 32px;
  padding-bottom: 20px;

}
.know-wrap p {
  line-height: 24px;
  color: #000;
  font-size: 14px;
  padding-bottom: 8px;
}

.environment {
  width: 100%;

  background: url("../img/cbg.jpg") no-repeat center top; 
}
.environment.clear div {
	margin: 0 auto;
    width: 1100px;
}

.environment.clear img {
    width: 260px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.envir-wrap .envir-info {
  width: 450px;
  margin: 0 auto;
  text-align: center;
  padding-top: 75px;
}
.envir-wrap .envir-info strong {
  font-size: 24px;
  color: #fff;
  line-height: 50px;
  font-weight: normal;
}

.us-team {
  background: url("../img/bg-us-team.jpg") no-repeat center top;
  width: 100%;
  height: 808px;
}
.team-wrap {
  padding-top: 50px;
}
.team-wrap .hd strong {
  color: #fff;
}
.team-wrap .team-info h3 {
  text-align: center;
  font-size: 18px;
  color: #FFF;
  font-weight: normal;
  line-height: 70px;
}
.team-members {
  margin-top: 50px;
}
.team-members ul {
  margin-left: -65px;
}
.team-members .temp-item {
  width: 250px;
  float: left;
  padding-left: 65px;
  color: #fff;
}
.team-members .temp-item img {
  display: block;
  width: 250px;
  height: 250px;
  padding-bottom: 30px;
}
.team-members .temp-item .t-qq {
  display: block;
  float: right;
  width: 42px;
  height: 42px;
  background: url("../img/bg-contactqq.png") no-repeat;
}
.team-members .temp-item .t-name {
  text-align: center;
}
.team-members .temp-item .t-name h4 {
  font-size: 24px;
  line-height: 24px;
  font-weight: normal;
}
.team-members .temp-item .t-name span {
  font-size: 12px;
  line-height: 28px;
}
.team-members .temp-item dd p {
  line-height: 22px;
  text-align: left;
}
.team-members .temp-item:hover {
  -webkit-animation: pulse 1s .2s ease both;
  -moz-animation: pulse 1s .2s ease both;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}

.contactBanner{width: 100%; height: 180px; position: relative; color: #fff; padding-top: 140px; text-align: center;}
.contactBanner .en{font-size: 78px; color: #eee; opacity: 0.3; filter:Alpha(opacity=30); *color: #d8deea; *line-height: 78px; font-weight: bold;}
.contactBanner h3{position: absolute; color: #fff; left: 50%; top: 143px; *top: 158px; width: 200px; margin-left: -100px; font-size: 40px; font-weight: bold; line-height: 40px;}
.contactBanner p{width: 1000px; line-height: 26px; margin: 50px auto 0; text-align: left;}
.contactPage{padding: 0;}
.contactPage .mapArea{width: 100%; height:18px; position: relative; }
.contactPage .mapArea .btn{width: 194px; height: 35px; line-height: 35px; position: absolute; cursor: pointer; top: -18px; left: 50%; margin-left: -97px; text-align: center; background: #2d88c8; color: #fff; -webkit-border-radius: 10px; border-radius: 10px; z-index: 999; }
.contactPage .mapArea .btn .nyIcon{width: 23px; height: 23px; margin-right: 5px; background-position: -234px 0;}
.contactPage .mapArea .BMap_bubble_content{ line-height: 20px; }
.contactPage .mapArea .txtcon{width: 100%; height: 0; overflow: hidden; position: relative;}
.contactPage .mapArea.addc{height: 350px;}
.contactPage .mapArea.addc .txtcon{height: 350px;}
.contactPage .contactArea{height:auto;}
.contactPage .contactArea .title{text-align: center; padding: 60px 0 40px 0; line-height: 36px;}
.contactPage .contactArea .title h3{font-size: 32px; color: #333333;}
.contactPage .contactArea .title .en{color: #333333; font-size: 20px; opacity: 0.3; filter: alpha(opacity=30); text-transform: uppercase;}
.contactPage .contactArea .title .tel{font-size: 20px; color: #333333; margin-top: 20px;}
.contactPage .contactArea .title .tel strong{color: #2d88c8; font-size: 32px; font-weight: normal;}
.contactPage .contactArea .item{width: 390px; text-align: center; float: left;}
.contactPage .contactArea .item h3{color: #000; font-weight: bold; font-size: 16px;}
.contactPage .contactArea .item .txt{color: #666; line-height: 24px;}
.contactPage .contactArea .split{width: 1px; height:110px; margin: 0 5px; background: #d5d5d7; float: left;}
.contactPage .contactMsg{width: 100%; padding: 50px 0 80px; background: #fbfbfb;}
.contactPage .contactMsg .title{text-align: center; line-height: 36px; margin-bottom: 30px; background: url(../img/contactmsgbg.png) no-repeat center 48px;}
.contactPage .contactMsg .title h3{line-height: 36px; color: #1d1a2f; font-size: 36px;}
.contactPage .contactMsg .title span{text-transform: uppercase; color: #1d1a2f; opacity: 0.5; filter: alpha(opacity=50); font-size: 14px; line-height: 30px; display:block; height:30px;}
.contactPage .contactMsg .contactMsgCon{width: 1110px; margin: 0 auto;}
.contactPage .contactMsg .item{height: 40px; line-height: 40px; width: 488; float: left; position: relative; margin-bottom: 26px;}
.contactPage .contactMsg .item label{width: 85px; float: left; color: #666666; padding-right: 5px; text-align: right;}
.contactPage .contactMsg .item .red{color: #1d8cda; font-size: 12px; position: absolute; right: -40px; top: 2px;}
.contactPage .contactMsg .item input{width: 386px; height: 40px; line-height: 40px; float: left; padding-left: 10px; border: 0px; font-size: 14px; background: #e8e8e8; -webkit-border-radius: 6px; border-radius: 6px;}
.contactPage .contactMsg .item .msg-box{ position: absolute; left: 90px; }
.contactPage .contactMsg .itemsub .msg-box{ position: absolute; left: 90px;   }
.contactPage .contactMsg .item.xm,
.contactPage .contactMsg .item.youxiang{margin-right: 80px;}
.contactPage .contactMsg .item.liuyan{width: 100%; height: 96px;}
.contactPage .contactMsg .item.liuyan textarea{width: 942px; float: left; height: 76px; border: 0px; background: #e8e8e8; -webkit-border-radius: 6px; border-radius: 6px; padding: 10px; overflow: hidden; color: #999; resize: none; font-family: "microsoft yahei";}
.contactPage .contactMsg .itemsub{width: 100%; height: 40px; line-height: 40px; position: relative; }
.contactPage .contactMsg .itemsub label{width: 85px; float: left; color: #666666; padding-right: 5px; text-align: right;}
.contactPage .contactMsg .itemsub input[type=text]{width: 147px; height: 40px; line-height: 40px; float: left; border: 1px solid #d2d0d3; font-size: 14px; background: #fff; color: #999; text-indent: 10px;}
.contactPage .contactMsg .itemsub img{height: 42px; width: 120px; float: left; margin-left: 10px;}
.contactPage .contactMsg .btn{width: 100px; height: 38px; line-height: 38px; cursor: pointer; background: #1d8cda; color: #fff; margin-left: 8px; background: #0086cc;}
.contactPage .contactMsg .btn[type=reset]{background: #ced2d6; margin-right: 58px;}