body {
    background-color: #ffffff;
    color: #000000;
    font-family: Verdana, arial, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

input {
    font-family: Verdana, arial, sans-serif;
}

a {
    text-decoration: none;
}

    a:link {
        color: #034af3;
        text-decoration: none;
    }

    a:hover {
        color: #2f9cdc;
    }

p, ul {
    margin: 10px 0;
}

ul {
    line-height: 1.5em;
}

p {
    line-height: 22px;
}

img {
    border-width: 0;max-width:100%;
}

.margin10 {
    margin: 10px;
}
/* HEADINGS   
----------------------------------------------------------*/

h1, h3, h4, h5, h6 {
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
    font-size: 2em;
    margin-bottom: 0;
    padding-bottom: 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

h2.home {
    font-size: 12px;
    line-height: 0px;
    font-weight: 100;
}

h1.smaller, h2.smaller {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
}

h3.smaller {
    display: inline;
    font-size: 12px;
    font-weight: normal;
    line-height: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */

.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

.page {
    background-color: White;
    margin: 0 auto;
    /*width: 961px;*/
}

    .page .downPart {
        background-color: White;
        margin: 0 auto;
        width: 961px;
    }

.header {
    background: #ffffff;
    height: 88px;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    width: 961px;
}

.mainHome {
    clear: both;
    margin: 0 auto;
    min-height: 400px;
 }
.main {
    clear: both;
    margin: 0 auto;
    min-height: 400px;
    width: 961px;
}

.footerouter {
    width: 961px;
    margin: 0 auto;
}

.xian {
    width: 200px;
    margin: 5px;
    float: left;
    text-align: center;
}

.footer {
    font-size: 12px;
    margin: 0 auto;
    width: 700px;
    float: left;
}

    .footer .footer_left {
        float: left;
    }

    .footer .footer_nav {
        float: right;
    }

/* Master
----------------------------------------------------------*/

.header .logo {
    float: left;
}

.header #logo {
    display: block;
    margin: 0 0 0 -10px;
}

.header .top_right {
    float: right;
    height: 88px;
    width: 700px;
}

    .header .top_right .lan_switch {
        color: #AAAAAA;
        float: left;
        font-size: 12px;
        height: 50px;
        padding-top: 5px;
        visibility: visible;
        width: 100%;
    }

        .header .top_right .lan_switch #lan {
            background: url(/images/china.png) no-repeat left center;
            color: #000;
            line-height: 1.2em;
            position: absolute;
            right: 18px;
            text-indent: 25px;
            top: 5px;
        }

            .header .top_right .lan_switch #lan:hover {
                color: #A3C900;
            }

            .header .top_right .lan_switch #lan img {
                margin-right: 2px;
            }

    .header .top_right .navbar {
        float: right;
        margin-top: 10px;
    }

/*****************@zii reset***************/

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

.clr {
    clear: both;
}

.text-center {
    text-align: center;
}

.clearfix {
    zoom: 1;
}

.imgtitle {
    margin: 20px 0;
}

.fr {
    float: right;
    margin: 0;
}

.fl {
    float: left;
    margin: 0;
}

ul {
    margin: 0;
    padding: 0;
}

    ul li {
        list-style-type: none;
    }

h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
}

.listyle {
    font-size: 20px;
    font-weight: bolder;
    margin-right: 5px;
    vertical-align: middle;
}

h2 {
    color: #2F9CDC;
    font-size: 14px;
}

.fs14 {
    font-size: 14px;
}

.pl20 {
    padding-left: 20px;
}

.img-center {
    display: block;
    margin: 0 auto 20px;
    width: 500px;
}

.limb15 li {
    margin-bottom: 15px;
}

a.a-specal-link {
    color: #A3C900;
    display: block;
    margin: 20px 0;
    width: 150px;
}

    a.a-specal-link:hover {
        color: #f7931d;
    }

.bottomimg {
    margin: 0 0 -35px -43px;
    position: relative;
}

.ta-right {
    text-align: right;
}

#buybook {
    cursor: pointer;
    height: 108px;
    position: absolute;
    right: 0;
    top: 300px;
    width: 49px;
}

.divform input.txt {
    border: 1px solid #DEDEDE;
    border-radius: 6px 6px 6px 6px;
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    width: 200px;
}

.divform select {
    border: 1px solid #DEDEDE;
}

.divform span.spantxt {
    display: inline-block;
    *display: inline;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    width: 202px;
    *zoom: 1;
}

.divform .loginitem {
    margin-bottom: 20px;
}

.divform label {
    display: inline-block;
    height: 27px;
    line-height: 27px;
    width: 120px;
}

.divform .loginlastTip {
    width: 370px;
}

.divform .inputTip {
    display: inline-block;
    display: inline-block;
    margin-left: 5px;
    padding: 3px 10px 3px 25px;
    vertical-align: middle;
    *zoom: 1;
}

.divform .warningTip {
    /*background: url("/images/user/Creativekl/icon_blue.gif") no-repeat scroll 5px center #FFEAF7;*/
    border: 1px solid #FFBABE;
    color: #333333;
    display: inline-block;
    *display: inline;
    margin-left: 5px;
    padding: 3px 10px 3px 25px;
    vertical-align: middle;
    *zoom: 1;
}

.divform .failTip {
    /*background: url("/images/user/Creativekl/icon_red.gif") no-repeat scroll 5px center #FFF2E9;*/
    border: 1px solid #FF0000;
    color: #333333;
    display: inline-block;
    display: inline-block;
    margin-left: 5px;
    padding: 3px 10px 3px 25px;
    vertical-align: middle;
    *zoom: 1;
}

.divform .successfulTip {
    /*background: url("/images/user/Creativekl/icon_green.gif") no-repeat scroll 5px center #E6FFE6;*/
    border: 1px solid #008000;
    color: #333333;
    display: inline-block;
    display: inline-block;
    margin-left: 5px;
    padding: 3px 10px 3px 25px;
    vertical-align: middle;
    *zoom: 1;
}

.divform .require {
    color: Red;
    margin-right: 5px;
}

.divform input.highLight {
    border: 1px solid red;
}

.messageStackWarning, .messageStackError {
    background: url(/images/error.png) no-repeat scroll 10px 10px #FFFCEB;
    border: 1px solid #9A9A9A;
    color: #B94708;
    margin-bottom: 20px;
    padding: 10px;
    padding-left: 31px;
}

    .messageStackWarning img, .messageStackError img {
        vertical-align: middle;
    }

/*------------首页开始------------------*/

.header .topline {
    background-color: #CBCBCB;
    height: 1px;
    left: 0;
    position: absolute;
    width: 961px;
}

#wrap {
    background: url(/images/home/bg.jpg) repeat-y center top;
    margin: 0 auto;
    /*width: 981px;*/
}

.pageleft {
    float: left;
    height: 100%;
    width: 0;
}

.pageright {
    float: right;
    height: 100%;
    width: 0;
}

.home-main {
    /*height: 362px;*/
    position: relative;
    width: 100%;
}

#home-top {
    background: url('/images/home/hometop.png') repeat-y scroll 0 0 transparent;
    height: 7px;
    width: 100%;
}

#home-body {
    width: 100%;
}

.brandcontainer {
    float: left;
    margin: 5px 10px;
    width: 220px;
}

.home-main .news-list {
    float: right;
    height: 362px;
    margin-left: 20px;
    overflow: hidden;
    position: relative;
    width: 241px;
}

#news-more {
    bottom: 0;
    cursor: pointer;
    font-size: 12px;
    height: 25px;
    left: 0;
    margin-bottom: 5px;
    margin-left: 0px;
    padding-top: 5px;
    width: 100%;
    width: 200px;
}

    #news-more a {
        background: url('/images/home/botton.jpg') no-repeat scroll 0 0 transparent;
        color: #205600;
        display: block;
        margin-left: 20px;
        padding-left: 22px;
    }

#home-body .product-top-bottom {
    background: url('/images/home/product_top_bottom.png') no-repeat scroll 0 0 transparent;
    height: 6px;
    margin-bottom: 10px;
    width: 100%;
}

.home-product-list {
    float: left;
    width: 100%;
}

.news-list .about-us {
    font-size: 9pt;
    margin: 10px;
}

.home-site-list {
    padding-bottom: 10px;
    width: 100%;
}

    .home-site-list h4 {
        font-size: 14px;
        padding: 0 0 0 20px;
    }

.home-product-list .product-img {
    background: url('/images/home/productbg2.png') repeat-y scroll 0 0 transparent;
    height: 200px;
    width: 100%;
    padding-left: 10px;
}

.home-product-list .product-title {
    background: url('/images/home/productbg1.png') no-repeat scroll 0 0 transparent;
    font-size: 12px;
    height: 35px;
    text-align: center;
    width: 100%;
}

.home-product-list .product-context {
    background: url('/images/home/productbg3.png') repeat-y scroll 0 0 transparent;
    font-size: 12px;
    min-height: 50px;
    width: 100%;
}

.home-product-list .div240 {
    float: left;
    /*max-height: 300px;*/
    word-wrap: break-word;
}

.product-title .div240 {
    height: 13px;
    padding: 11px 10px;
    width: 220px;
}

.product-context .div240 {
    color: #353535;
    line-height: 22px;
    padding: 15px;
    width: 210px;
}

.home-product-list .div160 {
    float: left;
    max-height: 180px;
    word-wrap: break-word;
    width: 160px;
    text-align: center;
}

.product-title .div160 {
    height: 13px;
    padding: 11px 10px;
    width: 160px;
}

.product-context .div160 {
    color: #353535;
    line-height: 22px;
    /*padding: 15px;*/
    width: 160px;
}

.home-product-list .product-img img {
    margin: 0 1px;
    width: 238px;
}

.home-product-list .product-img a:hover img {
    background: url(/images/home/productBG.png) no-repeat;
}

.home-site-list .site {
    float: left;
    width: 960px;
}

    .home-site-list .site ul {
        margin: 0;
        padding: 0;
    }

.home-site-list li {
    float: left;
    margin: 0 auto;
    width: 210px;
}

.home-site-list a {
    color: #205600;
}

    .home-site-list a:hover {
        color: lightgreen;
        text-decoration: none;
    }

.home-site-list .honeywell-title a {
    color: #000;
}

.home-main .home-rotate-ad {
    height: 500px;
    position: absolute;
    width: 500px;
}

    .home-main .home-rotate-ad img {
        height: 500px;
        width: 500px;
    }

.home-main .news-banner {
    position: absolute;
    right: 10px;
    top: 345px;
    z-index: 999;
}

#nav {
    bottom: 3px;
    position: absolute;
    right: 90px;
    top: 345px;
    z-index: 999;
}

    #nav .btPager {
        cursor: pointer;
        display: inline-block;
        *display: inline;
        height: 13px;
        margin-right: 10px;
        width: 13px;
        *zoom: 1;
    }

    #nav .activeSlide {
        background: url("../images/home/dot_white.png") repeat scroll 0 0 transparent;
    }

.navbar a, .navbar div, .sitemap .link-home-seleted, .sitemap .link-aboutus-seleted,
.sitemap .link-technology-seleted, .sitemap .link-product-seleted, .sitemap .link-app-seleted,
.sitemap .link-other-selected {
    background: url("../images/home/nav.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    *display: inline;
    height: 18px;
    *zoom: 1;
}

/*NavBar: width*/

.navbar #link-home, .navbar .link-home-seleted, .sitemap .link-home-seleted {
    width: 69px;
}

.navbar #link-aboutus, .navbar .link-aboutus-seleted, .sitemap .link-aboutus-seleted {
    width: 98px;
}

.navbar #link-technology, .navbar .link-technology-seleted, .sitemap .link-technology-seleted {
    width: 114px;
}

.navbar #link-app, .navbar .link-app-seleted, .sitemap .link-app-seleted {
    width: 219px;
}

/*NavBar: normal state*/

.navbar #link-home:hover, .navbar .link-home-seleted {
    background-position: 0 0;
}

.navbar #link-aboutus:hover, .navbar .link-aboutus-seleted, .sitemap .link-aboutus-seleted {
    background-position: 0 -36px;
}

.navbar #link-technology:hover, .navbar .link-technology-seleted, .sitemap .link-technology-seleted {
    background-position: 0 -72px;
}

.navbar #link-product:hover, .navbar .link-product-seleted, .sitemap .link-product-seleted {
    background-position: 0 -108px;
}

.navbar #link-news:hover, .navbar .link-news-seleted, .sitemap .link-news-seleted {
    background-position: 0 -132px;
}

.navbar #link-app:hover, .navbar .link-app-seleted, .sitemap .link-app-seleted {
    background-position: 0 -144px;
}

.sitemap .link-other-selected {
    background-position: 0 -180px;
    width: 100px;
}

.sitemap > div > div:first-child {
    margin-bottom: 18px;
    text-indent: -9999px;
}

/*NavBar: hover & selected state*/

.navbar #link-home, .sitemap .link-home-seleted {
    background-position: 0 -18px;
}

.navbar #link-aboutus {
    background-position: 0 -54px;
}

.navbar #link-technology {
    background-position: 0 -90px;
}

.navbar #link-product {
    background-position: 0 -126px;
}

.navbar #link-news {
    background-position: 0 -148px;
}

.navbar #link-app {
    background-position: 0 -162px;
}

.news-list h4 {
    background: url('/images/home/righttitlebg.jpg') no-repeat scroll 0 0 transparent;
    font-size: 14px;
    padding: 7px 0 7px 20px;
}

.news-list ul {
    line-height: normal;
    margin-left: -25px;
}

    .news-list ul li {
        font-size: 10px;
        line-height: 20px;
        list-style-position: outside;
        list-style-type: disc;
        margin-bottom: 10px;
        margin-left: 30px;
    }

        .news-list ul li a {
            color: #000000;
            font-size: 12px;
            text-decoration: none;
        }

            .news-list ul li a:hover {
                font-size: 12px;
                text-decoration: none;
            }

.footer {
    color: #9d9d9d;
    font-size: 12px;
}

    .footer .footer_nav a, .links a {
        color: #9d9d9d;
    }

        .footer .footer_nav a:hover, .links a:hover {
            color: #205600;
            text-decoration: none;
        }

    .footer .footer_left a {
        color: #859eda;
    }

.honeywell-home {
    padding-left: 10px;
    padding-right: 10px;
    float:left;
}

.honeywell-title {
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    padding-left: 10px;
}

/*------------首页结束------------------*/

.container {
    background-color: #ffffff;
    float: left;
    width: 100%;
}

.containerbtm {
    background: url('/images/home/bottom_03.jpg') no-repeat scroll 0 0 transparent;
    float: left;
    height: 16px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/******************@corporation***********************/

.circle_p {
    background: url('/images/corporation/circle.png') no-repeat scroll 0 1px transparent;
    padding-left: 40px;
    margin-left: 20px;
}

    .circle_p h4 {
        color: #2F9CDC;
        font-family: Verdana, arial, sans-serif;
        font-size: 14px;
        padding-bottom: 20px;
    }

    .circle_p p {
        margin: 0 0 16px;
    }

/*About us*/

#culture .T1 {
    color: #000000;
    font-family: Verdana;
    font-size: 32px;
}

#culture .T2 {
    color: #2F9CDC;
    font-family: Verdana;
    font-size: 20px;
    padding: 0 0 0 16px;
}

#culture .culture-content {
    font-size: 16px;
    margin: 16px 0;
}

.letterF {
    color: #2F9CDC;
}
.price {
    color: #2F9CDC;
}

/* Theme-aware accents */
.news-card h4,
.hps-header h3,
.hps-group-head a,
.home-kpi .kpi-num,
.pager #info {
    color: var(--theme-primary-dark, #1d4ed8);
}

.hps-header a,
.hps-card .dot,
.news-card a:hover,
.footer-nav a:hover {
    color: var(--theme-primary, #2f9cdc);
}

.pager button.active,
.news-pager-wrap .pg-btn.active {
    background: var(--theme-primary, #2f9cdc) !important;
    border-color: var(--theme-primary, #2f9cdc) !important;
    color: #fff !important;
}
#officer, #comdesc {
    clear: both;
    margin-top: 5px;
}

    #officer .D1 span {
        font-size: 18px;
        margin-right: 10px;
    }

    #officer .D1 p.P1 {
        font-size: 14px;
    }

    #officer .Img1 {
        margin: 5px 16px 16px 0;
    }

    #comdesc .Img2 {
        margin: 5px 16px 0px 16px;
    }

    #officer td, #comdesc td {
        vertical-align: top;
    }

/*About us*/

/*History*/

#history span.T1 {
    color: #48A9DF;
    font-size: 18px;
    font-weight: bold;
    margin-right: 10px;
}

#history span.T2 {
    color: #78D3F6;
    font-size: 12px;
}

/*History*/

/*Honour*/

#honour ul {
    margin: 30px 0 0;
}

    #honour ul li {
        background: url('/images/corporation/circle.png') no-repeat scroll 0 3px transparent;
        list-style-type: none;
        margin: 8px 0;
        padding-left: 18px;
    }

/*Honour*/

/*Academic exchange*/

#aexchange p {
    background: url('/images/corporation/circle.png') no-repeat scroll 0 4px transparent;
    margin: 0 0 20px;
    padding-left: 18px;
}

#aexchange img {
    clear: both;
    display: block;
    margin: 10px auto 0;
}

/*Academic exchange*/

.corporation-banner-top {
    background: url('/images/corporation/bannertop.png') no-repeat scroll 0 0 transparent;
    height: 6px;
    width: 100%;
}

.container-left {
    float: left;
    min-height: 396px;
    width: 700px;
}

#corporation-box {
    background: url('/images/corporation/rightbg.png') no-repeat scroll 697px 0 transparent;
}

.container-right {
    margin: 20px 20px 20px 705px;
}

.navigator .navbg {
    background: url("/images/navbg.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 5px;
    margin: 0;
    /* width: 234px;*/
}

.navigator a, .navigator div {
    display: block;
    margin: 5px 0;
    overflow: hidden;
}

.corporation-navigator {
    padding-left: 40px;
}

    .corporation-navigator a, .corporation-navigator div {
        height: 18px;
        width: 185px;
    }

#summary:hover, #summary-selected {
    background-position: 25px -36px;
}

#grow:hover, #grow-selected {
    background-position: 25px -72px;
}

#honor:hover, #honor-selected {
    background-position: 25px -108px;
}

#Academic:hover, #Academic-selected {
    background-position: 25px -144px;
}

#company {
    background-position: 25px 0;
    height: 18px;
}

#summary {
    background-position: 25px -54px;
}

#grow {
    background-position: 25px -90px;
}

#honor {
    background-position: 25px -126px;
}

#Academic {
    background-position: 25px -162px;
}

/******************@technology***********************/

.technology-banner-top {
    background: url('/images/technology/bannertop.jpg') no-repeat scroll 0 0 transparent;
    height: 6px;
    width: 961px;
}

.technology-navigator {
    padding-left: 40px;
}

    .technology-navigator a, .technology-navigator div {
        width: 180px;
    }

#technology {
    background-position: 25px 0px;
    height: 18px;
}

.technology-index {
    margin-left: 10px;
}

#gas-detector-system:hover, #gas-detector-system-selected {
    background-position: 25px -34px;
}

#digital-platform:hover, #digital-platform-selected {
    background-position: 25px -66px;
}

#digital-book:hover, #digital-book-selected {
    background-position: 25px -98px;
}

#word-platform:hover, #word-platform-selected {
    background-position: 25px -130px;
}

#handinput:hover, #handinput-selected {
    background-position: 25px -162px;
}

#voice-processing:hover, #voice-processing-selected {
    background-position: 25px -194px;
}

#media-processing:hover, #media-processing-selected {
    background-position: 25px -226px;
}

#gas-detector-system {
    background-position: 25px -18px;
}

#digital-platform {
    background-position: 25px -50px;
}

#digital-book {
    background-position: 25px -82px;
}

#word-platform {
    background-position: 25px -114px;
}

#handinput {
    background-position: 25px -146px;
}

#voice-processing {
    background-position: 25px -178px;
}

#media-processing {
    background-position: 25px -210px;
}

#technology-box {
    background: url('/images/technology/rightbg.jpg') no-repeat scroll 697px 0 transparent;
}

/*********************@product*************************************/
.productdetail {
    width: 680px;
}

.productbottom {
    float: left;
}

.product-banner-top {
    background: url('/images/ProductSolution/bannertop.jpg') no-repeat scroll 0 0 transparent;
    height: 6px;
    width: 961px;
}

.product-navigator a, .product-navigator div {
    background: url("/images/ProductSolution/nav.png") no-repeat scroll 0 0 transparent;
    height: 16px;
    width: 150px;
}



#product-box .circle_p {
    background: url("/images/ProductSolution/circle.jpg") no-repeat scroll 0 3px transparent;
}

#product-solution {
    background-position: 25px 0px;
    height: 18px;
}

.pro-solution .wawayaya-education {
    margin: 40px 0 20px;
}

.pro-solution .wawayayaitem {
    float: left;
    padding-left: 10px;
    width: 112px;
}

.pro-solution h2, .technology h2 {
    color: #A3c900;
    font-family: Verdana, arial, sans-serif;
    font-size: 18px;
    margin-bottom: 25px;
}

    .pro-solution h2 img {
        margin-right: 8px;
    }

.pro-solution .smallh, .technology .smallh {
    font-size: 14px;
    font-weight: normal;
    margin-left: 2px;
}

.pro-solution h4, .technology h4 {
    font-size: 14px;
    font-weight: bold;
    line-height: 120%;
}

    .technology h4 .gray {
        color: #353535;
    }

.pro-solution h3, .technology h3, .speech-processing h3 {
    color: #a3c900;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
}

.technology h2, .technology h3, .technology h4, .technology .smallh {
    color: #58C5C6;
}

.technology ul li {
    line-height: 22px;
    list-style-image: url('/images/technology/streaming-media-list-style.jpg');
}

.pro-solution .hanztab {
    margin-bottom: 35px;
}

    .pro-solution .hanztab p {
        color: #666666;
        line-height: 120%;
        margin: 5px 0;
    }

    .pro-solution .hanztab td {
        padding-bottom: 20px;
        vertical-align: top;
    }

.pro-solution .tdtext {
    padding-right: 5px;
    width: 127px;
}

.pro-ul {
    line-height: 22px;
    margin-bottom: 20px;
}

    .pro-ul p {
        margin: 0;
    }

.hanzpaditem {
    border-bottom: 1px solid #A3C900;
    padding: 11px 0;
}

    .hanzpaditem .hanzpaditem-text {
        padding-right: 40px;
        width: 411px;
    }

.textbook-digitalization .image {
    height: 80px;
}

.speech-processing .image {
    margin-top: 20px;
}

.streaming-media .image {
    height: 130px;
    margin-top: 20px;
}

.streaming-media .qos {
    margin-bottom: 20px;
}

.textbook-digitalization .text, .speech-processing .text, .streaming-media .text {
    height: 100px;
    padding-right: 40px;
    width: 550px;
}

.textbook-digitalization .text {
    height: 80px;
}

.streaming-media .text {
    height: 130px;
}

.streaming-media-bg {
    background-image: url('/images/technology/streaming-media-bg.jpg');
    background-position: right bottom;
    background-repeat: no-repeat;
}

.speech-processing .text, .streaming-media .text {
    margin-top: 20px;
    width: 520px;
}

.hansnote-position {
    padding-left: 285px;
}

#hanzpad {
    background-position: 25px -18px;
}

#e-book {
    background-position: 25px -50px;
}

#wawayaya {
    background-position: 25px -82px;
}

#hanshen-wirte {
    background-position: 25px -114px;
}

#hanshen-dictionary {
    background-position: 25px -146px;
}

#hanzpad:hover, #hanzpad-selected {
    background-position: 25px -34px;
}

#e-book:hover, #e-book-selected {
    background-position: 25px -66px;
}

#wawayaya:hover, #wawayaya-selected {
    background-position: 25px -98px;
}

#hanshen-wirte:hover, #hanshen-wirte-selected {
    background-position: 25px -130px;
}

#hanshen-dictionary:hover, #hanshen-dictionary-selected {
    background-position: 25px -162px;
}

.product-type {
    float: left;
}

    .product-type ul, .product-type li {
        color: #000000;
    }

    .product-type .sub-type-li {
        font-size: 12px;
        text-indent: 2em;
    }

    .product-type .sub-type-ul {
    }

.product-left-nav {
    font-size: 12px;
    text-indent: 2em;
}

.all-product-type {
    width: 250px;
}

.pro_index {
    float: left;
    margin: 10px;
    width: 670px;
}

/*********************@application*************************************/

.application-banner-top {
    background: url('/images/ApplicationExploration/bannertop.jpg') no-repeat scroll 0 0 transparent;
    height: 6px;
    width: 961px;
}

.application-navigator {
    padding-left: 40px;
}

#application-box {
    background: url("/images/ApplicationExploration/rightbg.jpg") no-repeat scroll 697px 0 transparent;
}

    #application-box .app-box {
        margin: 10px;
    }

#application {
    background-position: 25px 0px;
    height: 18px;
}

#digital-classroom {
    background-position: 25px -18px;
}

#business-meeting {
    background-position: 25px -50px;
}

#training-school {
    background-position: 25px -82px;
}

#digital-classroom:hover, #digital-classroom-selected {
    background-position: 25px -34px;
}

#business-meeting:hover, #business-meeting-selected {
    background-position: 25px -66px;
}

#training-school:hover, #training-school-selected {
    background-position: 25px -98px;
}

.app-box h2 {
    color: #d89d45;
    font-family: Verdana, arial, sans-serif;
    font-size: 18px;
    margin-bottom: 25px;
}

    .app-box h2 img {
        margin-right: 8px;
    }

.app-box .smallh {
    font-size: 14px;
    font-weight: normal;
    margin-left: 2px;
}

.app-box h4 {
    color: #d89d45;
    font-size: 14px;
    font-weight: normal;
    line-height: 120%;
}

.app-box .bold-h4 {
    color: #e7910d;
    font-size: 14px;
    font-weight: bold;
    line-height: 120%;
    margin-bottom: 10px;
}

.app-box h3 {
    color: #e8910e;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
}

.app-box a.a-specal-link {
    color: #d89d45;
    display: block;
    margin: 20px 0;
    width: 180px;
}

    .app-box a.a-specal-link:hover {
        color: #A3C900;
    }

.business-ul {
    margin-bottom: 20px;
}

    .business-ul li {
        background: url("/images/ApplicationExploration/business/libg.jpg") no-repeat scroll 0 8px transparent;
        line-height: 22px;
        padding-left: 15px;
    }

/*******************@zii news******************/

#company-news {
    background: url('/images/newsline.jpg') repeat-x scroll 0 bottom transparent;
    color: #a1c803;
    font-size: 24px;
    margin: 0 26px;
    padding: 5px 0;
}

#newsbox {
    margin: 0 0 20px 52px;
    table-layout: fixed;
    width: 857px;
}

    #newsbox td {
        vertical-align: top;
    }

    #newsbox .news-content {
        color: #000000;
        font-size: 14px;
    }

    #newsbox .news-date {
        color: #000000;
        font-size: 12px;
        padding-top: 4px;
        text-align: right;
    }

    #newsbox .news-content-hover {
        color: #bdd63c;
        font-size: 14px;
    }

    #newsbox .news-date-hover {
        color: #777777;
        font-size: 12px;
        padding-top: 4px;
        text-align: right;
    }

#newsbody {
    min-height: 400px;
}

    #newsbody h3 {
        font-size: 14px;
        font-weight: bold;
        margin: 20px 0;
    }

    #newsbody p {
        padding: 0 52px;
    }

.gas-detector-article {
    margin: 20px;
    text-indent: 2em;
}

/*---------     footer四个页开始      --------*/

.page-content {
    background: url('/images/home/footer-top-bg.jpg') no-repeat scroll 0 0 transparent;
    background-color: #ffffff;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 10px;
}

.join-us .title, .contact-us .title, .copyright .title, .sitemap .title {
    margin: 18px 0 24px 0;
}

    .join-us .title h1, .contact-us .title h1, .sitemap .title h1, .copyright .title h1 {
        color: #A1C803;
        font-size: 24px;
        line-height: 30px;
    }

.contact-us .content {
    float: left;
    width: 450px;
}

.contact-us .contentborderR {
    border-right: 1px solid black;
}

.join-us .position, .contact-us .content {
    padding-bottom: 18px;
}

.join-us .position-title h2, .contact-us .contact-info h2, .copyright .title h2 {
    background: url('/images/home/footer-bg.jpg') repeat scroll 0 0 transparent;
    color: #000000;
    font-size: 20px;
    height: 40px;
    padding: 10px 0 0 20px;
}

.contact-us .contact-info h2 {
    font-size: 18px;
}

.join-us .position-jd, .contact-us .business, .copyright .notification, .copyright .counter-notification {
    color: #a3c900;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 26px;
}

.contact-us .business {
    padding-left: 46px;
}

.contact-us .Region {
    background: url(/images/corporation/circle.png) no-repeat scroll 26px 1px;
    color: #2F9CDC;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 46px;
}

.join-us .position-detail, .contact-us .detail, .copyright .detail {
    line-height: 28px;
    margin-bottom: 18px;
    padding-left: 46px;
}

.copyright .detail {
    padding-left: 26px;
    text-indent: 28px;
}

.sitemap .corporation, .sitemap .technology, .sitemap .product, .sitemap .application, .sitemap .other {
    float: left;
}

.sitemap {
    background-position: bottom center;
    /*background-image: url('/images/home/sitemap-bg.jpg');*/
    background-repeat: no-repeat;
    padding-left: 26px;
}

    .sitemap .home {
        float: left;
        margin: 0;
    }

    .sitemap .home {
        width: 50px;
    }

    .sitemap .corporation {
        width: 90px;
    }

    .sitemap .technology {
        width: 120px;
    }

    .sitemap .product {
        width: 190px;
    }

    .sitemap .application {
        width: 220px;
    }

    .sitemap .other {
        width: 100px;
    }

        .sitemap .home h2, .sitemap .corporation h2, .sitemap .technology h2, .sitemap .product h2, .sitemap .application h2, .sitemap .other h2 {
            color: #000000;
            font-size: 20px;
            height: 40px;
            padding: 10px 0 0 0;
            text-align: center;
        }

        .sitemap .home .links, .sitemap .corporation .links, .sitemap .technology .links, .sitemap .product .links, .sitemap .application .links, .sitemap .other .links {
            color: #000000;
            font-size: 14px;
            line-height: 28px;
        }

    .sitemap ul li {
        list-style: none;
        padding: 3px 0 4px 8px;
    }

    .sitemap .home ul li {
        background: url(/images/home/sitemap-home.jpg) no-repeat left 0.7em;
    }

    .sitemap .corporation ul li {
        background: url(/images/home/sitemap-about-us.jpg) no-repeat left 0.7em;
    }

    .sitemap .technology ul li {
        background: url(/images/home/sitemap-technology.jpg) no-repeat left 0.7em;
    }

    .sitemap .product ul li {
        background: url(/images/home/sitemap-product-solution.jpg) no-repeat left 0.7em;
    }

    .sitemap .application ul li {
        background: url(/images/home/sitemap-application.jpg) no-repeat left 0.7em;
    }

    .sitemap .other ul li {
        background: url(/images/home/sitemap-other.jpg) no-repeat left 0.7em;
    }

    .sitemap img {
        margin-bottom: 4px;
    }

    .sitemap a {
        color: #034AF3;
        text-decoration: none;
    }

        .sitemap a:hover {
            color: #2F9CDC;
        }

    .sitemap .productsitemap {
        margin-left: 0;
    }
/*---------     footer四个页结束      --------*/

/**error**/

#error_page {
    background: url("/images/error.png") no-repeat scroll 0 0 transparent;
    margin: 110px auto;
    padding-left: 45px;
    width: 520px;
}

    #error_page h2 {
        color: #f0a800;
        font-size: 24px;
        font-weight: normal;
        margin-top: 0;
        padding-top: 3px;
    }

    #error_page p {
        font-size: 14px;
        margin-left: 0;
    }

/*     @zii signup         */

.title-box {
    margin: 0 auto;
    width: 822px;
}

    .title-box .title-bg2 {
        margin-left: 10px;
    }

    .title-box h4 {
        background: url("/Images/home/bg.jpg") repeat-x scroll 0 0 transparent;
        font-weight: bold;
        height: 22px;
        margin: 10px 0 30px;
        width: 100%;
    }

    .title-box .title-content {
        background: none repeat scroll 0 0 #FFFFFF;
        float: left;
        height: 35px;
        margin-top: -13px;
        padding: 0 10px;
    }

    .title-box .blue-title {
        color: #884A00;
        font-size: 14px;
        font-weight: bold;
        height: 38px;
        line-height: 38px;
        margin: 0 auto 30px;
        padding-left: 120px;
        /*background: url('/Images/User/Creativekl/login-title.jpg') no-repeat scroll 0 0 transparent;*/
        width: 100%;
    }

    .title-box #btnsubmit {
        border: none;
        margin-left: 80px;
    }

#signup label {
    width: 100px;
}

#signup .loginlastTip {
    width: 390px;
}

#signup .lastloginitem {
    margin-bottom: 30px;
    padding-left: 100px;
}

#signup #btnSubmit {
    background: url("/Images/user/Creativekl/sign.png") no-repeat scroll 0 0 transparent;
    color: #ffffff;
    cursor: pointer;
    height: 28px;
    line-height: 28px;
    margin-left: 100px;
    text-align: center;
    width: 122px;
}

#signup .login-box {
    padding: 0 0 20px 73px;
}

.sign-bottom {
    height: 20px;
    width: 960px;
}

#selDay, #selYear, #selMonth {
    height: 25px;
    width: 60px;
}

#slcountry {
    height: 25px;
    width: 200px;
}

#serviceTitle {
    background-color: #EBEBEB;
    color: #2D2D2D;
    font-weight: bold;
    line-height: 20px;
    margin: 10px 0;
    padding: 4px 0 4px 10px;
    width: 940px;
}

/*@zii findpwd*/

#findPWD {
    margin: 60px auto;
    width: 600px;
}

    #findPWD input {
    }

#findPWD_top {
    height: 42px;
}

#findPWD_body {
    height: auto;
    padding: 15px 27px 0;
}

    #findPWD_body .title-tip {
        color: #884A00;
        font-weight: bold;
        margin-bottom: 10px;
    }

#findPWD_btm {
    height: 28px;
}

#fwdleft {
    float: left;
}

#fwdright {
    color: #387a10;
    float: right;
    height: 97px;
    line-height: 18px;
    width: 245px;
}

#findPWD .divform .loginitem {
    margin-bottom: 10px;
}

#findPWD .divform input.txt {
    vertical-align: middle;
    width: 145px;
}

#findPWD .pwdTip {
    height: 50px;
    /*background: url("/Images/User/Creativekl/r.png") no-repeat scroll 0 0 transparent;*/
    padding-left: 38px;
}

    #findPWD .pwdTip a {
        color: #884A00;
    }

        #findPWD .pwdTip a:hover {
            color: #ff6a0a;
        }

    #findPWD .pwdTip img {
        vertical-align: middle;
    }

#findPWD #error {
    color: red;
    height: 20px;
    margin-left: 120px;
}

#login .loginbtn {
    margin: 0 10px 0 120px;
}

#login #btnsubmit {
    color: #b72604;
    cursor: pointer;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    /*background: url('/Images/User/Creativekl/login-submit-button.png') no-repeat scroll 0 0 transparent;*/
    text-align: center;
    width: 122px;
}

#pwdbtn {
    margin: 10px 0 0 120px;
    width: 200px;
}

/*login*/

.site-body-icon, .body-left {
    display: none;
}

#loginBody {
    margin: 40px auto 0;
    width: 480px;
}

#captchacodeimg {
    margin-left: 10px;
    vertical-align: middle;
}

#loginBody .loginitem label img {
    margin-right: 5px;
}

.yellow-button {
    /*background: url("/images/User/Creativekl/yellow-button.png") no-repeat scroll 0 0 transparent;*/
    color: #B72604;
    cursor: pointer;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 124px;
}

#modify-submit-buy {
    border: medium none;
}

#findPWD_bodyOk {
    margin: 40px auto;
    width: 380px;
}

.a-btnsignup {
    /*background: url("/Images/user/Creativekl/sign.png") no-repeat scroll 0 0 transparent;*/
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 122px;
}

#signup #btnsubmit {
    border: none;
    margin-left: 100px;
}

#signup {
    margin-top: 20px;
}

#findPWD_bodyOk p {
    margin: 30px 0 0 38px;
}

    #findPWD_bodyOk p a {
        color: #b4d523;
    }

        #findPWD_bodyOk p a:hover {
            color: #ff6a0a;
            text-decoration: underline;
        }

#overly {
    background: white;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 100000;
}

.searchouter {
    float: left;
    width: 100%;
}

.searchinner ul {
    margin-left: 200px;
}

/*---------------------产品中心start--------------------*/

.big_nva {
    border: 1px solid #D8E7EE;
    border-radius: 5px;
    margin: 10px 10px 10px 10px;
    width: 230px;
}

.top {
    background-color: #F4F9FC;
    border-bottom: 1px solid #D8E7EE;
    display: block;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    width: 230px;
}

.product {
    padding-left: 10px;
    position: relative;
}

#product-box {
    background: url("/images/ProductSolution/rightbg.jpg") no-repeat scroll 697px 0 transparent;
}

.product .zuobiao {
    left: 40px;
    position: absolute;
    top: 3px;
}

.product .product-list {
    padding: 10px 20px;
}

.product .zuobiao1 {
    /*top:390px;*/
    left: 40px;
    position: absolute;
}

.product .zuobiao2 {
    /*top:514px;*/
    left: 40px;
    position: absolute;
}

.product .zuobiao3 {
    /*top:620px;*/
    left: 40px;
    position: absolute;
}

.pdt-title {
    background-color: #D3E098;
    border-bottom: 1px solid #D8E7EE;
    border-radius: 5px;
    color: white;
    display: block;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    width: 697px;
}

.pdt-list {
    border: 1px solid #F4F4F4;
    width: 620px;
    margin: auto;
}

.productdetail a {
    color: #333333;
}
/*---------------------产品中心end--------------------*/
/*------honeywell news begin------*/
.div960 {
    width: 960px;
    margin-left: 10px;
}

.hmore {
    float: right;
    text-align: right;
    margin: -40px 280px 0px 0px;
}

/*------honeywell news end------*/

/*------unified footer------*/
.footer.site-footer {
    box-sizing: border-box;
    clear: both;
    float: none;
    width: 100%;
    max-width: 980px;
    margin: 18px auto 0;
    padding: 14px 16px;
    border-top: 2px solid #2f9cdc;
    background: linear-gradient(180deg, #f2f8ff 0%, #eef6ff 100%);
    color: #475569;
    font-size: 12px;
    line-height: 1.8;
    box-shadow: 0 -1px 6px rgba(47, 156, 220, 0.12);
}

.site-footer {
    text-align: center;
}

.site-footer .footer-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 16px;
    align-items: center;
}

.site-footer .footer-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 14px;
}

.site-footer .footer-meta a,
.site-footer .footer-nav a {
    color: #1f2937;
}

.site-footer .footer-meta a:hover,
.site-footer .footer-nav a:hover {
    color: #2f9cdc;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .site-footer {
        margin-top: 14px;
        padding: 12px;
    }

    .site-footer .footer-meta {
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }
}

/* Force site-wide white background (override bootstrap/default legacy) */
html, body {
    background-color: #ffffff !important;
}

#wrap {
    background: #ffffff none !important;
}

/* Unified top header/navigation */
.site-top-header {
    max-width: 980px;
    margin: 12px auto 12px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.site-top-header .site-logo img {
    display: block;
    width: auto;
    height: auto;
    max-width: 240px;
}

.home-nav {
    margin: 0 0 6px;
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex-wrap: nowrap;
}

.home-nav a {
    display: inline-block;
    height: 18px;
    overflow: hidden;
    text-indent: -9999px;
    background: url("../images/Home/nav.zh.png") no-repeat 0 0;
}

.home-nav #link-home { width: 80px; background-position: 0 -18px; }
.home-nav #link-aboutus { width: 100px; background-position: 0 -54px; }
.home-nav #link-technology { width: 100px; background-position: 0 -90px; }
.home-nav #link-product { width: 120px; background-position: 0 -126px; }
.home-nav #link-news { width: 100px; background-position: 0 -198px; }
.home-nav #link-app { width: 126px; background-position: 0 -162px; }

.home-nav #link-home:hover, .home-nav #link-home.active { background-position: 0 0; }
.home-nav #link-aboutus:hover, .home-nav #link-aboutus.active { background-position: 0 -36px; }
.home-nav #link-technology:hover, .home-nav #link-technology.active { background-position: 0 -72px; }
.home-nav #link-product:hover, .home-nav #link-product.active { background-position: 0 -108px; }
.home-nav #link-news:hover, .home-nav #link-news.active { background-position: 0 -180px; }
.home-nav #link-app:hover, .home-nav #link-app.active { background-position: 0 -144px; }

@media (max-width: 768px) {
    .site-top-header {
        display: block;
        margin-top: 8px;
    }

    .home-nav {
        margin-top: 10px;
        transform: scale(0.95);
        transform-origin: left center;
    }
}