@charset "utf-8";

/* public */
body,
html {
    font-family: 'microsoft yahei';
    text-align: center;
    margin: 0 auto;
    padding: 0px;
}

/*topnav*/
.veg_head {
    width: 100%;
    height: 150px;
    background-image: url(../images/nav_bg.png);
    background-repeat: repeat-x;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99
}

.veg_toplogo {
    width: 212px;
    height: 72px;
    margin: 0px;
    float: left
}

.veg_toplogo img {
    width: 212px;
    height: 72px;
}

.veg_toptell {
    width: 212px;
    height: 72px;
    margin: 0px;
    float: right;
    text-align: right;
    font-size: 12px;
    line-height: 72px;
    color: #e0e0e6;
    padding-right: 13px;
}

.veg_toptell a {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
}

.veg_toptell a:visited {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
}

.veg_toptell a:hover {
    color: #cf0014;
    text-decoration: none;
    font-size: 14px;
}

.st_search {
    width: 140px;
    height: 24px;
    float: left;
    margin: 23px 0px;
    border: #e0e0e6 1px solid;
    border-radius: 4px;
}

.st_search_input {
    width: 106px;
    height: 18px;
    line-height: 18px;
    float: left;
    margin: 2px;
    text-indent: 5px;
    color: #ffffff;
    font-size: 12px;
    line-height: 18px;
    background: none;
    border: none
}

.st_search_btn {
    width: 24px;
    height: 24px;
    float: right;
    background: none;
    border: 0px;
    background-image: url(../images/search_btn.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer
}






.veg_nav {
    width: 840px;
    height: 72px;
    float: right;
}

.veg_nav_item {
    width: 120px;
    height: 36px;
    float: left;
    margin: 18px 0px;
    text-align: left;
    border: 0px;
    text-align: left;
    font-size: 18px;
    line-height: 36px;
    text-transform: uppercase;
}

.veg_nav_item a {
    color: #ffffff;
    text-decoration: none
}

.veg_nav_item a:visited {
    color: #ffffff;
    text-decoration: none
}

.veg_nav_item a:hover {
    color: #cf0014;
    text-decoration: none;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}


.menu {
    width: 100%;
    height: 150px;
    background-image: url(../images/nav_bg.png);
    background-repeat: repeat-x;
    position: fixed;
    left: 0;
    top: 0px;
    z-index: 99;
    text-align: center;
}

.menu .nav {
    width: 900px;
    height: 72px;
    margin: 0 auto;
}

.menu .nav li {
    float: left;
    list-style: none;
    width: 150px;
    height: 72px;
    padding: 0px;
    margin: 0px;
}

.st_topnav_item {
    width: 150px;
    height: 72px;
    margin: 0px;
}

.st_topnav_item a {
    display: block;
    height: 72px;
    text-align: left;
    text-indent: 26px;
    width: 150px;
    /*border-left:1px solid #000;*/
    padding: 0px;
    line-height: 72px;
    color: #ffffff;
    background-image: url(../images/collapse-def.png);
    background-position: center center;
    background-repeat: no-repeat;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    font-size: 18px;
}

.st_topnav_item a:hover,
.st_topnav_item a.current {
    background-color: #FFFFFF;
    background-image: url(../images/collapse-def2.png);
    background-position: center center;
    background-repeat: no-repeat;
    color: #cf0014;
}

.menu .nav li .box {
    width: 100%;
    height: 200px;
    position: absolute;
    top: 72px;
    left: 0;
    background: rgba(255, 255, 255, 1);
    display: none;
    text-align: center;
    padding: 30px 0px;
    box-shadow: 0px 7px 20px rgba(0, 0, 0, .18);
    background-image: url(../images/drop_bg.png);
    background-repeat: repeat-x;
    background-position: center center;
    z-index: 9999999
}

.drop_nav {
    width: 70%;
    margin: 0 auto;
    height: 200px;
}

.drop_nav_left {
    width: 30%;
    height: 200px;
    background-color: #ffffff;
    padding: 0px;
    border: 0px;
    float: left;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 0px 20px #d0d0d6;
    overflow: hidden
}

.drop_nav_left img {
    width: 100%;
    height: 200px;
}


.drop_nav_left:hover img {
    transform: scale(1.1);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.drop_nav_leftt {
    position: absolute;
    left: 30px;
    bottom: 30px;
    width: 260px;
    height: 22px;
    line-height: 22px;
    text-align: left;
    z-index: 9999;
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    background: none
}

.drop_nav_leftt a {
    color: #ffffff;
    text-decoration: none;
    background: none
}

.drop_nav_leftt a:visited {
    color: #ffffff;
    text-decoration: none;
    background: none
}

.drop_nav_leftt a:hover {
    color: #ffffff;
    text-decoration: none;
    background: none
}

.drop_nav_right {
    width: 64%;
    height: 200px;
    float: right;
}

.drop_nav_rightitem {
    width: 20%;
    text-align: center;
    padding: 30px 0px;
    height: 150px;
    float: left;
    font-size: 16px;
    line-height: 20px;
}

.drop_nav_rightitem img {
    margin: 0 auto;
    width: 100px;
    height: 100px;
}

.drop_nav_rightitem a {
    color: #343536;
    text-decoration: none
}

.drop_nav_rightitem a:visited {
    color: #343536;
    text-decoration: none
}

.drop_nav_rightitem a:hover {
    color: #cf0014;
    text-decoration: none
}

.drop_nav_rightitem2 {
    width: 47%;
    text-align: left;
    padding: 0px 0px;
    height: 200px;
    float: left;
    font-size: 16px;
    line-height: 40px;
    margin-left: 3%;
}

.drop_nav_rightitem2 img {
    margin: 0 auto;
    width: 100%;
    height: 160px;
}

.drop_nav_rightitem2 a {
    color: #343536;
    text-decoration: none
}

.drop_nav_rightitem2 a:visited {
    color: #343536;
    text-decoration: none
}

.drop_nav_rightitem2 a:hover {
    color: #cf0014;
    text-decoration: none
}

/*about*/
.veg_abotcon {
    position: relative;
    background-color: #ffffff;
}

.veg_abottit {
    width: 100%;
    height: 100px;
    position: absolute;
    text-align: center;
    font-size: 100px;
    line-height: 100px;
    top: 100px;
    color: #e8e8fd;
    font-weight: bold;
    left: 0%;
}

.veg_abottite {
    width: 100%;
    height: 64px;
    position: absolute;
    text-align: center;
    font-size: 64px;
    line-height: 74px;
    top: 149px;
    color: #343536;
    font-weight: normal;
    left: 0%;
    text-transform: uppercase
}

.veg_abotlist {
    width: 80%;
    height: 560px;
    margin: 0 auto;
    margin-top: 100px;
}

.veg_abotpic {
    width: 64%;
    height: 560px;
    float: left;
    margin: 0px;
    position: relative;
    overflow: hidden;
}

.veg_abotpic:hover img {
    transform: scale(1.02);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.veg_abotpic img {
    width: 100%;
    height: 560px;
}

.veg_abotpic i {
    position: absolute;
    left: 30px;
    top: 30px;
    bottom: 30px;
    right: 30px;
    border: rgba(255, 255, 255, .34) 1px solid;
    z-index: 999;
    background: rgba(255, 255, 255, .20)
}

.veg_abotpic i:hover {
    border: rgba(255, 255, 255, .80) 1px solid;
    background: rgba(255, 255, 255, .0);
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    cursor: pointer
}

.veg_abottxt {
    width: 34%;
    height: 560px;
    float: right;
}

.veg_abottxtt {
    font-size: 40px;
    line-height: 40px;
    color: #343536;
    text-align: left;
    font-weight: bold
}

.veg_abottxtline {
    width: 100px;
    height: 7px;
    background-color: #5999ff;
    margin-top: 34px;
    line-height: 0px;
}

.veg_abottxti {
    font-size: 16px;
    line-height: 30px;
    color: #131415;
    text-align: left;
    margin-top: 34px;
}

.veg_abottxti span {
    color: #000000;
    font-weight: bold
}

.veg_abottxtbtn {
    width: 260px;
    height: 56px;
    margin-top: 49px;
}

.veg_abottxtbtn a {
    display: block;
    width: 256px;
    height: 52px;
    border: #5999ff 2px solid;
    border-radius: 34px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    background-color: #5999ff
}

.veg_abottxtbtn a:visited {
    display: block;
    width: 256px;
    height: 52px;
    border: #5999ff 2px solid;
    border-radius: 34px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    background-color: #5999ff
}

.veg_abottxtbtn a:hover {
    display: block;
    width: 256px;
    height: 52px;
    border: #427edd 2px solid;
    border-radius: 34px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    background-color: #427edd;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}



/*advantage*/
.veg_advncon {
    position: relative;
    background-color: #ffffff;
    background-image: url(../images/secbg2.jpg);
    background-position: left bottom;
    background-repeat: no-repeat
}

.veg_advntit {
    width: 80%;
    height: 100px;
    position: absolute;
    text-align: right;
    font-size: 100px;
    line-height: 100px;
    top: 100px;
    color: #e8e8fd;
    font-weight: bold;
    left: 10%;
}

.veg_advntite {
    width: 80%;
    height: 64px;
    position: absolute;
    text-align: right;
    font-size: 64px;
    line-height: 74px;
    top: 149px;
    color: #343536;
    font-weight: normal;
    left: 10%;
    text-transform: uppercase
}

.veg_advnlist {
    width: 80%;
    height: 560px;
    margin: 0 auto;
    margin-top: 100px;
    position: relative
}

.veg_advnpic {
    width: 80%;
    height: 560px;
    float: right;
    margin: 0px;
    position: relative;
    overflow: hidden;
}

.veg_advnpic:hover img {
    transform: scale(1.02);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}



.veg_advnpic img {
    width: 100%;
    height: 560px;
}

.veg_advnpic i {
    position: absolute;
    left: 30px;
    top: 30px;
    bottom: 30px;
    right: 30px;
    border: rgba(255, 255, 255, .34) 1px solid;
    z-index: 999;
    background: rgba(255, 255, 255, .20)
}

.veg_advnpic i:hover {
    border: rgba(255, 255, 255, .80) 1px solid;
    background: rgba(255, 255, 255, .0);
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    cursor: pointer
}

.veg_advnxt {
    width: 30%;
    height: 300px;
    padding: 30px 2%;
    position: absolute;
    left: 0;
    top: 60px;
    z-index: 999;
    background: rgba(0, 0, 0, .56)
}

.veg_advnxtt {
    font-size: 40px;
    line-height: 49px;
    color: #ffffff;
    text-align: left;
    font-weight: bold
}

.veg_advntxtline {
    width: 100px;
    height: 7px;
    background-color: #8ec31f;
    margin-top: 34px;
    line-height: 0px;
}

.veg_advntxti {
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    text-align: left;
    margin-top: 34px;
}

.veg_advntxti span {
    color: #ffffff;
    font-weight: bold
}

.veg_advntxtbtn {
    width: 260px;
    height: 56px;
    margin-top: 49px;
    position: absolute;
    left: 0px;
    bottom: 30px;
}

.veg_advntxtbtn a {
    display: block;
    width: 256px;
    height: 52px;
    border: #8ec31f 2px solid;
    border-radius: 34px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    background-color: #8ec31f
}

.veg_advntxtbtn a:visited {
    display: block;
    width: 256px;
    height: 52px;
    border: #8ec31f 2px solid;
    border-radius: 34px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    background-color: #8ec31f
}

.veg_advntxtbtn a:hover {
    display: block;
    width: 256px;
    height: 52px;
    border: #23ac38 2px solid;
    border-radius: 34px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    background-color: #23ac38;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

/*technology*/

.veg_tectit {
    width: 80%;
    height: 100px;
    position: absolute;
    text-align: center;
    font-size: 100px;
    line-height: 100px;
    top: 100px;
    color: rgba(255, 255, 255, .22);
    font-weight: bold;
    left: 10%;
}

.veg_tectite {
    width: 80%;
    height: 64px;
    position: absolute;
    text-align: center;
    font-size: 64px;
    line-height: 74px;
    top: 149px;
    color: #ffffff;
    font-weight: normal;
    left: 10%;
    text-transform: uppercase
}


.veg_teclist {
    width: 80%;
    height: 560px;
    margin: 0 auto;
    margin-top: 100px;
    position: relative;
    text-align: center
}

.veg_teclistitem {
    width: 19.9%;
    height: 236px;
    font-size: 22px;
    line-height: 30px;
    color: #ffffff;
    float: left;
    margin: 0;
    text-align: center;
    border: 0px;
    border-right: rgba(255, 255, 255, .18) 1px solid;
    font-weight: normal;
    margin-top: 64px;
}

.veg_teclistiteml {
    border-right: rgba(255, 255, 255, .26) 0px solid;
}

.veg_clear {
    width: 100%;
    height: 0px;
    line-height: 0px;
    clear: both;
}

.veg_teclistitem span {
    font-size: 90px;
    font-weight: bold;
    line-height: 170px;
}

.veg_tecbtn {
    width: 260px;
    height: 56px;
    margin: 0 auto;
    margin-top: 74px;
}

.veg_tecbtn a {
    display: block;
    width: 256px;
    height: 52px;
    border: #cccccf 2px solid;
    border-radius: 34px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #262626;
    text-decoration: none;
    background-color: #cccccf
}

.veg_tecbtn a:visited {
    display: block;
    width: 256px;
    height: 52px;
    border: #cccccf 2px solid;
    border-radius: 34px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #262626;
    text-decoration: none;
    background-color: #cccccf
}

.veg_tecbtn a:hover {
    display: block;
    width: 256px;
    height: 52px;
    border: #ffffff 2px solid;
    border-radius: 34px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    background-color: #ffffff;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}









/*Consumer*/
.veg_sumcon {
    position: relative;
    background-color: #ffffff;
    background-image: url(../images/secbg.jpg);
    background-position: right bottom;
    background-repeat: no-repeat
}

.veg_sumtit {
    width: 80%;
    height: 100px;
    position: absolute;
    text-align: center;
    font-size: 100px;
    line-height: 100px;
    top: 100px;
    color: #e8e8fd;
    font-weight: bold;
    left: 10%;
}

.veg_sumtite {
    width: 80%;
    height: 64px;
    position: absolute;
    text-align: center;
    font-size: 64px;
    line-height: 74px;
    top: 149px;
    color: #343536;
    font-weight: normal;
    left: 10%;
    text-transform: uppercase
}

.veg_sumlist {
    width: 80%;
    height: 560px;
    margin: 0 auto;
    margin-top: 100px;
}




.index_tese_list {
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    border: 0px;
}

.index_tese_item {
    width: 19.92%;
    margin: 0 0.04%;
    float: left
}


.index_tese_item_title {
    width: 100%;
    margin: 0;
    float: left;
    height: 100px;
    background-color: #5999ff;
    padding: 0px;
    padding-top: 20px;
    line-height: 25px;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase
}

.index_tese_item_title a {
    color: #ffffff;
    text-decoration: none
}

.index_tese_item_title a:visited {
    color: #ffffff;
    text-decoration: none
}

.index_tese_item_title a:hover {
    color: #ffffff !important;
    text-decoration: none
}

.index_tese_item_titlel {
    width: 26px;
    height: 4px;
    line-height: 4px;
    background-color: #ffffff;
    margin: 5px auto
}


.index_tese_item_title span {
    color: #ffffff;
    font-size: 16px;
}


.index_tese_list2 {
    width: 100%;
    margin: 0px auto;
    padding: 15px 0px;
    border: 0px;
    padding-top: 0px;
}












.music-grids {
    padding-left: 0;
}

.music-grids img {
    width: 100%;
}

.music-grids p {
    font-size: 0.8em;
    color: #fff;
    line-height: 1.7em;
    font-weight: 300;
}

/* Common style */
.music-grids h4 {
    font-size: 21px;
    font-weight: 600;
    color: #fff;
    font-family: microsoft yahei;
}

.music-grids figure {
    position: relative;
    float: left;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    width: 100%;
}

.music-grids figure img {
    position: relative;
    display: block;
}

.music-grids figure figcaption {

    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.music-grids figure figcaption::before,
.music-grids figure figcaption::after {
    pointer-events: none;
}

.music-grids figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

figure.effect-bubba {
    background-color: #5999ff;
    margin: 0px;
}

figure.effect-bubba:hover img {
    opacity: 0.2;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

figure.effect-bubba figcaption::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

figure.effect-bubba h4 {
    padding-top: 16%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    opacity: 0;
}

figure.effect-bubba p {
    padding: 20px 2.5em;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    width: 80%;
    margin: 0 auto;
    font-size: 14px !important;
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

figure.effect-bubba:hover h4 {
    font-size: 26px !important;
    font-weight: normal !important;
}

figure.effect-bubba:hover p {
    font-size: 14px !important;
}



figure.effect-bubba:hover h4,
figure.effect-bubba:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}



/*OPINNION*/
.veg_OPIcon {
    position: relative;
    background-color: #ffffff;
    background-image: url(../images/secbg2.jpg);
    background-position: left bottom;
    background-repeat: no-repeat
}

.veg_OPItit {
    width: 80%;
    height: 100px;
    position: absolute;
    text-align: left;
    font-size: 100px;
    line-height: 100px;
    top: 100px;
    color: #e8e8fd;
    font-weight: bold;
    left: 10%;
}

.veg_OPItite {
    width: 80%;
    height: 64px;
    position: absolute;
    text-align: left;
    font-size: 64px;
    line-height: 74px;
    top: 149px;
    color: #343536;
    font-weight: normal;
    left: 10%;
    text-transform: uppercase
}

.veg_OPIlist {
    width: 80%;
    height: 560px;
    margin: 0 auto;
    margin-top: 100px;
}

.veg_OPIpic {
    width: 64%;
    height: 560px;
    float: left;
    margin: 0px;
    position: relative;
    overflow: hidden;
}

.veg_OPIpic:hover img {
    transform: scale(1.02);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.veg_OPIpic img {
    width: 100%;
    height: 560px;
}

.veg_OPIpic i {
    position: absolute;
    left: 30px;
    top: 30px;
    bottom: 30px;
    right: 30px;
    border: rgba(255, 255, 255, .34) 1px solid;
    z-index: 999;
    background: rgba(0, 0, 0, .20)
}

.veg_OPIpic i:hover {
    border: rgba(255, 255, 255, .80) 1px solid;
    background: rgba(0, 0, 0, .0);
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    cursor: pointer
}

.veg_OPItxt {
    width: 34%;
    height: 560px;
    float: right;
}

.veg_OPItxtt {
    font-size: 40px;
    line-height: 40px;
    color: #343536;
    text-align: left;
    font-weight: bold
}

.veg_OPItxtline {
    width: 100px;
    height: 7px;
    background-color: #8ec31f;
    margin-top: 34px;
    line-height: 0px;
}

.veg_OPItxti {
    font-size: 16px;
    line-height: 30px;
    color: #131415;
    text-align: left;
    margin-top: 34px;
}

.veg_OPItxti span {
    color: #000000;
    font-weight: bold
}

.veg_OPItxtbtn {
    width: 260px;
    height: 56px;
    margin-top: 49px;
}

.veg_OPItxtbtn a {
    display: block;
    width: 256px;
    height: 52px;
    border: #8ec31f 2px solid;
    border-radius: 34px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    background-color: #8ec31f
}

.veg_OPItxtbtn a:visited {
    display: block;
    width: 256px;
    height: 52px;
    border: #8ec31f 2px solid;
    border-radius: 34px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    background-color: #8ec31f
}

.veg_OPItxtbtn a:hover {
    display: block;
    width: 256px;
    height: 52px;
    border: #23ac38 2px solid;
    border-radius: 34px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    background-color: #23ac38;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}




/*news*/
.veg_newscon {
    position: relative;
    background-color: #ffffff;
}

.veg_newstit {
    width: 80%;
    height: 100px;
    position: absolute;
    text-align: right;
    font-size: 100px;
    line-height: 100px;
    top: 100px;
    color: #e8e8fd;
    font-weight: bold;
    left: 10%;
}

.veg_newstite {
    width: 80%;
    height: 64px;
    position: absolute;
    text-align: right;
    font-size: 64px;
    line-height: 74px;
    top: 149px;
    color: #343536;
    font-weight: normal;
    left: 10%;
    text-transform: uppercase
}

.veg_newslist {
    width: 80%;
    height: 560px;
    margin: 0 auto;
    margin-top: 100px;
}

.veg_newslistitem {
    width: 31%;
    height: 560px;
    float: left;
    background: rgba(255, 255, 255, .26);
    box-shadow: 0px 0px 26px #ceced0;
    float: left;
    margin: 0px;
    margin-right: 2%;
    text-align: center
}

.veg_newslistitempic {
    width: 100%;
    height: 326px;
    margin: 0px;
    padding: 0px;
    overflow: hidden
}

.veg_newslistitempic img {
    width: 100%;
    height: 326px;
}

.veg_newslistitempic img:hover {
    transform: scale(1.02);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


.veg_newslistitemtit {
    width: 90%;
    height: 326px;
    margin: 0px auto;
    padding: 0px;
    overflow: hidden;
    line-height: 74px;
    height: 74px;
    font-size: 18px;
    font-weight: bold;
    text-align: left
}

.veg_newslistitemtit a {
    color: #343536;
    text-decoration: none
}

.veg_newslistitemtit a:visited {
    color: #343536;
    text-decoration: none
}

.veg_newslistitemtit a:hover {
    color: #427edd;
    text-decoration: none;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

.veg_newslistiteminfo {
    width: 90%;
    height: 40px;
    margin: 0px auto;
    padding: 0px;
    overflow: hidden;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
    color: #646566;
    text-align: left
}

.veg_newslistitemdate {
    width: 90%;
    height: 20px;
    margin: 0px auto;
    padding: 0px;
    overflow: hidden;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
    color: #989898;
    text-align: left;
    margin-top: 49px;
}

.veg_newslistitemdate span {
    color: #5999ff
}

.veg_newslistitemr {
    width: 31%;
    height: 560px;
    float: right;
    margin: 0px;
    text-align: left;
    border: 0px;
    border-top: #e0e0e6 1px dashed
}

.veg_newslistitemri {
    width: 100%;
    margin: 0px;
    padding: 15px 0px;
    overflow: hidden;
    border-bottom: #e0e0e6 1px dashed
}

.veg_newslistitemrit {
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    text-align: left;
    font-weight: bold
}

.veg_newslistitemrit a {
    color: #343536;
    text-decoration: none
}

.veg_newslistitemrit a:visited {
    color: #343536;
    text-decoration: none
}

.veg_newslistitemrit a:hover {
    color: #427edd;
    text-decoration: none;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}


.veg_newslistitemrid {
    width: 100%;
    height: 20px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
    color: #bbbbbb;
    text-align: left;
    margin-top: 5px;
}

.veg_newslistitemrid span {
    color: #747474
}




/*pro*/


.ct_protit {
    width: 90%;
    height: 56px;
    position: absolute;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    top: 80px;
    color: #646566;
    font-weight: normal;
    left: 5%;
    text-transform: uppercase;
    z-index: 99999999
}

.ct_protit2 {
    width: 90%;
    height: 64px;
    position: absolute;
    text-align: center;
    font-size: 49px;
    line-height: 64px;
    top: 110px;
    color: #343536;
    font-weight: bold;
    left: 5%;
    text-transform: uppercase;
    z-index: 99999999
}

.ct_protit3 {
    width: 90%;
    height: 26px;
    position: absolute;
    text-align: left;
    font-size: 14px;
    line-height: 26px;
    top: 174px;
    color: rgba(255, 255, 255, .64);
    font-weight: normal;
    left: 5%;
    text-transform: uppercase;
    z-index: 99999999
}













.ct_procon {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #ffffff
}


.ct_prolist {
    width: 92%;
    height: 76%;
    position: absolute;
    left: 4%;
    bottom: 2%;
    background: none;
    padding: 0px;
}

.ct_prolistl1 {
    width: 22%;
    height: 76%;
    background-color: #b40011;
    float: left;
    padding: 5%;
    margin: 0px;
    margin-right: 1%;
}




.ct_pro_t2 {
    width: 100%;
    font-size: 26px;
    height: 34px;
    line-height: 34px;
    text-align: left;
    color: #ffffff;
    text-transform: uppercase
}

.ct_pro_t1 {
    width: 100%;
    font-size: 30px;
    height: 56px;
    line-height: 56px;
    text-align: left;
    color: #ffffff;
    font-weight: normal
}

.ct_pro_t3 {
    width: 100%;
    font-size: 16px;
    height: auto;
    line-height: 22px;
    text-align: left;
    color: #ffffff;
    margin-top: 15px;
    overflow: hidden;
}

.ct_pro_t3 p {
    padding: 3px 0px;
}

.ct_probtn1 {
    width: 100%;
    height: 49px;
    margin: 0px;
    text-align: left;
    margin-top: 49px;
}

.ct_probtn1 a {
    display: block;
    margin: 0px;
    width: 220px;
    height: 47px;
    border: #ffffff 1px solid;
    border-radius: 26px;
    line-height: 47px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    background-color: #b40011
}

.ct_probtn1 a:visited {
    display: block;
    margin: 0px;
    width: 220px;
    height: 47px;
    border: #ffffff 1px solid;
    border-radius: 26px;
    line-height: 47px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    background-color: #b40011
}

.ct_probtn1 a:hover {
    display: block;
    margin: 0px;
    width: 220px;
    height: 47px;
    border: #ffffff 1px solid;
    border-radius: 26px;
    line-height: 47px;
    text-align: center;
    font-size: 14px;
    color: #b40011;
    text-decoration: none;
    background-color: #ffffff;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

.ct_prolistr1 {
    width: 67%;
    height: 100%;
    background-color: #ffffff;
    float: left;
    padding: 0px;
    margin: 0px;
    position: relative;
    overflow: hidden
}

.ct_prolistritem {
    width: 48%;
    height: 48%;
    float: left;
    margin: 0 1%;
    margin-bottom: 2%;
    padding: 0px;
    overflow: hidden;
    position: relative
}

.ct_prolistritem img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    top: 0px;
}

.ct_prolistritem:hover img {
    transform: scale(1.05);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.ct_prolistritemt {
    position: absolute;
    left: 0px;
    bottom: -80px;
    right: 0px;
    height: 80px;
    z-index: 99999;
    font-size: 22px;
    font-weight: normal;
    line-height: 80px;
    padding: 0 15px;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
    vertical-align: bottom;
    background: none
}

.ct_prolistritemt b {
    font-weight: bold;
}





.ct_prolistritem:hover .ct_prolistritemt {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    background: rgba(0, 0, 0, .64);
    bottom: 0px;
}






.ct_prolistl2 {
    width: 23%;
    height: 80%;
    background-color: #0961af;
    float: right;
    padding: 5%;
    margin: 0px;
}

.ct_probtn2 {
    width: 100%;
    height: 49px;
    margin: 0px;
    text-align: left;
    margin-top: 49px;
}

.ct_probtn2 a {
    display: block;
    margin: 0px;
    width: 220px;
    height: 47px;
    border: #ffffff 1px solid;
    border-radius: 26px;
    line-height: 47px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    background-color: #0961af
}

.ct_probtn2 a:visited {
    display: block;
    margin: 0px;
    width: 220px;
    height: 47px;
    border: #ffffff 1px solid;
    border-radius: 26px;
    line-height: 47px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    background-color: #0961af
}

.ct_probtn2 a:hover {
    display: block;
    margin: 0px;
    width: 220px;
    height: 47px;
    border: #ffffff 1px solid;
    border-radius: 26px;
    line-height: 47px;
    text-align: center;
    font-size: 14px;
    color: #0961af;
    text-decoration: none;
    background-color: #ffffff;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

/*slu*/
.ct_slucon {
    position: relative;
    background-color: #ffffff;
}

.ct_slutit {
    width: 100%;
    height: 34px;
    position: absolute;
    text-align: center;
    font-size: 18px;
    line-height: 34px;
    top: 80px;
    color: rgba(255, 255, 255, .56);
    font-weight: normal;
    left: 0%;
    text-transform: uppercase;
    z-index: 9999
}

.ct_slutit2 {
    width: 100%;
    height: 64px;
    position: absolute;
    text-align: center;
    font-size: 49px;
    line-height: 64px;
    top: 110px;
    color: rgba(255, 255, 255, .86);
    font-weight: bold;
    left: 0%;
    text-transform: uppercase;
    z-index: 9999
}

.ct_slutit3 {
    width: 100%;
    height: 26px;
    position: absolute;
    text-align: center;
    font-size: 14px;
    line-height: 26px;
    top: 174px;
    color: rgba(255, 255, 255, .49);
    font-weight: normal;
    left: 0%;
    text-transform: uppercase;
    z-index: 9999
}



.ct_slucon {
    width: 100%;
    height: 100%;
    position: relative
}

.ct_slulist {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.ct_slulist img {
    width: 100%;
    height: auto;
}

.ct_slulisttitle {
    width: 100%;
    height: 49px;
    position: absolute;
    top: 40%;
    margin-top: 30px;
    text-align: center;
    font-size: 30px;
    font-weight: normal;
    line-height: 49px;
    color: #ffffff;
    text-transform: uppercase
}

.ct_slulisttitle span {
    font-weight: bold;
}

.ct_slulisttitle2 {
    width: 100%;
    height: 120px;
    position: absolute;
    top: 40%;
    margin-top: -70px;
    text-align: center;
    font-size: 80px;
    font-weight: bold;
    line-height: 120px;
    color: #ffffff;
}


.ct_slulisttxt {
    width: 70%;
    height: 44px;
    position: absolute;
    top: 40%;
    left: 15%;
    margin-top: 100px;
    text-align: center;
    font-size: 16px;
    font-variant: normal;
    line-height: 22px;
    color: rgba(255, 255, 255, .90);
    overflow: hidden;
}



.ct_slulistbtn {
    width: 100%;
    position: absolute;
    height: 64px;
    top: 40%;
    left: 0;
    margin-top: 180px;
}

.ct_slulistbtn a {
    display: block;
    margin: 0px auto;
    width: 220px;
    height: 49px;
    border: #cf0014 1px solid;
    border-radius: 30px;
    line-height: 49px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(207, 0, 20, .64)
}

.ct_slulistbtn a:visited {
    display: block;
    margin: 0px auto;
    width: 220px;
    height: 49px;
    border: #cf0014 1px solid;
    border-radius: 30px;
    line-height: 49px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(207, 0, 20, .64)
}

.ct_slulistbtn a:hover {
    display: block;
    margin: 0px auto;
    width: 220px;
    height: 49px;
    border: #cf0014 1px solid;
    border-radius: 30px;
    line-height: 49px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(207, 0, 20, .99);
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}





/*新闻*/
.ct_newtit {
    width: 100%;
    height: 34px;
    position: absolute;
    text-align: left;
    font-size: 16px;
    line-height: 34px;
    top: 140px;
    color: #646566;
    font-weight: normal;
    left: 32%;
    text-transform: uppercase
}

.ct_newtit2 {
    width: 100%;
    height: 64px;
    position: absolute;
    text-align: left;
    font-size: 49px;
    line-height: 64px;
    top: 170px;
    color: #646566;
    font-weight: bold;
    left: 32%;
    text-transform: uppercase
}

.ct_newtit3 {
    width: 100%;
    height: 26px;
    position: absolute;
    text-align: left;
    font-size: 14px;
    line-height: 26px;
    top: 174px;
    color: #989898;
    font-weight: normal;
    left: 32%;
    text-transform: uppercase
}





.ct_newslist {
    width: 90%;
    height: 100%;
    position: absolute;
    left: 5%;
    top: 150px;
}

.ct_newslistitem {
    width: 26%;
    height: 100%;
    float: left;
    margin: 0px;
    text-align: left;
    overflow: hidden
}

.veg_newslistitempic {
    width: 100%;
    height: 300px;
    margin: 0px;
    padding: 0px;
    overflow: hidden
}

.veg_newslistitempic img {
    width: 100%;
    height: 300px;
}

.veg_newslistitempic img:hover {
    transform: scale(1.02);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


.veg_newslistitemtit {
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    overflow: hidden;
    line-height: 22px;
    height: 44px;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: left;
    color: #cf0014;
}

.veg_newslistitemtit a {
    color: #000000;
    text-decoration: none;
}

.veg_newslistitemtit a:visited {
    color: #000000;
    text-decoration: none;
}

.veg_newslistitemtit a:hover {
    color: #cf0014;
    text-decoration: none;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

.veg_newslistiteminfo {
    width: 95%;
    height: 40px;
    margin: 0px auto;
    padding: 0px;
    overflow: hidden;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
    color: #646566;
    text-align: left;
    margin-top: 10px;
    padding-right: 5%
}

.veg_newslistitemdate {
    width: 95%;
    height: 20px;
    margin: 0px auto;
    padding: 0px;
    overflow: hidden;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
    color: #bbbbbb;
    text-align: left;
    margin-top: 10px;
    padding-right: 5%
}

.veg_newslistitemdate span {
    color: #747474
}

.veg_newslistitemr {
    width: 70%;
    height: 94%;
    float: right;
    margin: 0px;
    text-align: left;
    border: 0px;
    border-top: #e0e0e6 1px dashed;
    margin-top: 6%;
}

.veg_newslistitemri {
    width: 100%;
    margin: 0px;
    padding: 20px 0px;
    overflow: hidden;
    border-bottom: #e0e0e6 1px dashed;
    height: 20px;
    overflow: hidden;
}

.veg_newslistitemrit {
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    text-align: left;
    font-weight: normal
}

.veg_newslistitemrit a {
    color: #000000;
    text-decoration: none
}

.veg_newslistitemrit a:visited {
    color: #000000;
    text-decoration: none
}

.veg_newslistitemrit a:hover {
    color: #cf0014;
    text-decoration: none;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

.veg_newslistitemrit span {
    font-weight: bold;
    color: #989898
}



.veg_newslistitemrid {
    width: 126px;
    height: 20px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
    color: #989898;
    text-align: right;
    float: right;
}

.veg_newslistitemrid span {
    color: #747474
}



.veg_newsbtn {
    width: 260px;
    height: 56px;
    margin-top: 49px;
}

.veg_newsbtn a {
    display: block;
    width: 256px;
    height: 52px;
    border: #cf0014 2px solid;
    border-radius: 34px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    background-color: #cf0014
}

.veg_newsbtn a:visited {
    display: block;
    width: 256px;
    height: 52px;
    border: #cf0014 2px solid;
    border-radius: 34px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    background-color: #cf0014
}

.veg_newsbtn a:hover {
    display: block;
    width: 256px;
    height: 52px;
    border: #b40011 2px solid;
    border-radius: 34px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    background-color: #b40011;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}




/*footer*/
.ct_footer {
    width: 100%;
    height: 75px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 9999;
    background: rgba(0, 0, 0, .80);
    padding: 10px 0px;
    text-align: center;
}

.ct_footercon {
    width: 70%;
    height: 75px;
    margin: 0 auto;
    line-height: 25px;
    text-align: left;
    font-size: 13px;
    color: #989898
}

.ct_footercon img {
    float: right;
    width: 75px;
    height: 75px;
    margin-left: 10px;
}


.ct_footercon a {
    color: #e0e0e6;
    text-decoration: none
}

.ct_footercon a:visited {
    color: #e0e0e6;
    text-decoration: none
}

.ct_footercon a:hover {
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}



/*行业应用*/

/*technology*/
.veg_teccon {
    position: relative;
    background-image: url(../images/tec_bg.jpg);
    background-position: center center;
    background-repeat: repeat
}

.veg_tectit {
    width: 80%;
    height: 100px;
    position: absolute;
    text-align: center;
    font-size: 100px;
    line-height: 100px;
    top: 100px;
    color: rgba(255, 255, 255, .22);
    font-weight: bold;
    left: 10%;
    z-index: 99999
}

.veg_tectite {
    width: 80%;
    height: 64px;
    position: absolute;
    text-align: center;
    font-size: 64px;
    line-height: 74px;
    top: 149px;
    color: #ffffff;
    font-weight: normal;
    left: 10%;
    text-transform: uppercase;
    z-index: 100000
}


.veg_teclist {
    width: 80%;
    height: 560px;
    margin: 0 auto;
    margin-top: 100px;
    position: relative;
    text-align: center
}

.veg_teclistitem {
    width: 24.9%;
    height: 236px;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    float: left;
    margin: 0;
    text-align: center;
    border: 0px;
    border-right: rgba(255, 255, 255, .0) 1px solid;
    font-weight: normal;
    margin-top: 64px;
}

.veg_teclistiteml {
    border-right: rgba(255, 255, 255, .26) 0px solid;
}

.veg_clear {
    width: 100%;
    height: 0px;
    line-height: 0px;
    clear: both;
}

.veg_teclistitem span {
    font-size: 70px;
    font-weight: bold;
    line-height: 170px;
}

.veg_tecbtn {
    width: 260px;
    height: 56px;
    margin: 0 auto;
    margin-top: 74px;
}

.veg_tecbtn a {
    display: block;
    width: 256px;
    height: 52px;
    border: #cccccf 2px solid;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #262626;
    text-decoration: none;
    background-color: #cccccf;
    border-radius: 34px;
}

.veg_tecbtn a:visited {
    display: block;
    width: 256px;
    height: 52px;
    border: #cccccf 2px solid;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #262626;
    text-decoration: none;
    background-color: #cccccf;
    border-radius: 34px;
}

.veg_tecbtn a:hover {
    display: block;
    width: 256px;
    height: 52px;
    border: #ffffff 2px solid;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    background-color: #ffffff;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    border-radius: 34px;
}


/*stbottom*/
.st_bottom {
    width: 100%;
    height: 100%;
    background-image: url(../images/bottom.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
}




/*stnew*/

/*public*/
.snto_con {
    position: relative;
    background-color: #ffffff;
}

.snto_tit {
    width: 90%;
    height: 56px;
    position: absolute;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    top: 120px;
    color: #646566;
    font-weight: normal;
    left: 5%;
    text-transform: uppercase;
    z-index: 99999999
}

.snto_tit2 {
    width: 90%;
    height: 64px;
    position: absolute;
    text-align: center;
    font-size: 49px;
    line-height: 64px;
    top: 145px;
    color: #343536;
    font-weight: bold;
    left: 5%;
    text-transform: uppercase;
    z-index: 99999999
}



.snto_titb {
    width: 90%;
    height: 56px;
    position: absolute;
    text-align: center;
    font-size: 18px;
    line-height: 34px;
    top: 120px;
    color: rgba(255, 255, 255, .56);
    font-weight: normal;
    left: 5%;
    text-transform: uppercase;
    z-index: 99999999
}

.snto_titb2 {
    width: 90%;
    height: 64px;
    position: absolute;
    text-align: center;
    font-size: 49px;
    line-height: 64px;
    top: 145px;
    color: rgba(255, 255, 255, .86);
    font-weight: bold;
    left: 5%;
    text-transform: uppercase;
    z-index: 99999999
}






/*about*/

.snto_aboutbg {
    background-image: url(../images/about_bg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
}






.snto_aboutcon {
    width: 1170px;
    height: 470px;
    position: absolute;
    left: 50%;
    margin-left: -585px;
    top: 260px;
}

.snto_aboutpic {
    width: 470px;
    height: 470px;
    float: left;
    margin: 0px;
    overflow: hidden;
}

.snto_aboutpic img {
    width: 470px;
    height: 470px;
}

.snto_aboutpic img:hover {
    transform: scale(1.1);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.snto_abouttxt {
    width: 670px;
    height: 470px;
    float: right;
    margin: 0px;
}

.snto_aboutinfo {
    width: 670px;
    height: 175px;
    line-height: 25px;
    font-size: 16px;
    text-align: left;
    color: #646566;
    overflow: hidden
}

.snto_aboutlist {
    width: 670px;
    height: 280px;
    margin-top: 15px;
}

.snto_aboutitem1 {
    width: 25%;
    height: 105px;
    background: rgba(206, 2, 20, .74);
    margin-top: 15px;
    float: left;
    text-align: center;
    padding: 80px 0px;
    font-size: 22px;
    color: #ffffff;
    line-height: 25px;
}

.snto_aboutitem1:hover {
    margin-top: 0px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    background: rgba(206, 2, 20, .99);
}

.snto_aboutitem1 img {
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

.snto_aboutitem1 a {
    text-decoration: none;
    color: #ffffff
}

.snto_aboutitem1 a:visited {
    text-decoration: none;
    color: #ffffff
}

.snto_aboutitem1 a:hover {
    text-decoration: none;
    color: #ffffff
}




.snto_aboutitem2 {
    width: 25%;
    height: 105px;
    background: rgba(236, 236, 236, .80);
    margin-top: 15px;
    float: left;
    text-align: center;
    padding: 80px 0px;
    font-size: 22px;
    color: #343536;
    line-height: 25px;
}

.snto_aboutitem2:hover {
    margin-top: 0px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    background: rgba(236, 236, 236, .99);
}

.snto_aboutitem2 img {
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

.snto_aboutitem2 a {
    text-decoration: none;
    color: #343536
}

.snto_aboutitem2 a:visited {
    text-decoration: none;
    color: #343536
}

.snto_aboutitem2 a:hover {
    text-decoration: none;
    color: #343536
}


.snto_aboutitem3 {
    width: 25%;
    height: 105px;
    background: rgba(207, 231, 243, .80);
    margin-top: 15px;
    float: left;
    text-align: center;
    padding: 80px 0px;
    font-size: 22px;
    color: #343536;
    line-height: 25px;
}

.snto_aboutitem3:hover {
    margin-top: 0px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    background: rgba(207, 231, 243, .99);
}

.snto_aboutitem3 img {
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

.snto_aboutitem3 a {
    text-decoration: none;
    color: #343536
}

.snto_aboutitem3 a:visited {
    text-decoration: none;
    color: #343536
}

.snto_aboutitem3 a:hover {
    text-decoration: none;
    color: #343536
}


.snto_aboutitem4 {
    width: 25%;
    height: 105px;
    background: rgba(17, 134, 194, .80);
    margin-top: 15px;
    float: left;
    text-align: center;
    padding: 80px 0px;
    font-size: 22px;
    color: #ffffff;
    line-height: 25px;
}

.snto_aboutitem4:hover {
    margin-top: 0px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    background: rgba(17, 134, 194, .99);
}

.snto_aboutitem4 img {
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

.snto_aboutitem4 a {
    text-decoration: none;
    color: #ffffff
}

.snto_aboutitem4 a:visited {
    text-decoration: none;
    color: #ffffff
}

.snto_aboutitem4 a:hover {
    text-decoration: none;
    color: #ffffff
}

.snto_product {
    width: 100%;
    height: 100%;
    position: relative
}


.snto_productlist {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.snto_productlist img {
    width: 100%;
    height: auto;
}

.snto_producttitle {
    width: 100%;
    height: 64px;
    position: absolute;
    top: 50%;
    margin-top: -100px;
    text-align: center;
    font-size: 56px;
    font-weight: normal;
    line-height: 64px;
    color: #ffffff;
    text-transform: uppercase
}

.snto_producttitle2 {
    width: 100%;
    height: 120px;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    text-align: center;
    font-size: 80px;
    font-weight: bold;
    line-height: 120px;
    color: #ffffff;
}


.snto_producttxt {
    width: 70%;
    height: 34px;
    position: absolute;
    top: 50%;
    left: 15%;
    margin-top: 70px;
    text-align: center;
    font-size: 30px;
    font-variant: normal;
    line-height: 34px;
    color: rgba(255, 255, 255, .90);
    overflow: hidden;
}



.snto_productbtn {
    width: 100%;
    position: absolute;
    height: 64px;
    top: 50%;
    left: 0;
    margin-top: 180px;
}

.snto_productbtn a {
    display: block;
    margin: 0px auto;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ffffff 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, .0);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.snto_productbtn a:visited {
    display: block;
    margin: 0px auto;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ffffff 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, .0);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.snto_productbtn a:hover {
    display: block;
    margin: 0px auto;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ffffff 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, .22);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}



.snto_casestyle {
    width: 500px;
    height: 56px;
    position: absolute;
    left: 50%;
    margin-left: -250px;
    top: 226px;
    z-index: 99999999
}

.snto_casebtn11 {
    width: 226px;
    height: 56px;
    margin: 0px 12px;
    float: left;
}

.snto_casebtn11 a {
    display: block;
    margin: 0px;
    width: 226px;
    height: 54px;
    border: #e6e6ee 1px solid;
    border-radius: 0px;
    line-height: 54px;
    text-align: center;
    font-size: 16px;
    color: #343536;
    text-decoration: none;
    background-color: #ffffff
}

.snto_casebtn11 a:visited {
    display: block;
    margin: 0px;
    width: 226px;
    height: 54px;
    border: #e6e6ee 1px solid;
    border-radius: 0px;
    line-height: 54px;
    text-align: center;
    font-size: 16px;
    color: #343536;
    text-decoration: none;
    background-color: #ffffff
}

.snto_casebtn11 a:hover {
    display: block;
    margin: 0px;
    width: 226px;
    height: 54px;
    border: #cf0014 1px solid;
    border-radius: 0px;
    line-height: 54px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background-color: #cf0014;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

#snto_casebtn11on {
    display: block;
    margin: 0px;
    width: 226px;
    height: 54px;
    border: #cf0014 1px solid;
    border-radius: 0px;
    line-height: 54px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background-color: #cf0014;
}

.snto_casecon {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #f0f0f6
}

.aui-nav-content-box {
    width: 100%;
    position: absolute;
    left: 0;
    top: 236px;
    bottom: 0px;

}

.aui-nav-list-box {
    overflow: hidden;

    width: 100%;
    height: 56px;
    padding: 0px;
    margin: 0px;
    text-align: center
}

.aui-nav-list-box ul {
    margin: 0px auto;
    padding: 0px;
    width: 560px;
}

.aui-nav-list-box ul li {
    float: left;

    height: 56px;
    width: 250px;

    list-style: none;
    padding: 0px;
    margin: 0px 15px;


}

.aui-nav-list-box ul li a {
    color: #000;
    background-color: #e6e6ee;
    height: 56px;
    width: 250px;
    text-align: center;
    font-size: 16px;
    border-radius: 30px;
    display: block;
    line-height: 56px;
    padding: 0px;
    text-decoration: none
}



.aui-nav-list-box ul .aui-current {
    color: #ffffff;
    background-color: #cf0014;
    height: 56px;
    width: 250px;
    text-align: center;
    font-size: 16px;
    border-radius: 34px;
    display: block;
    text-decoration: none
}

.aui-nav-list-box ul .aui-current a {
    color: #ffffff;
    background-color: #cf0014;
    height: 56px;
    width: 250px;
    text-align: center;
    font-size: 16px;
    border-radius: 34px;
    display: block;
    text-decoration: none
}

.aui-nav-list-tab {
    margin-top: 26px;
}

.snto_con2 {
    position: relative;
    background-color: #f0f0f6;
}


.snto_caselist {
    width: 92%;
    height: 100%;
    position: absolute;
    left: 4%;
    bottom: 0;
    background: none;
    padding: 0px;
}


.snto_caseitem1 {
    width: 23%;
    height: auto;
    background-color: #ffffff;
    float: left;
    padding: 0px;
    margin: 0px;
    text-align: center;
    padding: 0;
    margin: 1%;
    box-shadow: 0px 0px 20px #e6e6ee;
}

.snto_caseitem1:hover {
    box-shadow: 0px 0px 34px #c0c0c6;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    cursor: pointer
}



.snto_caseitem1_img {
    width: 92%;
    height: 236px;
    margin: 4% auto;
    overflow: hidden
}

.snto_caseitem1_img img {
    width: 100%;
    height: 236px;
}




.snto_caseitem1_img img:hover {
    transform: scale(1.05);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}





.snto_caseitemt1 {
    width: 92%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    font-size: 24px;
    color: #343536;
    line-height: 49px;
    overflow: hidden;
    height: 49px;
    font-weight: bold
}

.snto_caseitem1:hover .st_caseitemt1 {
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    cursor: pointer;
    color: #cf0014
}

.snto_caseitemi1 {
    width: 92%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    font-size: 14px;
    color: #747576;
    line-height: 20px;
    margin-top: 10px;
    height: 20px;
    overflow: hidden
}

.snto_casebtn1 {
    width: 100%;
    height: 54px;
    margin: 0px auto;
    text-align: left;
    margin-top: 30px;
    border-top: #eeeef0 1px solid;
}

.snto_casebtn1 a {
    display: block;
    margin: 0px;
    width: 100%;
    height: 54px;
    border: 0px;
    border-radius: 0px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #343536;
    text-decoration: none;
    background-color: #f0f0f6
}

.snto_casebtn1 a:visited {
    display: block;
    margin: 0px;
    width: 100%;
    height: 54px;
    border: 0px;
    border-radius: 0px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #343536;
    text-decoration: none;
    background-color: #f0f0f6
}

.snto_casebtn1 a:hover {
    display: block;
    margin: 0px;
    width: 100%;
    height: 54px;
    border: 0px;
    border-radius: 0px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    background-color: #cf0014;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

.snto_devcon {
    position: relative;
    background-image: url(../images/tec_bg.jpg);
    background-position: center center;
    background-repeat: repeat
}

.snto_newcon {
    width: 1180px;
    height: 470px;
    position: absolute;
    left: 50%;
    margin-left: -590px;
    top: 260px;
}

.snto_newcon01 {
    width: 1180px;
    height: 200px;
    margin: 0px;
    padding: 0px;
}

.snto_newcon01item01 {
    width: 225px;
    height: 140px;
    background-color: #00ada9;
    float: left;
    position: relative;
    margin: 0 5px;
    padding: 0px;
    overflow: hidden;
    padding: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff
}

.snto_newcon01item01 i {
    position: absolute;
    left: 30px;
    top: 30px;
    right: 30px;
    bottom: 30px;
    border: rgba(255, 255, 255, .56) 1px solid;
    z-index: 999
}

.snto_newcon01item01 img {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -25px;
    z-index: 9999
}

.snto_newcon01item01 span {
    font-size: 30px;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    top: 80px;
    left: 0px;
    color: #ffffff;
    z-index: 9999;
    position: absolute
}

.snto_newcon01item01 a {
    text-decoration: none;
    color: rgba(255, 255, 255, .74);
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    left: 0px;
    top: 120px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 9999
}

.snto_newcon01item01 a:visited {
    text-decoration: none;
    color: rgba(255, 255, 255, .74);
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    left: 0px;
    top: 120px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 9999
}

.snto_newcon01item01 a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, .99);
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    left: 0px;
    top: 120px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 9999;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


.snto_newcon01item02 {
    width: 285px;
    height: 200px;
    float: left;
    position: relative;
    margin: 0 5px;
    padding: 0px;
    overflow: hidden;
}

.snto_newcon01item02 img {
    width: 285px;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.snto_newcon01item02t {
    width: 90%;
    height: 40px;
    padding: 10px 5%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    background: rgba(0, 0, 0, .56)
}

.snto_newcon01item02:hover img {
    transform: scale(1.05);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.snto_newcon01item02t a {
    color: #e0e0e6;
    text-decoration: none
}

.snto_newcon01item02t a:visited {
    color: #e0e0e6;
    text-decoration: none
}

.snto_newcon01item02t a:hover {
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


.snto_newcon02 {
    width: 1170px;
    height: 240px;
    margin: 0px;
    padding: 0px 5px;
    margin-top: 30px;
}


.snto_newcon02left {
    width: 570px;
    height: 240px;
    float: left;
    margin: 0px;
    padding: 0px;
}

.snto_newcon02leftr {
    width: 570px;
    height: 240px;
    float: right;
    margin: 0px;
    padding: 0px;
}

.snto_newcon02leftt {
    width: 570px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    font-size: 30px;
    color: #343536;
    padding-bottom: 10px;
}

.snto_newcon02leftt img {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
}

.snto_newcon02leftt span {
    width: 64px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: right;
    float: right;
    margin: 0px;
}


.snto_newcon02leftt span a {
    color: #646566;
    text-decoration: none
}

.snto_newcon02leftt span a:visited {
    color: #646566;
    text-decoration: none
}

.snto_newcon02leftt span a:hover {
    color: #343536;
    text-decoration: none
}


.snto_newcon02lefti {
    width: 570px;
    height: 38px;
    line-height: 38px;
    text-align: left;
    font-size: 16px;
    color: #00ada9;
    overflow: hidden
}

.snto_newcon02lefti a {
    color: #000000;
    text-decoration: none
}

.snto_newcon02lefti a:visited {
    color: #000000;
    text-decoration: none
}

.snto_newcon02lefti a:hover {
    color: #00ada9;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


.snto_newcon02lefti span {
    width: 100px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    text-align: right;
    float: right;
    margin: 0px;
    color: #646566
}




.snto_botcon {
    width: 100%;
    height: 740px;
    position: absolute;
    left: 0%;
    bottom: 0px;
    background-color: #343536
}

.snto_botconc {
    width: 100%;
    height: 740px;
    position: relative;
    margin: 0px;
    padding: 0px;
}




.snto_mescon {
    width: 100%;
    height: 90px;
    background-color: #1186c2;
    margin: auto;
    padding: 0px;
    text-align: center;
    padding: 110px 0px;
}

.snto_mescenter {
    width: 1170px;
    height: 90px;
    margin: 0 auto;
}

.snto_mestit {
    width: 200px;
    height: 90px;
    float: left;
    font-size: 16px;
    color: rgba(255, 255, 255, .86);
    line-height: 30px;
    text-align: left;
    font-weight: normal
}

.snto_mestit span {
    font-size: 44px;
    color: rgba(255, 255, 255, .99);
    line-height: 70px;
    text-align: left;
    font-weight: bold
}

.snto_mesform {
    width: 920px;
    height: 40px;
    background-color: #f0f0f6;
    float: right;
    border: 0px;
    border-radius: 5px;
    padding: 25px;
}

.snto_mesforminput {
    width: 148px;
    height: 38px;
    line-height: 38px;
    border: #e0e0e6 1px solid;
    background-color: #ffffff;
    font-size: 14px;
    text-align: left;
    color: #343536;
    text-indent: 10px;
    float: left;
    margin-right: 25px;
}

.snto_mesforminput2 {
    width: 393px;
    height: 38px;
    line-height: 38px;
    border: #e0e0e6 1px solid;
    background-color: #ffffff;
    font-size: 14px;
    text-align: left;
    color: #343536;
    text-indent: 10px;
    float: left;
    margin-right: 25px;
}


.snto_mesforminput3 {
    width: 150px;
    height: 40px;
    line-height: 40px;
    border: 0px;
    background-color: #00ada9;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    float: left;
    margin: 0px;
}

.snto_mesforminput3:hover {
    width: 150px;
    height: 40px;
    line-height: 40px;
    border: 0px;
    background-color: #ba0010;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    float: left;
    margin: 0px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer
}

.snto_copyright {
    width: 100%;
    height: 74px;
    line-height: 74px;
    font-size: 14px;
    text-align: center;
    color: #989898;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 9999;
    background-color: #000000
}

.snto_copyright a {
    color: #e0e0e6;
    text-decoration: none
}

.snto_copyright a:visited {
    color: #e0e0e6;
    text-decoration: none
}

.snto_copyright a:hover {
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.snto_bottomc {
    width: 1170px;
    height: auto;
    margin: 0 auto;
    margin-top: 49px;
    min-height: 200px;
}

.snto_bottomcitem {
    width: 12.5%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.snto_bottomcitemtit {
    width: 90%;
    height: 20px;
    line-height: 20px;
    border-left: #ffffff 4px solid;
    text-indent: 10px;
    font-size: 20px;
    text-align: left;
    margin-bottom: 15px;
}

.snto_bottomcitemtit a {
    color: #ffffff;
    text-decoration: none
}

.snto_bottomcitemtit a:visited {
    color: #ffffff;
    text-decoration: none
}

.snto_bottomcitemtit a:hover {
    color: #00ada9;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.snto_bottomcitemitem {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: left;
    color: #ffffff
}

.snto_bottomcitemitem a {
    color: #ffffff;
    text-decoration: none
}

.snto_bottomcitemitem a:visited {
    color: #ffffff;
    text-decoration: none
}

.snto_bottomcitemitem a:hover {
    color: #00ada9;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


.snto_bottomcitem2 {
    width: 25%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.snto_bottomcitem2tit {
    width: 90%;
    height: 20px;
    line-height: 20px;
    border-left: #ffffff 4px solid;
    text-indent: 10px;
    font-size: 20px;
    text-align: left;
    margin-bottom: 15px;
}

.snto_bottomcitem2tit a {
    color: #ffffff;
    text-decoration: none
}

.snto_bottomcitem2tit a:visited {
    color: #ffffff;
    text-decoration: none
}

.snto_bottomcitem2tit a:hover {
    color: #00ada9;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}



.snto_bottomcitem2item1 {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 30px;
    text-align: left;
    color: #ffffff;
    font-weight: bold;
    margin-top: 20px;
}

.snto_bottomcitem2item1 img {
    width: 36px;
    height: 36px;
    float: left;
    margin-right: 5px;
}

.snto_bottomcitem2item2 {
    width: 100%;
    height: 36px;
    line-height: 18px;
    font-size: 14px;
    text-align: left;
    color: #ffffff;
    font-weight: normal;
    margin-top: 5px;
}

.snto_bottomcitem2item2 img {
    width: 36px;
    height: 36px;
    float: left;
    margin-right: 5px;
}

.snto_bottomcitem2item3 {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-align: left;
    color: #ffffff;
    font-weight: normal;
    margin-top: 5px;
}

.snto_bottomcitem2item3 img {
    width: 36px;
    height: 36px;
    float: left;
    margin-right: 5px;
}

/*晟通内页*/
.page_aboutbanner {
    width: 100%;
    height: 200px;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/about_banner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 220px 0px;
    text-align: center;
}

.page_toptitle {
    width: 80%;
    height: 100px;
    text-align: left;
    margin: 0px auto;
    font-size: 48px;
    font-weight: bold;
    line-height: 50px;
    color: #ffffff
}

.page_toptitle span {
    font-size: 26px;
    text-transform: uppercase;
    line-height: 30px;
    font-weight: normal;
}

.page_topnav {
    width: 80%;
    height: 70px;
    margin: 0 auto;
    margin-top: 30px;
}

.page_topnavitem {
    width: 200px;
    height: 50px;
    float: left;
    margin: 0px;
    padding: 0px;
    margin-right: 15px;
}

.page_topnavitem a {
    display: block;
    width: 200px;
    height: 50px;
    background-color: #ffffff;
    border: 0px;
    border-radius: 26px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #343536;
    text-decoration: none;
}

.page_topnavitem a:visited {
    display: block;
    width: 200px;
    height: 50px;
    background-color: #ffffff;
    border: 0px;
    border-radius: 26px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #343536;
    text-decoration: none;
}

.page_topnavitem a:hover {
    display: block;
    width: 200px;
    height: 50px;
    background-color: #f55f6e;
    border: 0px;
    border-radius: 26px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

#page_topnavitem {
    display: block;
    width: 200px;
    height: 50px;
    background-color: #f55f6e;
    border: 0px;
    border-radius: 26px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.page_title1 {
    width: 100%;
    height: 64px;
    margin: 0 auto;
    margin-top: 74px;
    border: 0px;
    border-bottom: #eeeef0 1px solid;
    position: relative
}

.page_title2 {
    width: 100%;
    height: 64px;
    margin: 0 auto;
    margin-top: 74px;
    border: 0px;
    border-bottom: #e6e6ee 1px solid;
    position: relative
}

.page_title1txt {
    font-size: 48px;
    line-height: 90px;
    font-weight: bold;
    text-align: center;
    width: 200px;
    height: 90px;
    border-bottom: #00ada9 5px solid;
    color: #00ada9;
    position: absolute;
    z-index: 9;
    left: 50%;
    margin-left: -100px;
    bottom: -3px;
}



.page_aboutpic {
    width: 570px;
    margin: 49px auto;
    height: 349px;
    box-shadow: 0px 0px 34px #e0e0e6;
    overflow: hidden
}

.page_aboutpic img {
    width: 570px;
    height: 349px;
}


.page_aboutpic img:hover {
    transform: scale(1.05);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


.page_abouttxt {
    width: 80%;
    margin: 49px auto;
    text-align: left;
    font-size: 16px;
    line-height: 30px;
    color: #747576;
}


.page_abouttxt p {
    padding: 3px 0px;
}




.page_culist {
    width: 82%;
    height: 1250px;
    margin: 0 auto;
    margin-top: 49px;
}

.page_culistitem01 {
    width: 24.33%;
    height: 500px;
    margin: 0 1.5%;
    background-image: url(../images/culbg01.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    box-shadow: 0px 0px 34px #c0c0c6;
    text-align: center;
    padding: 50px 3%;
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
}

.page_culistitem01 span {
    font-size: 36px;
    font-weight: bold;
    line-height: 64px;
}


.page_culistitem02 {
    width: 24.33%;
    height: 500px;
    margin: 0 1.5%;
    background-image: url(../images/culbg02.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    box-shadow: 0px 0px 34px #c0c0c6;
    text-align: center;
    padding: 50px 3%;
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
}

.page_culistitem02 span {
    font-size: 36px;
    font-weight: bold;
    line-height: 64px;
}

.page_culistitem03 {
    width: 24.33%;
    height: 500px;
    margin: 0 1.5%;
    background-image: url(../images/culbg03.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    box-shadow: 0px 0px 34px #c0c0c6;
    text-align: center;
    padding: 50px 3%;
    font-size: 16px;
    line-height: 26px;
    color: #262626;
}

.page_culistitem03tit {
    font-size: 36px;
    font-weight: bold;
    line-height: 64px;
    width: 100%;
    text-align: center
}

.page_culistitem03tit2 {
    font-size: 18px;
    line-height: 34px;
    width: 100%;
    text-align: center;
    font-weight: bold
}

.page_culistitem03tit3 {
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    text-align: left;
    font-weight: normal
}

.page_culistitem04 {
    width: 97%;
    height: 600px;
    margin: 0 1.5%;
    background-image: url(../images/culbg04.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 3%;
    float: left;
    box-shadow: 0px 0px 34px #dddde0;
}



#timeline {
    border: 0px;
    width: 100%;
    height: 560px;
    overflow: hidden;
    margin: 0;
    position: relative;
    padding: 0px;


}

.timeline_con {
    width: 100%;
    height: 74px;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0px;
    background: rgba(0, 0, 0, .34);
    padding: 26px 0px;
    z-index: 1
}

.timeline_center {
    width: 100%;
    height: 74px;
    position: relative;
    margin: 0px;
    padding: 0px;
    background: url(../images/timelinebg03.png) center bottom repeat-x;
}


#dates {
    width: 100%;
    height: 74px;
    overflow: hidden;
    position: absolute;
    top: 0;
    padding: 0px;
    margin: 0px;
}

#dates li {
    list-style: none;
    float: left;
    width: 140px;
    height: 74px;
    margin: 0px;
    padding: 0px;


}

#dates a {
    display: block;
    font-size: 16px;
    line-height: 74px;
    text-decoration: none;
    font-weight: noraml;
    width: 140px;
    height: 74px;
    color: #ffffff;
    background: url(../images/timelinebg01.png) center bottom no-repeat;
}

#dates a:visited {
    display: block;
    font-size: 16px;
    line-height: 74px;
    text-decoration: none;
    font-weight: noraml;
    width: 140px;
    height: 74px;
    color: #ffffff;
    background: url(../images/timelinebg01.png) center bottom no-repeat;
}

#dates a:hover {
    display: block;
    font-size: 34px;
    line-height: 74px;
    text-decoration: none;
    font-weight: noraml;
    width: 140px;
    height: 74px;
    color: #ff4400;
    background: url(../images/timelinebg02.png) center bottom no-repeat;
}

#dates .selected {
    display: block;
    font-size: 34px;
    line-height: 74px;
    text-decoration: none;
    font-weight: noraml;
    width: 140px;
    height: 74px;
    color: #ff4400;
    background: url(../images/timelinebg02.png) center bottom no-repeat;
}

#issues {
    width: 100%;
    height: 560px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

#issues li {
    width: 2000px;
    height: 560px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    position: relative
}

#issues li img {
    float: left;
    margin: 0;

}


.time_itemtitle {
    position: absolute;
    top: 140px;
    z-index: 999;
    left: 149px;
    line-height: 74px;
    font-size: 40px;
    color: #ffffff;
    width: 800px;
    text-align: left;
    overflow: hidden
}

.time_itemttxt {
    position: absolute;
    top: 220px;
    z-index: 999;
    left: 149px;
    line-height: 25px;
    font-size: 16px;
    color: #ffffff;
    width: 800px;
    text-align: left;
    height: 75px;
    overflow: hidden
}


.snto_timebtn {
    width: 100%;
    position: absolute;
    height: 64px;
    top: 346px;
    left: 149px;
}

.snto_timebtn a {
    display: block;
    margin: 0px;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ffffff 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, .0);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.snto_timebtn a:visited {
    display: block;
    margin: 0px;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ffffff 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, .0);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.snto_timebtn a:hover {
    display: block;
    margin: 0px;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ffffff 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, .22);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}




.snto_honorbtn {
    width: 100%;
    height: 64px;
    margin-top: 49px;
}

.snto_honorbtn a {
    display: block;
    margin: 0px;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #343536 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #343536;
    text-decoration: none;
    background: rgba(0, 0, 0, .0);
    background-image: url(../images/btnicon2.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.snto_honorbtn a:visited {
    display: block;
    margin: 0px;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #343536 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #343536;
    text-decoration: none;
    background: rgba(0, 0, 0, .0);
    background-image: url(../images/btnicon2.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.snto_honorbtn a:hover {
    display: block;
    margin: 0px;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #343536 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #343536;
    text-decoration: none;
    background: rgba(0, 0, 0, .10);
    background-image: url(../images/btnicon2.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}



.sntopage_bottom {
    width: 100%;
    margin: 0 auto;
    margin-top: 100px;
    background-color: #343536;
    text-align: center;
    padding-top: 7px;
}

.sntopage_copyright {
    width: 100%;
    height: 74px;
    line-height: 74px;
    font-size: 14px;
    text-align: center;
    color: #989898;
    background-color: #000000;
    margin-top: 49px;
}

.sntopage_copyright a {
    color: #e0e0e6;
    text-decoration: none
}

.sntopage_copyright a:visited {
    color: #e0e0e6;
    text-decoration: none
}

.sntopage_copyright a:hover {
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}



/*发展*/
.page_devbanner {
    width: 100%;
    height: 200px;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/dev_banner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 220px 0px;
    text-align: center;
}

.dev_list01 {
    width: 100%;
    height: 600px;
    margin: 0px;
    padding: 0px;
}

.dev_list01pic {
    width: 50%;
    height: 600px;
    float: left;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.dev_list01pic img {
    width: auto;
    height: auto;
    margin: 0px;
}

.dev_list01pic img:hover {
    transform: scale(1.05);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.dev_list01txt {
    width: 40%;
    height: 500px;
    float: left;
    margin: 0px;
    padding: 50px 5%;
    overflow: hidden;
    font-size: 16px;
    line-height: 25px;
    color: #343536;
    text-align: left
}

.dev_list01txt span {
    font-size: 48px;
    font-weight: bold;
    line-height: 64px;
    color: #ce0014
}

.snto_devbtn {
    width: 100%;
    height: 64px;
    margin-top: 49px;
}

.snto_devbtn a {
    display: block;
    margin: 0px;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ce0014 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ce0014;
    text-decoration: none;
    background: rgba(206, 0, 20, .0);
    background-image: url(../images/btnicon3.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.snto_devbtn a:visited {
    display: block;
    margin: 0px;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ce0014 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ce0014;
    text-decoration: none;
    background: rgba(206, 0, 20, .0);
    background-image: url(../images/btnicon3.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.snto_devbtn a:hover {
    display: block;
    margin: 0px;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ce0014 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ce0014;
    text-decoration: none;
    background: rgba(206, 0, 20, .10);
    background-image: url(../images/btnicon3.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

.dev_list02 {
    width: 100%;
    height: 468px;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/dev03.jpg);
    background-position: center center;
    background-repeat: repeat;
}


.dev_list02txt {
    width: 40%;
    height: 268px;
    float: right;
    margin: 0px;
    padding: 100px 5%;
    overflow: hidden;
    font-size: 16px;
    line-height: 25px;
    color: #ffffff;
    text-align: left
}

.dev_list02txt span {
    font-size: 48px;
    font-weight: bold;
    line-height: 64px;
    color: #ffffff
}


.snto_devbtn02 {
    width: 100%;
    height: 64px;
    margin-top: 34px;
}

.snto_devbtn02 a {
    display: block;
    margin: 0px;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ffffff 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, .0);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.snto_devbtn02 a:visited {
    display: block;
    margin: 0px;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ffffff 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, .0);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.snto_devbtn02 a:hover {
    display: block;
    margin: 0px;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ffffff 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, .22);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

.dev_list03 {
    width: 100%;
    height: 468px;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/dev04.jpg);
    background-position: center center;
    background-repeat: repeat;
    margin-bottom: -100px;
}


.dev_list03txt {
    width: 40%;
    height: 268px;
    float: left;
    margin: 0px;
    padding: 100px 5%;
    overflow: hidden;
    font-size: 16px;
    line-height: 25px;
    color: #343536;
    text-align: left
}

.dev_list03txt span {
    font-size: 48px;
    font-weight: bold;
    line-height: 64px;
    color: #ce0014
}


/*案例*/
.page_casebanner {
    width: 100%;
    height: 200px;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/case_banner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 220px 0px;
    text-align: center;
}




.sntopage_caselist {
    width: 83%;
    margin: 49px auto;
    height: auto
}







.sntopage_caseitem {
    width: 30.33%;
    height: auto;
    background-color: #ffffff;
    float: left;
    padding: 0px;
    margin: 0px;
    text-align: center;
    padding: 0;
    margin: 1.5%;
    box-shadow: 0px 0px 20px #e0e0e6;
}

.sntopage_caseitem:hover {
    box-shadow: 0px 0px 34px #c0c0c6;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    cursor: pointer
}



.sntopage_caseitem_img {
    width: 92%;
    height: 260px;
    margin: 4% auto;
    overflow: hidden
}

.sntopage_caseitem_img img {
    width: 100%;
    height: 260px;
}




.sntopage_caseitem_img img:hover {
    transform: scale(1.05);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}





.sntopage_caseitemt {
    width: 92%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    font-size: 24px;
    color: #343536;
    line-height: 49px;
    overflow: hidden;
    height: 49px;
    font-weight: bold
}

.sntopage_caseitemt:hover .st_caseitemt1 {
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    cursor: pointer;
    color: #cf0014
}

.sntopage_caseitemi {
    width: 92%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    font-size: 14px;
    color: #747576;
    line-height: 20px;
    margin-top: 10px;
    height: 20px;
    overflow: hidden
}

.sntopage_casebtn {
    width: 100%;
    height: 64px;
    margin: 0px auto;
    text-align: left;
    margin-top: 30px;
    border-top: #eeeef0 1px solid;
}

.sntopage_casebtn a {
    display: block;
    margin: 0px;
    width: 100%;
    height: 64px;
    border: 0px;
    border-radius: 0px;
    line-height: 64px;
    text-align: center;
    font-size: 14px;
    color: #343536;
    text-decoration: none;
    background-color: #f0f0f6
}

.sntopage_casebtn a:visited {
    display: block;
    margin: 0px;
    width: 100%;
    height: 64px;
    border: 0px;
    border-radius: 0px;
    line-height: 64px;
    text-align: center;
    font-size: 14px;
    color: #343536;
    text-decoration: none;
    background-color: #f0f0f6
}

.sntopage_casebtn a:hover {
    display: block;
    margin: 0px;
    width: 100%;
    height: 64px;
    border: 0px;
    border-radius: 0px;
    line-height: 64px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    background-color: #cf0014;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}


.snto_clear {
    width: 100%;
    height: 0px;
    line-height: 0px;
    clear: both
}


.snto_pagnavcon {
    width: 80%;
    height: 56px;
    margin: 49px auto;
    text-align: center;
}

.snto_pagnavcon a {
    display: inline-table;
    width: 54px;
    height: 54px;
    background-color: #f0f0f6;
    text-align: center;
    font-size: 14px;
    line-height: 54px;
    border: #e6e6ee 1px solid;
    color: #343536;
    border-radius: 50%;
    text-decoration: none;
    margin-right: 7px;
}

.snto_pagnavcon a:visited {
    display: inline-table;
    width: 54px;
    height: 54px;
    background-color: #f0f0f6;
    text-align: center;
    font-size: 14px;
    line-height: 54px;
    border: #e6e6ee 1px solid;
    color: #343536;
    border-radius: 50%;
    text-decoration: none;
    margin-right: 7px;
}

.snto_pagnavcon a:hover {
    display: inline-table;
    width: 54px;
    height: 54px;
    background-color: #00ada9;
    text-align: center;
    font-size: 14px;
    line-height: 54px;
    border: #00ada9 1px solid;
    color: #ffffff;
    border-radius: 50%;
    text-decoration: none;
    margin-right: 7px;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

.snto_pagnavcon a.page-num-current {
    display: inline-table;
    width: 54px;
    height: 54px;
    background-color: #00ada9;
    text-align: center;
    font-size: 14px;
    line-height: 54px;
    color: #ffffff;
    border-radius: 50%;
    margin-right: 7px;
}


/*新闻*/
.page_newbanner {
    width: 100%;
    height: 200px;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/new_banner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 220px 0px;
    text-align: center;
}

.sntopage_newitem {
    width: 80%;
    height: 260px;
    padding: 49px 0px;
    margin: 0 auto;
    border: 0px;
    border-bottom: #e6e6ee 1px solid;
}

.sntopage_newitempic {
    width: 30%;
    height: 260px;
    overflow: hidden;
    float: left;
}

.sntopage_newitempic img {
    width: 100%;
    height: auto;
}



.sntopage_newitempic img:hover {
    transform: scale(1.05);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


.sntopage_newitemtxt {
    width: 67%;
    height: 260px;
    overflow: hidden;
    float: right;
}

.sntopage_newitemtit {
    width: 100%;
    height: 60px;
    line-height: 30px;
    font-size: 26px;
    font-weight: bold;
    overflow: hidden;
    text-align: left
}

.sntopage_newitemtit a {
    color: #343536;
    text-decoration: none
}

.sntopage_newitemtit a:visited {
    color: #343536;
    text-decoration: none
}

.sntopage_newitemtit a:hover {
    color: #00ada9;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.sntopage_newiteminfo {
    width: 100%;
    height: 75px;
    margin-top: 25px;
    line-height: 25px;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    text-align: left;
    color: #747576
}

.sntopage_newitemdate {
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin-top: 80px;
    text-align: left;
    color: #aaaaaa;
    font-size: 14px;
}

.sntopage_newitemdate span {
    color: #646566;
}

.sntopage_newitemdate a {
    color: #00ada9;
    text-decoration: none
}

.sntopage_newitemdate a:visited {
    color: #00ada9;
    text-decoration: none
}

.sntopage_newitemdate a:hover {
    color: #00ada9;
    text-decoration: underline
}





/*产品*/
.page_productbanner {
    width: 100%;
    height: 200px;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/product_banner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 220px 0px;
    text-align: center;
}

.page_producttxt {
    width: 80%;
    margin: 49px auto;
    text-align: left;
    font-size: 16px;
    line-height: 30px;
    color: #747576;
}


.page_producttxt p {
    padding: 3px 0px;
}

.page_producttxt img {
    float: left;
    margin: 0px;
    margin-right: 56px;
    margin-bottom: 30px;
}

.pro_e0bg {
    width: 100%;
    margin: 74px auto;
    background-color: #f0f0f6;
    padding: 74px 0px;
    margin-bottom: 0px;
    padding-top: 26px
}

.page_prolist {
    width: 82%;
    height: 520px;
    margin: 0 auto;
    margin-top: 49px;
}

.page_prolistitem {
    width: 24.0%;
    height: 400px;
    margin: 0 1.5%;
    padding: 50px 3%;
    text-align: center;
    border: #eeeef0 1px solid;
    float: left;
    background-color: #fafaff;
    margin-top: 20px;
}

.page_prolistitem:hover {
    box-shadow: 0px 0px 49px #dddde0;
    background-color: #ffffff;
    margin-top: 0px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
}

.page_prolistitempic {
    width: 100%;
    height: 80px;
    margin: 0 auto;
    text-align: center
}

.page_prolistitempic img {
    width: 80px;
    height: 80px;
    margin: 0 auto
}

.page_prolistitemtit {
    width: 100%;
    height: 80px;
    margin: 0 auto;
    text-align: center;
    font-size: 34px;
    color: #343536;
    line-height: 80px;
    font-weight: bold
}

.page_prolistiteminfo {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: left;
    font-size: 14px;
    color: #646566;
    line-height: 26px;
    font-weight: normal
}

.page_prolistiteminfo span {
    font-weight: bold;
    color: #1486c0
}

.pro_typebg {
    background-color: #1186c2;
    padding: 1% 0.5%;
    width: 99%;
    margin: 0 auto;
    height: 440px;
}

.pro_typeitem {
    width: 24%;
    float: left;
    height: 440px;
    margin: 0 0.5%;
    padding: 0px;
}

.pro_typetitle {
    text-align: center;
    font-size: 48px;
    font-weight: bold;
    color: #ffffff;
    width: 100%;
    height: 100px;
    line-height: 100px;
    margin: 0 auto;
    margin-top: 170px;
}

.pro_typeitemc {
    width: 100%;
    height: 440px;
    position: relative;
    margin: 0px;
    padding: 0px;
    overflow: hidden
}


.pro_typeitemc img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.pro_typeitemc:hover img {
    transform: scale(1.05);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer
}

.pro_typeitemctit {
    width: 90%;
    height: 80px;
    background: rgba(0, 0, 0, .49);
    padding: 25px 5%;
    z-index: 99;
    position: absolute;
    text-align: left;
    left: 0px;
    bottom: 0px;
    font-size: 16px;
    line-height: 20px;
    color: rgba(255, 255, 255, .74);
    font-weight: normal
}

.pro_typeitemctit span {
    font-size: 26px;
    line-height: 40px;
    color: rgba(255, 255, 255, .99);
}

.pro_video {
    width: 1170px;
    height: 673px;
    margin: 74px auto;
    padding: 0px;
}

.pro_bjys {
    width: 1170px;
    height: 471px;
    margin: 49px auto;
    position: relative;
    padding: 0px;
}

.pro_bjys img {
    width: 1170px;
    height: 471px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.pro_bjysitem {
    width: 79px;
    height: 79px;
    position: absolute;
    z-index: 9999
}

.pro_bjysitem img {
    width: 79px !important;
    height: 79px !important;
    cursor: pointer
}

.pro_bjysitem1 {
    left: 52px;
    top: 3px;
}





.drop-down {
    width: 79px;
    height: 79px;
}



#antzone {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0px;
    background: rgba(0, 0, 0, .80);
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    line-height: 34px;

}

#antzone img {
    margin: 0 auto;
    margin-top: 49px;
}


#shengming {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0px;
    background-image: url(../images/sm.jpg);
    background-size: 100% 100%;
    display: none
}

.close_btnsm {
    width: 30px;
    height: 30px;
    float: right;
    margin: 30px;
    cursor: pointer
}

.close_btnsm img {
    width: 30px;
    height: 30px;
    margin: 0 auto;
}


.close_btn {
    width: 100%;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
    cursor: pointer
}

.close_btn img {
    width: 30px;
    height: 30px;
    margin: 0 auto;
}



.page_prolist2 {
    width: 82%;
    height: 426px;
    margin: 0 auto;
    margin-top: 49px;
}

.page_prolistitem2 {
    width: 24.33%;
    height: 326px;
    margin: 0 1.5%;
    padding: 50px 3%;
    text-align: center;
    border: 0;
    float: left;
}


.page_prolistitem2pic {
    width: 100%;
    height: 163px;
    margin: 0 auto;
    text-align: center
}

.page_prolistitem2pic img {
    width: 163px;
    height: 163px;
    margin: 0 auto
}

.page_prolistitem2tit {
    width: 100%;
    height: 80px;
    margin: 0 auto;
    text-align: center;
    font-size: 36px;
    color: #343536;
    line-height: 80px;
    font-weight: bold
}

.page_prolistitem2info {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: left;
    font-size: 14px;
    color: #646566;
    line-height: 26px;
    font-weight: normal
}


@media only screen and (max-width:1680px) {


    /*topnav*/
    .veg_head {
        width: 100%;
        height: 150px;
        background-image: url(../images/nav_bg.png);
        background-repeat: repeat-x;
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 99
    }

    .veg_toplogo {
        width: 212px;
        height: 72px;
        margin: 0px;
        float: left
    }

    .veg_toplogo img {
        width: 212px;
        height: 72px;
    }

    .veg_toptell {
        width: 212px;
        height: 72px;
        margin: 0px;
        float: right;
        text-align: right;
        font-size: 12px;
        line-height: 72px;
        color: #e0e0e6;
        padding-right: 13px;
    }

    .veg_toptell a {
        color: #ffffff;
        text-decoration: none;
        font-size: 14px;
    }

    .veg_toptell a:visited {
        color: #ffffff;
        text-decoration: none;
        font-size: 14px;
    }

    .veg_toptell a:hover {
        color: #cf0014;
        text-decoration: none;
        font-size: 14px;
    }

    .st_search {
        width: 140px;
        height: 24px;
        float: left;
        margin: 23px 0px;
        border: #e0e0e6 1px solid;
        border-radius: 4px;
    }

    .st_search_input {
        width: 106px;
        height: 18px;
        line-height: 18px;
        float: left;
        margin: 2px;
        text-indent: 5px;
        color: #ffffff;
        font-size: 12px;
        line-height: 18px;
        background: none;
        border: none
    }

    .st_search_btn {
        width: 24px;
        height: 24px;
        float: right;
        background: none;
        border: 0px;
        background-image: url(../images/search_btn.png);
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer
    }





    .menu {
        width: 100%;
        height: 150px;
        background-image: url(../images/nav_bg.png);
        background-repeat: repeat-x;
        position: fixed;
        left: 0;
        top: 0px;
        z-index: 99;
        text-align: center;
    }

    .menu .nav {
        width: 720px;
        height: 72px;
        margin: 0 auto;
    }

    .menu .nav li {
        float: left;
        list-style: none;
        width: 120px;
        height: 72px;
        padding: 0px;
        margin: 0px;
    }

    .st_topnav_item {
        width: 120px;
        height: 72px;
        margin: 0px;
    }

    .st_topnav_item a {
        display: block;
        height: 72px;
        text-align: left;
        text-indent: 26px;
        width: 120px;
        /*border-left:1px solid #000;*/
        padding: 0px;
        line-height: 72px;
        color: #ffffff;
        background-image: none;
        text-decoration: none;
        position: relative;
        overflow: hidden;
        font-size: 16px;
    }

    .st_topnav_item a:hover,
    .st_topnav_item a.current {
        background-color: #FFFFFF;
        background-image: none;
        color: #cf0014;
    }

    .menu .nav li .box {
        width: 100%;
        height: 200px;
        position: absolute;
        top: 72px;
        left: 0;
        background: rgba(255, 255, 255, 1);
        display: none;
        text-align: center;
        padding: 30px 0px;
        box-shadow: 0px 7px 20px rgba(0, 0, 0, .18);
        background-image: url(../images/drop_bg.png);
        background-repeat: repeat-x;
        background-position: center center;
        z-index: 9999999
    }

    .drop_nav {
        width: 70%;
        margin: 0 auto;
        height: 200px;
    }

    .drop_nav_left {
        width: 30%;
        height: 200px;
        background-color: #ffffff;
        padding: 0px;
        border: 0px;
        float: left;
        position: relative;
        border-radius: 5px;
        box-shadow: 0px 0px 20px #d0d0d6;
        overflow: hidden
    }

    .drop_nav_left img {
        width: 100%;
        height: 200px;
    }


    .drop_nav_left:hover img {
        transform: scale(1.1);
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .drop_nav_leftt {
        position: absolute;
        left: 30px;
        bottom: 30px;
        width: 260px;
        height: 22px;
        line-height: 22px;
        text-align: left;
        z-index: 9999;
        font-size: 22px;
        font-weight: bold;
        color: #ffffff;
        background: none
    }

    .drop_nav_leftt a {
        color: #ffffff;
        text-decoration: none;
        background: none
    }

    .drop_nav_leftt a:visited {
        color: #ffffff;
        text-decoration: none;
        background: none
    }

    .drop_nav_leftt a:hover {
        color: #ffffff;
        text-decoration: none;
        background: none
    }

    .drop_nav_right {
        width: 64%;
        height: 200px;
        float: right;
    }

    .drop_nav_rightitem {
        width: 20%;
        text-align: center;
        padding: 30px 0px;
        height: 150px;
        float: left;
        font-size: 16px;
        line-height: 20px;
    }

    .drop_nav_rightitem img {
        margin: 0 auto;
        width: 100px;
        height: 100px;
    }

    .drop_nav_rightitem a {
        color: #343536;
        text-decoration: none
    }

    .drop_nav_rightitem a:visited {
        color: #343536;
        text-decoration: none
    }

    .drop_nav_rightitem a:hover {
        color: #cf0014;
        text-decoration: none
    }

    .drop_nav_rightitem2 {
        width: 47%;
        text-align: left;
        padding: 0px 0px;
        height: 200px;
        float: left;
        font-size: 16px;
        line-height: 40px;
        margin-left: 3%;
    }

    .drop_nav_rightitem2 img {
        margin: 0 auto;
        width: 100%;
        height: 160px;
    }

    .drop_nav_rightitem2 a {
        color: #343536;
        text-decoration: none
    }

    .drop_nav_rightitem2 a:visited {
        color: #343536;
        text-decoration: none
    }

    .drop_nav_rightitem2 a:hover {
        color: #cf0014;
        text-decoration: none
    }



}


/*dudu*/
/*topnav*/
.dd_head {
    width: 100%;
    height: 187px;
    background-image: url(../images/nav_bg.png);
    background-repeat: repeat-x;
    background-position: center top;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99;
    text-align: center;
    min-width: 1388px
}

.dd_nav {
    width: 1388px;
    height: 166px;
    margin: 0 auto
}

.dd_nav_item {
    width: 110px;
    height: 44px;
    float: left;
    margin: 40px 0px;
    text-align: center;
    border: 0px;
    font-size: 17px;
    line-height: 22px;
    text-transform: uppercase;
}

.dd_nav_item span {
    font-size: 11px;
}

.dd_nav_item a {
    color: #ffffff;
    text-decoration: none
}

.dd_nav_item a:visited {
    color: #ffffff;
    text-decoration: none
}

.dd_nav_item a:hover {
    color: #00ada9;
    text-decoration: none;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

#dd_nav_itemon {
    color: #00ada9;
    text-decoration: none;
}

.dd_toplogo {
    width: 338px;
    height: 166px;
    margin: 0px;
    float: left
}

.dd_toplogo img {
    width: 338px;
    height: 166px;
}

.dd_toptell {
    width: 265px;
    height: 44px;
    margin: 0px;
    margin-top: 40px;
    margin-left: 15px;
    float: left
}

.dd_toptell img {
    width: 265px;
    height: 44px;
}


/*banner*/
.banner_con {
    position: relative;
    text-align: center;
    overflow: hidden
}

.banner_con img {
    width: 100%;
    height: auto;
}

.banner_text {
    width: 80%;
    height: auto;
    position: absolute;
    left: 10%;
    top: 40%;
    margin-top: -160px;
    text-align: center;
    z-index: 100
}

.banner_text img {
    margin: 0 auto;
    width: auto !important;
    height: auto;
    max-width: 100%;
}



.banner_bg {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, .40);
    z-index: 1;
    position: absolute;
    z-index: 99
}

/*关于*/
.dd_aboutbg {
    background-image: url(../images/aboutbg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
}

.dd_con {
    position: relative;
    background-color: #ffffff;
}

.dd_aboutcon {
    width: 1170px;
    height: 300px;
    position: absolute;
    left: 50%;
    margin-left: -585px;
    top: 206px;
}

.dd_aboutcon2 {
    width: 1170px;
    height: 260px;
    position: absolute;
    left: 50%;
    margin-left: -585px;
    top: 507px;
    overflow: hidden
}

.dd_aboutcon2 img {
    width: 1170px;
    height: 260px;
}

.dd_aboutcon2 img:hover {
    transform: scale(1.1);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.dd_aboutpic {
    width: 470px;
    height: 300px;
    float: left;
    margin: 0px;
    overflow: hidden;
    box-shadow: 0px 0px 10px #d0d0d6;
}

.dd_aboutpic img {
    width: 470px;
    height: 300x;
}

.dd_aboutpic img:hover {
    transform: scale(1.1);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.dd_abouttxt {
    width: 670px;
    height: 300px;
    float: right;
    margin: 0px;
}

.dd_abouttitle {
    width: 670px;
    height: 60px;
    text-align: left;
}

.dd_abouttitle img {
    margin: 0px;
    width: auto
}

.dd_aboutinfo {
    width: 670px;
    text-align: left;
    font-size: 16px;
    color: #000000;
    line-height: 26px;
    margin-top: 20px;
}


.dd_aboutbtn {
    width: 100%;
    height: 64px;
    margin-top: 20px;
}

.dd_aboutbtn a {
    display: block;
    margin: 0px;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #00ada9 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(0, 173, 169, .56);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.dd_aboutbtn a:visited {
    display: block;
    margin: 0px;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #00ada9 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(0, 173, 169, .56);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.dd_aboutbtn a:hover {
    display: block;
    margin: 0px;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #00ada9 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(0, 173, 169, .99);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

/*招牌美食*/

.dd_protitle {
    width: 80%;
    height: 60px;
    text-align: center;
    position: absolute;
    left: 10%;
    top: 236px;
    z-index: 10000
}

.dd_protitle img {
    margin: 0px auto;
    width: auto
}

.dd_product {
    width: 100%;
    height: 100%;
    position: relative
}



.dd_productlist {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.dd_productlist img {
    width: 100%;
    height: auto;
}

.dd_producttitle {
    width: 100%;
    height: 64px;
    position: absolute;
    top: 50%;
    margin-top: -100px;
    text-align: center;
    font-size: 49px;
    font-weight: normal;
    line-height: 64px;
    color: #ffffff;
    text-transform: uppercase
}

.dd_producttitle2 {
    width: 100%;
    height: 120px;
    position: absolute;
    top: 50%;
    margin-top: -60px;
    text-align: center;
    font-size: 100px;
    font-weight: bold;
    line-height: 120px;
    color: #00ada9;
    text-shadow: 0px 0px 15px rgba(0, 0, 0, .74);
}


.dd_producttxt {
    width: 70%;
    height: 34px;
    position: absolute;
    top: 50%;
    left: 15%;
    margin-top: 70px;
    text-align: center;
    font-size: 30px;
    font-variant: normal;
    line-height: 34px;
    color: rgba(255, 255, 255, .90);
    overflow: hidden;
}



.dd_productbtn {
    width: 100%;
    position: absolute;
    height: 64px;
    top: 50%;
    left: 0;
    margin-top: 180px;
}

.dd_productbtn a {
    display: block;
    margin: 0px auto;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ffffff 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, .0);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.dd_productbtn a:visited {
    display: block;
    margin: 0px auto;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ffffff 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, .0);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.dd_productbtn a:hover {
    display: block;
    margin: 0px auto;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ffffff 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, .22);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

/*环境*/
.dd_envbg {
    background-image: url(../images/evnbg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
}

.dd_envcon {
    width: 1170px;
    height: 400px;
    position: absolute;
    left: 50%;
    margin-left: -585px;
    top: 326px;
}


.dd_envconitem {
    margin: 0px;
    padding: 0px;
    position: relative;
    float: left;
    overflow: hidden
}

.dd_envconitem img {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
}

.dd_envconitem img:hover {
    transform: scale(1.1);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


.dd_envconitemt {
    position: absolute;
    width: 100%;
    height: 49px;
    background: rgba(0, 0, 0, .64);
    text-align: center;
    line-height: 49px;
    font-size: 16px;
    z-index: 1;
    left: 0px;
    bottom: 0px;
}

.dd_envconitemt a {
    color: #ffffff;
    text-decoration: none
}

.dd_envconitemt a:visited {
    color: #ffffff;
    text-decoration: none
}

.dd_envconitemt a:hover {
    color: #ffffff;
    text-decoration: none
}

.dd_envconitem01 {
    width: 585px;
    height: 400px;
}

.dd_envconitem01 img {
    width: 585px;
    height: 400px;
}

.dd_envconitem020 {
    width: 585px;
    height: 400px;
}

.dd_envconitem02 {
    width: 292.5px;
    height: 200px;
}

.dd_envconitem02 img {
    width: 292.5px;
    height: 200px;
}

.dd_envconitem030 {
    width: 1170px;
    height: 200px;
}

.dd_envconitem03 {
    width: 585px;
    height: 200px;
}

.dd_envconitem03 img {
    width: 585px;
    height: 200px;
}



.dd_videobg {
    background-color: #1f2128;
    background-image: url(../images/video_bg.png);
    background-repeat: repeat;
}

.dd_videocon {
    width: 830px;
    height: 470px;
    position: absolute;
    left: 50%;
    margin-left: -415px;
    top: 326px;
    background-color: #000000
}

.dd_videtxt {
    width: 830px;
    height: 47px;
    position: absolute;
    left: 50%;
    margin-left: -415px;
    top: 796px;
    background-color: #272930;
    font-size: 18px;
    text-align: left;
    line-height: 47px;
    text-indent: 20px;
    color: #ffffff
}

.dd_videtxt span {
    color: #fcc700;
    font-weight: bold
}

/*新闻*/

.dd_newbg {
    background-image: url(../images/newbg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
}

.dd_newcon {
    width: 1180px;
    height: 470px;
    position: absolute;
    left: 50%;
    margin-left: -590px;
    top: 326px;
}

.dd_newcon01 {
    width: 1180px;
    height: 200px;
    margin: 0px;
    padding: 0px;
}

.dd_newcon01item01 {
    width: 225px;
    height: 140px;
    background-color: #00ada9;
    float: left;
    position: relative;
    margin: 0 5px;
    padding: 0px;
    overflow: hidden;
    padding: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff
}

.dd_newcon01item01 i {
    position: absolute;
    left: 30px;
    top: 30px;
    right: 30px;
    bottom: 30px;
    border: rgba(255, 255, 255, .56) 1px solid;
    z-index: 999
}

.dd_newcon01item01 img {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -25px;
    z-index: 9999
}

.dd_newcon01item01 span {
    font-size: 30px;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    top: 80px;
    left: 0px;
    color: #ffffff;
    z-index: 9999;
    position: absolute
}

.dd_newcon01item01 a {
    text-decoration: none;
    color: rgba(255, 255, 255, .74);
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    left: 0px;
    top: 120px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 9999
}

.dd_newcon01item01 a:visited {
    text-decoration: none;
    color: rgba(255, 255, 255, .74);
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    left: 0px;
    top: 120px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 9999
}

.dd_newcon01item01 a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, .99);
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    left: 0px;
    top: 120px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 9999;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


.dd_newcon01item02 {
    width: 285px;
    height: 200px;
    float: left;
    position: relative;
    margin: 0 5px;
    padding: 0px;
    overflow: hidden;
}

.dd_newcon01item02 img {
    width: 285px;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.dd_newcon01item02t {
    width: 90%;
    height: 40px;
    padding: 10px 5%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    background: rgba(0, 0, 0, .56)
}

.dd_newcon01item02:hover img {
    transform: scale(1.05);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.dd_newcon01item02t a {
    color: #e0e0e6;
    text-decoration: none
}

.dd_newcon01item02t a:visited {
    color: #e0e0e6;
    text-decoration: none
}

.dd_newcon01item02t a:hover {
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


.dd_newcon02 {
    width: 1170px;
    height: 240px;
    margin: 0px;
    padding: 0px 5px;
    margin-top: 30px;
}


.dd_newcon02left {
    width: 570px;
    height: 240px;
    float: left;
    margin: 0px;
    padding: 0px;
}

.dd_newcon02leftr {
    width: 570px;
    height: 240px;
    float: right;
    margin: 0px;
    padding: 0px;
}

.dd_newcon02leftt {
    width: 570px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    font-size: 30px;
    color: #343536;
    padding-bottom: 10px;
}

.dd_newcon02leftt img {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
}

.dd_newcon02leftt span {
    width: 64px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: right;
    float: right;
    margin: 0px;
}


.dd_newcon02leftt span a {
    color: #646566;
    text-decoration: none
}

.dd_newcon02leftt span a:visited {
    color: #646566;
    text-decoration: none
}

.dd_newcon02leftt span a:hover {
    color: #343536;
    text-decoration: none
}


.dd_newcon02lefti {
    width: 570px;
    height: 38px;
    line-height: 38px;
    text-align: left;
    font-size: 16px;
    color: #00ada9;
    overflow: hidden
}

.dd_newcon02lefti a {
    color: #000000;
    text-decoration: none
}

.dd_newcon02lefti a:visited {
    color: #000000;
    text-decoration: none
}

.dd_newcon02lefti a:hover {
    color: #00ada9;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


.dd_newcon02lefti span {
    width: 100px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    text-align: right;
    float: right;
    margin: 0px;
    color: #646566
}



.dd_botcon {
    width: 100%;
    height: 740px;
    position: absolute;
    left: 0%;
    bottom: 0px;
    background-color: #343536
}

.dd_botconc {
    width: 100%;
    height: 740px;
    position: relative;
    margin: 0px;
    padding: 0px;
}




.dd_mescon {
    width: 100%;
    height: 170px;
    background-color: #00ada9;
    margin: auto;
    padding: 0px;
    text-align: center;
    padding: 70px 0px;
}

.dd_mescontitle {
    width: 100%;
    height: 80px;
    text-align: center;
    margin: 0 auto
}

.dd_mescontitle img {
    margin: 0px auto;
    width: auto
}

.dd_mescenter {
    width: 1170px;
    height: 90px;
    margin: 0 auto;
}


.dd_mesform {
    width: 1120px;
    height: 40px;
    background-color: #f0f0f6;
    float: right;
    border: 0px;
    border-radius: 5px;
    padding: 25px;
}

.dd_mesforminput {
    width: 148px;
    height: 38px;
    line-height: 38px;
    border: #e0e0e6 1px solid;
    background-color: #ffffff;
    font-size: 14px;
    text-align: left;
    color: #343536;
    text-indent: 10px;
    float: left;
    margin-right: 25px;
}

.dd_mesforminput2 {
    width: 418px;
    height: 38px;
    line-height: 38px;
    border: #e0e0e6 1px solid;
    background-color: #ffffff;
    font-size: 14px;
    text-align: left;
    color: #343536;
    text-indent: 10px;
    float: left;
    margin-right: 25px;
}


.dd_mesforminput3 {
    width: 130px;
    height: 40px;
    line-height: 40px;
    border: 0px;
    background-color: #00aba7;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    float: left;
    margin: 0px;
}

.dd_mesforminput3:hover {
    width: 130px;
    height: 40px;
    line-height: 40px;
    border: 0px;
    background-color: #00817e;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    float: left;
    margin: 0px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer
}

.dd_copyright {
    width: 100%;
    height: 74px;
    line-height: 74px;
    font-size: 14px;
    text-align: center;
    color: #989898;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 9999;
    background-color: #000000
}

.dd_copyright a {
    color: #e0e0e6;
    text-decoration: none
}

.dd_copyright a:visited {
    color: #e0e0e6;
    text-decoration: none
}

.dd_copyright a:hover {
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.dd_copyright br {
    display: none;
    visibility: hidden
}

.dd_bottomc {
    width: 1170px;
    height: auto;
    margin: 0 auto;
    margin-top: 49px;
    min-height: 150px;
}

.dd_bottomc01 {
    width: 370px;
    float: left;
    margin: 0px;
    height: 150px;
    text-align: left
}

.dd_bottomc01 img {
    margin: 0
}

.dd_bottomctell {
    width: 370px;
    height: 44px;
    line-height: 44px;
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    margin: 0 auto;
    margin-top: 10px;
    text-align: left
}

.dd_bottomctell img {
    width: 44px;
    height: 44px;
    float: left;
    margin-right: 5px;
}

.dd_bottomc02 {
    width: 770px;
    float: right;
    margin: 0px;
    height: 200px;
}

.dd_clear {
    width: 100%;
    height: 0px;
    line-height: 0px;
    clear: both
}


.dd_bottomcnav {
    width: 770px;
    height: 44px;
    padding-bottom: 30px;
    border-bottom: rgba(255, 255, 255, .08) 1px solid
}



.dd_bottomcnavi {
    width: 109px;
    height: 44px;
    float: left;
    margin: 0px;
    text-align: left;
    border: 0px;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
}

.dd_bottomcnavi span {
    font-size: 10px;
}

.dd_bottomcnavi a {
    color: #ffffff;
    text-decoration: none
}

.dd_bottomcnavi a:visited {
    color: #ffffff;
    text-decoration: none
}

.dd_bottomcnavi a:hover {
    color: #00ada9;
    text-decoration: none;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

.dd_bottomCooperation {
    width: 770px;
    height: 100px;
    margin-top: 30px;
}

.dd_bottomCooperation01 {
    width: 48%;
    height: 100px;
    font-size: 14px;
    color: #ffffff;
    line-height: 30px;
    margin-top: 30px;
    text-align: left;
    float: left;
    margin: 0px;
    padding-right: 2%;
}

.dd_bottomCooperation01 span {
    font-size: 16px;
    line-height: 30px;
}

.dd_bottomCooperation01 img {
    width: 30px;
    height: 30px;
    float: left
}

.dd_bottomCooperation02 {
    width: 30%;
    height: 100px;
    font-size: 14px;
    color: #ffffff;
    line-height: 30px;
    margin-top: 30px;
    text-align: left;
    float: left;
    margin: 0px;
}

.dd_bottomCooperation02 span {
    font-size: 16px;
    line-height: 30px;
}

.dd_bottomCooperation02 img {
    width: 30px;
    height: 30px;
    float: left
}

.dd_bottomCooperation03 {
    width: 20%;
    height: 100px;
    text-align: center;
    float: left;
    margin: 0px;
}

.dd_bottomCooperation03 img {
    width: 83px;
    height: 83px;
    margin: 0 auto
}

/*brand*/

.ddpage_toptitle {
    width: 80%;
    height: 80px;
    text-align: center;
    margin: 0px auto;
    font-size: 72px;
    font-weight: bold;
    line-height: 74px;
    color: #ffffff
}

.ddpage_toptitle span {
    font-size: 48px;
    text-transform: uppercase;
    line-height: 50px;
    font-weight: lighter;
}

.page_brandbanner {
    width: 100%;
    height: 160px;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/brandbanner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 150px 0px;
    padding-top: 250px;
    text-align: center;
}

.page_joinbanner {
    width: 100%;
    height: 160px;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/joinbanner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 150px 0px;
    padding-top: 250px;
    text-align: center;
}

.bran_list01 {
    width: 100%;
    height: 600px;
    margin: 0px;
    padding: 0px;
}

.bran_list01pic {
    width: 50%;
    height: 600px;
    float: left;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.bran_list01pic img {
    width: auto;
    height: auto;
    margin: 0px;
}

.bran_list01pic img:hover {
    transform: scale(1.05);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.bran_list01txt {
    width: 40%;
    height: 500px;
    float: left;
    margin: 0px;
    padding: 50px 5%;
    overflow: hidden;
    font-size: 16px;
    line-height: 25px;
    color: #343536;
    text-align: left
}

.bran_list01txttit {
    width: 100%;
    height: 74px;
    text-align: left;
    font-size: 48px;
    font-weight: normal;
    color: #0a2832
}

.bran_list01txttit span {
    font-weight: bold;
    color: #0a2832
}

.bran_list01txt b {
    font-size: 22px;
    font-weight: bold;
    line-height: 34px;
    color: #00ada9 !important;
}

.bran_list01block {
    width: 100%;
    height: 140px;
    margin-top: 30px;
    padding: 0px;
}

.bran_list01block01 {
    width: 44%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 16px;
    overflow: hidden;
    background-color: #00ada9;
    color: #ffffff;
    padding: 10px 3%;
    float: left;
    margin: 0px;
}

.bran_list01block01 img {
    width: 50px;
    height: 50px;
    float: left;
    margin: 0px;
}

.bran_list01block02 {
    width: 44%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 16px;
    overflow: hidden;
    background-color: #f0f0f6;
    color: #000000;
    padding: 10px 3%;
    float: left;
    margin: 0px;
}

.bran_list01block02 img {
    width: 50px;
    height: 50px;
    float: left;
    margin: 0px;
}


.bran_list01block03 {
    width: 44%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 16px;
    overflow: hidden;
    background-color: #eeeef0;
    color: #000000;
    padding: 10px 3%;
    float: left;
    margin: 0px;
}

.bran_list01block03 img {
    width: 50px;
    height: 50px;
    float: left;
    margin: 0px;
}

.bran_list01block04 {
    width: 44%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 16px;
    overflow: hidden;
    background-color: #0a2832;
    color: #ffffff;
    padding: 10px 3%;
    float: left;
    margin: 0px;
}

.bran_list01block04 img {
    width: 50px;
    height: 50px;
    float: left;
    margin: 0px;
}



.dd_branbtn {
    width: 100%;
    height: 64px;
    margin-top: 49px;
}

.dd_branbtn a {
    display: block;
    margin: 0px;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #00ada9 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #00ada9;
    text-decoration: none;
    background: rgba(0, 173, 169, .0);
    background-image: url(../images/btnicon3.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.dd_branbtn a:visited {
    display: block;
    margin: 0px;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #00ada9 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #00ada9;
    text-decoration: none;
    background: rgba(0, 173, 169, .0);
    background-image: url(../images/btnicon3.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.dd_branbtn a:hover {
    display: block;
    margin: 0px;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #00ada9 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #00ada9;
    text-decoration: none;
    background: rgba(0, 173, 169, .10);
    background-image: url(../images/btnicon3.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

.bran_list02 {
    width: 100%;
    height: 476px;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/brand03.jpg);
    background-position: center center;
    background-repeat: repeat;
    text-align: center
}


.bran_list02txt {
    width: 80%;
    height: 200px;
    margin: 0px auto;
    padding: 138px 10%;
    overflow: hidden;
    font-size: 26px;
    line-height: 28px;
    color: #ffffff;
    text-align: center
}




.bran_list02txt span {
    font-size: 56px;
    font-weight: bold;
    line-height: 58px;
    color: #ffffff
}


.dd_brandtn02 {
    width: 100%;
    height: 64px;
    margin-top: 34px;
    text-align: center
}

.dd_brandtn02 a {
    display: block;
    margin: 0px auto;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ffffff 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, .0);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.dd_brandtn02 a:visited {
    display: block;
    margin: 0px auto;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ffffff 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, .0);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.dd_brandtn02 a:hover {
    display: block;
    margin: 0px auto;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ffffff 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, .22);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

.bran_list03 {
    width: 100%;
    height: 476px;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/brand04.jpg);
    background-position: center center;
    background-repeat: repeat;
}


.bran_list03txt {
    width: 40%;
    height: 200px;
    float: right;
    margin: 0px;
    padding: 100px 5%;
    overflow: hidden;
    font-size: 16px;
    line-height: 25px;
    color: #000000;
    text-align: left
}

.bran_list03txttit {
    width: 100%;
    height: 74px;
    text-align: left;
    font-size: 48px;
    font-weight: normal;
    color: #0a2832
}

.bran_list03txttit span {
    font-weight: bold;
    color: #0a2832
}

.bran_list03txt b {
    font-size: 22px;
    font-weight: bold;
    line-height: 34px;
    color: #00ada9 !important;
}



.bran_list04 {
    width: 100%;
    height: 476px;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/brand05.jpg);
    background-position: center center;
    background-repeat: repeat;
}


.bran_list04txt {
    width: 40%;
    height: 200px;
    float: left;
    margin: 0px;
    padding: 100px 5%;
    overflow: hidden;
    font-size: 16px;
    line-height: 25px;
    color: #ffffff;
    text-align: left
}

.bran_list04txttit {
    width: 100%;
    height: 74px;
    text-align: left;
    font-size: 48px;
    font-weight: normal;
    color: #ffffff
}

.bran_list04txttit span {
    font-weight: bold;
    color: #ffffff
}

.bran_list04txt b {
    font-size: 22px;
    font-weight: bold;
    line-height: 34px;
    color: #ffffff !important;
}

.dd_brandtn03 {
    width: 100%;
    height: 64px;
    margin-top: 34px;
    text-align: center
}

.dd_brandtn03 a {
    display: block;
    margin: 0px;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ffffff 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, .0);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.dd_brandtn03 a:visited {
    display: block;
    margin: 0px;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ffffff 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, .0);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.dd_brandtn03 a:hover {
    display: block;
    margin: 0px;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ffffff 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, .22);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

.ddpage_bottom {
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
    background-color: #343536;
    text-align: center;
    padding-top: 0px;
}

.ddpage_copyright {
    width: 100%;
    height: 74px;
    line-height: 74px;
    font-size: 14px;
    text-align: center;
    color: #989898;
    background-color: #000000;
    margin-top: 49px;
    position: relative
}

.ddpage_copyright a {
    color: #e0e0e6;
    text-decoration: none
}

.ddpage_copyright a:visited {
    color: #e0e0e6;
    text-decoration: none
}

.ddpage_copyright a:hover {
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.ddpage_copyright br {
    display: none;
    visibility: hidden
}

.page_foodlist01 {
    width: 100%;
    margin: 0 auto;
    margin-top: 1px;
    height: 340px;
    background-image: url(../images/prodyg.jpg);
    background-position: center center;
    padding: 340px 0px;
}

.page_foodlist03 {
    width: 100%;
    margin: 0 auto;
    margin-top: 1px;
    height: 340px;
    background-image: url(../images/prosly.jpg);
    background-position: center center;
    padding: 100px 0px;
    margin-top: 30px;
}


.page_foodlist01info {
    width: 100%;
    height: 56px;
    margin: 0px;
    text-align: center;
    font-size: 49px;
    font-weight: normal;
    line-height: 56px;
    color: #ffffff;
    text-shadow: 0px 0px 15px rgba(0, 0, 0, .74);
}

.page_foodlist01title {
    width: 100%;
    height: 120px;
    margin: 0px;
    text-align: center;
    font-size: 100px;
    font-weight: bold;
    line-height: 120px;
    color: #00ada9;
    text-shadow: 0px 0px 15px rgba(0, 0, 0, .74);
}


.page_foodlist01txt {
    width: 100%;
    height: 49px;
    text-align: center;
    font-size: 34px;
    font-weight: normal;
    line-height: 49px;
    color: rgba(255, 255, 255, .90);
    overflow: hidden;
}



.page_foodlist01btn {
    width: 100%;
    height: 64px;
    margin: 0px;
    margin-top: 34px;
}

.page_foodlist01btn a {
    display: block;
    margin: 0px auto;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ffffff 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, .0);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.page_foodlist01btn a:visited {
    display: block;
    margin: 0px auto;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ffffff 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, .0);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.page_foodlist01btn a:hover {
    display: block;
    margin: 0px auto;
    padding: 0 18px;
    width: 200px;
    height: 49px;
    border: #ffffff 2px solid;
    border-radius: 0px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background: rgba(255, 255, 255, .22);
    background-image: url(../images/btnicon.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}



.page_foodlist02 {
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
    padding: 0 5%;
    min-height: 500px;
}

.page_foodlist02p {
    width: 31.4%;
    height: auto;
    margin: 0 0.86666%;
    padding: 0px;
    float: left;
}

.page_foodlist02item {
    width: 95%;
    height: auto;
    background-color: #ffffff;
    box-shadow: 0px 0px 15px #d0d0d0;
    padding: 15px 2.5%;
    padding-bottom: 30px;
    font-size: 22px;
    line-height: 26px;
    text-align: left;
    margin-bottom: 30px;
}

..page_foodlist02item:hover {
    box-shadow: 0px 0px 26px #c0c0c0;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

.page_foodlist02item img {
    margin: 0px;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.page_foodlist02item a {
    color: #262626;
    text-decoration: none
}

.page_foodlist02item a:visited {
    color: #262626;
    text-decoration: none
}

.page_foodlist02item a:hover {
    color: #00ada9;
    text-decoration: none;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}







.page_view_tcon {
    width: 80%;
    height: auto;
    background-color: #00ada9;
    margin: 0 auto;
    margin-top: -3px;
    padding: 49px 10%;
}

.page_viewt1 {
    font-size: 49px;
    text-align: left;
    line-height: 56px;
    color: #ffffff;
    font-weight: bold
}

.page_viewt2 {
    font-size: 14px;
    text-align: left;
    line-height: 22px;
    color: rgba(255, 255, 255, .49);
    font-weight: normal;
    margin-top: 26px;
}

.page_viewt2 span {
    color: rgba(255, 255, 255, .80);
}

.page_viewt3 {
    font-size: 14px;
    text-align: left;
    line-height: 22px;
    color: rgba(255, 255, 255, .49);
    font-weight: normal;
    margin-bottom: 6px;
}

.page_viewt3 a {
    color: rgba(255, 255, 255, .80);
    text-decoration: none
}

.page_viewt3 a:visited {
    color: rgba(255, 255, 255, .80);
    text-decoration: none
}

.page_viewt3 a:hover {
    color: rgba(255, 255, 255, .80);
    text-decoration: underline
}

.page_viewt4 {
    font-size: 16px;
    text-align: left;
    line-height: 26px;
    color: rgba(255, 255, 255, .80);
    font-weight: normal;
    margin-top: 6px;
}

.page_viewt4 span {
    color: rgba(255, 255, 255, .96);
    font-weight: bold
}



.page_viewtxt {
    font-size: 16px;
    text-align: left;
    line-height: 30px;
    color: #000000;
    font-weight: normal;
    margin: 30px auto;
    width: 80%;
}

.page_viewtxt p {
    text-indent: 0px;
    padding: 7px 0px;
}

.page_viewtxt img {
    width: auto;
    height: auto;
    max-width: 100%;
}



.page_prenex {
    font-size: 14px;
    text-align: left;
    line-height: 22px;
    color: #989898;
    font-weight: normal;
    margin: 0 auto;
    margin-top: 26px;
    width: 80%;
    padding: 15px 0px;
    border-bottom: #e0e0e6 1px solid;
    border-top: #e0e0e6 1px solid;
}

.page_prenex a {
    color: #646566;
    text-decoration: none
}

.page_prenex a:visited {
    color: #646566;
    text-decoration: none
}

.page_prenex a:hover {
    color: #343536;
    text-decoration: none;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

.page_envbanner {
    width: 100%;
    height: 160px;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/envbanner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 150px 0px;
    padding-top: 250px;
    text-align: center;
}


.envnav {
    position: relative;
    height: 50px;
    width: 440px;
    margin: 0 auto;
    margin-top: 49px;


}


.envnav a {
    float: left;
    display: block;
    width: 200px;
    height: 50px;
    margin: 0 10px;
    background-color: #f0f0f6;
    font-size: 16px;
    color: #343536;
    line-height: 50px;
    text-align: center;
    border: 0px;
    border-radius: 26px;
    cursor: pointer;
    text-decoration: none
}

.envnav a:visited {
    float: left;
    display: block;
    width: 200px;
    height: 50px;
    margin: 0 10px;
    background-color: #f0f0f6;
    font-size: 16px;
    color: #343536;
    line-height: 50px;
    text-align: center;
    border: 0px;
    border-radius: 26px;
    cursor: pointer;
    text-decoration: none
}

.envnav a:hover {

    float: left;
    display: block;
    width: 200px;
    height: 50px;
    margin: 0 10px;
    background-color: #00ada9;
    font-size: 16px;
    color: #ffffff;
    line-height: 50px;
    text-align: center;
    border: 0px;
    border-radius: 26px;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

#envnavon {

    float: left;
    display: block;
    width: 200px;
    height: 50px;
    margin: 0 10px;
    background-color: #00ada9;
    font-size: 16px;
    color: #ffffff;
    line-height: 50px;
    text-align: center;
    border: 0px;
    border-radius: 26px;
    cursor: pointer;
    text-decoration: none
}


.env_topbg {
    width: 100%;
    height: 800px;
    margin: 0 auto;
    background-color: #f0f0f6;
    text-align: center;
    display: block;
    visibility: visible
}

.slideGroup {
    margin: 0 auto;
    width: 1300px;
    height: 800px;
    text-align: center;
}





.slideGroup .slideBox {
    overflow: hidden;
    zoom: 1;
    padding: 0 54px;
    position: relative;
    height: 800px;
    margin: 0px auto;
    text-align: center;
    width: 1170px;
}

.slideGroup .sPrev {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 54px;
    height: 800px;
    background: url(../images/icoleft.png) center center no-repeat;
}

.slideGroup .sNext {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    width: 54px;
    height: 800px;
    background: url(../images/icoright.png) center center no-repeat;
}

.slideGroup .parBd ul {
    overflow: hidden;
    zoom: 1;
    width: 1170px;
    height: 800px;
    margin: 0 auto;
    padding: 0px;
}

.slideGroup .parBd ul li {
    margin: 0px;
    float: left;
    width: 1170px;
    position: relative;
    height: 800px;
    list-style: none;
}

.slideGroup .parBd ul li .pic {
    width: 1170px;
    height: 800px;
    float: left;
    margin: 0px;
    padding: 0px;
    background-color: #006699
}

.slideGroup .parBd ul li .pic img {
    width: 1170px;
    height: 800px;
    margin: 0px;
}


.slideGroup .parBd ul li .description {
    width: 100%;
    height: 80px;
    font-size: 22px;
    line-height: 80px;
    text-align: center;
    background: rgba(0, 0, 0, .64);
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.slideGroup .parBd ul li .description a {
    color: #ffffff;
    text-decoration: none
}

.slideGroup .parBd ul li .description a:visited {
    color: #ffffff;
    text-decoration: none
}

.slideGroup .parBd ul li .description a:hover {
    color: #00ada9;
    text-decoration: none;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}



.env_list {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-top: 30px;
}


.env_listitem {
    width: 310px;
    height: 242px;
    background-color: #f8f8fe;
    border: #eeeef0 1px solid;
    float: left;
    margin: 0 15px;
    margin-bottom: 30px;
    padding: 29px;
    font-size: 14px;
    text-align: left;
    line-height: 30px;
}

.env_listitem:hover {
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    box-shadow: 0px 0px 26px #e0e0e6;
}

.env_listitem img {
    width: 310px;
    height: 212px;
    margin: 0px;
}

.env_listitem a {
    color: #262626;
    text-decoration: none
}

.env_listitem a:visited {
    color: #262626;
    text-decoration: none
}

.env_listitem a:hover {
    color: #00ada9;
    text-decoration: none;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

.page_newbanner {
    width: 100%;
    height: 160px;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/newbanner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 150px 0px;
    padding-top: 250px;
    text-align: center;
}


.ddpage_newitem {
    width: 1170px;
    height: 260px;
    padding: 49px 0px;
    margin: 0 auto;
    border: 0px;
    border-bottom: #e6e6ee 1px solid;
}

.ddpage_newitempic {
    width: 370px;
    height: 260px;
    overflow: hidden;
    float: left;
}

.ddpage_newitempic img {
    width: 100%;
    height: auto;
    min-height: 260px;
}



.ddpage_newitempic img:hover {
    transform: scale(1.05);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


.ddpage_newitemtxt {
    width: 770px;
    height: 260px;
    overflow: hidden;
    float: right;
}

.ddpage_newitemtit {
    width: 100%;
    height: 60px;
    line-height: 30px;
    font-size: 26px;
    font-weight: bold;
    overflow: hidden;
    text-align: left
}

.ddpage_newitemtit a {
    color: #343536;
    text-decoration: none
}

.ddpage_newitemtit a:visited {
    color: #343536;
    text-decoration: none
}

.ddpage_newitemtit a:hover {
    color: #00ada9;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.ddpage_newiteminfo {
    width: 100%;
    height: 75px;
    margin-top: 25px;
    line-height: 25px;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    text-align: left;
    color: #747576
}

.ddpage_newitemdate {
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin-top: 80px;
    text-align: left;
    color: #aaaaaa;
    font-size: 14px;
}

.ddpage_newitemdate span {
    color: #646566;
}

.ddpage_newitemdate a {
    color: #00ada9;
    text-decoration: none
}

.ddpage_newitemdate a:visited {
    color: #00ada9;
    text-decoration: none
}

.ddpage_newitemdate a:hover {
    color: #00ada9;
    text-decoration: underline
}

.newnav {
    position: relative;
    height: 50px;
    width: 660px;
    margin: 0 auto;
    margin-top: 49px;


}


.newnav a {
    float: left;
    display: block;
    width: 200px;
    height: 50px;
    margin: 0 10px;
    background-color: #f0f0f6;
    font-size: 16px;
    color: #343536;
    line-height: 50px;
    text-align: center;
    border: 0px;
    border-radius: 26px;
    cursor: pointer;
    text-decoration: none
}

.newnav a:visited {
    float: left;
    display: block;
    width: 200px;
    height: 50px;
    margin: 0 10px;
    background-color: #f0f0f6;
    font-size: 16px;
    color: #343536;
    line-height: 50px;
    text-align: center;
    border: 0px;
    border-radius: 26px;
    cursor: pointer;
    text-decoration: none
}

.newnav a:hover {

    float: left;
    display: block;
    width: 200px;
    height: 50px;
    margin: 0 10px;
    background-color: #00ada9;
    font-size: 16px;
    color: #ffffff;
    line-height: 50px;
    text-align: center;
    border: 0px;
    border-radius: 26px;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

#newnavon {

    float: left;
    display: block;
    width: 200px;
    height: 50px;
    margin: 0 10px;
    background-color: #00ada9;
    font-size: 16px;
    color: #ffffff;
    line-height: 50px;
    text-align: center;
    border: 0px;
    border-radius: 26px;
    cursor: pointer;
    text-decoration: none
}

.ddCooperation {
    width: 1170px;
    margin: 30px auto;
    text-align: left;
    font-size: 16px;
    line-height: 36px;
    color: #343536;
}

.dd_bottomctell a {
    color: #ffffff;
    text-decoration: none
}

.dd_bottomctell a:visited {
    color: #ffffff;
    text-decoration: none
}

.dd_bottomctell a:hover {
    color: #ffffff;
    text-decoration: none
}

.note p{
    text-align: left;
    color: #fff;
    font-size: 20px;    
}

/*dd自适应*/
@media only screen and (max-width:1680px) {

    /*topnav*/
    .dd_head {
        width: 100%;
        height: 187px;
        background-image: url(../images/nav_bg.png);
        background-repeat: repeat-x;
        background-position: center top;
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 99;
        text-align: center;
        min-width: 1160px
    }

    .dd_nav {
        width: 1160px;
        height: 147px;
        margin: 0 auto
    }

    .dd_nav_item {
        width: 90px;
        height: 36px;
        float: left;
        margin: 30px 0px;
        text-align: center;
        border: 0px;
        font-size: 15px;
        line-height: 18px;
        text-transform: uppercase;
    }

    .dd_nav_item span {
        font-size: 11px;
    }

    .dd_nav_item a {
        color: #ffffff;
        text-decoration: none
    }

    .dd_nav_item a:visited {
        color: #ffffff;
        text-decoration: none
    }

    .dd_nav_item a:hover {
        color: #00ada9;
        text-decoration: none;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }

    #dd_nav_itemon {
        color: #00ada9;
        text-decoration: none;
    }

    .dd_toplogo {
        width: 300px;
        height: 147px;
        margin: 0px;
        float: left
    }

    .dd_toplogo img {
        width: 300px;
        height: 147px;
    }

    .dd_toptell {
        width: 217px;
        height: 36px;
        margin: 0px;
        margin-top: 30px;
        margin-left: 13px;
        float: left
    }

    .dd_toptell img {
        width: 217px;
        height: 36px;
    }


    /*banner*/
    .banner_con {
        position: relative;
        text-align: center;
        overflow: hidden
    }

    .banner_con img {
        width: 100%;
        height: auto;
    }

    .banner_text {
        width: 870px;
        height: 264px;
        position: absolute;
        left: 50%;
        margin-left: -435px;
        top: 40%;
        margin-top: -132px;
        text-align: center;
        z-index: 100
    }

    .banner_text img {
        margin: 0 auto;
        width: 870px;
        height: 264px;
    }



    .banner_bg {
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background: rgba(0, 0, 0, .40);
        z-index: 1;
        position: absolute;
        z-index: 99
    }





    /*关于*/
    .dd_aboutbg {
        background-image: url(../images/aboutbg.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    .dd_con {
        position: relative;
        background-color: #ffffff;
    }

    .dd_aboutcon {
        width: 1170px;
        height: 300px;
        position: absolute;
        left: 50%;
        margin-left: -585px;
        top: 136px;
    }

    .dd_aboutcon2 {
        width: 1170px;
        height: 260px;
        position: absolute;
        left: 50%;
        margin-left: -585px;
        top: 437px;
        overflow: hidden
    }

    .dd_aboutcon2 img {
        width: 1170px;
        height: 260px;
    }

    .dd_aboutcon2 img:hover {
        transform: scale(1.1);
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .dd_aboutpic {
        width: 470px;
        height: 300px;
        float: left;
        margin: 0px;
        overflow: hidden;
        box-shadow: 0px 0px 10px #d0d0d6;
    }

    .dd_aboutpic img {
        width: 470px;
        height: 300px;
    }

    .dd_aboutpic img:hover {
        transform: scale(1.1);
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .dd_abouttxt {
        width: 670px;
        height: 300px;
        float: right;
        margin: 0px;
    }

    .dd_abouttitle {
        width: 670px;
        height: 60px;
        text-align: left;
    }

    .dd_abouttitle img {
        margin: 0px;
        width: auto
    }

    .dd_aboutinfo {
        width: 670px;
        text-align: left;
        font-size: 14px;
        color: #000000;
        line-height: 26px;
        margin-top: 20px;
    }


    .dd_aboutbtn {
        width: 100%;
        height: 64px;
        margin-top: 26px;
    }

    .dd_aboutbtn a {
        display: block;
        margin: 0px;
        padding: 0 18px;
        width: 200px;
        height: 49px;
        border: #00ada9 2px solid;
        border-radius: 0px;
        line-height: 49px;
        text-align: left;
        font-size: 16px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(0, 173, 169, .56);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .dd_aboutbtn a:visited {
        display: block;
        margin: 0px;
        padding: 0 18px;
        width: 200px;
        height: 49px;
        border: #00ada9 2px solid;
        border-radius: 0px;
        line-height: 49px;
        text-align: left;
        font-size: 16px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(0, 173, 169, .56);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .dd_aboutbtn a:hover {
        display: block;
        margin: 0px;
        padding: 0 18px;
        width: 200px;
        height: 49px;
        border: #00ada9 2px solid;
        border-radius: 0px;
        line-height: 49px;
        text-align: left;
        font-size: 16px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(0, 173, 169, .99);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }





    /*招牌美食*/

    .dd_protitle {
        width: 80%;
        height: 60px;
        text-align: center;
        position: absolute;
        left: 10%;
        top: 136px;
        z-index: 10000
    }

    .dd_protitle img {
        margin: 0px auto;
        width: auto
    }

    .dd_product {
        width: 100%;
        height: 100%;
        position: relative
    }



    .dd_productlist {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        bottom: 0px;
    }

    .dd_productlist img {
        width: 100%;
        height: auto;
    }

    .dd_producttitle {
        width: 100%;
        height: 49px;
        position: absolute;
        top: 50%;
        margin-top: -100px;
        text-align: center;
        font-size: 34px;
        font-weight: normal;
        line-height: 49px;
        color: #ffffff;
        text-transform: uppercase
    }

    .dd_producttitle2 {
        width: 100%;
        height: 90px;
        position: absolute;
        top: 50%;
        margin-top: -64px;
        text-align: center;
        font-size: 74px;
        font-weight: bold;
        line-height: 90px;
        color: #00ada9;
        text-shadow: 0px 0px 15px rgba(0, 0, 0, .74);
    }


    .dd_producttxt {
        width: 70%;
        height: 26px;
        position: absolute;
        top: 50%;
        left: 15%;
        margin-top: 45px;
        text-align: center;
        font-size: 22px;
        font-variant: normal;
        line-height: 26px;
        color: rgba(255, 255, 255, .90);
        overflow: hidden;
    }



    .dd_productbtn {
        width: 100%;
        position: absolute;
        height: 49px;
        top: 50%;
        left: 0;
        margin-top: 100px;
    }

    .dd_productbtn a {
        display: block;
        margin: 0px auto;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 16px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .0);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .dd_productbtn a:visited {
        display: block;
        margin: 0px auto;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 16px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .0);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .dd_productbtn a:hover {
        display: block;
        margin: 0px auto;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 16px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .22);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }


    /*环境*/
    .dd_envbg {
        background-image: url(../images/evnbg.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    .dd_envcon {
        width: 1170px;
        height: 400px;
        position: absolute;
        left: 50%;
        margin-left: -585px;
        top: 208px;
    }


    .dd_envconitem {
        margin: 0px;
        padding: 0px;
        position: relative;
        float: left;
        overflow: hidden
    }

    .dd_envconitem img {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 0;
    }

    .dd_envconitem img:hover {
        transform: scale(1.1);
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }


    .dd_envconitemt {
        position: absolute;
        width: 100%;
        height: 49px;
        background: rgba(0, 0, 0, .64);
        text-align: center;
        line-height: 49px;
        font-size: 16px;
        z-index: 1;
        left: 0px;
        bottom: 0px;
    }

    .dd_envconitemt a {
        color: #ffffff;
        text-decoration: none
    }

    .dd_envconitemt a:visited {
        color: #ffffff;
        text-decoration: none
    }

    .dd_envconitemt a:hover {
        color: #ffffff;
        text-decoration: none
    }

    .dd_envconitem01 {
        width: 585px;
        height: 400px;
    }

    .dd_envconitem01 img {
        width: 585px;
        height: 400px;
    }

    .dd_envconitem020 {
        width: 585px;
        height: 400px;
    }

    .dd_envconitem02 {
        width: 292.5px;
        height: 200px;
    }

    .dd_envconitem02 img {
        width: 292.5px;
        height: 200px;
    }

    .dd_envconitem030 {
        width: 1170px;
        height: 200px;
    }

    .dd_envconitem03 {
        width: 585px;
        height: 200px;
    }

    .dd_envconitem03 img {
        width: 585px;
        height: 200px;
    }



    .dd_videobg {
        background-color: #1f2128;
        background-image: url(../images/video_bg.png);
        background-repeat: repeat;
    }

    .dd_videocon {
        width: 636px;
        height: 360px;
        position: absolute;
        left: 50%;
        margin-left: -318px;
        top: 208px;
        background-color: #000000
    }

    .dd_videtxt {
        width: 636px;
        height: 40px;
        position: absolute;
        left: 50%;
        margin-left: -318px;
        top: 568px;
        background-color: #272930;
        font-size: 16px;
        text-align: left;
        line-height: 40px;
        text-indent: 15px;
        color: #ffffff
    }

    .dd_videtxt span {
        color: #fcc700;
        font-weight: bold
    }


    /*新闻*/

    .dd_newbg {
        background-image: url(../images/newbg.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    .dd_newcon {
        width: 1180px;
        height: 410px;
        position: absolute;
        left: 50%;
        margin-left: -590px;
        top: 208px;
    }

    .dd_newcon01 {
        width: 1180px;
        height: 200px;
        margin: 0px;
        padding: 0px;
    }

    .dd_newcon01item01 {
        width: 225px;
        height: 140px;
        background-color: #00ada9;
        float: left;
        position: relative;
        margin: 0 5px;
        padding: 0px;
        overflow: hidden;
        padding: 30px;
        text-align: center;
        font-size: 14px;
        line-height: 30px;
        color: #ffffff
    }

    .dd_newcon01item01 i {
        position: absolute;
        left: 30px;
        top: 30px;
        right: 30px;
        bottom: 30px;
        border: rgba(255, 255, 255, .56) 1px solid;
        z-index: 999
    }

    .dd_newcon01item01 img {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 30px;
        left: 50%;
        margin-left: -25px;
        z-index: 9999
    }

    .dd_newcon01item01 span {
        font-size: 30px;
        display: block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        top: 80px;
        left: 0px;
        color: #ffffff;
        z-index: 9999;
        position: absolute
    }

    .dd_newcon01item01 a {
        text-decoration: none;
        color: rgba(255, 255, 255, .74);
        width: 100%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        left: 0px;
        top: 120px;
        position: absolute;
        display: block;
        cursor: pointer;
        z-index: 9999
    }

    .dd_newcon01item01 a:visited {
        text-decoration: none;
        color: rgba(255, 255, 255, .74);
        width: 100%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        left: 0px;
        top: 120px;
        position: absolute;
        display: block;
        cursor: pointer;
        z-index: 9999
    }

    .dd_newcon01item01 a:hover {
        text-decoration: none;
        color: rgba(255, 255, 255, .99);
        width: 100%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        left: 0px;
        top: 120px;
        position: absolute;
        display: block;
        cursor: pointer;
        z-index: 9999;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }


    .dd_newcon01item02 {
        width: 285px;
        height: 200px;
        float: left;
        position: relative;
        margin: 0 5px;
        padding: 0px;
        overflow: hidden;
    }

    .dd_newcon01item02 img {
        width: 285px;
        height: auto;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1
    }

    .dd_newcon01item02t {
        width: 90%;
        height: 40px;
        padding: 10px 5%;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        text-align: left;
        font-size: 16px;
        font-weight: bold;
        overflow: hidden;
        background: rgba(0, 0, 0, .56)
    }

    .dd_newcon01item02:hover img {
        transform: scale(1.05);
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .dd_newcon01item02t a {
        color: #e0e0e6;
        text-decoration: none
    }

    .dd_newcon01item02t a:visited {
        color: #e0e0e6;
        text-decoration: none
    }

    .dd_newcon01item02t a:hover {
        color: #ffffff;
        text-decoration: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }


    .dd_newcon02 {
        width: 1170px;
        height: 200px;
        margin: 0px;
        padding: 0px 5px;
        margin-top: 10px;
    }


    .dd_newcon02left {
        width: 570px;
        height: 200px;
        float: left;
        margin: 0px;
        padding: 0px;
    }

    .dd_newcon02leftr {
        width: 570px;
        height: 200px;
        float: right;
        margin: 0px;
        padding: 0px;
    }

    .dd_newcon02leftt {
        width: 570px;
        height: 30px;
        line-height: 30px;
        text-align: left;
        font-size: 20px;
        color: #343536;
        padding-bottom: 10px;
    }

    .dd_newcon02leftt img {
        width: 30px;
        height: 30px;
        float: left;
        margin-right: 10px;
    }

    .dd_newcon02leftt span {
        width: 64px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        text-align: right;
        float: right;
        margin: 0px;
    }


    .dd_newcon02leftt span a {
        color: #646566;
        text-decoration: none
    }

    .dd_newcon02leftt span a:visited {
        color: #646566;
        text-decoration: none
    }

    .dd_newcon02leftt span a:hover {
        color: #343536;
        text-decoration: none
    }


    .dd_newcon02lefti {
        width: 570px;
        height: 34px;
        line-height: 34px;
        text-align: left;
        font-size: 14px;
        color: #00ada9;
        overflow: hidden
    }

    .dd_newcon02lefti a {
        color: #000000;
        text-decoration: none
    }

    .dd_newcon02lefti a:visited {
        color: #000000;
        text-decoration: none
    }

    .dd_newcon02lefti a:hover {
        color: #00ada9;
        text-decoration: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }


    .dd_newcon02lefti span {
        width: 100px;
        height: 34px;
        line-height: 34px;
        font-size: 12px;
        text-align: right;
        float: right;
        margin: 0px;
        color: #646566
    }







    .dd_botcon {
        width: 100%;
        height: 560px;
        position: absolute;
        left: 0%;
        bottom: 0px;
        background-color: #343536
    }

    .dd_botconc {
        width: 100%;
        height: 560px;
        position: relative;
        margin: 0px;
        padding: 0px;
    }




    .dd_mescon {
        width: 100%;
        height: 150px;
        background-color: #00ada9;
        margin: auto;
        padding: 0px;
        text-align: center;
        padding: 30px 0px;
    }

    .dd_mescontitle {
        width: 100%;
        height: 80px;
        text-align: center;
        margin: 0 auto
    }

    .dd_mescontitle img {
        margin: 0px auto;
        width: auto
    }

    .dd_mescenter {
        width: 1170px;
        height: 70px;
        margin: 0 auto;
    }


    .dd_mesform {
        width: 1140px;
        height: 40px;
        background-color: #f0f0f6;
        float: right;
        border: 0px;
        border-radius: 5px;
        padding: 15px;
    }

    .dd_mesforminput {
        width: 158px;
        height: 38px;
        line-height: 38px;
        border: #e0e0e6 1px solid;
        background-color: #ffffff;
        font-size: 12px;
        text-align: left;
        color: #343536;
        text-indent: 10px;
        float: left;
        margin-right: 25px;
    }

    .dd_mesforminput2 {
        width: 408px;
        height: 38px;
        line-height: 38px;
        border: #e0e0e6 1px solid;
        background-color: #ffffff;
        font-size: 12px;
        text-align: left;
        color: #343536;
        text-indent: 10px;
        float: left;
        margin-right: 25px;
    }


    .dd_mesforminput3 {
        width: 130px;
        height: 40px;
        line-height: 40px;
        border: 0px;
        background-color: #00aba7;
        font-size: 14px;
        text-align: center;
        color: #ffffff;
        float: left;
        margin: 0px;
    }

    .dd_mesforminput3:hover {
        width: 130px;
        height: 40px;
        line-height: 40px;
        border: 0px;
        background-color: #00817e;
        font-size: 14px;
        text-align: center;
        color: #ffffff;
        float: left;
        margin: 0px;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        cursor: pointer
    }

    .dd_copyright {
        width: 100%;
        height: 64px;
        line-height: 64px;
        font-size: 14px;
        text-align: center;
        color: #989898;
        position: absolute;
        left: 0px;
        bottom: 0px;
        z-index: 9999;
        background-color: #000000
    }

    .dd_copyright a {
        color: #e0e0e6;
        text-decoration: none
    }

    .dd_copyright a:visited {
        color: #e0e0e6;
        text-decoration: none
    }

    .dd_copyright a:hover {
        color: #ffffff;
        text-decoration: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .dd_copyright br {
        display: none;
        visibility: hidden
    }

    .dd_bottomc {
        width: 1170px;
        height: auto;
        margin: 0 auto;
        margin-top: 26px;
        min-height: 150px;
    }

    .dd_bottomc01 {
        width: 370px;
        float: left;
        margin: 0px;
        height: 150px;
        text-align: left
    }

    .dd_bottomc01 img {
        margin: 0
    }

    .dd_bottomctell {
        width: 370px;
        height: 44px;
        line-height: 44px;
        font-size: 30px;
        font-weight: bold;
        color: #ffffff;
        margin: 0 auto;
        margin-top: 10px;
        text-align: left
    }

    .dd_bottomctell img {
        width: 44px;
        height: 44px;
        float: left;
        margin-right: 5px;
    }

    .dd_bottomc02 {
        width: 770px;
        float: right;
        margin: 0px;
        height: 200px;
    }

    .dd_clear {
        width: 100%;
        height: 0px;
        line-height: 0px;
        clear: both
    }


    .dd_bottomcnav {
        width: 770px;
        height: 44px;
        padding-bottom: 30px;
        border-bottom: rgba(255, 255, 255, .08) 1px solid
    }



    .dd_bottomcnavi {
        width: 109px;
        height: 44px;
        float: left;
        margin: 0px;
        text-align: left;
        border: 0px;
        font-size: 14px;
        line-height: 20px;
        text-transform: uppercase;
    }

    .dd_bottomcnavi span {
        font-size: 10px;
    }

    .dd_bottomcnavi a {
        color: #ffffff;
        text-decoration: none
    }

    .dd_bottomcnavi a:visited {
        color: #ffffff;
        text-decoration: none
    }

    .dd_bottomcnavi a:hover {
        color: #00ada9;
        text-decoration: none;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }

    .dd_bottomCooperation {
        width: 770px;
        height: 100px;
        margin-top: 30px;
    }

    .dd_bottomCooperation01 {
        width: 48%;
        height: 100px;
        font-size: 14px;
        color: #ffffff;
        line-height: 30px;
        margin-top: 30px;
        text-align: left;
        float: left;
        margin: 0px;
        padding-right: 2%;
    }

    .dd_bottomCooperation01 span {
        font-size: 14px;
        line-height: 30px;
    }

    .dd_bottomCooperation01 img {
        width: 30px;
        height: 30px;
        float: left
    }

    .dd_bottomCooperation02 {
        width: 30%;
        height: 100px;
        font-size: 14px;
        color: #ffffff;
        line-height: 30px;
        margin-top: 30px;
        text-align: left;
        float: left;
        margin: 0px;
    }

    .dd_bottomCooperation02 span {
        font-size: 14px;
        line-height: 30px;
    }

    .dd_bottomCooperation02 img {
        width: 30px;
        height: 30px;
        float: left
    }

    .dd_bottomCooperation03 {
        width: 20%;
        height: 100px;
        text-align: center;
        float: left;
        margin: 0px;
    }

    .dd_bottomCooperation03 img {
        width: 83px;
        height: 83px;
        margin: 0 auto
    }





    /*二级页面*/
    /*brand*/

    .ddpage_toptitle {
        width: 80%;
        height: 56px;
        text-align: center;
        margin: 0px auto;
        font-size: 56px;
        font-weight: bold;
        line-height: 56px;
        color: #ffffff
    }

    .ddpage_toptitle span {
        font-size: 34px;
        text-transform: uppercase;
        line-height: 35px;
        font-weight: lighter;
    }


    .bran_list01 {
        width: 100%;
        height: 600px;
        margin: 0px;
        padding: 0px;
    }

    .bran_list01pic {
        width: 50%;
        height: 600px;
        float: left;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }

    .bran_list01pic img {
        width: auto;
        height: auto;
        margin: 0px;
    }

    .bran_list01pic img:hover {
        transform: scale(1.05);
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .bran_list01txt {
        width: 40%;
        height: 500px;
        float: left;
        margin: 0px;
        padding: 50px 5%;
        overflow: hidden;
        font-size: 16px;
        line-height: 25px;
        color: #343536;
        text-align: left
    }

    .bran_list01txttit {
        width: 100%;
        height: 74px;
        text-align: left;
        font-size: 48px;
        font-weight: normal;
        color: #0a2832
    }

    .bran_list01txttit span {
        font-weight: bold;
        color: #0a2832
    }

    .bran_list01txt b {
        font-size: 22px;
        font-weight: bold;
        line-height: 34px;
        color: #00ada9 !important;
    }

    .bran_list01block {
        width: 100%;
        height: 140px;
        margin-top: 30px;
        padding: 0px;
    }

    .bran_list01block01 {
        width: 50%;
        height: 40px;
        line-height: 40px;
        text-align: left;
        font-size: 14px;
        overflow: hidden;
        background-color: #00ada9;
        color: #ffffff;
        padding: 10px 0%;
        float: left;
        margin: 0px;
    }

    .bran_list01block01 img {
        width: 40px;
        height: 40px;
        float: left;
        margin: 0px;
    }

    .bran_list01block02 {
        width: 50%;
        height: 40px;
        line-height: 40px;
        text-align: left;
        font-size: 14px;
        overflow: hidden;
        background-color: #f0f0f6;
        color: #000000;
        padding: 10px 0%;
        float: left;
        margin: 0px;
    }

    .bran_list01block02 img {
        width: 40px;
        height: 40px;
        float: left;
        margin: 0px;
    }


    .bran_list01block03 {
        width: 50%;
        height: 40px;
        line-height: 40px;
        text-align: left;
        font-size: 14px;
        overflow: hidden;
        background-color: #eeeef0;
        color: #000000;
        padding: 10px 0%;
        float: left;
        margin: 0px;
    }

    .bran_list01block03 img {
        width: 40px;
        height: 40px;
        float: left;
        margin: 0px;
    }

    .bran_list01block04 {
        width: 50%;
        height: 40px;
        line-height: 40px;
        text-align: left;
        font-size: 14px;
        overflow: hidden;
        background-color: #0a2832;
        color: #ffffff;
        padding: 10px 0%;
        float: left;
        margin: 0px;
    }

    .bran_list01block04 img {
        width: 40px;
        height: 40px;
        float: left;
        margin: 0px;
    }



    .dd_branbtn {
        width: 100%;
        height: 64px;
        margin-top: 49px;
    }

    .dd_branbtn a {
        display: block;
        margin: 0px;
        padding: 0 18px;
        width: 200px;
        height: 49px;
        border: #00ada9 2px solid;
        border-radius: 0px;
        line-height: 49px;
        text-align: left;
        font-size: 16px;
        color: #00ada9;
        text-decoration: none;
        background: rgba(0, 173, 169, .0);
        background-image: url(../images/btnicon3.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .dd_branbtn a:visited {
        display: block;
        margin: 0px;
        padding: 0 18px;
        width: 200px;
        height: 49px;
        border: #00ada9 2px solid;
        border-radius: 0px;
        line-height: 49px;
        text-align: left;
        font-size: 16px;
        color: #00ada9;
        text-decoration: none;
        background: rgba(0, 173, 169, .0);
        background-image: url(../images/btnicon3.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .dd_branbtn a:hover {
        display: block;
        margin: 0px;
        padding: 0 18px;
        width: 200px;
        height: 49px;
        border: #00ada9 2px solid;
        border-radius: 0px;
        line-height: 49px;
        text-align: left;
        font-size: 16px;
        color: #00ada9;
        text-decoration: none;
        background: rgba(0, 173, 169, .10);
        background-image: url(../images/btnicon3.png);
        background-position: right center;
        background-repeat: no-repeat;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }

    .bran_list02 {
        width: 100%;
        height: 476px;
        margin: 0px;
        padding: 0px;
        background-image: url(../images/brand03.jpg);
        background-position: center center;
        background-repeat: repeat;
        text-align: center
    }


    .bran_list02txt {
        width: 80%;
        height: 200px;
        margin: 0px auto;
        padding: 138px 10%;
        overflow: hidden;
        font-size: 26px;
        line-height: 28px;
        color: #ffffff;
        text-align: center
    }




    .bran_list02txt span {
        font-size: 56px;
        font-weight: bold;
        line-height: 58px;
        color: #ffffff
    }


    .dd_brandtn02 {
        width: 100%;
        height: 64px;
        margin-top: 34px;
        text-align: center
    }

    .dd_brandtn02 a {
        display: block;
        margin: 0px auto;
        padding: 0 18px;
        width: 200px;
        height: 49px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 49px;
        text-align: left;
        font-size: 16px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .0);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .dd_brandtn02 a:visited {
        display: block;
        margin: 0px auto;
        padding: 0 18px;
        width: 200px;
        height: 49px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 49px;
        text-align: left;
        font-size: 16px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .0);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .dd_brandtn02 a:hover {
        display: block;
        margin: 0px auto;
        padding: 0 18px;
        width: 200px;
        height: 49px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 49px;
        text-align: left;
        font-size: 16px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .22);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }

    .bran_list03 {
        width: 100%;
        height: 476px;
        margin: 0px;
        padding: 0px;
        background-image: url(../images/brand04.jpg);
        background-position: center center;
        background-repeat: repeat;
    }


    .bran_list03txt {
        width: 40%;
        height: 200px;
        float: right;
        margin: 0px;
        padding: 100px 5%;
        overflow: hidden;
        font-size: 16px;
        line-height: 25px;
        color: #000000;
        text-align: left
    }

    .bran_list03txttit {
        width: 100%;
        height: 74px;
        text-align: left;
        font-size: 48px;
        font-weight: normal;
        color: #0a2832
    }

    .bran_list03txttit span {
        font-weight: bold;
        color: #0a2832
    }

    .bran_list03txt b {
        font-size: 22px;
        font-weight: bold;
        line-height: 34px;
        color: #00ada9 !important;
    }



    .bran_list04 {
        width: 100%;
        height: 476px;
        margin: 0px;
        padding: 0px;
        background-image: url(../images/brand05.jpg);
        background-position: center center;
        background-repeat: repeat;
    }


    .bran_list04txt {
        width: 40%;
        height: 200px;
        float: left;
        margin: 0px;
        padding: 100px 5%;
        overflow: hidden;
        font-size: 16px;
        line-height: 25px;
        color: #ffffff;
        text-align: left
    }

    .bran_list04txttit {
        width: 100%;
        height: 74px;
        text-align: left;
        font-size: 48px;
        font-weight: normal;
        color: #ffffff
    }

    .bran_list04txttit span {
        font-weight: bold;
        color: #ffffff
    }

    .bran_list04txt b {
        font-size: 22px;
        font-weight: bold;
        line-height: 34px;
        color: #ffffff !important;
    }

    .dd_brandtn03 {
        width: 100%;
        height: 64px;
        margin-top: 34px;
        text-align: center
    }

    .dd_brandtn03 a {
        display: block;
        margin: 0px;
        padding: 0 18px;
        width: 200px;
        height: 49px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 49px;
        text-align: left;
        font-size: 16px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .0);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .dd_brandtn03 a:visited {
        display: block;
        margin: 0px;
        padding: 0 18px;
        width: 200px;
        height: 49px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 49px;
        text-align: left;
        font-size: 16px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .0);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .dd_brandtn03 a:hover {
        display: block;
        margin: 0px;
        padding: 0 18px;
        width: 200px;
        height: 49px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 49px;
        text-align: left;
        font-size: 16px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .22);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }

    .ddpage_bottom {
        width: 100%;
        margin: 0 auto;
        margin-top: 0px;
        background-color: #343536;
        text-align: center;
        padding-top: 0px;
    }

    .ddpage_copyright {
        width: 100%;
        height: 74px;
        line-height: 74px;
        font-size: 14px;
        text-align: center;
        color: #989898;
        background-color: #000000;
        margin-top: 49px;
        position: relative
    }

    .ddpage_copyright a {
        color: #e0e0e6;
        text-decoration: none
    }

    .ddpage_copyright a:visited {
        color: #e0e0e6;
        text-decoration: none
    }

    .ddpage_copyright a:hover {
        color: #ffffff;
        text-decoration: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .ddpage_copyright br {
        display: none;
        visibility: hidden
    }




    .page_foodlist01 {
        width: 100%;
        margin: 0 auto;
        margin-top: 1px;
        height: 340px;
        background-image: url(../images/prodyg.jpg);
        background-position: center center;
        padding: 340px 0px;
    }

    .page_foodlist03 {
        width: 100%;
        margin: 0 auto;
        margin-top: 1px;
        height: 340px;
        background-image: url(../images/prosly.jpg);
        background-position: center center;
        padding: 100px 0px;
        margin-top: 30px;
    }


    .page_foodlist01info {
        width: 100%;
        height: 40px;
        margin: 0px;
        text-align: center;
        font-size: 34px;
        font-weight: normal;
        line-height: 49px;
        color: #ffffff;
        text-shadow: 0px 0px 15px rgba(0, 0, 0, .74);
    }

    .page_foodlist01title {
        width: 100%;
        height: 90px;
        margin: 0px;
        text-align: center;
        font-size: 74px;
        font-weight: bold;
        line-height: 90px;
        color: #00ada9;
        text-shadow: 0px 0px 15px rgba(0, 0, 0, .74);
    }


    .page_foodlist01txt {
        width: 100%;
        height: 34px;
        text-align: center;
        font-size: 26px;
        font-weight: normal;
        line-height: 34px;
        color: rgba(255, 255, 255, .90);
        overflow: hidden;
    }



    .page_foodlist01btn {
        width: 100%;
        height: 64px;
        margin: 0px;
        margin-top: 34px;
    }

    .page_foodlist01btn a {
        display: block;
        margin: 0px auto;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 14px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .0);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .page_foodlist01btn a:visited {
        display: block;
        margin: 0px auto;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 14px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .0);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .page_foodlist01btn a:hover {
        display: block;
        margin: 0px auto;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 14px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .22);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }



    .page_foodlist02 {
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
        padding: 0 5%;
        min-height: 500px;
    }

    .page_foodlist02p {
        width: 31.4%;
        height: auto;
        margin: 0 0.86666%;
        padding: 0px;
        float: left;
    }

    .page_foodlist02item {
        width: 95%;
        height: auto;
        background-color: #ffffff;
        box-shadow: 0px 0px 15px #d0d0d0;
        padding: 15px 2.5%;
        padding-bottom: 30px;
        font-size: 20px;
        line-height: 25px;
        text-align: left;
        margin-bottom: 30px;
    }

    ..page_foodlist02item:hover {
        box-shadow: 0px 0px 26px #c0c0c0;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }

    .page_foodlist02item img {
        margin: 0px;
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }

    .page_foodlist02item a {
        color: #262626;
        text-decoration: none
    }

    .page_foodlist02item a:visited {
        color: #262626;
        text-decoration: none
    }

    .page_foodlist02item a:hover {
        color: #00ada9;
        text-decoration: none;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }



    .page_view_tcon {
        width: 80%;
        height: auto;
        background-color: #00ada9;
        margin: 0 auto;
        margin-top: -3px;
        padding: 49px 10%;
    }

    .page_viewt1 {
        font-size: 40px;
        text-align: left;
        line-height: 44px;
        color: #ffffff;
        font-weight: bold
    }

    .page_viewt2 {
        font-size: 12px;
        text-align: left;
        line-height: 22px;
        color: rgba(255, 255, 255, .49);
        font-weight: normal;
        margin-top: 20px;
    }

    .page_viewt2 span {
        color: rgba(255, 255, 255, .80);
    }

    .page_viewt3 {
        font-size: 12px;
        text-align: left;
        line-height: 22px;
        color: rgba(255, 255, 255, .49);
        font-weight: normal;
        margin-bottom: 6px;
    }

    .page_viewt3 a {
        color: rgba(255, 255, 255, .80);
        text-decoration: none
    }

    .page_viewt3 a:visited {
        color: rgba(255, 255, 255, .80);
        text-decoration: none
    }

    .page_viewt3 a:hover {
        color: rgba(255, 255, 255, .80);
        text-decoration: underline
    }

    .page_viewt4 {
        font-size: 14px;
        text-align: left;
        line-height: 20px;
        color: rgba(255, 255, 255, .80);
        font-weight: normal;
        margin-top: 6px;
    }

    .page_viewt4 span {
        color: rgba(255, 255, 255, .96);
        font-weight: bold
    }



    .page_viewtxt {
        font-size: 14px;
        text-align: left;
        line-height: 26px;
        color: #000000;
        font-weight: normal;
        margin: 30px auto;
        width: 80%;
    }

    .page_viewtxt p {
        text-indent: 0px;
        padding: 5px 0px;
    }

    .page_viewtxt img {
        width: auto;
        height: auto;
        max-width: 100%;
    }



    .page_prenex {
        font-size: 12px;
        text-align: left;
        line-height: 20px;
        color: #989898;
        font-weight: normal;
        margin: 0 auto;
        margin-top: 20px;
        width: 80%;
        padding: 15px 0px;
        border-bottom: #e0e0e6 1px solid;
        border-top: #e0e0e6 1px solid;
    }

    .page_prenex a {
        color: #646566;
        text-decoration: none
    }

    .page_prenex a:visited {
        color: #646566;
        text-decoration: none
    }

    .page_prenex a:hover {
        color: #343536;
        text-decoration: none;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }

    .page_envbanner {
        width: 100%;
        height: 110px;
        margin: 0px;
        padding: 0px;
        background-image: url(../images/envbanner.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        padding: 100px 0px;
        padding-top: 150px;
        text-align: center;
    }

    .page_brandbanner {
        width: 100%;
        height: 110px;
        margin: 0px;
        padding: 0px;
        background-image: url(../images/brandbanner.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        padding: 100px 0px;
        padding-top: 150px;
        text-align: center;
    }

    .page_joinbanner {
        width: 100%;
        height: 110px;
        margin: 0px;
        padding: 0px;
        background-image: url(../images/joinbanner.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        padding: 100px 0px;
        padding-top: 150px;
        text-align: center;
    }



    .page_newbanner {
        width: 100%;
        height: 110px;
        margin: 0px;
        padding: 0px;
        background-image: url(../images/newbanner.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        padding: 100px 0px;
        padding-top: 150px;
        text-align: center;
    }


    .ddpage_newitem {
        width: 1170px;
        height: 260px;
        padding: 34px 0px;
        margin: 0 auto;
        border: 0px;
        border-bottom: #e6e6ee 1px solid;
    }

    .ddpage_newitempic {
        width: 370px;
        height: 260px;
        overflow: hidden;
        float: left;
    }

    .ddpage_newitempic img {
        width: 100%;
        height: auto;
        min-height: 260px;
    }



    .ddpage_newitempic img:hover {
        transform: scale(1.05);
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }


    .ddpage_newitemtxt {
        width: 770px;
        height: 260px;
        overflow: hidden;
        float: right;
    }

    .ddpage_newitemtit {
        width: 100%;
        height: 60px;
        line-height: 30px;
        font-size: 26px;
        font-weight: bold;
        overflow: hidden;
        text-align: left
    }

    .ddpage_newitemtit a {
        color: #343536;
        text-decoration: none
    }

    .ddpage_newitemtit a:visited {
        color: #343536;
        text-decoration: none
    }

    .ddpage_newitemtit a:hover {
        color: #00ada9;
        text-decoration: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .ddpage_newiteminfo {
        width: 100%;
        height: 75px;
        margin-top: 25px;
        line-height: 25px;
        font-size: 14px;
        font-weight: normal;
        overflow: hidden;
        text-align: left;
        color: #747576
    }

    .ddpage_newitemdate {
        width: 100%;
        height: 20px;
        line-height: 20px;
        margin-top: 80px;
        text-align: left;
        color: #aaaaaa;
        font-size: 14px;
    }

    .ddpage_newitemdate span {
        color: #646566;
    }

    .ddpage_newitemdate a {
        color: #00ada9;
        text-decoration: none
    }

    .ddpage_newitemdate a:visited {
        color: #00ada9;
        text-decoration: none
    }

    .ddpage_newitemdate a:hover {
        color: #00ada9;
        text-decoration: underline
    }

    .newnav {
        position: relative;
        height: 50px;
        width: 660px;
        margin: 0 auto;
        margin-top: 49px;


    }


    .newnav a {
        float: left;
        display: block;
        width: 200px;
        height: 50px;
        margin: 0 10px;
        background-color: #f0f0f6;
        font-size: 16px;
        color: #343536;
        line-height: 50px;
        text-align: center;
        border: 0px;
        border-radius: 26px;
        cursor: pointer;
        text-decoration: none
    }

    .newnav a:visited {
        float: left;
        display: block;
        width: 200px;
        height: 50px;
        margin: 0 10px;
        background-color: #f0f0f6;
        font-size: 16px;
        color: #343536;
        line-height: 50px;
        text-align: center;
        border: 0px;
        border-radius: 26px;
        cursor: pointer;
        text-decoration: none
    }

    .newnav a:hover {

        float: left;
        display: block;
        width: 200px;
        height: 50px;
        margin: 0 10px;
        background-color: #00ada9;
        font-size: 16px;
        color: #ffffff;
        line-height: 50px;
        text-align: center;
        border: 0px;
        border-radius: 26px;
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }

    #newnavon {

        float: left;
        display: block;
        width: 200px;
        height: 50px;
        margin: 0 10px;
        background-color: #00ada9;
        font-size: 16px;
        color: #ffffff;
        line-height: 50px;
        text-align: center;
        border: 0px;
        border-radius: 26px;
        cursor: pointer;
        text-decoration: none
    }

    .ddCooperation {
        width: 1170px;
        margin: 30px auto;
        text-align: left;
        font-size: 16px;
        line-height: 36px;
        color: #343536;
    }


    .dd_bottomctell a {
        color: #ffffff;
        text-decoration: none
    }

    .dd_bottomctell a:visited {
        color: #ffffff;
        text-decoration: none
    }

    .dd_bottomctell a:hover {
        color: #ffffff;
        text-decoration: none
    }







}

.dd_navwap {
    display: none
}

.dd_navicon {
    display: none;
}

.drop-down {
    display: none
}

.video_bg {
    background-color: #000000
}

.banner_conwap {
    display: none
}

.pcpro {
    display: block;
    visibility: visible
}

.wappro {
    display: none;
    visibility: hidden
}

.dd_waplogo {
    display: none;
    visibility: hidden
}

.wap_bannerpic {
    display: none
}

.pc_bannerpic {
    display: block
}



.liuyan_con {
    display: none;
    visibility: hidden;
}

.dd_mesconwap {
    display: none;
    visibility: hidden;
}

/*手机*/
@media only screen and (max-width: 768px) {

    #shengming {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 9999999999;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0px;
        background-image: url(../images/smwap.jpg);
        background-size: 100% 100%;
        display: none
    }


    .dd_nav_item {
        width: 100px;
        height: 36px;
        float: left;
        margin: 30px 0px;
        text-align: center;
        border: 0px;
        font-size: 16px;
        line-height: 18px;
        text-transform: uppercase;
    }

    .dd_nav_item span {
        font-size: 12px;
    }

    .dd_nav_item a {
        color: #ffffff;
        text-decoration: none
    }

    .dd_nav_item a:visited {
        color: #ffffff;
        text-decoration: none
    }

    .dd_nav_item a:hover {
        color: #00ada9;
        text-decoration: none;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }

    #dd_nav_itemon {
        color: #00ada9;
        text-decoration: none;
    }

    .dd_toplogo {
        width: 300px;
        height: 147px;
        margin: 0px;
        float: left
    }

    .dd_toplogo img {
        width: 300px;
        height: 147px;
    }

    .dd_toptell {
        width: 217px;
        height: 36px;
        margin: 0px;
        margin-top: 30px;
        margin-left: 13px;
        float: left
    }

    .dd_toptell img {
        width: 217px;
        height: 36px;
    }




    .dd_nav {
        display: none;
    }

    .dd_navicon {
        display: block;
        width: 100%;
        height: 100px;
        margin: 0px;
        padding: 0px;
        position: relative
    }

    .dd_waplogo {
        width: 204px;
        height: 100px;
        position: absolute;
        left: 50%;
        margin-left: -102px;
        top: 0px;
        z-index: 99999999;
        display: block;
        visibility: visible
    }

    .dd_waplogo img {
        width: 204px;
        height: 100px;
    }

    .dd_head {
        width: 100%;
        height: 187px;
        background-image: url(../images/nav_bg.png);
        background-repeat: repeat-x;
        background-position: center top;
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 99;
        text-align: center;
        min-width: inherit
    }



    .dd_navwap {
        width: 80%;
        height: auto;
        margin: 0 auto;
        display: block;
        margin-top: 26px;
        text-align: center
    }

    .dd_nav_itemwap {
        width: 98%;
        height: 32px;
        float: none;
        margin: 10px auto;
        padding: 8px 0px;
        text-align: center;
        border: 0px;
        font-size: 14px;
        line-height: 16px;
        background: rgba(255, 255, 255, .20);
        border: rgba(255, 255, 255, .34) 1px solid;
        border-radius: 34px;
        text-transform: uppercase
    }

    .dd_nav_itemwap a {
        color: #ffffff;
        text-decoration: none;
        display: block;
        width: 90%;
        height: 30px;
        margin: 0 auto;
        text-align: center;
    }

    .dd_nav_itemwap a:visited {
        color: #ffffff;
        text-decoration: none;
        width: 90%;
        height: 30px;
        margin: 0 auto;
        text-align: center;
    }

    .dd_nav_itemwap a:hover {
        color: #ffffff;
        text-decoration: none;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
        width: 90%;
        height: 30px;
        margin: 0 auto;
        text-align: center;
    }

    .dd_nav_itemwap span {
        font-size: 12px;
        text-transform: uppercase;
    }

    .dd_nav_itemwap:hover {
        border: rgba(0, 173, 169, .26) 1px solid;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
        background: rgba(0, 173, 169, .74);
        cursor: pointer
    }

    #dd_nav_itemwapon {
        border: rgba(89, 153, 255, .26) 1px solid;
        background: rgba(0, 173, 169, .74);
        cursor: pointer
    }

    .wap_tell {
        display: block;
        width: 30px;
        height: 30px;
        float: left;
        margin-left: 20px;
        margin-top: 20px;
    }

    .wap_tell img {
        width: 30px !important;
        height: 30px !important;
    }

    .drop-down {
        display: block;
        width: 30px;
        height: 30px;
        float: right;
        margin-right: 20px;
        margin-top: 20px;
    }

    .drop-down img {
        width: 30px !important;
        height: 30px !important;
        float: right !important;
        margin: 0px !important;
    }

    #antzone {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 9999999999;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0px;
        background: rgba(0, 0, 0, .90);
    }

    .close_btn {
        width: 100%;
        height: 30px;
        margin: 0 auto;
        text-align: center;
        margin-top: 49px;
    }

    .close_btn img {
        width: 30px;
        height: 30px;
        margin: 0 auto;
    }

    .wap_bannerpic {
        display: block
    }

    .pc_bannerpic {
        display: none
    }

    .banner_text {
        width: 100%;
        height: 200px;
        position: absolute;
        left: 0%;
        margin-left: 0px;
        top: 40%;
        margin-top: -100px;
        text-align: center;
        z-index: 100
    }

    .banner_text img {
        margin: 0 auto;
        width: 100%;
        height: auto;
    }





    /*关于*/
    .dd_aboutbg {
        background-image: url(../images/aboutbg.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    .dd_con {
        position: relative;
        background-color: #ffffff;
    }

    .dd_aboutcon {
        width: 80%;
        height: auto;
        position: absolute;
        left: 10%;
        margin-left: 0px;
        top: 106px;
    }

    .dd_aboutcon2 {
        display: none
    }

    .dd_aboutpic {
        width: 100%;
        height: 126px;
        float: none;
        margin: 0px;
        overflow: hidden;
        box-shadow: 0px 0px 10px #d0d0d6;
    }

    .dd_aboutpic img {
        width: 100%;
        height: auto;
    }

    .dd_aboutpic img:hover {
        transform: scale(1.1);
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .dd_abouttxt {
        width: 100%;
        height: auto;
        float: none;
        margin: 0px;
        margin-top: 20px;
    }

    .dd_abouttitle {
        width: 100%;
        height: auto;
        text-align: center;
    }

    .dd_abouttitle img {
        margin: 0px auto;
        width: 74%;
        height: auto
    }

    .dd_aboutinfo {
        width: 100%;
        text-align: left;
        font-size: 12px;
        color: #000000;
        line-height: 20px;
        margin-top: 10px;
    }


    .dd_aboutbtn {
        width: 100%;
        height: 49px;
        margin-top: 20px;
        text-align: center
    }

    .dd_aboutbtn a {
        display: block;
        margin: 0px auto;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #00ada9 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 12px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(0, 173, 169, .56);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .dd_aboutbtn a:visited {
        display: block;
        margin: 0px auto;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #00ada9 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 12px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(0, 173, 169, .56);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .dd_aboutbtn a:hover {
        display: block;
        margin: 0px auto;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #00ada9 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 12px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(0, 173, 169, .99);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }




    /*招牌美食*/

    .dd_protitle {
        width: 100%;
        height: auto;
        text-align: center;
        position: absolute;
        left: 0%;
        top: 106px;
        z-index: 10000
    }

    .dd_protitle img {
        margin: 0px auto;
        width: 74%;
        height: auto
    }

    .dd_product {
        width: 100%;
        height: 100%;
        position: relative
    }



    .dd_productlist {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        bottom: 0px;
    }

    .dd_productlist img {
        width: 100%;
        height: auto;
    }



    .dd_producttitle2 {
        width: 100%;
        height: 49px;
        position: absolute;
        top: 50%;
        margin-top: -49px;
        text-align: center;
        font-size: 34px;
        font-weight: bold;
        line-height: 49px;
        color: #00ada9;
        text-shadow: 0px 0px 15px rgba(0, 0, 0, .74);
    }


    .dd_producttxt {
        width: 80%;
        height: 40px;
        position: absolute;
        top: 50%;
        left: 10%;
        margin-top: 10px;
        text-align: center;
        font-size: 14px;
        font-variant: normal;
        line-height: 20px;
        color: rgba(255, 255, 255, .90);
        overflow: hidden;
    }



    .dd_productbtn {
        width: 100%;
        position: absolute;
        height: 49px;
        top: 50%;
        left: 0;
        margin-top: 64px;
    }

    .dd_productbtn a {
        display: block;
        margin: 0px auto;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 12px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .0);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .dd_productbtn a:visited {
        display: block;
        margin: 0px auto;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 12px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .0);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .dd_productbtn a:hover {
        display: block;
        margin: 0px auto;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 12px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .22);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }





    /*环境*/
    .dd_envbg {
        background-image: url(../images/evnbg.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    .dd_envcon {
        width: 80%;
        height: auto;
        position: absolute;
        left: 10%;
        margin-left: 0px;
        top: 168px;
    }


    .dd_envconitem {
        margin: 0px;
        padding: 0px;
        position: relative;
        float: none;
        overflow: hidden
    }

    .dd_envconitem img {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 0;
    }

    .dd_envconitem img:hover {
        transform: scale(1.1);
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }


    .dd_envconitemt {
        position: absolute;
        width: 100%;
        height: 34px;
        background: rgba(0, 0, 0, .64);
        text-align: center;
        line-height: 34px;
        font-size: 12px;
        z-index: 1;
        left: 0px;
        bottom: 0px;
    }

    .dd_envconitemt a {
        color: #ffffff;
        text-decoration: none
    }

    .dd_envconitemt a:visited {
        color: #ffffff;
        text-decoration: none
    }

    .dd_envconitemt a:hover {
        color: #ffffff;
        text-decoration: none
    }

    .dd_envconitem01 {
        width: 100%;
        height: 200px;
    }

    .dd_envconitem01 img {
        width: 100%;
        height: 200px;
    }

    .dd_envconitem020 {
        width: 100%;
        height: 200px;
    }

    .dd_envconitem02 {
        width: 50%;
        height: 100px;
        float: left;
        margin: 0px;
    }

    .dd_envconitem02 img {
        width: 100%;
        height: 100px;
    }



    .dd_videobg {
        background-color: #1f2128;
        background-image: url(../images/video_bg.png);
        background-repeat: repeat;
    }

    .dd_videocon {
        width: 300px;
        height: 170px;
        position: absolute;
        left: 50%;
        margin-left: -150px;
        top: 50%;
        margin-top: -85px;
        background-color: #000000
    }

    .dd_videtxt {
        width: 300px;
        height: 34px;
        position: absolute;
        left: 50%;
        margin-left: -150px;
        top: 50%;
        margin-top: 85px;
        background-color: #272930;
        font-size: 12px;
        text-align: left;
        line-height: 34px;
        text-indent: 10px;
        color: #ffffff;
        overflow: hidden
    }

    .dd_videtxt span {
        color: #fcc700;
        font-weight: bold
    }


    /*新闻*/

    .dd_newbg {
        background-image: url(../images/newbg.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    .dd_newcon {
        width: 80%;
        height: 420px;
        position: absolute;
        left: 10%;
        margin-left: 0px;
        top: 168px;
        overflow: hidden
    }

    .dd_newcon01 {
        width: 100%;
        height: 420px;
        margin: 0px;
        padding: 0px;
        ;
        overflow: hidden
    }

    .dd_newcon01item01 {
        display: none
    }


    .dd_newcon01item02 {
        width: 100%;
        height: 200px;
        float: none;
        position: relative;
        margin: 0px;
        margin-bottom: 20px;
        padding: 0px;
        overflow: hidden;
    }

    .dd_newcon01item02 img {
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1
    }

    .dd_newcon01item02t {
        width: 90%;
        height: 34px;
        padding: 10px 5%;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        text-align: left;
        font-size: 12px;
        font-weight: bold;
        line-height: 17px;
        overflow: hidden;
        background: rgba(0, 0, 0, .56)
    }




    .dd_newcon02 {
        display: none
    }





    .dd_botcon {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0%;
        bottom: 0px;
        background-color: #1f2128
    }

    .dd_botconc {
        width: 100%;
        height: 100%;
        position: relative;
        margin: 0px;
        padding: 0px;
    }






    .dd_copyright {
        width: 80%;
        height: 36px;
        padding: 15px 5%;
        line-height: 18px;
        font-size: 12px;
        text-align: center;
        color: #989898;
        position: absolute;
        left: 5%;
        top: 540px;
        z-index: 99999999;
        background-color: #000000
    }

    .dd_copyright a {
        color: #e0e0e6;
        text-decoration: none
    }

    .dd_copyright a:visited {
        color: #e0e0e6;
        text-decoration: none
    }

    .dd_copyright a:hover {
        color: #ffffff;
        text-decoration: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .dd_copyright br {
        display: block;
        visibility: visible
    }

    .dd_bottomc {
        width: 100%;
        height: 326px;
        position: absolute;
        left: 0px;
        top: 360px;
        text-align: center
    }

    .dd_bottomc01 {
        width: 100%;
        float: none;
        margin: 0px auto;
        height: auto;
        text-align: center;
    }

    .dd_bottomc01 img {
        display: none
    }

    .dd_bottomctell {
        width: 80%;
        height: 40px;
        line-height: 40px;
        font-size: 34px;
        font-weight: bold;
        color: #ffffff;
        margin: 0 auto;
        margin-top: 5px;
        text-align: center
    }

    .dd_bottomctell img {
        display: none
    }

    .dd_bottomctell a {
        color: #ffffff;
        text-decoration: none
    }

    .dd_bottomctell a:visited {
        color: #ffffff;
        text-decoration: none
    }

    .dd_bottomctell a:hover {
        color: #ffffff;
        text-decoration: none
    }



    .dd_bottomc02 {
        width: 100%;
        float: none;
        margin: 0px;
        height: auto;
    }

    .dd_clear {
        width: 100%;
        height: 0px;
        line-height: 0px;
        clear: both
    }


    .dd_bottomcnav {
        display: none
    }



    .dd_bottomCooperation {
        width: 100%;
        height: auto;
        margin-top: 10px;
        text-align: center
    }

    .dd_bottomCooperation01 {
        width: 80%;
        height: auto;
        font-size: 12px;
        color: #ffffff;
        line-height: 15px;
        margin-top: 10px;
        text-align: center;
        float: none;
        margin: 0px auto;
        padding: 0px;
    }

    .dd_bottomCooperation01 span {
        font-size: 12px;
        line-height: 18px;
    }

    .dd_bottomCooperation01 img {
        display: none
    }

    .dd_bottomCooperation02 {
        width: 80%;
        height: auto;
        font-size: 12px;
        color: #ffffff;
        line-height: 15px;
        margin-top: 10px;
        text-align: center;
        float: none;
        margin: 0px auto;
        padding: 0px;
        margin-top: 8px;
    }

    .dd_bottomCooperation02 span {
        font-size: 12px;
        line-height: 18px;
    }

    .dd_bottomCooperation02 img {
        display: none
    }

    .dd_bottomCooperation03 {
        display: none
    }




    .page_envbanner {
        width: 100%;
        height: 80px;
        margin: 0px;
        padding: 0px;
        background-image: url(../images/envbanner.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        padding: 50px 0px;
        padding-top: 126px;
        text-align: center;
    }

    .page_brandbanner {
        width: 100%;
        height: 80px;
        margin: 0px;
        padding: 0px;
        background-image: url(../images/brandbanner.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        padding: 50px 0px;
        padding-top: 126px;
        text-align: center;
    }

    .page_joinbanner {
        width: 100%;
        height: 80px;
        margin: 0px;
        padding: 0px;
        background-image: url(../images/joinbannerwap.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        padding: 50px 0px;
        padding-top: 126px;
        text-align: center;
    }


    .page_newbanner {
        width: 100%;
        height: 60px;
        margin: 0px;
        padding: 0px;
        background-image: url(../images/newbanner.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        padding: 50px 0px;
        padding-top: 126px;
        text-align: center;
    }



    .ddpage_toptitle {
        width: 80%;
        height: 30px;
        text-align: center;
        margin: 0px auto;
        font-size: 30px;
        font-weight: bold;
        line-height: 30px;
        color: #ffffff
    }

    .ddpage_toptitle span {
        font-size: 22px;
        text-transform: uppercase;
        line-height: 22px;
        font-weight: lighter;
    }


    .bran_list01 {
        width: 100%;
        height: auto;
        margin: 0px auto;
        padding: 0px;
        text-align: center
    }

    .bran_list01pic {
        width: 100%;
        height: auto;
        float: none;
        margin: 0px auto;
        padding: 0px;
        overflow: hidden;
    }

    .bran_list01pic img {
        width: 100%;
        height: auto;
        margin: 0px;
    }

    .bran_list01pic img:hover {
        transform: scale(1.00);
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .bran_list01txt {
        width: 90%;
        height: auto;
        float: none;
        margin: 0px auto;
        padding: 30px 0%;
        overflow: hidden;
        font-size: 12px;
        line-height: 18px;
        color: #343536;
        text-align: left
    }

    .bran_list01txttit {
        width: 100%;
        height: 34px;
        text-align: left;
        font-size: 26px;
        font-weight: normal;
        color: #0a2832
    }

    .bran_list01txttit span {
        font-weight: bold;
        color: #0a2832
    }

    .bran_list01txt b {
        font-size: 16px;
        font-weight: bold;
        line-height: 20px;
        color: #00ada9 !important;
    }

    .bran_list01block {
        width: 100%;
        height: auto;
        margin-top: 20px;
        padding: 0px;
    }

    .bran_list01block01 {
        width: 90%;
        height: 30px;
        line-height: 30px;
        text-align: left;
        font-size: 12px;
        overflow: hidden;
        background-color: #00ada9;
        color: #ffffff;
        padding: 10px 5%;
        float: left;
        margin: 0px;
    }

    .bran_list01block01 img {
        width: 30px;
        height: 30px;
        float: left;
        margin: 0px;
    }

    .bran_list01block02 {
        width: 90%;
        height: 30px;
        line-height: 30px;
        text-align: left;
        font-size: 12px;
        overflow: hidden;
        background-color: #f0f0f6;
        color: #000000;
        padding: 10px 5%;
        float: left;
        margin: 0px;
    }

    .bran_list01block02 img {
        width: 30px;
        height: 30px;
        float: left;
        margin: 0px;
    }


    .bran_list01block03 {
        width: 90%;
        height: 30px;
        line-height: 30px;
        text-align: left;
        font-size: 12px;
        overflow: hidden;
        background-color: #eeeef0;
        color: #000000;
        padding: 10px 5%;
        float: left;
        margin: 0px;
    }

    .bran_list01block03 img {
        width: 30px;
        height: 30px;
        float: left;
        margin: 0px;
    }

    .bran_list01block04 {
        width: 90%;
        height: 30px;
        line-height: 30px;
        text-align: left;
        font-size: 12px;
        overflow: hidden;
        background-color: #0a2832;
        color: #ffffff;
        padding: 10px 5%;
        float: left;
        margin: 0px;
    }

    .bran_list01block04 img {
        width: 30px;
        height: 30px;
        float: left;
        margin: 0px;
    }



    .dd_branbtn {
        width: 100%;
        height: 49px;
        margin-top: 26px;
    }

    .dd_branbtn a {
        display: block;
        margin: 0px;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #00ada9 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 12px;
        color: #00ada9;
        text-decoration: none;
        background: rgba(0, 173, 169, .0);
        background-image: url(../images/btnicon3.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .dd_branbtn a:visited {
        display: block;
        margin: 0px;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #00ada9 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 12px;
        color: #00ada9;
        text-decoration: none;
        background: rgba(0, 173, 169, .0);
        background-image: url(../images/btnicon3.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .dd_branbtn a:hover {
        display: block;
        margin: 0px;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #00ada9 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 12px;
        color: #00ada9;
        text-decoration: none;
        background: rgba(0, 173, 169, .10);
        background-image: url(../images/btnicon3.png);
        background-position: right center;
        background-repeat: no-repeat;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }

    .bran_list02 {
        width: 100%;
        height: 276px;
        margin: 0px;
        padding: 0px;
        background-image: url(../images/brand03wap.jpg);
        background-position: center left;
        background-repeat: repeat;
        text-align: center;
        margin-top: -4px;
    }


    .bran_list02txt {
        width: 90%;
        height: 176px;
        margin: 0px auto;
        padding: 50px 5%;
        overflow: hidden;
        font-size: 12px;
        line-height: 16px;
        color: #ffffff;
        text-align: left
    }




    .bran_list02txt span {
        font-size: 26px;
        font-weight: bold;
        line-height: 34px;
        color: #ffffff
    }


    .dd_brandtn02 {
        width: 100%;
        height: 49px;
        margin-top: 26px;
        text-align: center
    }

    .dd_brandtn02 a {
        display: block;
        margin: 0px;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 12px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .0);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .dd_brandtn02 a:visited {
        display: block;
        margin: 0px;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 12px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .0);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .dd_brandtn02 a:hover {
        display: block;
        margin: 0px;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 12px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .22);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }

    .bran_list03 {
        width: 100%;
        height: 276px;
        margin: 0px;
        padding: 0px;
        background-image: url(../images/brand04wap.jpg);
        background-position: center right;
        background-repeat: repeat;
    }


    .bran_list03txt {
        width: 90%;
        height: 176px;
        float: right;
        margin: 0px;
        padding: 50px 5%;
        overflow: hidden;
        font-size: 12px;
        line-height: 16px;
        color: #000000;
        text-align: left
    }

    .bran_list03txttit {
        width: 100%;
        height: 34px;
        text-align: center;
        font-size: 26px;
        font-weight: normal;
        color: #0a2832
    }

    .bran_list03txttit span {
        font-weight: bold;
        color: #0a2832
    }

    .bran_list03txt b {
        font-size: 16px;
        font-weight: bold;
        line-height: 20px;
        color: #00ada9 !important;
    }



    .bran_list04 {
        width: 100%;
        height: 276px;
        margin: 0px;
        padding: 0px;
        background-image: url(../images/brand05wap.jpg);
        background-position: center left;
        background-repeat: repeat;
    }


    .bran_list04txt {
        width: 90%;
        height: 176px;
        float: left;
        margin: 0px;
        padding: 50px 5%;
        overflow: hidden;
        font-size: 12px;
        line-height: 18px;
        color: #ffffff;
        text-align: left
    }

    .bran_list04txttit {
        width: 100%;
        height: 34px;
        text-align: center;
        font-size: 26px;
        font-weight: normal;
        color: #ffffff
    }

    .bran_list04txttit span {
        font-weight: bold;
        color: #ffffff
    }

    .bran_list04txt b {
        font-size: 16px;
        font-weight: bold;
        line-height: 20px;
        color: #ffffff !important;
    }

    .dd_brandtn03 {
        width: 100%;
        height: 49px;
        margin-top: 26px;
        text-align: center
    }

    .dd_brandtn03 a {
        display: block;
        margin: 0px;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 12px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .0);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .dd_brandtn03 a:visited {
        display: block;
        margin: 0px;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 12px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .0);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .dd_brandtn03 a:hover {
        display: block;
        margin: 0px;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 12px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .22);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }





    .ddpage_bottom {
        width: 100%;
        margin: 0 auto;
        margin-top: 0px;
        background-color: #1f2128;
        text-align: center;
        padding-top: 7px;
        position: relative;
        height: 740px;
        background-color: #1f2128;
        background-image: url(../images/video_bg.png);
        background-repeat: repeat;
    }

    .ddpage_copyright {
        width: 80%;
        height: 36px;
        padding: 15px 5%;
        line-height: 18px;
        font-size: 12px;
        text-align: center;
        color: #989898;
        position: absolute;
        left: 5%;
        top: 500px;
        z-index: 99999999;
        background-color: #000000
    }

    .ddpage_copyright a {
        color: #e0e0e6;
        text-decoration: none
    }

    .ddpage_copyright a:visited {
        color: #e0e0e6;
        text-decoration: none
    }

    .ddpage_copyright a:hover {
        color: #ffffff;
        text-decoration: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .ddpage_copyright br {
        display: block;
        visibility: visible
    }











    .page_foodlist01 {
        width: 100%;
        margin: 0 auto;
        margin-top: 1px;
        height: 200px;
        background-image: url(../images/prodygwap.jpg);
        background-position: center center;
        padding: 200px 0px;
    }

    .page_foodlist03 {
        width: 100%;
        margin: 0 auto;
        margin-top: 1px;
        height: 200px;
        background-image: url(../images/proslywap.jpg);
        background-position: center center;
        padding: 70px 0px;
        margin-top: 30px;
    }


    .page_foodlist01info {
        width: 100%;
        height: 22px;
        margin: 0px;
        text-align: center;
        font-size: 20px;
        font-weight: normal;
        line-height: 22px;
        color: #ffffff;
        text-shadow: 0px 0px 15px rgba(0, 0, 0, .74);
    }

    .page_foodlist01title {
        width: 100%;
        height: 56px;
        margin: 0px;
        text-align: center;
        font-size: 34px;
        font-weight: bold;
        line-height: 56px;
        color: #00ada9;
        text-shadow: 0px 0px 15px rgba(0, 0, 0, .74);
    }


    .page_foodlist01txt {
        width: 100%;
        height: 40px;
        text-align: center;
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;
        color: rgba(255, 255, 255, .90);
        overflow: hidden;
    }



    .page_foodlist01btn {
        width: 100%;
        height: 49px;
        margin: 0px;
        margin-top: 26px;
    }

    .page_foodlist01btn a {
        display: block;
        margin: 0px auto;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 14px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .0);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .page_foodlist01btn a:visited {
        display: block;
        margin: 0px auto;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 14px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .0);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .page_foodlist01btn a:hover {
        display: block;
        margin: 0px auto;
        padding: 0 18px;
        width: 150px;
        height: 40px;
        border: #ffffff 2px solid;
        border-radius: 0px;
        line-height: 40px;
        text-align: left;
        font-size: 14px;
        color: #ffffff;
        text-decoration: none;
        background: rgba(255, 255, 255, .22);
        background-image: url(../images/btnicon.png);
        background-position: right center;
        background-repeat: no-repeat;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }



    .page_foodlist02 {
        width: 90%;
        margin: 0 auto;
        margin-top: 20px;
        padding: 0 5%;
        min-height: 500px;
    }

    .page_foodlist02p {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0px;
        float: none;
    }

    .page_foodlist02item {
        width: 90%;
        height: auto;
        background-color: #ffffff;
        box-shadow: 0px 0px 15px #d0d0d0;
        padding: 15px 5%;
        padding-bottom: 20px;
        font-size: 16px;
        line-height: 20px;
        text-align: left;
        margin-bottom: 20px;
    }

    ..page_foodlist02item:hover {
        box-shadow: 0px 0px 26px #c0c0c0;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }

    .page_foodlist02item img {
        margin: 0px;
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }

    .page_foodlist02item a {
        color: #262626;
        text-decoration: none
    }

    .page_foodlist02item a:visited {
        color: #262626;
        text-decoration: none
    }

    .page_foodlist02item a:hover {
        color: #00ada9;
        text-decoration: none;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }



    .env_topbg {
        display: none;
        visibility: hidden
    }

    .env_list {
        width: 90%;
        height: auto;
        margin: 0 auto;
        margin-top: 20px;
    }


    .env_listitem {
        width: 90%;
        height: 242px;
        background-color: #f8f8fe;
        border: #eeeef0 0px solid;
        float: none;
        margin: 0px;
        margin-bottom: 20px;
        padding: 15px 5%;
        font-size: 12px;
        text-align: center;
        line-height: 30px;
    }

    .env_listitem:hover {
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
        box-shadow: 0px 0px 26px #e0e0e6;
    }

    .env_listitem img {
        width: 100%;
        height: 212px;
        margin: 0px;
    }

    .env_listitem a {
        color: #262626;
        text-decoration: none
    }

    .env_listitem a:visited {
        color: #262626;
        text-decoration: none
    }

    .env_listitem a:hover {
        color: #00ada9;
        text-decoration: none;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }








    .snto_pagnavcon {
        width: 80%;
        height: 30px;
        margin: 34px auto;
        text-align: center;
    }

    .snto_pagnavcon a {
        display: inline-table;
        width: 28px;
        height: 28px;
        background-color: #f0f0f6;
        text-align: center;
        font-size: 10px;
        line-height: 28px;
        border: #e6e6ee 1px solid;
        color: #343536;
        border-radius: 50%;
        text-decoration: none;
        margin-right: 4px;
    }

    .snto_pagnavcon a:visited {
        display: inline-table;
        width: 28px;
        height: 28px;
        background-color: #f0f0f6;
        text-align: center;
        font-size: 10px;
        line-height: 28px;
        border: #e6e6ee 1px solid;
        color: #343536;
        border-radius: 50%;
        text-decoration: none;
        margin-right: 4px;
    }

    .snto_pagnavcon a:hover {
        display: inline-table;
        width: 28px;
        height: 28px;
        background-color: #00ada9;
        text-align: center;
        font-size: 10px;
        line-height: 28px;
        border: #00ada9 1px solid;
        color: #ffffff;
        border-radius: 50%;
        text-decoration: none;
        margin-right: 4px;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }

    .snto_pagnavcon span {
        display: inline-table;
        width: 28px;
        height: 28px;
        background-color: #00ada9;
        text-align: center;
        font-size: 10px;
        line-height: 28px;
        color: #ffffff;
        border-radius: 50%;
        margin-right: 4px;
    }



    .newnav {
        position: relative;
        height: auto;
        width: 100%;
        margin: 0 auto;
        margin-top: 30px;
        text-align: center
    }


    .newnav a {
        float: none;
        display: block;
        width: 90%;
        height: 50px;
        margin: 5px auto;
        background-color: #f0f0f6;
        font-size: 14px;
        color: #343536;
        line-height: 50px;
        text-align: center;
        border: 0px;
        border-radius: 26px;
        cursor: pointer;
        text-decoration: none
    }

    .newnav a:visited {
        float: none;
        display: block;
        width: 90%;
        height: 50px;
        margin: 5px auto;
        background-color: #f0f0f6;
        font-size: 14px;
        color: #343536;
        line-height: 50px;
        text-align: center;
        border: 0px;
        border-radius: 26px;
        cursor: pointer;
        text-decoration: none
    }

    .newnav a:hover {

        float: none;
        display: block;
        width: 90%;
        height: 50px;
        margin: 5px auto;
        background-color: #00ada9;
        font-size: 14px;
        color: #ffffff;
        line-height: 50px;
        text-align: center;
        border: 0px;
        border-radius: 26px;
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }

    #newnavon {

        float: none;
        display: block;
        width: 90%;
        height: 50px;
        margin: 5px auto;
        background-color: #00ada9;
        font-size: 14px;
        color: #ffffff;
        line-height: 50px;
        text-align: center;
        border: 0px;
        border-radius: 26px;
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }

    .ddpage_newitem {
        width: 90%;
        height: auto;
        padding: 30px 0px;
        margin: 0 auto;
        border: 0px;
        border-bottom: #e6e6ee 1px solid;
    }

    .ddpage_newitempic {
        width: 100%;
        height: auto;
        overflow: hidden;
        float: none;
        max-height: 260px;
    }

    .ddpage_newitempic img {
        width: 100%;
        height: auto;
        min-height: inherit
    }



    .ddpage_newitempic img:hover {
        transform: scale(1.00);
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }


    .ddpage_newitemtxt {
        width: 100%;
        height: auto;
        overflow: hidden;
        float: none;
    }

    .ddpage_newitemtit {
        width: 100%;
        height: auto;
        line-height: 20px;
        font-size: 16px;
        font-weight: bold;
        text-align: left;
        margin-top: 15px;
    }

    .ddpage_newitemtit a {
        color: #343536;
        text-decoration: none
    }

    .ddpage_newitemtit a:visited {
        color: #343536;
        text-decoration: none
    }

    .ddpage_newitemtit a:hover {
        color: #00ada9;
        text-decoration: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .ddpage_newiteminfo {
        width: 100%;
        height: auto;
        margin-top: 15px;
        line-height: 18px;
        font-size: 12px;
        font-weight: normal;
        overflow: hidden;
        text-align: left;
        color: #747576
    }

    .ddpage_newitemdate {
        width: 100%;
        height: 20px;
        line-height: 20px;
        margin-top: 15px;
        text-align: left;
        color: #aaaaaa;
        font-size: 12px;
    }

    .ddpage_newitemdate span {
        color: #646566;
    }

    .ddpage_newitemdate a {
        color: #00ada9;
        text-decoration: none
    }

    .ddpage_newitemdate a:visited {
        color: #00ada9;
        text-decoration: none
    }

    .ddpage_newitemdate a:hover {
        color: #00ada9;
        text-decoration: underline
    }


    .page_view_tcon {
        width: 90%;
        height: auto;
        background-color: #00ada9;
        margin: 0 auto;
        margin-top: -3px;
        padding: 20px 5%;
    }

    .page_viewt1 {
        font-size: 26px;
        text-align: left;
        line-height: 30px;
        color: #ffffff;
        font-weight: bold
    }

    .page_viewt2 {
        font-size: 12px;
        text-align: left;
        line-height: 18px;
        color: rgba(255, 255, 255, .49);
        font-weight: normal;
        margin-top: 15px;
    }

    .page_viewt2 span {
        color: rgba(255, 255, 255, .80);
    }

    .page_viewt3 {
        font-size: 12px;
        text-align: left;
        line-height: 18px;
        color: rgba(255, 255, 255, .49);
        font-weight: normal;
        margin-bottom: 6px;
    }

    .page_viewt3 a {
        color: rgba(255, 255, 255, .80);
        text-decoration: none
    }

    .page_viewt3 a:visited {
        color: rgba(255, 255, 255, .80);
        text-decoration: none
    }

    .page_viewt3 a:hover {
        color: rgba(255, 255, 255, .80);
        text-decoration: underline
    }

    .page_viewt4 {
        font-size: 12px;
        text-align: left;
        line-height: 20px;
        color: rgba(255, 255, 255, .80);
        font-weight: normal;
        margin-top: 6px;
    }

    .page_viewt4 span {
        color: rgba(255, 255, 255, .96);
        font-weight: bold
    }



    .page_viewtxt {
        font-size: 14px;
        text-align: left;
        line-height: 22px;
        color: #000000;
        font-weight: normal;
        margin: 20px auto;
        width: 90%;
    }

    .page_viewtxt p {
        text-indent: 0px;
        padding: 5px 0px;
    }

    .page_viewtxt img {
        width: auto;
        height: auto;
        max-width: 100%;
    }



    .page_prenex {
        font-size: 12px;
        text-align: left;
        line-height: 20px;
        color: #989898;
        font-weight: normal;
        margin: 0 auto;
        margin-top: 20px;
        width: 80%;
        padding: 15px 0px;
        border-bottom: #e0e0e6 1px solid;
        border-top: #e0e0e6 1px solid;
    }

    .page_prenex a {
        color: #646566;
        text-decoration: none
    }

    .page_prenex a:visited {
        color: #646566;
        text-decoration: none
    }

    .page_prenex a:hover {
        color: #343536;
        text-decoration: none;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
    }



    .ddCooperation {
        width: 90%;
        margin: 30px auto;
        text-align: left;
        font-size: 14px;
        line-height: 26px;
        color: #343536;
    }

    .ddCooperation img {
        width: 100%;
        margin: 10px auto
    }


    .liuyan_con {
        display: block;
        visibility: visible;
        background-color: #00ada9
    }

    .dd_mesconwap {
        display: block;
        visibility: visible;
    }

    .dd_mescon {
        width: 100%;
        height: 255px;
        margin: auto;
        padding: 0px;
        text-align: center;
        padding: 0px;
        width: 100%;
        text-align: center;
        position: relative;
        background: none;
        position: absolute;
        left: 0px;
        top: 100px;
        z-index: 9
    }

    .dd_mescenter {
        position: absolute;
        width: 80%;
        left: 10%;
        top: 60px;
        position: absolute;
        z-index: 9
    }


    .dd_mesform {
        width: 96%;
        height: auto;
        background-color: #f0f0f6;
        float: none;
        border: 0px;
        border-radius: 5px;
        padding: 7px 2%;
        text-align: center
    }

    .dd_mesforminput {
        width: 98%;
        height: 28px;
        line-height: 28px;
        border: #e0e0e6 1px solid;
        background-color: #ffffff;
        font-size: 12px;
        text-align: left;
        color: #343536;
        text-indent: 10px;
        float: none;
        margin: 0 auto;
        margin-bottom: 5px;
    }

    .dd_mesforminput2 {
        width: 98%;
        height: 28px;
        line-height: 28px;
        border: #e0e0e6 1px solid;
        background-color: #ffffff;
        font-size: 12px;
        text-align: left;
        color: #343536;
        text-indent: 10px;
        float: none;
        margin: 0 auto;
        margin-bottom: 5px;
    }


    .dd_mesforminput3 {
        width: 98%;
        height: 30px;
        line-height: 30px;
        border: 0px;
        background-color: #00aba7;
        font-size: 12px;
        text-align: center;
        color: #ffffff;
        float: none;
        margin: 0 auto;
    }

    .dd_mesforminput3:hover {
        width: 98%;
        height: 30px;
        line-height: 30px;
        border: 0px;
        background-color: #00817e;
        font-size: 12px;
        text-align: center;
        color: #ffffff;
        float: none;
        margin: 0 auto;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        cursor: pointer
    }


    .dd_mescontitle {
        display: none
    }

    .dd_mescontitle img {
        margin: 0px auto;
        width: auto
    }


}

.joinlist01 {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.joinlist01l {
    width: 40%;
    height: auto;
    float: left;
    margin: 0px;
    padding: 0px;
}

.joinlist01l img {
    width: 100%;
    height: auto;
}

.joinlist01r {
    width: 60%;
    height: auto;
    float: right;
    margin: 0px;
    padding: 0px;
}

.joinlist01r img {
    width: 100%;
    height: auto;
}

.join_clear {
    width: 100%;
    height: 0px;
    line-height: 0px;
    clear: both
}

.join_title {
    width: 100%;
    height: 200px;
    line-height: 200px;
    font-size: 64px;
    text-align: center;
    font-weight: bold;
    color: #00ada9;
    margin: 0 auto;
}

.join_title2 {
    width: 100%;
    height: 150px;
    line-height: 150px;
    font-size: 64px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    margin: 0 auto;
}

.join_list02 {
    width: 98%;
    height: auto;
    margin: 0 auto;
}

.join_list02i {
    width: 12%;
    height: auto;
    margin: 0px 0.25%;
    padding: 0px;
    float: left;
}

.join_list02i img {
    width: 100%;
    height: auto;
    margin: 0px;
}

.join_list02i:hover img {
    margin-top: 49px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer
}

.join_list02i2 {
    width: 12%;
    height: auto;
    margin: 0px 0.25%;
    padding: 0px;
    float: left;
}

.join_list02i2 img {
    width: 100%;
    height: auto;
    margin: 0px;
    margin-top: 49px;
}

.join_list02i2:hover img {
    margin-top: 0px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer
}

.join_list03 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center
}

.join_list03 img {
    width: auto;
    height: auto;
}

.join_bg {
    background-image: url(../images/join_bg.jpg);
    background-size: 100% 100%;
    padding-bottom: 49px;
    margin-top: 49px;
}

.join_map {
    width: 99%;
    height: 604px;
    margin: 10px auto;
}

@media only screen and (max-width: 1680px) {
    .page_joinbanner {
        background-size: 100% 100%;
    }

    .joinlist01 {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .joinlist01l {
        width: 40%;
        height: auto;
        float: left;
        margin: 0px;
        padding: 0px;
    }

    .joinlist01l img {
        width: 100%;
        height: auto;
    }

    .joinlist01r {
        width: 60%;
        height: auto;
        float: right;
        margin: 0px;
        padding: 0px;
    }

    .joinlist01r img {
        width: 100%;
        height: auto;
    }

    .join_clear {
        width: 100%;
        height: 0px;
        line-height: 0px;
        clear: both
    }

    .join_title {
        width: 100%;
        height: 150px;
        line-height: 150px;
        font-size: 40px;
        text-align: center;
        font-weight: bold;
        color: #00ada9;
        margin: 0 auto
    }

    .join_title2 {
        width: 100%;
        height: 120px;
        line-height: 120px;
        font-size: 40px;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
        margin: 0 auto;
    }

    .join_list02i {
        width: 12%;
        height: auto;
        margin: 0px 0.25%;
        padding: 0px;
        float: left;
    }

    .join_list02i img {
        width: 100%;
        height: auto;
        margin: 0px;
    }

    .join_list02i:hover img {
        margin-top: 49px;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        cursor: pointer
    }

    .join_list02i2 {
        width: 12%;
        height: auto;
        margin: 0px 0.25%;
        padding: 0px;
        float: left;
    }

    .join_list02i2 img {
        width: 100%;
        height: auto;
        margin: 0px;
        margin-top: 49px;
    }

    .join_list02i2:hover img {
        margin-top: 0px;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        cursor: pointer
    }

    .join_list03 {
        width: 100%;
        height: auto;
        margin: 0 auto;
        text-align: center
    }

    .join_list03 img {
        width: auto;
        height: auto;
    }

    .join_bg {
        background-image: url(../images/join_bg.jpg);
        background-size: 100% 100%;
        padding-bottom: 49px;
        margin-top: 49px;
    }

    .join_map {
        width: 99%;
        height: 604px;
        margin: 10px auto;
    }
}

@media only screen and (max-width: 768px) {


    .joinlist01 {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .joinlist01l {
        width: 100%;
        height: auto;
        float: none;
        margin: 0px;
        padding: 0px;
    }

    .joinlist01l img {
        width: 100%;
        height: auto;
    }

    .joinlist01r {
        width: 100%;
        height: auto;
        float: none;
        margin: 0px;
        padding: 0px;
    }

    .joinlist01r img {
        width: 100%;
        height: auto;
    }

    .join_clear {
        width: 100%;
        height: 0px;
        line-height: 0px;
        clear: both
    }

    .join_title {
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        text-align: center;
        font-weight: bold;
        color: #00ada9;
        margin: 0 auto
    }

    .join_title2 {
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
        margin: 0 auto;
    }

    .join_list02i {
        width: 48%;
        height: auto;
        margin: 2px 1%;
        padding: 0px;
        float: left;
    }

    .join_list02i img {
        width: 100%;
        height: auto;
        margin: 0px;
    }

    .join_list02i:hover img {
        margin-top: 0px;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        cursor: pointer
    }

    .join_list02i2 {
        width: 48%;
        height: auto;
        margin: 2px 1%;
        padding: 0px;
        float: left;
    }

    .join_list02i2 img {
        width: 100%;
        height: auto;
        margin: 0px;
        margin-top: 0px;
    }

    .join_list02i2:hover img {
        margin-top: 0px;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        cursor: pointer
    }

    .join_list03 {
        width: 100%;
        height: auto;
        margin: 0 auto;
        text-align: center
    }

    .join_list03 img {
        width: 98%;
        height: auto;
    }

    .join_bg {
        background-image: url(../images/join_bg.jpg);
        background-size: 100% 100%;
        padding-bottom: 34px;
        margin-top: 34px;
    }

    .join_map {
        width: 99%;
        height: 600px;
        margin: 0px auto;
    }



}