@import url(global.css);
@import url(animate.min.css);
.video_sp {
    height: 100%
}

;
.main {
    overflow: hidden;
}


/*head*/

.head {
    background-color: ;
}

.headtop {
    height: 105px;
    overflow: hidden;
}

.headtop h1 {
    float: left;
}

.headtop h1 img {
    width: 250px;
    margin-top: 10px;
}

.language {
    float: right;
    height: 16px;
    line-height: 16px;
    padding-top: 43px;
}

.language a {
    float: left;
    color: #666;
    margin-left: 5px;
}

.language img {
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
}

.hdphone {
    float: right;
    color: #333;
    padding-left: 30px;
    background: url(../images/head.jpg) left center no-repeat;
    height: 24px;
    line-height: 24px;
    margin-top: 39px;
    padding-right: 7px;
}

.hdphone span {
    font-size: 24px;
    color: #005bac
}

.hdphone em {
    position: relative;
    top: -1px;
    font-style: normal;
}

.navbox {
    background: ;
    height: 44px;
}

.nav {
    float: left;
    list-style: none
}

.nav li {
    float: left;
    margin-right: 16px;
    list-style: none;
    position: relative
}

.nav li>a {
    display: block;
    font-size: 18px;
    color: #333;
    height: 44px;
    line-height: 44px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: 128px;
    text-align: center;
    position: relative;
    z-index: 7
}

.nav li:hover>a,
.nav li>a.cur {
    color: #fff;
    background: #005bac;
}

.nav li.secondli {
    margin-right: 50px;
}

.nav li.thirdli {
    margin-right: 31px;
}

.nav li.forthli {
    margin-right: 12px;
}

.nav li.fifthli {
    margin-right: 18px;
}

.search {
    float: right;
    position: relative;
    right: 9px;
}

.search span {
    display: block;
    background: url(../images/icon01.png) center center no-repeat;
    height: 44px;
    width: 40px;
    cursor: pointer
}

.subsearch {
    position: absolute;
    background: url(../images/searchbox1.png) no-repeat;
    width: 256px;
    height: 42px;
    right: 0;
    top: 34px;
    padding-top: 11px;
    z-index: 3;
    display: none;
}

.searchin {
    float: left;
    width: 213px;
    padding: 0 3px 0 7px;
    height: 33px;
    line-height: 33px;
    color: #000;
    font-size: 13px;
}

.searchbt {
    display: block;
    width: 31px;
    height: 33px;
    float: right;
    cursor: pointer
}


/*foot*/

.foot {
    background: #191919;
}

.foot01 {
    padding-bottom: 31px;
}

.foot01 h2 {
    float: left;
    padding-top: 66px;
    margin-right: 26px;
    padding-left: 20px;
}

.codeul {
    float: left;
    padding-top: 34px;
    list-style: none
}

.codeul li {
    float: left;
    width: 102px;
    margin-right: 24px;
    list-style: none
}

.codeul li h3 {
    font-size: 14px;
    color: #fff;
    text-align: center;
    height: 28px;
    line-height: 28px;
    background: #005bac;
}

.footcontact {
    padding-left: 40px;
    background: url(../images/foot.png) left 9px no-repeat;
    color: #838383;
    line-height: 30px;
    float: left;
    width: 525px;
    margin-top: 39px;
    margin-left: -7px;
}

.footcontact a {
    color: #838383;
}

.footcontact span {
    font-size: 30px;
    color: #fff;
}

.footcontact li {
    width: 260px;
    float: left;
    list-style: none
}

.footcontact li.lastli {
    width: 480px;
}

.foot02 {
    border-top: 1px solid #242424;
    border-bottom: 1px solid #242424;
    padding-top: 22px;
    padding-bottom: 18px;
}

.foot02 dt {
    font-size: 18px;
    margin-bottom: 15px;
}

.foot02 dt a {
    color: #fff;
}

.foot02 dd {
    line-height: 30px;
    font-size: 13px;
}

.foot02 dd a {
    display: block;
    color: #8c8c8c;
}

.foot02 dl {
    float: left;
}

.link01 {
    margin-right: 80px;
}

.link02 {
    margin-right: 87px;
}

.link03 {
    padding-right: 35px;
}

.link03 dd {
    float: left;
    margin-right: 67px;
}

.link04 {
    margin-right: 102px;
}

.foot02 dl.link06 {
    float: right
}

.foot03 {
    font-size: 12px;
    color: #626262;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 52px;
}

.foot03 a {
    display: inline-block;
    color: #626262;
}

.thelink span {
    margin-right: 12px;
}

.footlast {
    margin-top: 5px;
}

.footlast p {
    display: inline-block;
}

.share {
    display: inline-block;
    width: 130px;
    height: 31px;
    vertical-align: top;
    position: relative;
    top: -1px;
}

#share a {
    padding: 0;
    margin: 0 0 0 7px;
    background-image: url(../images/icon02.png);
    width: 31px;
    height: 31px;
}

#share a.bds_weixin {
    background-position: 0 0;
}

#share a.bds_tsina {
    background-position: -37px 0;
}

#share a.bds_bdhome {
    background-position: -75px 0;
}

.foot a:hover {
    color: #005bac
}


/*index*/

.index-banner {
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.banner-slide {
    position: relative;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    height: 591px;
}

.banner-slide li {
    float: left;
    list-style: none
}

.index-banner li img {
    width: 1920px;
    display: block;
    position: relative;
    height: 591px;
}

.index-banner .flex-control-nav {
    position: absolute;
    left: 0;
    bottom: 12px;
    z-index: 3;
    width: 100%;
    text-align: center
}

.index-banner .flex-control-nav li {
    display: inline-block;
    margin: 0 5px;
    float: none;
}

.index-banner .flex-control-nav a {
    display: block;
    width: 21px;
    height: 20px;
    background: url(../images/dot.png) 3px 0 no-repeat;
    overflow: hidden;
    line-height: 999px;
}

.index-banner .flex-control-nav a.flex-active {
    background: url(../images/dot.png) -24px 0 no-repeat;
}

.index-pro {
    background: #fff;
    padding-bottom: 69px;
}

.index-pro .web {
    overflow: hidden;
}

.indexpro-tit {
    background: #434343;
}

.subtitle {
    text-align: center;
    font-size: 18px;
    color: #fff;
    padding-top: 11px;
    padding-bottom: 24px;
}

.subtitle h2 {
    font-size: 30px;
    line-height: 35px;
    padding: 12px 0 8px;
}

.san {
    display: block;
    position: absolute;
    background: url(../images/icon03.png) no-repeat;
    width: 21px;
    height: 7px;
    top: 0;
    left: 50%;
    margin-left: -10.5px;
}

.indexproul {
    padding-top: 37px;
    width: 1200px;
}

.indexproul li {
    margin-top: 22px;
    float: left;
    margin-right: 27px;
    width: 536px;
    height: 233px;
    background-image: url(../images/bg01.png);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    list-style: none
}

.indexproul li a {
    display: block;
}

.indexproul li span {
    display: block;
    float: left;
    width: 279px;
    height: 233px;
    overflow: hidden;
    border-radius: 5px;
}

.indexproul li img {
    width: 279px;
    height: 233px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.indexproul li:hover img,
.index-right dl:hover dt img,
.newleft:hover img,
.knowdl:hover img,
.classicalul li:hover img,
.thesolu li:hover img,
.subpicul li:hover img {
    transition: all .8s linear;
    -moz-transition: all .8s linear;
    -o-transition: all .8s linear;
    -webkit-transition: all .8s linear;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -m-transform: scale(1.1);
    transform: scale(1.1);
}

.sub-pro {
    float: left;
    width: 200px;
    padding-left: 25px;
    color: #fff;
    height: 233px;
    padding-right: 32px;
}

.sub-pro h2 {
    font-size: 24px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 49px 0 7px;
}

.sub-pro h2 a {
    color: #fff;
}

.more {
    color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    width: 86px;
    height: 27px;
    display: block;
    text-align: center;
    line-height: 27px;
    border: 1px solid #fff;
    margin-top: 14px;
}

.indexproul li:hover {
    background-color: #005bac;
    background-image: none
}

.sub-pro p {
    height: 54px;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
}

.online .form {
    margin-top: 35px;
}

.index-solution {
    background: url(../images/bg02.jpg) center top no-repeat;
    padding-top: 9px;
    padding-bottom: 48px;
    overflow: hidden;
}

.flexslider {
    padding-top: 13px;
}

.flexslider .slides li {
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    padding: 3px;
    width: 335px;
    margin-right: 38px;
    list-style: none
}

.flexslider .slides li a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #313131;
    height: 362px;
    line-height: 18px;
}

.flexslider .slides li span {
    display: block;
    width: 335px;
    height: 241px;
    overflow: hidden;
}

.flexslider .slides li img {
    display: block;
    width: 335px;
    height: 241px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.flexslider .slides li h2 {
    font-size: 24px;
    color: #333;
    width: 290px;
    margin: 16px auto 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 26px;
}

.flexslider .slides li p {
    height: 54px;
    overflow: hidden;
    width: 290px;
    margin: 0 auto;
    text-align: left;
}

.flexslider .slides li:hover {
    background-color: #005bac;
}

.flexslider .slides li:hover a,
.flexslider .slides li:hover h2 {
    color: #fff
}

.flexslider .flex-control-nav {
    text-align: center;
    padding-top: 40px;
}

.flexslider .flex-control-nav li {
    display: inline-block;
    margin: 0 3px;
}

.flexslider .flex-control-nav a {
    display: block;
    overflow: hidden;
    line-height: 900px;
    width: 65px;
    height: 6px;
    background: #fff;
}

.flexslider .flex-control-nav a.flex-active {
    background: #005bac;
}

.index-about {
    background: #fff;
    padding: 67px 0 65px;
}

.index-left {
    float: left;
    width: 423px;
}

.leftdl dt {
    float: left;
    width: 192px;
    height: 146px;
    border: 1px solid #cdcdcd;
}

.leftdl dt img {
    display: block;
    margin-top: 52px;
    margin-left: 25px;
    width: 148px;
}

.leftdl dd {
    float: left;
    width: 145px;
    height: 148px;
    background: #005bac;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.leftdl h3 {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
    padding: 33px 0 4px;
}

.index-intro {
    color: #666;
    line-height: 18px;
}

.index-intro h3 {
    font-size: 36px;
    color: #333;
    border-bottom: 1px solid #e4e4e4;
    line-height: 45px;
    padding-bottom: 11px;
    padding-top: 34px;
}

.index-intro h4 {
    font-size: 24px;
    color: #333;
    padding: 24px 0 20px;
    line-height: 24px;
}

.morea {
    display: block;
    width: 124px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    background: #005bac;
    color: #fff;
    margin-top: 34px;
}

.index-right {
    float: right;
    width: 551px;
}

.index-honor dt {
    float: left;
    width: 276px;
    height: 274px;
    overflow: hidden;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.index-honor dt img {
    width: 276px;
    height: 274px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.index-honor dd {
    width: 274px;
    height: 274px;
    float: left;
    background: #6d6d6d;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.index-honor dd a {
    width: 274px;
    height: 274px;
    display: block;
    color: #fff;
    line-height: 18px;
    text-align: center;
}

.index-honor dd h3 {
    font-size: 24px;
    line-height: 28px;
    padding: 54px 0 10px;
}

.index-honor dd img {
    display: inline-block;
    margin-top: 19px;
}

.index-culture {
    margin-top: 16px;
}

.index-culture dt {
    float: left;
    position: relative;
    width: 275px;
    height: 244px;
    cursor: pointer;
    overflow: hidden;
}

.index-culture dt img {
    display: block;
    width: 275px;
    height: 244px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.index-culture dt h2 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: url(../images/bg33.png) repeat;
    width: 100%;
    left: 0;
    bottom: 0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    height: 46px;
    line-height: 46px;
    position: absolute;
    display: none
}

.index-culture dt em {
    display: block;
    position: absolute;
    left: 105px;
    top: 74px;
    background: url(../images/icon05.png) no-repeat;
    width: 58px;
    height: 59px;
}

.index-culture dd {
    width: 276px;
    float: left;
    text-align: center;
}

.index-culture dd a {
    display: block;
    width: 250px;
    height: 244px;
    padding-left: 19px;
}

.index-culture dd i {
    display: block;
    margin: 27px auto 0;
    color: #fff;
    background: #005bac;
    width: 94px;
    height: 29px;
    line-height: 29px;
    font-size: 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.index-culture dd h2 {
    font-size: 20px;
    color: #333;
    padding-top: 7px;
}

.index-culture dd h3 {
    font-size: 14px;
    color: #666;
    line-height: 18px;
    padding: 9px 0 0;
}

.index-service {
    background: url(../images/bg03.jpg) center top no-repeat;
    padding-bottom: 51px;
}

.index-service .web {
    overflow: hidden;
}

.index-title {
    text-align: center;
    font-size: 18px;
    color: #fff;
    padding-bottom: 5px;
}

.index-title h2 {
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    padding: 34px 0 15px;
}

.serviceul {
    padding-left: 91px;
    width: 1300px;
    list-style: none
}

.serviceul li img {
    height: 90px;
    display: block;
    margin: 31px auto 8px;
}

.serviceul li {
    float: left;
    width: 193px;
    height: 193px;
    border: 1px solid #737170;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-right: 148px;
    margin-top: 38px;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    list-style: none
}

.serviceul li a {
    display: block;
    font-size: 18px;
    color: #fff;
    text-align: center;
    width: 193px;
    height: 193px;
}

.serviceul li:hover {
    background-color: #005bac;
    border-color: #005bac;
}

.index-new {
    background: #fff;
    padding-bottom: 94px;
}

.index-new h2 {
    font-size: 30px;
    color: #333;
    text-align: center;
    line-height: 36px;
    padding-top: 55px;
    margin-bottom: 31px;
}

.indexnav {
    position: relative;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 54px;
}

.indexnav p {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -16px;
    text-align: center
}

.indexnav a {
    display: inline-block;
    width: 106px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #333;
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    margin: 0 4px;
    background: #fff;
}

.indexnav a.cur {
    background: #005bac;
    border-color: #005bac;
    color: #fff;
}

.newleft {
    float: left;
    width: 530px;
    padding-top: 14px;
    list-style: none;
}

.newleft a {
    display: block;
    color: #666;
}

.newleft img {
    display: block;
    width: 484px;
    height: 243px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}


/* .newleft span {
    display: block;
    width: 484px;
    height: 243px;
    overflow: hidden;
} */


/* .newleft h3 {
    font-size: 24px;
    color: #333;
    margin: 13px 0 9px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 97px 0 14px;
} */


/* .newleft p {
    padding: 0 97px 0 14px;
    height: 48px;
    overflow: hidden;
} */

.newdate {
    position: absolute;
    width: 84px;
    height: 73px;
    background: #005bac;
    color: #fff;
    left: -1px;
    top: 170px;
    text-align: center
}

.newdate i {
    display: block;
    font-size: 36px;
    line-height: 40px;
    padding-top: 6px;
}

.icon {
    display: block;
    position: absolute;
    background: url(../images/index17-03.jpg) no-repeat;
    width: 48px;
    height: 48px;
    bottom: 32px;
    right: 21px;
}

.newright {
    float: right;
    width: 530px;
    padding-top: 14px;
    list-style: none
}

.newright li,
.newleft li {
    padding-bottom: 42px;
    list-style: none
}

.newright li a,
.newleft li a {
    display: block;
    color: #666;
}

.lidate {
    float: left;
    background: url(../images/index18.jpg) right top no-repeat;
    width: 92px;
    height: 72px;
    font-size: 18px;
    color: #ccc;
    margin-top: 3px;
}

.lidate span {
    font-size: 48px;
    color: #666;
    line-height: 49px;
    display: block;
    position: relative;
    margin-top: -4px;
}

.lidate em {
    display: block;
    text-align: right;
    padding-right: 23px;
    margin-top: -1px;
}

.new-intro {
    float: right;
    width: 438px;
}

.new-intro p {
    height: 48px;
    overflow: hidden;
}

.new-intro h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.new-indexbox {
    height: 350px;
    overflow: hidden;
}

.newright li:hover h3 {
    color: #005bac
}

.index-nav {
    position: fixed;
    left: 15px;
    top: 50%;
    margin-top: -75px;
    z-index: 8;
    list-style: none
}

.index-nav li {
    position: relative;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    margin-top: 13px;
    list-style: none
}

.index-nav li em {
    background: url(../images/dot01.png) no-repeat;
    width: 19px;
    height: 20px;
    position: relative;
    z-index: 3;
    display: block;
}

.index-nav li span {
    display: block;
    position: absolute;
    height: 28px;
    line-height: 28px;
    background: #005bac;
    left: -8px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    white-space: nowrap;
    z-index: 1;
    top: -5px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 0;
    overflow: hidden;
}

.index-nav li:hover span,
.index-nav li.active span {
    padding-right: 12px;
    padding-left: 30px;
}

.index-nav li.li01:hover span,
.index-nav li.li01.active span {
    width: 96px;
}

.index-nav li.li02:hover span,
.index-nav li.li02.active span {
    width: 64px;
}

.index-culture dd img {
    display: block;
    margin-top: 23px;
}


/*侧漂*/

.float {
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -102px;
    z-index: 9;
    width: 50px;
}

.float li {
    width: 50px;
    height: 50px;
    background: #434343;
    margin-top: 1px;
    font-size: 20px;
    color: #fff;
    line-height: 50px;
    white-space: nowrap;
    cursor: pointer;
    float: right;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    list-style: none
}

.float li img {
    display: inline-block;
    vertical-align: top;
}

.float li:hover {
    background: #005bac
}

.long:hover {
    width: 233px;
}

.backtop {
    display: none;
}


/*新闻中心*/

.inbanner {
    width: 100%;
    overflow: hidden;
}

.inbanner img {
    position: relative;
    width: 100%;
    /* display: block;
    left: 50%;
    margin-left: -960px; */
}

.intitle {
    border-bottom: 1px solid #d6d6d6;
    /* height: 75px; */
    line-height: 75px;
}

.intitle h2 {
    font-size: 30px;
    color: #333;
    float: left;
}

.intitle h2 img {
    margin-left: 18px;
    position: relative;
    top: 6px;
}

.in-nav {
    float: right;
    padding-top: 27px;
}

.in-nav a {
    float: left;
    color: #333;
    padding: 0 3px;
    margin-left: 19px;
    position: relative;
    top: 1px;
    height: 48px;
    line-height: 45px;
    cursor: pointer
}

.in-nav a:hover,
.in-nav a.cur {
    color: #005bac;
    border-bottom: 3px solid #005bac;
    height: 45px;
}

.hot h2 {
    font-size: 32px;
    color: #343434;
    line-height: 40px;
    text-align: center;
    padding-top: 23px;
}

.hotbox {
    padding-bottom: 57px;
}

.hotbox dt {
    float: left;
    width: 516px;
    height: 253px;
    overflow: hidden;
    margin-right: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.hotbox dt img {
    display: block;
    width: 516px;
    height: 253px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.hotbox dd {
    float: left;
    width: 500px;
}

.hotbox dd a {
    display: block;
    height: 210px;
    color: #666;
    padding-left: 33px;
    padding-top: 43px;
}

.hotbox dd h3,
.newdl dd h3 {
    font-size: 24px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 0 13px;
    line-height: 27px;
}

.hotbox dd p {
    height: 48px;
    overflow: hidden;
}

.newmore {
    display: block;
    font-size: 16px;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: 120px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: #005bac;
    margin-top: 14px;
}

.hotbox dl {
    margin-top: 35px;
}

.hotbox dl:hover h3,
.newdl:hover h3 {
    color: #005bac
}

.hotbox dl.second dt {
    float: right;
}

.hotbox dl.second dd a {
    padding-left: 0
}

.newcenter {
    background: #f2f2f2;
}

.page {
    padding: 43px 0 48px;
}

.newnav {
    text-align: center;
    padding-top: 39px;
}

.newnav a {
    font-size: 24px;
    color: #343434;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    border-right: 1px solid #343434;
    padding-left: 20px;
    padding-right: 24px;
}

.newnav a:hover,
.newnav a.cur {
    color: #d30e17
}

.newdl {
    border-bottom: 1px solid #c7c7c7;
    padding: 23px 0;
}

.newdl dt {
    float: left;
    width: 263px;
    height: 129px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.newdl dt img {
    width: 263px;
    height: 129px;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.newdl dd {
    width: 837px;
    float: left;
}

.newdl dd a {
    display: block;
    padding-left: 43px;
    padding-right: 143px;
    position: relative;
    color: #666;
    line-height: 21px;
    padding-top: 14px;
    height: 115px;
}

.newdl dd p {
    height: 63px;
    overflow: hidden;
}

.eye {
    font-size: 12px;
    color: #4c4c4c;
    background: #fff url(../images/eye.png) center 10px no-repeat;
    border: 1px solid #b6b6b6;
    position: absolute;
    right: 0;
    width: 55px;
    height: 27px;
    top: 50%;
    margin-top: -23px;
    text-align: center;
    padding-top: 28px;
}

.picnew {
    overflow: hidden;
    padding-bottom: 14px;
}

.picnew h2 {
    text-align: center;
    font-size: 32px;
    line-height: 36px;
    color: #343434;
    padding-top: 27px;
}

.pic-newul {
    width: 1200px;
    list-style: none
}

.pic-newul li {
    float: left;
    width: 360px;
    margin-right: 9px;
    text-align: center;
    margin-top: 25px;
    list-style: none
}

.pic-newul li span {
    display: block;
    overflow: hidden;
    width: 360px;
    height: 354px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.pic-newul li img {
    width: 360px;
    height: 354px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.pic-newul li a {
    display: block;
    color: #343434;
    font-size: 16px;
}

.pic-newul li h3 {
    font-size: 24px;
    line-height: 32px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-top: 11px;
}

.pic-newul li p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.online h2 {
    text-align: center;
    font-size: 32px;
    line-height: 36px;
    color: #343434;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 18px;
    padding-top: 25px;
}

.onp {
    text-align: center;
    font-size: 14px;
    color: #4c4c4c;
    padding: 14px 0;
}

.onp span {
    color: #005bac;
}

.form {
    width: 1000px;
    border-top: 1px solid #d9d9d9;
}

.formul {
    padding-left: 68px;
    padding-top: 19px;
    list-style: none
}

.formul li {
    font-size: 15px;
    color: #4c4c4c;
    width: 402px;
    float: left;
    margin-right: 54px;
    margin-top: 20px;
    list-style: none
}

.formul li p {
    margin-bottom: 11px;
}

.formul li em {
    font-size: 18px;
    color: #005bac;
    display: inline-block;
    vertical-align: middle;
    margin-right: 9px;
    width: 9px;
    height: 24px;
}

.formin,
.formtext {
    margin-left: 18px;
    width: 363px;
    padding: 0 10px;
    height: 43px;
    line-height: 43px;
    font-size: 16px;
    color: #333;
    border: 1px solid #dcdcdc;
}

.formul li.lastli,
.formul li.codeli {
    width: 847px;
}

.formtext {
    width: 820px;
    height: 206px;
    padding: 8px 10px;
    resize: none
}

.formbt input {
    width: 136px;
    height: 40px;
    background: #005bac;
    color: #fff;
    display: block;
    float: left;
    margin-right: 26px;
    font-size: 18px;
    cursor: pointer;
    border: 1px solid #005bac;
}

.online .reset {
    background: #3b3b3b;
}

.codeli p {
    float: left;
    height: 40px;
    line-height: 40px;
}

.codeli p em {
    height: 40px;
}

.codeli img {
    float: left;
    width: 110px;
    height: 40px;
    margin-left: 19px;
}

.codein {
    float: left;
    height: 36px;
    line-height: 36px;
    width: 66px;
    padding: 0 10px;
    border: 1px solid #dcdcdc;
    margin-left: 56px;
    margin-top: 2px;
    margin-right: 16px;
}

.codeli span {
    height: 40px;
    line-height: 40px;
    float: left;
}

.formbt {
    padding: 30px 0 40px 86px;
}


/*展会信息*/

.zhanhui {
    background: #fff;
    padding-top: 30px;
}

.zhan-intro {
    padding-bottom: 15px;
}

.zhan-vodeo {
    float: left;
    width: 484px;
    position: relative;
}

.zhan-vodeo span {
    display: block;
    position: relative;
}

.zhan-vodeo em,
.play {
    display: block;
    width: 58px;
    height: 59px;
    background: url(../images/icon05.png) no-repeat;
    left: 50%;
    top: 50%;
    margin-left: -28px;
    margin-top: -30px;
    position: absolute;
    cursor: pointer;
    z-index: 6
}

.zhan-vodeo img {
    width: 484px;
    height: 301px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.share01 {
    margin-top: 6px;
    height: 28px;
    line-height: 28px;
}

.share01 span {
    float: left;
    color: #666;
    font-size: 16px;
}

.the-intro {
    float: left;
    width: 528px;
    padding-left: 34px;
    font-size: 14px;
    color: #333;
    line-height: 30px;
}

.the-intro h3,
.schedule h3 {
    font-size: 30px;
    color: #005bac;
    line-height: 40px;
    padding: 10px 0 7px;
}

.themore {
    display: block;
    width: 138px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #005bac;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-top: 8px;
}

.schedule {
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 50px;
}

.schedule h3 {
    text-align: center;
}

.scheduleul {
    width: 1200px;
    list-style: none
}

.scheduleul li {
    float: left;
    border: 1px solid #dbdbdb;
    width: 350px;
    height: 133px;
    margin-right: 21px;
    margin-top: 33px;
    -webkit-box-shadow: 2px 3px 0 rgba(4, 0, 0, .12);
    -moz-box-shadow: 2px 3px 0 rgba(4, 0, 0, .12);
    -ms-box-shadow: 2px 3px 0 rgba(4, 0, 0, .12);
    -o-box-shadow: 2px 3px 0 rgba(4, 0, 0, .12);
    box-shadow: 2px 3px 0 rgba(4, 0, 0, .12);
    overflow: hidden;
}

.scheduleul li a {
    display: block;
    font-size: 16px;
    color: #333;
    padding: 10px 0 20px 30px;
    list-style: none
}

.scheduleul li h4 {
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 10px;
}

.subsch img {
    float: left;
    width: 100px;
    height: 68px;
    margin-right: 11px;
}

.subsch p {
    font-size: 18px;
}

.subsch p span {
    color: #005bac;
}

.subsch em {
    display: block;
    font-size: 14px;
}

.videoDiv {
    width: 100%;
    height: 100%;
    background: url(../images/layerbg.png);
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    z-index: 9999
}

.videoDiv .videoCt {
    width: 640px;
    height: 480px;
    background: #000;
    position: relative;
    left: 50%;
    top: 50%;
    margin: -240px 0 0 -320px;
}

.videoDiv .videoClose {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 9999;
    cursor: pointer
}

.video_sp embed {
    display: block;
    width: 100%;
    height: 480px;
}


/*知识百科*/

.knowdl {
    padding: 22px 0 40px;
    border-bottom: 1px solid #c5c5c5;
}

.knowdl dt {
    width: 371px;
    height: 243px;
    overflow: hidden;
    float: left;
}

.knowdl dt img {
    width: 371px;
    height: 243px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.knowdl dd {
    width: 652px;
    float: left;
}

.knowdl dd a {
    display: block;
    padding-left: 32px;
    color: #333;
}

.knowdl dd h2 {
    font-size: 26px;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 41px 0 10px;
}

.knowledge p {
    height: 48px;
    overflow: hidden;
}

.amore {
    display: block;
    width: 106px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background: #005bac;
    font-size: 14px;
    margin-top: 16px;
}

.knowul li {
    border-bottom: 1px dashed #d3d3d3;
    padding: 22px 0;
    list-style: none
}

.knowul a {
    display: block;
    color: #333;
}

.date {
    float: left;
    text-align: center;
    width: 87px;
    height: 91px;
    border: 1px solid #4a4a4a;
    background: #4a4a4a;
    line-height: 29px;
    font-family: "Arial";
    color: #fff;
}

.date span {
    font-size: 45px;
    color: #4a4a4a;
    font-weight: bold;
    display: block;
    background: #fff;
    height: 63px;
    line-height: 63px;
}

.newintro {
    width: 913px;
    float: left;
    padding-left: 28px;
}

.newintro h2 {
    font-size: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 9px 0
}

.knowul li:hover .date {
    background: #005bac;
    border-color: #005bac;
}

.knowul li:hover .date span {
    color: #005bac
}

.newdetail {
    padding: 0 40px;
    width: 1020px;
}

.detailtitle {
    text-align: center;
    color: #8d8d8d;
    padding: 26px 0 22px;
}

.detailtitle h2 {
    font-size: 24px;
    color: #333;
    line-height: 35px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 9px;
    padding-bottom: 11px;
}

.detailbox {
    color: #4c4c4c;
}

.detailbox img {
    max-width: 100%;
    height: auto !important;
}

.detail-op {
    padding: 34px 0 39px
}

.detail-op>a {
    display: block;
    width: 63px;
    height: 32px;
    line-height: 32px;
    background: #005bac url(../images/ndetail02.jpg) 19px center no-repeat;
    font-size: 18px;
    color: #fff;
    padding-left: 38px;
    margin-bottom: 12px;
}

.detail-op p a {
    display: block;
    color: #666;
    padding: 2px 0
}

.detail-op p a:hover {
    color: #005bac;
}


/*留言反馈*/

.onlinebox {
    padding-top: 30px;
    padding-bottom: 33px;
}

.onlinebox .reset {
    background: #005bac
}

.onlinebox .form {
    margin-top: 0
}


/*联系我们*/

.contable {
    margin-top: 50px;
}

.contable td {
    color: #666;
    border-bottom: 1px solid #cecece;
    border-right: 1px solid #cecece;
    padding-left: 40px;
    padding: 14px 40px 29px;
    vertical-align: top
}

.contable td a {
    color: #666;
}

.contable td h2 {
    font-size: 30px;
    font-weight: bold;
    color: #005bac;
    line-height: 32px;
    padding-bottom: 3px;
}

.contable td h3 {
    font-size: 18px;
    color: #666;
    padding-bottom: 13px;
}

.contable td h2 span {
    font-size: 18px;
    color: #666;
    margin-left: 12px;
    font-weight: normal
}

.map {
    color: #4c4c4c;
    padding-top: 60px;
    padding-bottom: 56px;
}

.map iframe {
    display: block;
    margin-top: 36px;
}


/*行业解决方案*/

.bread {
    height: 47px;
    line-height: 47px;
    border-bottom: 1px solid #e6e6e6;
    color: #666;
}

.bread p>a {
    color: #666;
    cursor: pointer
}

.bread p>a.cur {
    color: #005bac;
    cursor: default
}

.bread p {
    padding-left: 35px;
    background: url(../images/home.jpg) left center no-repeat;
}

.video {
    position: relative;
}

.videoimg {
    width: 434px;
    height: 318px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.zhe {
    position: absolute;
    z-index: 3;
    background: url(../images/bg33.png) repeat;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.soluvideo td {
    vertical-align: middle;
    color: #666;
}

.soluvideo h2 {
    font-size: 30px;
    line-height: 35px;
    color: #333;
    padding-bottom: 22px;
}

.soluvideo .themore {
    margin-top: 31px;
}

.videotxt {
    padding-right: 92px;
    font-size: 16px;
}

.soluvideo {
    padding: 30px 0 24px;
}

.soluvideo .share01 .bdsharebuttonbox {
    float: right;
}

.solulist li {
    height: 438px;
    float: left;
    width: 50%;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    overflow: hidden;
    position: relative;
    list-style: none
}

.solulist li>div {
    display: block;
    height: 438px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.subsolu {
    position: absolute;
    color: #fff;
    top: 62%;
    text-align: center;
    height: 140px;
    right: 9%;
}

.subsolu h2 {
    font-size: 30px;
    line-height: 35px;
    padding-bottom: 7px;
}

.sub {
    height: 48px;
    overflow: hidden;
    width: 365px;
    font-size: 16px;
}

.subsolu .amore {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin: 18px auto 0
}

.solulist li.right .subsolu {
    right: auto;
    left: 5.6%
}

.solulist li img {
    display: block;
    position: absolute;
    right: 0;
    height: 438px;
}

.solulist li.right img {
    left: 0;
    right: auto;
}

.subsort {
    background: #fff;
    text-align: center;
    font-size: 14px;
    color: #272727;
    padding: 38px 0 5px;
}

.subsort h2,
.case h2,
.classicalpro h2,
.maintain h2 {
    font-size: 30px;
    color: #333;
    line-height: 35px;
    padding-bottom: 13px;
    text-align: center
}

.subsort p {
    width: 940px;
    margin: 0 auto;
    font-size: 16px;
}

.promore {
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    /*width:160px;*/
    padding: 0 5px;
    height: 40px;
    line-height: 40px;
    background: #005bac;
    color: #fff;
    margin-top: 14px;
}

.subsort img {
    display: block;
    margin: 10px auto 0;
    height: 380px;
    width: auto;
}

.subsort.second {
    background: #eaeaea
}

.advantage {
    background: url(../images/bg04.jpg) center top no-repeat;
    text-align: center;
    padding-top: 92px;
    color: #fff;
    line-height: 20px;
    padding-bottom: 130px;
}

.advantage h2 {
    font-size: 30px;
    color: #fff;
    line-height: 35px;
    padding-bottom: 32px;
}

.advantage ul {
    width: 1400px;
    list-style: none
}

.advantage ul span {
    display: block;
    font-size: 24px;
    line-height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #6a6a6a;
    width: 144px;
    height: 104px;
    padding-top: 40px;
    margin: 0 auto 19px;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
}

.advantage ul li:hover span {
    background-color: #d30e17
}

.advantage ul li {
    float: left;
    width: 300px;
    margin-right: 95px;
    list-style: none
}

.case {
    background: #f3f3f3;
    padding-bottom: 93px;
}

.case .web,
.classicalpro .web {
    overflow: hidden;
    min-height: 100px;
}

.case h2 {
    padding-top: 62px;
}

.caseul {
    width: 1300px;
    margin-top: -27px;
    list-style: none
}

.caseul li {
    float: left;
    width: 530px;
    margin-right: 40px;
    margin-top: 46px;
    list-style: none
}

.caseul li img {
    width: 217px;
    height: 165px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    float: left;
}

.caseintro {
    width: 280px;
    float: right;
}

.caseul li a {
    color: #333;
    display: block;
}

.caseintro h3 {
    font-size: 24px;
    padding-bottom: 13px;
    padding-top: 20px;
}

.classicalpro {
    text-align: center;
    color: #333;
    padding-top: 48px;
    padding-bottom: 40px;
}

.classicalpro h2 {
    padding-bottom: 3px;
}

.classicalul {
    width: 1300px;
    padding-top: 28px;
    list-style: none
}

.classicalul li {
    float: left;
    width: 259px;
    margin-right: 21px;
    background: #e3e3e3;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    height: 369px;
    overflow: hidden;
    list-style: none
}

.classtop {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background-color: #4b4b4b;
    padding-bottom: 28px;
    margin-bottom: 20px;
}

.classtop h3 span {
    display: block;
    width: 52px;
    background-color: #4b4b4b;
    left: 50%;
    margin-left: -26px;
    bottom: -20px;
    position: absolute;
}

.classtop h3 {
    font-size: 36px;
    font-family: "Arial";
    color: #fff;
    line-height: 40px;
    font-weight: bold;
    border-bottom: 1px solid #797979;
    width: 93px;
    margin: 0 auto;
    position: relative;
    padding-top: 38px;
}

.classtop h4 {
    font-size: 24px;
    color: #fff;
    margin-top: 24px;
    line-height: 26px;
}

.classicalul li:hover .classtop,
.classicalul li:hover .classtop h3 span {
    background-color: #d30e17
}

.classicalul li:hover h3 {
    border-bottom: 1px solid #e0adaf;
}

.classicalul li img {
    display: block;
    width: 259px;
    height: 217px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    margin: 0 auto;
}

.classicalpro .promore {
    width: 130px;
    margin-top: 28px;
}

.detailvideo {
    padding-bottom: 37px;
}

.peosort>h2 {
    font-size: 30px;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    line-height: 45px;
    padding: 40px 0 11px;
}

.detailvideo .videoimg {
    width: 517px;
    height: 380px;
}

.detailvideo .videotxt {
    padding-right: 0;
    padding-left: 40px;
}

.detailvideo .videotxt h2 {
    color: #005bac;
    padding-bottom: 17px;
}

.detailvideo .themore {
    margin-top: 15px;
}

.detailvideo .share01 .bdsharebuttonbox {
    float: none;
}

.maintain {
    padding-top: 50px;
    padding-bottom: 70px;
}

.maintain ul {
    padding-top: 3px;
    list-style: none
}

.maintain li {
    padding-left: 125px;
    border-bottom: 1px dashed #d2d2d2;
    position: relative;
    min-height: 96px;
    padding-bottom: 20px;
    color: #272727;
    padding-top: 19px;
    list-style: none
}

.maintain li span {
    display: block;
    width: 96px;
    height: 96px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #414141;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -48px;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
}

.maintain li span img {
    width: 96px;
    height: 96px;
}

.maintain li:hover span {
    background-color: #d10b14
}

.maintain li h3 {
    line-height: 35px;
    font-size: 24px;
    color: #333;
    padding-bottom: 6px;
}

.classicalsolu .promore {
    width: 104px;
    margin-top: 23px;
}

.thesolu {
    width: 1300px;
    padding-top: 26px;
}

.thesolu li {
    float: left;
    width: 348px;
    height: 350px;
    margin-right: 28px;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.thesolu li img {
    width: 348px;
    height: 350px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.thesolu li a {
    display: block;
}

.thesolu li a h4 {
    font-size: 24px;
    color: #fff;
    height: 66px;
    line-height: 66px;
    position: absolute;
    background: url(../images/layerbg.png) repeat;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.classicalsolu {
    padding-bottom: 0
}


/*人才招聘*/

.jobintro {
    color: #010101;
    line-height: 30px;
}

.jobintro h2 {
    font-size: 24px;
    color: #d30f17;
    padding: 29px 0 8px;
}

.jonlist {
    margin-top: -8px;
    padding-bottom: 42px;
}

.jonlist li {
    border: 1px solid #d7d7d7;
    color: #666;
    padding: 0 24px 42px;
    list-style: none;
    margin-top: 25px;
}

.jonlist h3 {
    font-size: 24px;
    color: #000;
    line-height: 30px;
    padding: 12px 0 15px;
}

.mail {
    display: block;
    color: #fff;
    font-size: 16px;
    width: 92px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background: #d30e17;
    margin-top: 11px;
    position: relative
}

.mail input {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0);
    opacity: 0
}


/*常见问题*/

.title {
    background: url(../images/service04.png) right 26px no-repeat;
    color: #4c4c4c;
}

.title h3 {
    font-size: 14px;
    background: url(../images/service1.png) left 18px no-repeat;
    border-bottom: 1px solid #e8e8e8;
    padding: 20px 65px;
    cursor: pointer
}

.answer {
    background: #ebebeb;
    display: none;
}

.answer .web {
    padding: 20px 65px 35px;
    width: 970px;
    background: url(../images/service2.png) left 16px no-repeat;
    font-size: 13px;
    color: #4c4c4c;
}

.title.cur {
    background: url(../images/service03.png) right 26px no-repeat;
    color: #d30e17;
}

.title.cur h3 {
    border-bottom-color: #fff
}

.faq li:hover .title {
    color: #d30e17;
}

.faq .page {
    text-align: center;
    padding: 26px 0 8px;
}


/*经营理念*/

.idea {
    background: url(../images/bg06.jpg) center top no-repeat;
    color: #000;
}

.ideadiv {
    width: 645px;
    display: table;
    height: 420px;
}

.ideadiv>div {
    display: table-cell;
    vertical-align: middle
}

.ideaul {
    display: block;
    margin-top: -53px;
    padding-left: 30px;
}

.ideaul li {
    float: left;
    color: #000;
    list-style: none;
    width: 160px;
    margin-right: 17px;
}

.ideasub {
    display: table;
    width: 107px;
    height: 107px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #646464;
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    margin: 0 auto 15px;
}

.ideasub p {
    display: table-cell;
    vertical-align: middle
}

.service {
    padding-top: 36px;
    padding-bottom: 74px;
}

.service h2 {
    border-bottom: 1px solid #e5e5e5;
    font-size: 32px;
    color: #343434;
    line-height: 75px;
    text-align: center;
}

.servicetxt {
    padding-top: 26px;
    overflow: hidden;
    color: #000;
}

.servicetxt h3 {
    font-size: 24px;
    padding-bottom: 8px;
}

.sale {
    background: #f2f2f2;
    padding-top: 6px;
    padding-bottom: 76px;
}

.sale h2 {
    font-size: 32px;
    color: #343434;
    line-height: 75px;
    text-align: center;
}

.download .newnav {
    padding-top: 32px;
    padding-bottom: 18px;
}

.downp {
    font-size: 18px;
    color: #343434;
    text-align: center;
    padding-bottom: 17px;
}

.downul {
    border: 1px solid #c5c5c5;
    border-bottom: none;
}

.downul li {
    border-bottom: 1px solid #c5c5c5;
    list-style: none;
}

.downul li a {
    display: block;
    font-size: 16px;
    color: #666;
    padding: 15px 130px 15px 15px;
    position: relative;
}

.downul li span {
    display: block;
    position: absolute;
    height: 24px;
    width: 120px;
    background: url(../images/xia01.jpg) right center no-repeat;
    right: 18px;
    top: 50%;
    margin-top: -12px;
}

.downul li:hover span {
    background: url(../images/xia02.jpg) right center no-repeat;
    color: #d30e17
}

.download .page {
    text-align: center;
    padding: 30px 0 13px;
}


/*招商加盟*/

.joined {
    color: #5e5e5e;
    padding-bottom: 22px;
}

.jion-intro {
    padding-top: 40px;
    padding-bottom: 52px;
}

.joindt {
    float: right;
    width: 542px;
    display: table;
}

.joindl div {
    display: table-cell;
    vertical-align: middle
}

.joindt div img {
    display: block;
    width: 542px;
    height: 339px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.joindd {
    float: left;
    width: 440px;
    display: table;
    padding-left: 19px;
    line-height: 30px;
    color: #5e5e5e;
    min-height: 339px;
}

.joindd h3 {
    font-size: 24px;
    color: #343434;
    padding-bottom: 10px;
}

.joindl.second .joindd {
    padding-left: 70px;
}

.joindl.second .joindt {
    float: left;
    margin-left: 19px;
}

.strong {
    background: #efefef;
    padding: 18px 0 15px;
}

.strong .web {
    overflow: hidden
}

.strong h2 {
    text-align: center;
    font-size: 32px;
    color: #343434;
    line-height: 40px;
}

.strong h3,
.tointro h3 {
    font-size: 24px;
    color: #221815;
    line-height: 26px;
    padding-top: 28px;
    padding-bottom: 9px;
}

.strongul {
    width: 1300px;
    padding-top: 50px;
}

.strongul li {
    list-style: none;
    float: left;
    width: 522px;
    margin-right: 54px;
    background: url(../images/shaw02.jpg) center bottom none;
    height: 417px;
    text-align: center;
    font-size: 24px;
    color: #221815;
    font-weight: bold;
    line-height: 30px;
}

.strongul li img {
    width: 522px;
    height: 326px;
    display: block;
    margin-bottom: 9px
}

.tointro h2 {
    border-bottom: 1px solid #d4d4d4;
    font-size: 32px;
    color: #343434;
    height: 88px;
    line-height: 95px;
    text-align: center
}

.tointro h3 {
    padding-bottom: 12px;
}


/*公司简介*/

.company {
    padding: 34px 0 66px;
    font-size: 16px;
    color: #4c4c4c;
}

.company img {
    max-width: 100%;
    height: auto !important
}

.company h2 {
    font-size: 26px;
    line-height: 30px;
    color: #005bac;
    font-weight: bold;
    padding: 31px 0 16px;
}

.companyul,
.companyul li {
    list-style: none;
}

.companyul li {
    float: left;
    position: relative;
}

.subcom {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #464646;
    width: 125px;
    height: 125px;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 125px;
    margin: 0 auto 16px;
}

.companyul li:hover .subcom {
    background-color: #005bac
}

.companyul li.li01 {
    padding-right: 14px;
}

.companyul li.li02 {
    padding-right: 45px;
}

.companyul li img {
    position: absolute;
    top: 54px;
    left: 218px;
}

.companyul li.li02 img {
    left: 310px;
}

.companyul {
    padding-left: 105px;
}

.history {
    background: #eee;
    padding-bottom: 80px;
}

.developleft {
    float: left;
    width: 432px;
    padding-top: 105px;
}

.developleft h2 {
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    background: url(../images/bg01.jpg) no-repeat;
    padding-top: 20px;
    height: 71px;
}

.developleft h2 span {
    font-size: 14px;
    color: #cfcfcf;
    display: block;
}

.developlist {
    float: right;
    width: 620px;
    padding-top: 41px;
}

.developlist ul {
    background: url(../images/line01.jpg) 103px top repeat-y;
}

.developlist li {
    padding-bottom: 24px;
    list-style: none;
}

.developlist em {
    float: left;
    font-size: 24px;
    color: #333;
    height: 41px;
    line-height: 41px;
    width: 138px;
    position: relative;
    background: url(../images/icon06.jpg) 96px center no-repeat;
    font-style: normal
}

.developtxt {
    float: left;
    padding-left: 79px;
    position: relative;
    color: #333;
}

.month {
    font-size: 18px;
    color: #fff;
    background: url(../images/icon07.jpg) no-repeat;
    display: block;
    height: 41px;
    line-height: 41px;
    width: 65px;
    text-indent: 11px;
    position: absolute;
    left: 0;
    top: 0;
}

.developlist h2 {
    font-size: 30px;
    color: #333;
    line-height: 40px;
    padding-bottom: 25px;
}

.culture {
    background: url(../images/bg05.jpg) center top no-repeat;
    padding-top: 37px;
    padding-bottom: 32px;
}

.culture ul,
.culture li {
    list-style: none
}

.culture h2 {
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 40px;
}

.cultureul li {
    float: left;
    width: 344px;
    color: #d7d7d7;
    margin-top: 30px;
}

.subculture {
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    border: 1px solid #fff;
    width: 155px;
    height: 155px;
    display: table;
    color: #fff;
    font-size: 18px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 16px;
}

.subculture>div {
    display: table-cell;
    vertical-align: middle
}

.cultureul li:hover .subculture {
    background-color: #005bac;
    border-color: #005bac;
}

.cultureul li h3 {
    font-size: 35px;
    line-height: 42px;
}

.cultureul {
    width: 1300px;
    padding-left: 112px;
}

.honor {
    background: #efefef;
    padding-top: 38px;
}

.honor h2 {
    font-size: 30px;
    color: #333;
    line-height: 40px;
    text-align: center;
}

.othernav {
    padding-top: 17px;
}

.othernav a {
    font-size: 20px;
    height: 23px;
    line-height: 23px;
    cursor: pointer
}

.allhonor {
    padding-bottom: 37px;
}

.honortxt {
    color: #333;
    line-height: 27px;
    width: 615px;
    margin: 0 auto;
    text-align: center;
    padding: 17px 0 31px
}

.subhonor {
    overflow: hidden;
    display: none;
}

.subhonor ul,
.subhonor li {
    list-style: none
}

.subhonor ul {
    width: 1200px;
}

.subhonor li {
    float: left;
    margin-right: 20px;
    padding-bottom: 15px;
    width: 260px;
    height: 310px;
    background: url(../images/shaw.jpg) center bottom no-repeat;
    font-size: 15px;
    text-align: center;
    border-top: 1px solid #cecece
}

.subhonor li img {
    display: block;
    width: 257px;
    height: auto;
    margin: 0 auto 7px;
}

.subhonor li span {
    display: block;
    width: 260px;
    height: 257px;
    overflow: hidden;
}

.organization {
    text-align: center;
    padding-top: 36px;
    padding-bottom: 48px;
}

.organization h2 {
    font-size: 30px;
    color: #3333;
    line-height: 40px;
    text-align: center;
    padding-bottom: 35px;
}

.header {
    padding: 48px 0 78px
}

.hearderpic {
    float: left;
    width: 409px;
}

.hearderpic img {
    display: block;
    width: 409px;
    height: 482px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.headertxt {
    width: 653px;
    float: left;
    color: #333;
    padding-top: 32px;
}

.thetop {
    background: #eee;
    padding: 17px 25px 30px;
}

.thetop h3 {
    color: #005bac;
    font-size: 30px;
    line-height: 35px;
    padding: 0 0 6px;
}

.thebottom {
    padding: 15px 25px 0;
}


/*品质管理*/

.quality01 {
    background: #f3f3f3;
    padding-top: 18px;
    padding-bottom: 48px;
    line-height: 24px;
    color: #000
}

.img01 {
    position: absolute;
    top: -18px;
    left: 478px;
}

.tltle h2 {
    font-size: 40px;
    color: #000;
    line-height: 42px;
    padding-bottom: 7px;
    padding-top: 36px;
}

.quality02 {
    padding-bottom: 25px;
}

.quality02 h3 {
    font-size: 30px;
    color: #3f3f3f;
    line-height: 73px;
}


/*员工风采*/

.staff-pic {
    padding-top: 28px;
    overflow: hidden;
}

.staff-pic h2 {
    font-size: 24px;
    color: #343434;
    text-align: center;
    line-height: 30px;
}

.staff ul,
.staff li,
.allpics li {
    list-style: none
}

.pictures h2 {
    border-bottom: 1px solid #d4d4d4;
    height: 59px;
    line-height: 59px;
    color: #343434;
    font-size: 24px;
    text-align: center;
}

.subpic {
    overflow: hidden;
}

.subpic ul {
    width: 1300px;
}

.subpicul {
    padding-bottom: 18px;
}

.subpicul li {
    float: left;
    width: 362px;
    margin-right: 6px;
    margin-top: 23px;
    text-align: center;
    color: #343434;
    font-size: 16px;
    padding-bottom: 5px;
}

.subpicul li span {
    display: block;
    width: 362px;
    height: 353px;
    overflow: hidden;
}

.subpicul li img {
    display: block;
    width: 362px;
    height: 353px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.subpicul li h3 {
    font-size: 24px;
    padding: 12px 0 2px;
}

.thepicul {
    padding-top: 14px;
    padding-bottom: 18px;
}

.thepicul li {
    float: left;
    margin-top: 23px;
    position: relative;
    height: 371px;
    height: 330px;
    overflow: hidden;
    text-align: center;
    color: #fff;
    line-height: 18px;
    margin-right: 3px;
}

.thepicul li img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.pic-intro {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    background-color: #333;
    padding: 12px 25px 11px;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
}

.pic-intro h3 {
    font-size: 18px;
    padding-bottom: 5px;
}

.thepicul li:hover .pic-intro {
    background-color: #005bac
}

.pictures .othernav {
    padding-top: 27px;
}

.demo {
    width: 1100px;
    height: 501px;
    overflow: hidden;
    position: relative;
    margin-top: 9px;
}

.demo img,
.allpics img {
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.staffslider li img {
    width: 1100px;
    height: 501px;
    display: block;
}

.staffslider .flex-viewport li {
    float: left;
    width: 1100px;
    height: 501px;
}

.smallslider {
    position: absolute;
    height: 64px;
    bottom: 7px;
    right: 68px;
    width: 521px;
    z-index: 6;
}

.smallslider .flex-viewport li {
    float: left;
    width: 123px;
    height: 56px;
    margin-right: 8px;
    position: relative
}

.smallslider li img {
    display: block;
    width: 123px;
    height: 56px;
}

.flex-prev,
.flex-next {
    display: block;
    width: 23px;
    height: 38px;
    position: absolute;
    bottom: 22px;
    overflow: hidden;
    line-height: 1000px;
    outline: none;
    z-index: 3
}

.flex-prev {
    background: url(../images/sleft.png) no-repeat;
    left: 474px;
}

.flex-next {
    background: url(../images/sright.png) no-repeat;
    right: 28px;
}

.flex-prev:hover {
    background: url(../images/slefth.png) no-repeat;
}

.flex-next:hover {
    background: url(../images/srighth.png) no-repeat;
}

.smallslider li.flex-active-slide span {
    display: block;
    width: 123px;
    height: 56px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #ce1118;
    left: -2px;
    top: -2px;
    position: absolute
}

.smallslider .flex-viewport {
    padding: 2px;
}

#slider .flex-direction-nav .flex-disabled {
    display: none
}

.demotitle {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/layerbg.png) repeat;
    padding: 30px 630px 30px 20px;
    font-size: 20px;
    color: #fff;
    z-index: 3;
}

.staffslider .flex-direction-nav {
    z-index: 4;
    position: relative
}

.subpics {
    position: relative;
    height: 510px;
    overflow: hidden;
}

.subpics .flex-viewport li {
    width: 1100px;
    height: 510px;
    list-style: none;
}

.subpics .flex-viewport li img {
    width: 1100px;
    height: 510px;
    display: block;
}

.subpics .flex-prev,
.subpics .flex-next {
    bottom: auto;
    top: 50%;
    margin-top: -19px;
}

.subpics .flex-prev {
    left: 15px;
}

.subpics .flex-prev {
    right: 15px;
}

.allpics {
    margin-top: 22px;
}

.picintro {
    color: #585858;
    padding-bottom: 29px;
}

.picintro h3 {
    font-size: 24px;
    line-height: 35px;
    padding: 30px 0 8px;
    color: #000;
}


/*产品*/

.prosolu {
    padding-bottom: 42px;
}

.prosolu .thesolu li {
    width: 259px;
    height: 260px;
    margin-right: 20px;
}

.prosolu .thesolu li img {
    width: 259px;
    height: 260px;
}

.white {
    background: #fff;
}

.classproduct li {
    width: 348px;
    margin-right: 28px;
    height: 410px;
}

.classproduct li img {
    margin-top: 35px;
}

.bread .in-nav {
    padding-top: 0
}

.sub-innav {
    float: left;
    position: relative
}


/*技术参数图片下载*/

.prochopse {
    border-bottom: 1px solid #eee;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 1px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .1);
    color: #333;
    padding: 30px 0;
}

.prochopse dl {
    padding-left: 51px;
    position: relative
}

.prochopse dt {
    width: 42px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0
}

.prochopse dd a {
    display: block;
    float: left;
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    margin-right: 16px;
}

.prochopse dd a em {
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #acacac;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 3.5px;
}

.prochopse dd a.cur em {
    border-color: #005bac
}

.parameter {
    border-bottom: 1px solid #dfdfdf;
    padding: 22px 0 43px;
}

.tech table td {
    vertical-align: middle;
    color: #333;
}

.tech table h2 {
    font-size: 24px;
    border-bottom: 1px dashed #a8a8a8;
    line-height: 46px;
    margin-bottom: 6px;
    margin-top: 17px;
}

.subshow {
    padding: 50px 0;
    border-bottom: 1px dotted #dfdfdf;
}

.subshow h2 {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 30px
}

.showbox ul,
.showbox li {
    list-style: none;
}

.imgslider ul {
    white-space: nowrap
}

.imgslider .flex-viewport li {
    border: 2px solid #dadada;
    margin-right: 17px;
    width: 100px;
    display: inline-block
}

.imgslider li img {
    display: block;
    width: 100px;
}

.imgslider .flex-viewport li.flex-active-slide {
    border-color: #005bac
}

.imageslider li img {
    width: 100%;
}

.imageslider .flex-viewport {
    width: 693px;
    height: 500px;
    margin: 0 auto;
}

.imgslider .flex-viewport {
    width: 710px;
    margin: 0 auto;
}

.imgslider {
    margin-top: 22px;
    position: relative
}

.imageslider {
    position: relative;
    margin-top: -19px;
}

.imageslider .flex-prev,
.imageslider .flex-next {
    width: 74px;
    height: 74px;
    margin-top: -37px;
    top: 50%;
    bottom: auto;
}

.imageslider .flex-prev {
    background: url(../images/picl.jpg) no-repeat;
    left: 114px;
}

.imageslider .flex-next {
    background: url(../images/picr.jpg) no-repeat;
    right: 114px;
}

.imageslider .flex-prev:hover {
    background: url(../images/piclh.jpg) no-repeat
}

.imageslider .flex-next:hover {
    background: url(../images/picrh.jpg) no-repeat
}

.imgslider .flex-prev,
.imgslider .flex-next {
    width: 38px;
    height: 38px;
    margin-top: -19px;
    top: 50%;
    bottom: auto;
}

.imgslider .flex-prev {
    background: url(../images/spicl.jpg) no-repeat;
    left: 110px;
}

.imgslider .flex-next {
    background: url(../images/spicr.jpg) no-repeat;
    right: 110px;
}

.imgslider .flex-prev:hover {
    background: url(../images/spiclh.jpg) no-repeat
}

.imgslider .flex-next:hover {
    background: url(../images/spicrh.jpg) no-repeat
}

.mask {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    filter: alpha(opacity=86);
    background: rgba(0, 0, 0, .86);
    z-index: 15;
    display: none
}

.fixbox {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 17;
    height: 388px;
    width: 524px;
    margin-left: -262px;
    margin-top: -194px;
    background: #fff;
    display: none
}

.closed {
    display: block;
    position: absolute;
    background: url(../images/close2.jpg) no-repeat;
    width: 31px;
    height: 30px;
    right: 20px;
    top: 16px;
    cursor: pointer
}

.fixbox h2 {
    line-height: 64px;
    background: #005bac;
    color: #fff;
    padding: 0 57px 0 22px;
}

.downform ul {
    padding-left: 36px;
    padding-top: 21px;
}

.downform ul li {
    list-style: none;
    font-size: 15px;
    color: #4c4c4c;
    padding-top: 32px;
}

.downform ul li span {
    display: block;
    float: left;
    width: 82px;
    height: 45px;
    line-height: 45px;
}

.downform ul li input {
    height: 42px;
    line-height: 42px;
    border: 1px solid #dcdcdc;
    width: 254px;
    padding: 0 10px;
    float: left;
}

.subb {
    display: block;
    width: 136px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #d30e17;
    margin-left: 118px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    margin-top: 26px;
}

.downlist {
    padding-bottom: 74px;
}

.downlist h2 {
    text-align: center;
    font-size: 24px;
    color: #333;
    padding-top: 50px;
}

.downlist h3 {
    font-size: 14px;
    color: #3c3c3c;
    background: url(../images/icon08.jpg) 10px center no-repeat;
    padding: 5px 0 8px 63px;
    line-height: 24px;
}

.downlist td {
    border-bottom: 1px solid #dfdfdf;
    padding: 20px 0;
    line-height: 32px;
}

.downa {
    display: block;
    color: #3c3c3c;
    text-align: right;
    padding-right: 56px;
    background: url(../images/icon09.jpg) 222px 0 no-repeat;
    cursor: pointer
}

.downa:hover {
    color: #005bac;
    background: url(../images/icon09h.jpg) 222px 0 no-repeat;
}

.bread.cur {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 9
}

.subproduct {
    display: none;
}

.sub-innav em {
    position: absolute;
    width: 100%;
    height: 49px;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 3;
}

.sub-innav em.cur {
    z-index: -1
}

.dpictures {
    padding: 65px 0;
}

.dbig {
    float: left;
    width: 622px;
}

.dbig img {
    max-width: 622px;
    height: auto;
}

.dsmal {
    float: right;
    width: 453px;
    border-left: 1px dotted #dedede;
    padding-left: 20px;
    overflow: hidden;
}

.dsmal ul {
    width: 600px;
    margin-bottom: 10px;
}

.dsmal li {
    list-style: none;
    text-align: center;
    color: #464646;
    float: left;
    width: 175px;
    margin-right: 34px;
    margin-top: 10px;
}

.dsmal li img {
    width: 175px;
    height: 85px;
    display: block;
}

.line {
    border-top: 1px dotted #dedede;
}

#fancybox-outer img {
    display: block;
    width: 600px;
    height: 291px;
}

.thedetailimg {
    background: #ededed;
    padding: 20px 0
}

.image img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.provideo .viode {
    width: 100%;
}

.proadvan {
    padding-top: 35px;
    overflow: hidden;
    padding-bottom: 126px;
}

.proadvan h2 {
    font-size: 36px;
    color: #464646;
    line-height: 50px;
    text-align: center;
    padding-bottom: 70px;
}

.proadvan ul {
    width: 1300px;
}

.proadvan ul li {
    list-style: none;
    width: 241px;
    float: left;
    margin-right: 45px;
    text-align: center;
    font-size: 18px;
    color: #333;
}

.proadvan li img {
    display: block;
    width: 241px;
    height: 241px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 25px;
}

.proadvan ul li:hover img {
    border: 1px solid #005bac;
    width: 239px;
    height: 239px;
}

.manypic {
    background: #ededed;
    padding: 55px 0 60px;
}

.manypic img {
    max-width: 100%;
    height: auto !important
}

.bigimg {
    position: fixed;
    width: 970px;
    padding-right: 30px;
    z-index: 17;
    left: 50%;
    margin-left: -550px;
    top: 30px;
    bottom: 30px;
    display: none;
    overflow: hidden;
}

.bigimg img {
    display: block;
    position: relative
}

.close3 {
    position: absolute;
    display: block;
    background: url(../images/close2.png) no-repeat;
    width: 30px;
    height: 30px;
    top: 0;
    right: 0;
    cursor: pointer;
}

.bigimg div {
    overflow: hidden;
}

.coding {
    overflow: hidden;
    padding-top: 42px;
}

.coding h2 {
    font-size: 36px;
    color: #464646;
    line-height: 45px;
    text-align: center;
    padding-bottom: 17px;
}

.codingleft {
    float: left;
    color: #464646;
    padding-right: 58px;
    background: url(../images/dleft.jpg) right center no-repeat;
}

.codingleft p,
.codingright p {
    width: 50px;
}

.codingright {
    float: right;
    padding-left: 80px;
    background: url(../images/dright.jpg) left center no-repeat;
}

.codebox {
    width: 793px;
    overflow: hidden;
    float: left;
    margin-left: 32px;
    padding-top: 3px;
}

.codeboxul {
    background: url(../images/line02.jpg) left 44px repeat-x;
    width: 1000px;
}

.codeboxul li {
    cursor: pointer;
    float: left;
    width: 38px;
    padding-bottom: 24px;
    background: url(../images/dtop.jpg) center bottom no-repeat;
    text-align: center;
    list-style: none;
    font-size: 18px;
    margin-right: 70px;
}

.cidespan {
    color: #d30e17;
    height: 40px;
    line-height: 40px;
    border-bottom: 4px solid #fff;
    display: block;
}

.codeboxul li .codeem {
    font-style: normal;
    color: #333;
    display: inline-block;
    border-bottom: 1px solid #666666;
    line-height: 18px;
    margin-top: 14px;
}

.codeboxul li.cur .cidespan {
    border-bottom-color: #d30e17
}

.codetable {
    font-size: 18px;
    color: #333;
    margin-top: 13px;
}

.codetable td {
    padding: 3px 0;
    border-bottom: 18px solid #fff;
    background: #e5e7e6;
}

.num {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background: #4a4849;
    border-radius: 50%;
    display: inline-block;
    width: 23px;
    height: 23px;
    text-align: center;
    line-height: 23px;
    color: #fff;
    font-size: 14px;
    vertical-align: text-bottom;
    margin-left: 8px;
    margin-right: 13px;
}

.codetxt {
    color: #333;
}

.codetxt p {
    float: left;
    margin-right: 15px;
}

.textul {
    float: left;
}

.textul li {
    list-style: none;
    text-align: center;
    float: left;
    margin-right: 60px;
}

.textul span {
    display: block;
}

.allcode {
    padding-top: 20px;
}

.subcode {
    display: none;
}


/*搜索结果页*/

.result {
    padding: 58px 0 55px;
    background: #fff;
}

.result-list {
    background: #fff;
    margin: 30px 0 80px;
}

.result span {
    font-size: 30px;
    color: #005bac;
    display: block;
    line-height: 46px;
    float: left;
}

.result-in {
    float: left;
    height: 46px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 480px;
    margin-left: 32px;
    margin-right: 13px;
    padding: 0 13px;
    line-height: 46px;
    font-size: 15px;
}

.result-bt {
    background: #005bac;
    color: #fff;
    width: 111px;
    font-size: 15px;
    text-align: center;
    line-height: 46px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer
}

.the-result {
    font-size: 18px;
    color: #1a1a1a;
    padding-top: 30px;
}

.result-ul {
    padding: 0 0 27px;
}

.result-ul li {
    border-bottom: 1px solid #d0d0d0;
    line-height: 22px;
    color: #333;
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
}

.result-ul li h2 {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 7px;
}

.result-ul li h2 a {
    color: #005bac;
}

.result-ul li p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.result-a {
    display: block;
    width: 95px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #c3c3c3;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    margin-top: 15px;
    color: #005bac;
}

.result-a:hover {
    background: #005bac;
    color: #fff;
}


/*20170807*/

.secondnav {
    position: absolute;
    left: 0;
    top: 44px;
    background: #fff;
    width: 475px;
    padding-top: 18px;
    padding-bottom: 24px;
    z-index: 6;
    display: none
}

.navlind {
    float: left;
    padding: 0 31px;
    height: 150px;
    border-right: 1px solid #e4e4e4;
}

.navlind a {
    display: block;
    color: #333;
    line-height: 30px;
}

.navlind a:hover {
    color: #005bac
}

.navright {
    float: left;
    width: 276px;
    text-align: center;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    padding-left: 35px;
}

.navright img {
    /*width:276px;*/
    max-width: 250px;
    height: 150px;
}

.navright h2 {
    font-size: 18px;
    color: #005bac;
    line-height: 20px;
    padding: 10px 0 5px;
}

.forthli .navlind a {
    display: inline-block;
    margin-right: 58px;
}

.forthli .navlind {
    width: 176px;
}

.forthli .secondnav {
    width: 585px;
}

.fifthli .secondnav {
    left: -145px;
}

.sixthli .secondnav {
    left: auto;
    right: -57px;
}

.nav li:hover .secondnav {
    display: block;
}

.thenew-index {
    height: 371px;
}

@-webkit-keyframes fadeHeaderInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@-moz-keyframes fadeHeaderInDown {
    0% {
        opacity: 0;
        -moz-transform: translate3d(0, -50%, 0);
    }
    100% {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0);
    }
}

@-o-keyframes fadeHeaderInDown {
    0% {
        opacity: 0;
        -o-transform: translate3d(0, -50%, 0);
    }
    100% {
        opacity: 1;
        -o-transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeHeaderInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -50%, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.floatt {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}

.floatt.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    background: #e7e7e7;
    -webkit-animation-name: fadeHeaderInDown;
    -moz-animation-name: fadeHeaderInDown;
    -o-animation-name: fadeHeaderInDown;
    animation-name: fadeHeaderInDown;
    z-index: 9;
}

.language {
    float: right;
    height: 16px;
    line-height: 16px;
    padding-top: 43px;
}

.language a {
    float: left;
    color: #666;
    margin-left: 5px;
}

.language img {
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
}

.floatt.cur {
    position: static;
}