            @charset "UTF-8";
            body {
                font-family: "Microsoft YaHei", sans-serif;
                overflow-x: hidden;
            }
            
            .cy-wrapper {
                overflow: hidden;
                transition: transform .5s;
            }
            
            .cy-wrapper.to-left {
                transform: translate(-100%);
            }
            /* ***** 头部导航栏 ***** */
            
            header .header-overlay {
                height: 50px;
            }
            
            header .header {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                background: #fff;
                box-shadow: 0 1px 5px #ccc;
                z-index: 3000;
            }
            
            header .logo {
                margin: 10px 0;
            }
            
            header .logo img {
                width: auto;
                height: 30px;
                transition: all .3s;
            }
            
            header .nav-list {
                display: none;
            }
            
            header .header-tools {
                position: relative;
                float: right;
                width: 60px;
                height: 50px;
                margin-right: -15px;
                background: #333333;
                overflow: hidden;
                cursor: pointer;
                transition: all .3s;
                z-index: 1;
            }
            
            header .header-tools.down {
                background: #cfcfcf;
                transition: all .17s;
            }
            
            header .nav-menu {
                position: absolute;
                top: 15px;
                left: 20px;
                width: 20px;
                height: 20px;
                transition: all .3s;
                z-index: 1;
            }
            
            header .nav-menu .nm {
                display: block;
                width: 100%;
                height: 2px;
                margin-top: 4px;
                background: #fff;
                transition: all .5s;
            }
            
            header .nav-menu .nm2 {
                position: relative;
                z-index: 1;
            }
            
            header .nav-menu .nm2:before,
            header .nav-menu .nm2:after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #9f5720;
                opacity: 0;
                z-index: 1;
            }
            
            header .nav-menu.show .nm {
                transition: all .5s, opacity .4s .3s;
            }
            
            header .nav-menu.show .nm1 {
                opacity: 0;
                visibility: hidden;
                transform: translate(-100%, 6px);
            }
            
            header .nav-menu.show .nm2 {
                background: transparent;
                transform: rotate(-180deg);
            }
            
            header .nav-menu.show .nm2:before,
            header .nav-menu.show .nm2:after {
                opacity: 1;
                transition: all .3s;
            }
            
            header .nav-menu.show .nm2:before {
                transform: rotate(45deg);
            }
            
            header .nav-menu.show .nm2:after {
                transform: rotate(-45deg);
            }
            
            header .nav-menu.show .nm3 {
                opacity: 0;
                visibility: hidden;
                transform: translate(100%, -6px);
            }
            
            header .side-nav {
                position: fixed;
                top: 50px;
                left: 100%;
                right: -100%;
                bottom: 0;
                padding: 20px 0 70px;
                background: #ebebeb;
                overflow: auto;
                transition: all .5s;
                z-index: 3100;
            }
            
            header .side-nav.show {
                left: 0;
                right: 0;
            }
            
            header .side-overlay,
            header .sn-head,
            header .sn-foot {
                display: none;
            }
            
            header .sn-item {
                position: relative;
                line-height: 20px;
                color: #333;
                z-index: 1;
            }
            
            header .sn-item+.sn-item {
                border-top: 1px solid #d7d7d7;
            }
            
            header .sn-item>a {
                position: relative;
                display: block;
                padding: 10px 25px;
                font-size: 16px;
                z-index: 1;
            }
            
            header .sn-item>a:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #9f5720;
                transform: scale(1, 0);
                opacity: 0;
                visibility: hidden;
                transition: all .3s;
                z-index: -1;
            }
            
            header .sn-item>a:after {
                content: '';
                position: absolute;
                top: 50%;
                right: 5%;
                width: 15px;
                height: 10px;
                margin-top: -5px;
                background: url("../images/more1.png") no-repeat center center;
                background-size: 100% auto;
                opacity: 0;
                visibility: hidden;
                transition: all .3s;
            }
            
            header .sn-item.active>a:before {
                transform: none;
                opacity: 1;
                visibility: visible;
            }
            
            header .sn-item.active>a:after {
                opacity: 1;
                visibility: visible;
            }
            
            header .sub-list {
                display: none;
                padding: 10px 0;
                background: #fff;
            }
            
            header .sub-item {
                position: relative;
                z-index: 1;
            }
            
            header .sub-item:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #ebebeb;
                opacity: 0;
                visibility: hidden;
                transform: scale(1, 0);
                transition: all .3s;
                z-index: -1;
            }
            
            header .sub-item:after {
                content: '';
                position: absolute;
                top: 50%;
                right: 5%;
                width: 8px;
                height: 12px;
                margin-top: -6px;
                background: url("../images/more2.png") no-repeat center center;
                opacity: 0;
                visibility: hidden;
                transition: all .5s;
            }
            
            header .sub-item:hover:before {
                transform: none;
            }
            
            header .sub-item:hover:before,
            header .sub-item:hover:after {
                opacity: 1;
                visibility: visible;
            }
            
            header .sub-item a {
                display: block;
                padding: 5px 25px;
                font-size: 14px;
            }
            
            footer {
                position: relative;
                padding: 25px 0 40px;
                background: #232323;
                color: #a9a9a9;
                font-size: 14px;
                z-index: 10;
            }
            
            footer .footer-body {
                padding-bottom: 30px;
            }
            
            footer .contact-item {
                margin-bottom: 7px;
                line-height: 25px;
            }
            
            footer .contact-item .icon {
                float: left;
                padding-left: 30px;
                background: no-repeat left center;
            }
            
            footer .contact-item .address {
                background-image: url("../images/address.png");
            }
            
            footer .contact-item .phone {
                background-image: url("../images/phone.png");
            }
            
            footer .contact-item .email {
                background-image: url("../images/email.png");
            }
            
            footer .contact-item .info {
                display: block;
                overflow: hidden;
            }
            
            footer .footer-gz {
                margin-top: 25px;
            }
            
            footer .gz-title {
                float: left;
                font-size: 12px;
                line-height: 30px;
            }
            
            footer .gz-item {
                position: relative;
                float: left;
                width: 30px;
                height: 30px;
                margin-left: 10px;
                margin-bottom: 7px;
                border-radius: 50%;
                background: #9f5720;
                z-index: 1;
            }
            
            footer .gz-item .icon {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border-radius: 50%;
                background: no-repeat center center;
                cursor: pointer;
                transition: all .3s;
                z-index: 1;
            }
            
            footer .gz-item .icon:hover {
                background-color: rgba(0, 0, 0, 0.2);
                animation: iconShow .5s;
                z-index: 5;
            }
            
            footer .gz-item .icon:hover+.popup {
                opacity: 1;
                visibility: visible;
                transform: none;
            }
            
            footer .gz-item .wx {
                background-image: url("../images/wx.png");
            }
            
            footer .gz-item .sina {
                background-image: url("../images/sina.png");
            }
            
            footer .gz-item .qq {
                background-image: url("../images/qq.png");
            }
            
            footer .popup {
                position: absolute;
                bottom: 100%;
                left: 50%;
                width: 100px;
                height: 100px;
                margin-left: -50px;
                margin-bottom: 10px;
                padding: 3px;
                border: 1px solid #ccc;
                border-radius: 2px;
                background: #fff;
                opacity: 0;
                visibility: hidden;
                transform: scale(0);
                transform-origin: 50% 100%;
                transition: all .5s;
                z-index: 1;
            }
            
            footer .popup:before {
                content: '';
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -5px;
                border-top: 5px solid #fff;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                z-index: 2;
            }
            
            footer .popup:after {
                content: '';
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -6.5px;
                border-top: 6.5px solid #ccc;
                border-left: 6.5px solid transparent;
                border-right: 6.5px solid transparent;
                z-index: 1;
            }
            
            footer .popup img {
                width: 100%;
            }
            
            footer .footer-friendlyLink {
                margin-top: 18px;
            }
            
            footer .friendly-link {
                position: relative;
                width: 260px;
                font-size: 12px;
                line-height: 20px;
                z-index: 1;
            }
            
            footer .friendly-link .title {
                position: relative;
                padding: 5px 10px;
                border: 1px solid #fff;
                user-select: none;
                cursor: pointer;
            }
            
            footer .friendly-link .title:before {
                content: '';
                position: absolute;
                top: 50%;
                right: 10px;
                margin-top: -3px;
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
                border-bottom: 6px solid #fff;
                transition: all .5s;
            }
            
            footer .friendly-link .title:after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #9f5720;
                opacity: 0;
                visibility: hidden;
                transform: scale(1, 0);
                transform-origin: 50% 0;
                transition: all .5s;
                z-index: -1;
            }
            
            footer .friendly-link .title:hover:after,
            footer .friendly-link .title.active:after {
                opacity: 1;
                visibility: visible;
                transform: none;
            }
            
            footer .friendly-link .title.active:before {
                transform: rotate(180deg);
            }
            
            footer .friendly-link .fl-list {
                position: absolute;
                left: 0;
                right: 0;
                /* bottom: 100%; */
                display: none;
                margin-bottom: -1px;
                padding: 5px 0;
                border: 1px solid #fff;
                background: #9f5720;
                z-index: 999999999;
            }
            
            footer .friendly-link .fl-item {
                position: relative;
                z-index: 9999999999;
                color: #fff
            }
            
            footer .friendly-link .fl-item+.fl-item {
                border-top: 1px double #ccc;
            }
            
            footer .friendly-link .fl-item:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #333;
                opacity: 0;
                visibility: hidden;
                transform: scale(1, 0);
                transition: all .3s;
                z-index: -1;
            }
            
            footer .friendly-link .fl-item a {
                display: block;
                padding: 8px 10px;
            }
            
            footer .friendly-link .fl-item:hover:before {
                opacity: 1;
                visibility: visible;
                transform: none;
            }
            
            footer .footer-foot {
                border-top: 1px solid #7d7d7d;
            }
            
            footer .nav {
                padding: 20px 0 5px;
            }
            
            footer .nav-item {
                float: left;
                margin-bottom: 10px;
                line-height: 1;
            }
            
            footer .nav-item+.nav-item {
                position: relative;
                margin-left: 17px;
                z-index: 1;
            }
            
            footer .nav-item+.nav-item:before {
                content: '';
                position: absolute;
                top: 1px;
                left: -9px;
                bottom: 1px;
                width: 1px;
                background: #999;
            }
            
            footer .nav-item a:hover {
                color: #bbb;
            }
            
            footer .copyright .owner,
            footer .copyright .builder a {
                transition: all .15s;
                font-size: 15px
            }
            
            footer .copyright .owner:hover,
            footer .copyright .builder a:hover {
                color: #9f5720;
            }
            /* ***** Inside Pages Common ***** */
            /* IPC Banner */
            
            .ipc-banner {
                position: relative;
                overflow: hidden;
                z-index: 1;
            }
            
            .ipc-banner:before {
                content: '';
                position: absolute;
                top: 40%;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
                z-index: 2;
            }
            
            .ipc-banner.banner-details:before {
                top: 0;
                background: url("../images/cy60.png");
            }
            
            .banner-pic {
                position: relative;
                height: 170px;
                transition: height .18s, transform 2s;
                z-index: 1;
            }
            
            .banner-pic.cy-tg {
                transform: scale(1.07);
            }
            
            .banner-pic.act {
                transform: none;
            }
            
            .banner-title {
                position: absolute;
                bottom: 10px;
                padding-left: 10px;
                color: #fff;
                z-index: 5;
            }
            
            .banner-title:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                width: 1px;
                background: rgba(255, 255, 255, 0.5);
            }
            
            .no-rgba .banner-title:before {
                background: url("../images/white50.png");
            }
            
            .banner-title h2 {
                margin-bottom: 3px;
                font-weight: bold;
                font-size: 18px;
                line-height: 1;
            }
            
            .banner-title p {
                position: relative;
            }
            
            .banner-title p.cy-en {
                font-weight: 900;
                font-size: 12px;
                line-height: 15px;
                font-family: Arial, sans-serif;
                text-transform: uppercase;
            }
            
            .banner-title .cy-small {
                display: block;
                margin-top: 10px;
                font-size: 12px;
                font-family: sans-serif;
                line-height: 1;
                opacity: .4;
                filter: progid: DXImageTransform.Microsoft.Alpha(opacity=40);
                /*IE6~IE8*/
            }
            /* IPC Navbar */
            
            body.c {
                cursor: pointer;
            }
            
            .ipc-navbar {
                position: relative;
                color: #fff;
                text-align: center;
                cursor: pointer;
                z-index: 5;
            }
            
            .ipc-navbar .current-page {
                position: relative;
                padding: 10px 0;
                font-size: 15px;
                line-height: 20px;
                background: #9f5720;
                z-index: 5;
            }
            
            .ipc-navbar .current-page:after {
                content: '';
                position: relative;
                top: -1px;
                left: 7px;
                display: inline-block;
                border-top: 6px solid #fff;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                vertical-align: middle;
                transition: transform .3s;
            }
            
            .ipc-navbar .current-page.show:after {
                transform: rotate(-180deg);
            }
            
            .ipc-navbar .inav-list {
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                margin-top: -40px;
                margin-left: -1px;
                padding: 3px 0;
                background: #333;
                opacity: 0;
                visibility: hidden;
                transition: all .5s;
                z-index: 2;
            }
            
            .ipc-navbar .inav-list.show {
                margin-top: 0;
                opacity: 1;
                visibility: visible;
            }
            
            .ipc-navbar .inav-item {
                float: left;
                width: 50%;
                margin: 3px 0;
                border-left: 1px solid #fff;
            }
            
            .ipc-navbar .inav-item a {
                display: block;
                font-size: 13px;
                line-height: 20px;
            }
            /* IPC Title */
            
            .ipc-title {
                overflow: hidden;
            }
            
            .ipc-title:after {
                content: '';
                display: block;
                clear: both;
            }
            
            .ipc-title .zh {
                float: left;
                padding: 8px;
                font-weight: bold;
                font-size: 15px;
                font-family: "Microsoft JhengHei", sans-serif;
                color: #333;
                line-height: 1;
                border: 2px solid #9f5720;
            }
            
            .ipc-title .en {
                float: left;
                margin: 10px;
                padding: 2px 0;
                font-size: 13px;
                font-family: Arial, sans-serif;
                line-height: 1;
                text-transform: uppercase;
            }
            
            .ipc-title .en b {
                display: block;
                font-weight: 900;
            }
            
            .ipc-title .l {
                float: right;
                width: 100%;
                margin: 15px 0;
                background: #ccc;
                transform: translateX(-100%);
                transition: transform 1s .5s linear;
            }
            
            .ipc-title .l.act {
                transform: none;
            }
            /* IPC Container */
            
            .ipc-container {
                padding: 30px 0;
            }
            /* IPC Pages */
            
            .pages {
                margin-top: 10px;
                background: #dadada;
                text-align: center;
            }
            
            .pages .pages-arrows a {
                display: block;
                width: 40px;
                height: 30px;
                background: no-repeat center center;
            }
            
            .pages .pages-prev a {
                background-image: url("../images/pages-prev.png");
            }
            
            .pages .pages-next a {
                background-image: url("../images/pages-next.png");
            }
            
            .pages .pages-num {
                display: inline-block;
                vertical-align: top;
            }
            
            .pages .pages-item {
                float: left;
                margin: 5px 2px;
                font-size: 16px;
                line-height: 20px;
            }
            
            .pages .pages-item a {
                display: block;
                padding: 0 3px;
                font-family: Arial, sans-serif;
            }
            
            .pages .pages-item.current {
                background: #2a4f8c;
                color: #fff;
            }
            
            .pages-d {
                text-align: center;
            }
            
            .pages-d .d {
                display: inline-block;
                padding: 4px 10px;
                font-size: 14px;
                line-height: 20px;
                border: 1px solid #b5b5b5;
                vertical-align: top;
            }
            
            .pages-d .arrows.arrows-prev {
                float: left;
            }
            
            .pages-d .arrows.arrows-prev:before {
                content: '';
                display: inline-block;
                width: 10px;
                height: 20px;
                margin-right: 5px;
                background: url("../images/left2.png") no-repeat center center;
                vertical-align: top;
            }
            
            .pages-d .arrows.arrows-next {
                float: right;
            }
            
            .pages-d .arrows.arrows-next:after {
                content: '';
                display: inline-block;
                width: 10px;
                height: 20px;
                margin-left: 5px;
                background: url("../images/right2.png") no-repeat center center;
                vertical-align: top;
            }
            
            .pages-d .b {
                background: #9f5720;
                color: #fff;
                border-color: #ac6025;
            }
            /* 分享 */
            
            .bsBox {
                width: auto !important;
                height: auto !important;
            }
            
            .bshare-custom a {
                width: 20px !important;
                height: 20px !important;
                margin-right: 10px !important;
            }
            
            .bshare-custom .bshare-weixin {
                background: url("../images/s-wx.png") !important;
            }
            
            .bshare-custom .bshare-qqim {
                background: url("../images/s-qq.png") !important;
            }
            
            .bshare-custom .bshare-sinaminiblog {
                background: url("../images/s-sina.png") !important;
            }
            
            .bshare-custom .bshare-qqmb {
                background: url("../images/s-txwb.png") !important;
            }
            /* ***** Home ***** */
            /* Banner */
            
            .hm-banner .carousel {
                position: relative;
                z-index: 1;
            }
            
            .hm-banner .carousel .control-nav {
                position: absolute;
                left: 0;
                right: 0;
                bottom: 5px;
                text-align: center;
                font-size: 0;
                line-height: 0;
                z-index: 5;
            }
            
            .hm-banner .carousel .control-nav li {
                display: inline-block;
                margin: 0 2px;
                border-radius: 50%;
                vertical-align: top;
            }
            
            .hm-banner .carousel .control-nav li a {
                display: block;
                width: 8px;
                height: 8px;
                border: 1px solid #fff;
                border-radius: 50%;
                background: url("../images/transparent.png");
                transition: all .3s;
            }
            
            .hm-banner .carousel .control-nav li a.active {
                background: #fff;
            }
            
            .hm-banner .carousel-item {
                position: relative;
                overflow: hidden;
                z-index: 1;
            }
            
            .hm-banner .carousel-item.carousel-current .carousel-pic {
                transform: scale(1.1);
            }
            
            .hm-banner .carousel-item.carousel-current .title-en,
            .hm-banner .carousel-item.carousel-current .title-zh,
            .hm-banner .carousel-item.carousel-current .icon,
            .hm-banner .carousel-item.carousel-current .more {
                opacity: 1;
                visibility: visible;
                transform: none;
                transition: all 1s;
            }
            
            .hm-banner .carousel-item.carousel-current .desc-en {
                opacity: .5;
                filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
                /*IE6~IE8*/
                visibility: visible;
                transform: none;
                transition: all 1s;
            }
            
            .hm-banner .carousel-item.carousel-current .title-zh {
                transition-delay: .2s;
            }
            
            .hm-banner .carousel-item.carousel-current .desc-en {
                transition-delay: .4s;
            }
            
            .hm-banner .carousel-item.carousel-current .icon {
                transition-delay: .6s;
            }
            
            .hm-banner .carousel-item.carousel-current .more {
                transition-delay: .8s;
            }
            
            .hm-banner .carousel-pic {
                transition: transform 9s;
            }
            
            .hm-banner .carousel-pic img {
                max-width: 100%;
            }
            
            .hm-banner .carousel-cont {
                position: absolute;
                top: 0;
                left: 15px;
                right: 15px;
                bottom: 0;
                color: #fff;
                z-index: 1;
            }
            
            .hm-banner .carousel-cont .title-en {
                margin-bottom: 10px;
                font-weight: 900;
                font-size: 18px;
                font-family: Arial, sans-serif;
                color: #c4a55b;
                line-height: 20px;
                text-transform: uppercase;
            }
            
            .hm-banner .carousel-cont .title-zh {
                margin-bottom: 15px;
                font-weight: bold;
                font-size: 20px;
                line-height: 25px;
            }
            
            .hm-banner .carousel-cont .desc-en {
                margin-bottom: 10px;
                font-size: 12px;
                font-family: Arial, sans-serif;
                line-height: 15px;
                opacity: .5;
                filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
                /*IE6~IE8*/
            }
            
            .hm-banner .carousel-cont .icon {
                position: relative;
                display: block;
                width: 28px;
                height: 28px;
                margin: 0 auto 40px;
                background-image: url("../images/banner-logo.png");
                z-index: 1;
            }
            
            .hm-banner .carousel-cont .icon:before {
                content: '';
                position: absolute;
                top: 100%;
                left: 50%;
                width: 1px;
                height: 25px;
                margin-top: 10px;
                background: #c4a55b;
                z-index: 1;
            }
            
            .hm-banner .carousel-cont .more {
                display: inline-block;
                padding: 5px 20px;
                line-height: 20px;
                background: #9f5720;
                vertical-align: top;
            }
            
            .hm-banner .carousel-cont .more:after {
                content: '';
                display: inline-block;
                width: 7px;
                height: 20px;
                margin-left: 10px;
                background: url("../images/more3.png") no-repeat center center;
                vertical-align: top;
            }
            
            .hm-banner .carousel-cont .title-en,
            .hm-banner .carousel-cont .title-zh,
            .hm-banner .carousel-cont .desc-en,
            .hm-banner .carousel-cont .icon,
            .hm-banner .carousel-cont .more {
                opacity: 0;
                visibility: hidden;
                transform: translateX(20px);
            }
            
            .hm-banner .banner-overlay {
                position: absolute;
                top: 80%;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#b2000000);
                z-index: 5;
            }
            
            .hm-banner .scroll-down {
                position: absolute;
                left: 50%;
                bottom: 20px;
                width: 28px;
                height: 42px;
                margin-left: -14px;
                background: url("../images/banner-next.png") no-repeat center center;
                cursor: pointer;
                z-index: 1;
            }
            
            .hm-banner .news {
                height: 30px;
                padding: 5px 0;
                border-bottom: 1px solid #ccc;
                overflow: hidden;
            }
            
            .hm-banner .news .title {
                position: relative;
                margin-right: 20px;
                font-weight: bold;
                font-size: 15px;
                color: #205bab;
                line-height: 20px;
                z-index: 1;
            }
            
            .hm-banner .news .title:before {
                content: '';
                display: inline-block;
                width: 15px;
                height: 20px;
                margin-right: 3px;
                background: url("../images/hm-banner-news.png") no-repeat center center;
                vertical-align: top;
            }
            
            .hm-banner .news .title:after {
                content: '';
                position: absolute;
                top: 2px;
                right: -11px;
                bottom: 2px;
                width: 1px;
                background: #aaa;
                z-index: 1;
            }
            
            .hm-banner .news .info {
                line-height: 20px;
                overflow: hidden;
            }
            
            .hm-banner .slider-item .cont {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            
            .hm-banner .slider-item .date {
                display: none;
            }
            
            .hm-news {
                padding: 20px 0;
            }
            
            .hm-news .news-carousel {
                position: relative;
                margin-bottom: 20px;
                z-index: 1;
            }
            
            .hm-news .carousel-item {
                background: #f7f7f7;
                overflow: hidden;
            }
            
            .hm-news .carousel-pic {
                position: relative;
                overflow: hidden;
                z-index: 1;
            }
            
            .hm-news .carousel-pic:before {
                content: '';
                position: absolute;
                top: 70%;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#b2000000);
                z-index: 5;
            }
            
            .hm-news .carousel-pic img {
                width: 100%;
            }
            
            .hm-news .carousel-info {
                padding: 25px 20px;
            }
            
            .hm-news .carousel-info .date {
                font-size: 12px;
                line-height: 15px;
            }
            
            .hm-news .carousel-info .title {
                height: 40px;
                margin-top: 10px;
                font-size: 15px;
                line-height: 20px;
                color: #333;
                overflow: hidden;
            }
            
            .hm-news .carousel-info .l {
                display: block;
                height: 1px;
                margin: 20px 0 9px;
                background: #ccc;
            }
            
            .hm-news .carousel-info .cont {
                height: 60px;
                line-height: 20px;
                overflow: hidden;
            }
            
            .hm-news .carousel-info .more {
                display: inline-block;
                margin-top: 25px;
                padding: 5px 20px;
                background: #9f5720;
                color: #fff;
                line-height: 20px;
                vertical-align: top;
            }
            
            .hm-news .slick-dots {
                bottom: 270px;
                z-index: 2;
            }
            
            .hm-news .slick-dots li {
                margin: 0 3px;
                background: #fff;
                border-radius: 50%;
                transition: all .3s;
            }
            
            .hm-news .slick-dots li.slick-active {
                background: #3589de;
            }
            
            .hm-news .news-tab {
                background: #f7f7f7;
            }
            
            .hm-news .tab-head {
                position: relative;
                padding-right: 40px;
                background: #9f5720;
                z-index: 1;
            }
            
            .hm-news .tab-head .m {
                position: absolute;
                top: 50%;
                right: 10px;
                width: 20px;
                height: 20px;
                margin-top: -10px;
                background: url(../images/more4h.png) no-repeat center center;
                z-index: 5;
            }
            
            .hm-news .tab-title {
                padding-right: 40px;
            }
            
            .hm-news .title-item {
                position: relative;
                padding: 10px 0;
                font-size: 16px;
                line-height: 20px;
                color: #fff;
                text-align: center;
                cursor: pointer;
                z-index: 1;
            }
            
            .hm-news .title-item:before {
                content: '';
                display: inline-block;
                width: 12px;
                height: 12px;
                margin-top: 4px;
                margin-right: 5px;
                border: 3px solid #fff;
                border-radius: 50%;
                vertical-align: top;
            }
            
            .hm-news .title-item:after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #2a4f8c;
                opacity: 0;
                visibility: hidden;
                transform: scale(1, 0);
                transition: all .5s;
                z-index: -1;
            }
            
            .hm-news .title-item.slick-current:after {
                opacity: 1;
                visibility: visible;
                transform: none;
            }
            
            .hm-news .cont-item {
                padding: 25px 20px;
            }
            
            .hm-news .cont-list dt {
                margin-bottom: 20px;
            }
            
            .hm-news .cont-list dd {
                position: relative;
                padding: 5px 0 5px 15px;
                z-index: 1;
            }
            
            .hm-news .cont-list dd:before {
                content: '';
                position: absolute;
                top: 50%;
                left: 0;
                width: 4px;
                height: 4px;
                margin-top: -2px;
                background: #999;
            }
            
            .hm-news .cont-list dd:after {
                content: '';
                display: block;
                clear: both;
            }
            
            .hm-news .cont-list dd a:hover {
                color: #3a73b1;
            }
            
            .hm-news .cont-list dd a:hover .date {
                color: #3a73b1;
            }
            
            .hm-news .cont-list dd .date {
                float: right;
                margin-left: 1em;
                font-size: 12px;
                color: #999;
            }
            
            .hm-news .cont-list dd .info {
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }
            
            .hm-news .cont-list .cl-pic img {
                width: 100%;
            }
            
            .hm-news .cont-list .cl-info {
                padding-top: 10px;
            }
            
            .hm-news .cont-list .cl-info .t {
                margin-bottom: 7px;
                font-size: 15px;
                line-height: 20px;
                color: #333;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }
            
            .hm-news .cont-list .cl-info .c {
                margin-bottom: 8px;
                color: #999;
            }
            
            .hm-news .cont-list .cl-info .d {
                font-size: 12px;
                line-height: 15px;
            }
            
            .hm-title {
                margin-bottom: 10px;
                font-size: 16px;
                color: #333;
                line-height: 20px;
            }
            
            .hm-title:before {
                content: '';
                display: inline-block;
                width: 12px;
                height: 12px;
                margin-top: 4px;
                margin-right: .5em;
                border: 3px solid #005fb4;
                border-radius: 50%;
                vertical-align: top;
            }
            
            .hm-title .more {
                float: right;
                width: 20px;
                height: 20px;
                background: url("../images/more4.png") no-repeat center center;
            }
            
            .hm-title .more:hover {
                transform: rotate(180deg);
                transition: all .5s;
            }
            
            .hm-jj {
                margin-bottom: 20px;
            }
            
            .hm-jj .jj-pic img {
                width: 100%;
            }
            
            .hm-jj .jj-info {
                padding: 25px 20px;
                background: #333;
                color: #fff;
            }
            
            .hm-jj .jj-info .t {
                margin-bottom: 20px;
                font-size: 16px;
            }
            
            .hm-case {
                margin-bottom: 20px;
            }
            
            .hm-case .case-carousel {
                position: relative;
                z-index: 1;
            }
            
            .hm-case .carousel-item {
                position: relative;
                z-index: 1;
            }
            
            .hm-case .carousel-pic img {
                width: 100%;
            }
            
            .hm-case .carousel-cont {
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                padding: 5px 15px;
                font-size: 14px;
                line-height: 20px;
                color: #fff;
                background: rgba(0, 0, 0, 0.5);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
            }
            
            .hm-case .carousel-cont p {
                margin-right: 55px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }
            
            .hm-case .slick-arrow {
                width: 20px;
                height: 30px;
                margin-top: -15px;
                background: rgba(0, 0, 0, 0.5) no-repeat center center;
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
            }
            
            .hm-case .slick-arrow.slick-prev {
                left: 0;
                background-image: url("../images/left1.png");
            }
            
            .no-rgba .hm-case .slick-arrow.slick-prev {
                background: url("../images/left1.png") no-repeat center center;
            }
            
            .hm-case .slick-arrow.slick-next {
                right: 0;
                background-image: url("../images/right1.png");
            }
            
            .no-rgba .hm-case .slick-arrow.slick-next {
                background: url("../images/right1.png") no-repeat center center;
            }
            
            .hm-case .slick-dots {
                right: 15px;
                bottom: 11px;
                width: auto;
            }
            
            .hm-case .slick-dots li {
                width: 8px;
                height: 8px;
                margin: 0 2px;
                border-radius: 50%;
                background: #fff;
                transition: all .2s;
            }
            
            .hm-case .slick-dots li.slick-active {
                background: #9f5720;
            }
            
            .hm-pacat {
                padding: 20px 0;
                background: #e2e2e2;
            }
            
            .hm-party {
                margin-bottom: 20px;
            }
            
            .hm-party .carousel-pic {
                overflow: hidden;
            }
            
            .hm-party .carousel-pic img {
                width: 100%;
            }
            
            .hm-party .slick-arrow {
                width: 20px;
                height: 30px;
                margin-top: -15px;
                background: rgba(0, 0, 0, 0.5) no-repeat center center;
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
            }
            
            .hm-party .slick-arrow.slick-prev {
                left: 0;
                background-image: url("../images/left1.png");
            }
            
            .no-rgba .hm-party .slick-arrow.slick-prev {
                background: url("../images/left1.png") no-repeat center center;
            }
            
            .hm-party .slick-arrow.slick-next {
                right: 0;
                background-image: url("../images/right1.png");
            }
            
            .no-rgba .hm-party .slick-arrow.slick-next {
                background: url("../images/right1.png") no-repeat center center;
            }
            
            .hm-company {
                margin-bottom: 20px;
            }
            
            .hm-company .company-pic img {
                width: 100%;
            }
            
            .hm-company .company-list {
                padding: 20px;
                padding-bottom: 10px;
                background: #fff;
            }
            
            .hm-company .company-item {
                margin-bottom: 10px;
            }
            
            .hm-tender .tender-pic img {
                width: 100%;
            }
            
            .hm-tender .tender-list {
                padding: 20px;
                padding-bottom: 10px;
                background: #fff;
            }
            
            .hm-tender .tender-item {
                margin-bottom: 10px;
            }
            
            .hm-tender .tender-item .d {
                float: right;
                margin-left: 1em;
                font-size: 12px;
                color: #999;
            }
            
            .hm-tender .tender-item .c {
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }
            /* ***** 关于我们 ***** */
            /* 公司简介 */
            
            .profile-cont {
                font-size: 15px;
                line-height: 28px;
            }
            
            .profile .profile-cont img {
                display: block;
                max-width: 100%;
                margin: 0 auto;
            }
            /* 公司架构 */
            
            .structure .structure-cont img {
                display: block;
                max-width: 100%;
                margin: 0 auto;
            }
            /* 企业文化 */
            
            .culture .culture-item {
                margin-bottom: 15px;
                transition: all .3s;
            }
            
            .culture .culture-item:hover {
                box-shadow: 0 0 5px #ccc;
            }
            
            .culture .culture-pic img {
                width: 100%;
            }
            
            .culture .culture-info {
                padding: 20px 5%;
                text-align: center;
                background: #f7f7f7;
            }
            
            .culture .culture-info .title-zh {
                font-weight: normal;
                font-size: 16px;
                color: #333;
                line-height: 20px;
            }
            
            .culture .culture-info .title-en {
                font-weight: bold;
                font-size: 12px;
                font-family: Arial, sans-serif;
                line-height: 20px;
                text-transform: uppercase;
            }
            
            .culture .culture-info .cont {
                margin-top: 5px;
            }
            
            .culture-t {
                margin-bottom: 20px;
            }
            
            .culture-t .z {
                font-weight: normal;
                font-size: 16px;
                line-height: 20px;
                color: #333;
            }
            
            .culture-t .e {
                font-weight: bold;
                font-size: 12px;
                font-family: Arial, sans-serif;
                line-height: 15px;
                color: #999;
                text-transform: uppercase;
            }
            
            .values {
                position: relative;
                background: no-repeat center center fixed;
                z-index: 1;
            }
            
            .values:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: url("../images/black40.png");
                z-index: -1;
            }
            
            .values .culture-t .z,
            .values .culture-t .e {
                color: #fff;
            }
            
            .values .values-list {
                padding-top: 1px;
            }
            
            .values .values-item {
                position: relative;
                margin-top: -1px;
                padding: 20px 25px;
                color: #fff;
                border: 1px solid rgba(255, 255, 255, 0.2);
                border-top-color: transparent;
                z-index: 1;
            }
            
            .no-rgba .values .values-item {
                border: 1px solid #999;
            }
            
            .values .values-item:first-child {
                border-color: rgba(255, 255, 255, 0.2);
            }
            
            .values .values-item:after {
                content: '';
                display: block;
                clear: both;
            }
            
            .values .values-item .icon {
                position: absolute;
                top: 50%;
                left: 20px;
                width: 60px;
                height: 60px;
                margin-top: -30px;
                background-color: #fff;
                background-size: auto;
                border-radius: 50%;
            }
            
            .values .values-item .info {
                margin-left: 70px;
            }
            
            .values .values-item .info .t {
                font-size: 16px;
                line-height: 25px;
            }
            
            .values .values-item .info .c {
                font-size: 13px;
                line-height: 15px;
            }
            
            .standard {
                position: relative;
                background: #f9f9f9;
                z-index: 1;
            }
            
            .standard.ipc-container {
                padding: 0;
            }
            
            .standard .standard-pic img {
                width: 100%;
            }
            
            .standard .standard-info {
                position: absolute;
                top: 50%;
                width: 85%;
                transform: translateY(-50%);
            }
            
            .no-csstransforms .standard .standard-info {
                margin-top: -60px;
            }
            
            .standard .standard-info .t {
                margin-bottom: 5px;
                font-weight: normal;
                font-size: 16px;
                color: #ce9b20;
                line-height: 20px;
            }
            
            .standard .standard-info .d {
                display: inline-block;
                margin-top: 15px;
                font-size: 12px;
                font-family: Arial, sans-serif;
                line-height: 1;
                color: #ccc;
                text-transform: capitalize;
                vertical-align: top;
            }
            
            .spirit .spirit-item {
                margin-bottom: 20px;
                box-shadow: 0 0 5px #ccc;
            }
            
            .spirit .spirit-pic img {
                width: 100%;
            }
            
            .spirit .spirit-info {
                padding: 15px;
                background: #f7f7f7;
            }
            
            .spirit .spirit-info .t {
                margin-bottom: 10px;
                font-size: 16px;
                line-height: 20px;
                color: #ce9b20;
            }
            /* 员工风采 */
            
            .staff {
                background: #f7f7f7;
            }
            
            .staff .staff-list {
                padding-bottom: 1px;
            }
            
            .staff .staff-item {
                margin-bottom: 20px;
                background: #fff;
                box-shadow: 0 0 5px #ccc;
            }
            
            .staff .staff-pic img {
                width: 100%;
            }
            
            .staff .staff-info {
                padding: 20px 15px;
            }
            
            .staff .staff-info .t {
                margin-bottom: 10px;
                font-weight: normal;
                font-size: 15px;
                line-height: 20px;
                color: #333;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }
            
            .staff .staff-info .c {
                margin-bottom: 20px;
            }
            
            .staff .staff-info .m {
                display: none;
            }
            
            .staff .staff-info .d {
                position: relative;
                float: right;
                font-size: 12px;
                font-family: "Microsoft JhengHei", sans-serif;
                line-height: 15px;
            }
            
            .staff .staff-info .d:before {
                content: '';
                position: absolute;
                top: 7px;
                right: 110%;
                width: 20px;
                height: 1px;
                background: #b7b7b7;
            }
            /* 员工风采-详细页，新闻详细页 */
            
            .details .details-head {
                padding-bottom: 15px;
                border-bottom: 1px solid #e2e2e2;
            }
            
            .details .details-head .t {
                margin-bottom: 10px;
                font-weight: normal;
                font-size: 18px;
                line-height: 20px;
                color: #333;
            }
            
            .details .details-head .d {
                margin-bottom: 5px;
                font-size: 12px;
                font-family: Arial, sans-serif;
                line-height: 15px;
            }
            
            .details .details-head .s {
                display: none;
            }
            
            .details .details-body {
                padding: 10px 0;
                font-size: 14px;
                line-height: 2em;
                overflow: hidden;
            }
            
            .details .details-body p {
                white-space: pre-line !important;
                line-height: 33px;
            }
            
            .details .details-foot {
                padding: 20px 0 0;
                border-top: 1px solid #aaa;
            }
            /* ***** 新闻中心 ***** */
            /* 公司新闻 */
            
            .news {
                background: #f7f7f7;
            }
            
            .news .news-list {
                overflow: hidden;
            }
            
            .news .news-item {
                margin-bottom: 20px;
            }
            
            .news .news-item a {
                display: block;
                box-shadow: 1px 1px 5px #aaa;
            }
            
            .news .news-pic {
                overflow: hidden;
            }
            
            .news .news-pic img {
                width: 100%;
            }
            
            .news .news-info {
                padding: 20px 15px;
                background: #fff;
            }
            
            .news .news-info .t {
                margin-bottom: 15px;
                font-size: 15px;
                line-height: 20px;
                color: #333;
            }
            
            .news .news-info .c {
                margin-bottom: 30px;
                line-height: 20px;
                color: #999;
            }
            
            .news .news-info .m {
                float: left;
                line-height: 15px;
            }
            
            .news .news-info .d {
                position: relative;
                float: right;
                font-size: 12px;
                font-family: Arial, sans-serif;
                line-height: 15px;
                color: #999;
                z-index: 1;
            }
            
            .news .news-info .d:before {
                content: '';
                position: absolute;
                top: 7px;
                left: -35px;
                width: 20px;
                height: 1px;
                background: #ccc;
                z-index: 1;
            }
            /* 项目动态 */
            
            .news-project {
                background: #f7f7f7;
            }
            
            .news-project .project-list {
                padding: 0 0 10px;
            }
            
            .news-project .project-item {
                margin-bottom: 15px;
            }
            
            .news-project .project-item a {
                display: block;
                box-shadow: 1px 1px 5px #aaa;
            }
            
            .news-project .project-pic {
                position: relative;
                overflow: hidden;
                z-index: 1;
            }
            
            .news-project .project-pic img {
                width: 100%;
            }
            
            .news-project .project-pic .d {
                position: absolute;
                top: 0;
                left: 15px;
                width: 50px;
                padding: 5px 0;
                background: #9f5720;
                font-family: Arial, sans-serif;
                color: #fff;
                text-align: center;
                z-index: 1;
            }
            
            .news-project .project-pic .d:before {
                content: '';
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                border-left: 25px solid #9f5720;
                border-right: 25px solid #9f5720;
                border-bottom: 10px solid transparent;
            }
            
            .news-project .project-pic .d .day {
                display: block;
                font-weight: bold;
                font-size: 25px;
                line-height: 30px;
            }
            
            .news-project .project-pic .d .ym {
                display: block;
                font-weight: bold;
                font-size: 12px;
                line-height: 15px;
            }
            
            .news-project .project-info {
                padding: 20px 15px;
                background: #fff;
            }
            
            .news-project .project-info .t {
                margin-bottom: 15px;
                font-size: 15px;
                line-height: 20px;
                color: #333;
            }
            
            .news-project .project-info .c {
                margin-bottom: 25px;
            }
            
            .news-project .project-info .m {
                display: block;
                width: 100px;
                padding: 4px 0;
                font-size: 12px;
                line-height: 20px;
                border: 1px solid #ccc;
                text-align: center;
            }
            /* ***** 党群建设 ***** */
            
            .party {
                background: #f7f7f7;
            }
            
            .party .party-list {
                padding-bottom: 20px;
                overflow: hidden;
            }
            
            .party .party-itemPic {
                margin-bottom: 10px;
            }
            
            .party .party-itemPic a {
                display: block;
                box-shadow: 1px 1px 5px #aaa;
            }
            
            .party .party-pic {
                overflow: hidden;
            }
            
            .party .party-pic img {
                width: 100%;
            }
            
            .party .party-info {
                background: #fff;
                padding: 20px 15px;
            }
            
            .party .party-info .t {
                margin-bottom: 10px;
                font-size: 15px;
                line-height: 20px;
                color: #333;
            }
            
            .party .party-info .c {
                margin-bottom: 20px;
            }
            
            .party .party-info .m {
                float: left;
                font-size: 12px;
                line-height: 15px;
            }
            
            .party .party-info .d {
                position: relative;
                float: right;
                font-size: 12px;
                font-family: Arial, sans-serif;
                line-height: 15px;
                color: #999;
                z-index: 1;
            }
            
            .party .party-info .d:before {
                content: '';
                position: absolute;
                top: 7px;
                left: -25px;
                width: 15px;
                height: 1px;
                background: #ccc;
                z-index: 1;
            }
            
            .party .party-item {
                line-height: 20px;
            }
            
            .party .party-item:after {
                content: '';
                display: block;
                clear: both;
            }
            
            .party .party-item a {
                display: block;
                padding: 10px 0;
                border-bottom: 1px solid #ccc;
            }
            
            .party .party-item .d {
                float: left;
                margin-top: 5px;
                margin-right: 15px;
                font-size: 12px;
                font-family: Arial, sans-serif;
                line-height: 15px;
                color: #999;
            }
            
            .party .party-item .c {
                padding-right: 10px;
                font-size: 13px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }
            /* ***** 招标采购 ***** */
            /* 招标管理 */
            
            .tender {
                background: #f7f7f7;
            }
            
            .tender .tender-item {
                margin-bottom: 20px;
                padding: 20px 15px;
                background: #fff;
                box-shadow: 1px 1px 5px #aaa;
            }
            
            .tender .t {
                margin-bottom: 15px;
                padding-bottom: 10px;
                font-size: 15px;
                line-height: 20px;
                border-bottom: 1px solid #ddd;
            }
            
            .tender .i {
                line-height: 20px;
            }
            
            .tender .dl {
                display: block;
                width: 110px;
                margin-top: 20px;
                padding: 5px 0;
                background: #e3e3e3;
                line-height: 20px;
                text-align: center;
            }
            
            .tender .dl:before {
                content: '';
                display: inline-block;
                width: 18px;
                height: 20px;
                margin-right: 5px;
                background: url("../images/download.png") no-repeat center center;
                vertical-align: top;
            }
            /* 招标信息 */
            
            .tender-info {
                background: #f7f7f7;
            }
            
            .tender-info .info-list {
                padding-bottom: 1px;
            }
            
            .tender-info .info-item {
                margin-bottom: 15px;
                padding: 15px 20px;
                background: #fff;
                box-shadow: 1px 1px 5px #aaa;
            }
            
            .tender-info .t {
                margin-bottom: 20px;
                padding-bottom: 10px;
                font-size: 15px;
                line-height: 20px;
                color: #333;
                border-bottom: 1px solid #eee;
            }
            
            .tender-info .c {
                margin-bottom: 20px;
                color: #787878;
            }
            
            .tender-info .d {
                font-size: 12px;
                font-family: Arial, sans-serif;
                line-height: 15px;
                color: #999;
            }
            
            .tender-info .day {
                float: right;
            }
            
            .tender-info .day:before {
                content: '.';
            }
            
            .tender-info .ym {
                position: relative;
                float: right;
                z-index: 1;
            }
            
            .tender-info .ym:before {
                content: '';
                position: absolute;
                top: 7px;
                left: -30px;
                width: 20px;
                height: 1px;
                background: #ccc;
                z-index: 1;
            }
            /* ***** 成员企业 ***** */
            
            .company {
                background: #f7f7f7;
            }
            
            .company .company-list {
                padding-bottom: 15px;
            }
            
            .company .company-item {
                margin-bottom: 25px;
                background: #fff;
                box-shadow: 1px 1px 5px #aaa;
            }
            
            .company .company-pic {
                overflow: hidden;
            }
            
            .company .company-pic img {
                width: 100%;
            }
            
            .company .company-info {
                padding: 20px 15px;
            }
            
            .company .company-info .t {
                margin-bottom: 10px;
                font-size: 15px;
                color: #333;
                line-height: 20px;
            }
            /* ***** 详情页2 ***** */
            
            .details2 .details-banner .carousel-pic img {
                display: block;
                max-width: 100%;
                margin: 0 auto;
            }
            
            .details2 .details-banner .slick-arrow {
                background: no-repeat center center;
                border-radius: 50%;
                border: 1px solid #fff;
            }
            
            .details2 .details-banner .slick-arrow.slick-prev {
                left: 10px;
                background-image: url("../images/left1.png");
            }
            
            .details2 .details-banner .slick-arrow.slick-next {
                right: 10px;
                background-image: url("../images/right1.png");
            }
            
            .details2 .details-head {
                margin-top: 10px;
                padding: 10px 0;
                font-size: 14px
            }
            
            .details2 .details-head .t {
                margin-bottom: 0;
                font-size: 15px;
                text-align: center;
            }
            /* ***** 施工案例 ***** */
            
            .case {
                background: #f7f7f7;
            }
            
            .case .case-list {
                padding-bottom: 1px;
            }
            
            .case .case-item {
                margin-bottom: 20px;
                background: #fff;
                box-shadow: 1px 1px 5px #aaa;
            }
            
            .case .case-pic {
                position: relative;
                overflow: hidden;
                z-index: 1;
            }
            
            .case .case-pic img {
                width: 100%;
            }
            
            .case .case-info {
                padding: 10px 15px;
            }
            
            .case .case-info .n {
                font-size: 13px;
                line-height: 20px;
                text-align: center;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }
            /* ***** 联系我们 ***** */
            
            .map {
                height: 100%;
            }
            
            .map .anchorBL {
                display: none !important;
            }
            
            .contact .contact-item {
                position: relative;
                margin-bottom: 30px;
                padding-left: 60px;
                z-index: 1;
            }
            
            .contact .contact-item .icon {
                position: absolute;
                top: 50%;
                left: 0;
                width: 50px;
                height: 50px;
                margin-top: -25px;
                background-size: 60%;
                z-index: 1;
            }
            
            .contact .contact-item .email {
                background-image: url("../images/c-email.png");
            }
            
            .contact .contact-item .address {
                background-image: url("../images/c-address.png");
            }
            
            .contact .contact-item .phone {
                background-image: url("../images/c-phone.png");
            }
            
            .contact .contact-item .c {
                font-size: 13px;
                line-height: 25px;
                overflow: hidden;
            }
            /*============sy_lm=======*/
            
            li {
                list-style: none;
            }
            
            .sy_lm {
                width: 90%;
                margin: 40px auto;
                text-align: center;
                overflow: hidden;
            }
            
            .sy_lm h4 {
                font-size: 24px;
                font-weight: normal;
            }
            
            .sy_lm em {
                font-family: Arial, Helvetica, sans-serif;
                font-weight: bold;
                line-height: 1.5em;
                color: #9f5720
            }
            
            @media only screen and (max-width: 750px) {
                .sy_lm em {
                    font-size: 24px;
                }
                .sy_lm p {
                    display: none;
                }
            }
            
            @media only screen and (min-width: 751px) {
                .sy_lm em {
                    font-size: 36px;
                }
                .sy_lm p {
                    display: block;
                    font-size: 14px;
                }
            }
            
            @media only screen and (min-width: 1240px) {
                .sy_lm em {
                    font-size: 42px;
                }
                .sy_lm p {
                    display: block;
                    font-size: 15px;
                }
            }
            
            @media only screen and (min-width: 1241px) {
                .sy_lm em {
                    font-size: 48px;
                }
                .sy_lm p {
                    display: block;
                    font-size: 16px;
                }
            }
            
            @media only screen and (min-width: 1400px) {
                .sy_lm em {
                    font-size: 56px;
                }
                .sy_lm p {
                    display: block;
                    font-size: 16px;
                }
            }
            
            .sy_lm em span {
                color: #333
            }
            
            .sy_lm .line {
                background: #9f5720;
                margin: 0 auto 10px;
                height: 4px;
                width: 23px
            }
            
            .sy_lm p {
                color: #666
            }
            /*============我们的优势=======*/
            
            .ys_line {
                height: 1px;
                background: #ececec;
                overflow: hidden;
                width: 100%;
                margin: 10px auto 40px;
            }
            
            .youshi_list {
                width: 90%;
                margin: 30px auto 40px;
                overflow: hidden;
            }
            
            .youshi_list li {
                float: left;
                text-align: center;
                line-height: 36px;
                border-right: 1px #ececec solid;
            }
            
            @media only screen and (max-width: 770px) {
                .youshi_list li {
                    width: calc(100%/2);
                    font-size: 12px;
                }
                .youshi_list li:last-child {
                    display: none;
                }
            }
            
            @media only screen and (min-width: 771px) {
                .youshi_list li {
                    width: calc(100%/5);
                    font-size: 15px;
                }
            }
            
            .youshi_list li img {
                max-width: 100%
            }
            
            .youshi_list li p {
                color: #666;
            }
            
            .youshi_list li:last-child {
                border-right: none;
            }
            
            .youshi_list li:hover p {
                color: #9f5720;
                font-weight: bold;
                font-size: 16px;
            }
            /*============首页品牌理念=======*/
            
            .sy_pinpai {
                width: 100%;
                margin: 40px auto;
                overflow: hidden;
                background: url("../images/sy_pinpai.jpg") center fixed;
            }
            
            .sy_pinpai ul {
                width: 90%;
                margin: 0 auto;
            }
            
            .sy_pinpai .line {
                background: #fff;
                width: 60px;
                height: 1px;
                margin-top: 3%;
            }
            
            .sy_pinpai .lineqian {
                background: rgba(255, 255, 255, 0.2);
                width: 100%;
                height: 1px;
            }
            
            .sy_pinpai .video img {
                max-width: 100%
            }
            
            .sy_pinpai .txt .bt {
                color: #fff;
                line-height: 1.8em;
                font-weight: 600;
            }
            
            .sy_pinpai .txt .bt span {
                font-weight: normal;
                color: #9f5720
            }
            
            .sy_pinpai .txt h4 {
                font-weight: normal;
                color: #fff
            }
            
            .sy_pinpai .list {
                overflow: hidden;
                display: flex;
                justify-content: space-between;
                margin: 5% 0;
            }
            
            .sy_pinpai .list li {
                text-align: center;
            }
            
            .sy_pinpai .list li .img {
                width: 70px;
                border: 1px #fff solid;
                border-radius: 5px;
                padding: 5%;
                text-align: center;
            }
            
            .sy_pinpai .list li p {
                color: #fff;
                line-height: 2.5rem;
            }
            
            .sy_pinpai .wz28 {
                font-size: 28px;
                color: #9f5720;
                margin: 4% 0 1% 0;
            }
            
            .sy_pinpai .wz16 {
                font-size: 16px;
                color: #d8d8d8;
                margin: 1.5% 0;
            }
            
            .sy_pinpai .wz15 {
                color: #cfcfcf;
                margin: 1% 0;
                line-height: 1.78em;
            }
            
            .sy_pinpai .more {
                background: #fff;
                text-align: center;
                font-size: 14px;
                color: #333;
                width: 120px;
                line-height: 44px;
                margin-top: 5%;
            }
            
            @media only screen and (max-width:770px) {
                .sy_pinpai {
                    padding: 10% 0;
                }
                .sy_pinpai .txt,
                .sy_pinpai .video {
                    width: 100%
                }
                .sy_pinpai .txt .bt {
                    font-size: 24px;
                }
                .sy_pinpai .list li p {
                    font-size: 14px;
                }
                .sy_pinpai .txt h4 {
                    font-size: 15px;
                }
                .sy_pinpai .list {
                    width: 100%;
                }
                .sy_pinpai .video {
                    margin-top: 5%;
                }
                .sy_pinpai .wz15 {
                    display: block;
                    font-size: 14px;
                }
            }
            
            @media only screen and (min-width:771px) {
                .sy_pinpai {
                    padding: 7% 0;
                }
                .sy_pinpai .txt,
                .sy_pinpai .video {
                    width: 100%
                }
                .sy_pinpai .video {
                    margin-top: 5%;
                }
                .sy_pinpai .txt .bt {
                    font-size: 28px;
                }
                .sy_pinpai .list li p {
                    font-size: 14px;
                }
                .sy_pinpai .txt h4 {
                    font-size: 15px;
                }
                .sy_pinpai .list {
                    width: 100%;
                }
                .sy_pinpai .video {
                    margin-top: 5%;
                }
                .sy_pinpai .wz15 {
                    font-size: 15px;
                    color: #cfcfcf;
                    margin: 2% 0;
                    line-height: 1.78em;
                }
                .sy_pinpai .wz15 {
                    display: block;
                    font-size: 14px;
                }
            }
            
            @media only screen and (min-width: 1025px) {
                .sy_pinpai {
                    padding: 5% 0;
                }
                .sy_pinpai ul {
                    display: flex;
                    justify-content: space-between;
                }
                .sy_pinpai .txt,
                .sy_pinpai .video {
                    width: 45%
                }
                .sy_pinpai .txt .bt {
                    font-size: 28px;
                    margin-top: -3%;
                }
                .sy_pinpai .list li p {
                    font-size: 14px;
                }
                .sy_pinpai .txt h4 {
                    font-size: 16px;
                }
                .sy_pinpai .list {
                    width: 70%;
                }
                .sy_pinpai .video {
                    margin-top: 0;
                }
                .sy_pinpai .wz15 {
                    font-size: 15px;
                    color: #cfcfcf;
                    margin: 2% 0;
                    line-height: 1.78em;
                }
                .sy_pinpai .wz15 {
                    font-size: 15px;
                }
                .sy_pinpai .wz15 {
                    display: none;
                }
            }
            
            @media only screen and (min-width: 1200px) {
                .sy_pinpai {
                    padding: 5% 0;
                }
                .sy_pinpai .txt .bt {
                    font-size: 36px;
                    margin-top: -3%;
                }
                .sy_pinpai .list li p {
                    font-size: 14px;
                }
                .sy_pinpai .txt h4 {
                    font-size: 17px;
                }
                .sy_pinpai .list {
                    width: 70%;
                }
                .sy_pinpai .wz15 {
                    display: none;
                }
            }
            
            @media only screen and (min-width: 1400px) {
                .sy_pinpai {
                    padding: 5% 0;
                }
                .sy_pinpai .txt .bt {
                    font-size: 42px;
                }
                .sy_pinpai .list li p {
                    font-size: 15px;
                }
                .sy_pinpai .txt h4 {
                    font-size: 18px;
                }
                .sy_pinpai .list {
                    width: 70%;
                }
                .sy_pinpai .wz15 {
                    font-size: 15px;
                    display: block;
                }
            }
            
            @media only screen and (min-width: 1600px) {
                .sy_pinpai {
                    padding: 5% 0;
                }
                .sy_pinpai .txt .bt {
                    font-size: 48px;
                }
                .sy_pinpai .list li p {
                    font-size: 16px;
                }
                .sy_pinpai .txt h4 {
                    font-size: 20px;
                }
                .sy_pinpai .list {
                    width: 70%;
                }
                .sy_pinpai .wz15 {
                    font-size: 15px;
                    display: block;
                }
            }
            /*=====================首页产品============================*/
            
            @media only screen and (max-width: 770px) {
                .inde_pro {
                    display: none;
                }
                .phone_cpfenlei {
                    display: block;
                    width: 100%;
                    margin: -5% auto 2%;
                    overflow: hidden;
                }
                .phone_cpfenlei li {
                    width: 49%;
                    margin: 0.5%;
                    text-align: center;
                    float: left;
                }
                .phone_cpfenlei li img {
                    max-width: 100%
                }
                .phone_cpfenlei li p {
                    background: #9f5720;
                    padding: 5% 0;
                }
                .phone_cpfenlei li a {
                    color: #fff
                }
                em {
                    font-style: normal;
                }
            }
            
            @media only screen and (min-width: 771px) {
                .phone_cpfenlei {
                    display: none;
                }
                .inde_pro {
                    display: block;
                    margin: 2% auto 10px;
                    overflow: hidden;
                    width: 100%;
                }
                .inde_pro li {
                    list-style: none;
                    width: 50%;
                    float: left;
                    overflow: hidden;
                    transition: all 1s;
                    text-align: center;
                }
                .inde_pro li a {
                    position: relative;
                    display: block;
                    width: 100%;
                    height: auto;
                }
                .inde_pro li a .txt {
                    text-align: left;
                    color: #fff;
                    padding: 10px 20px;
                    font-size: 16px;
                    position: absolute;
                    z-index: 999;
                    left: 45%;
                    top: 40%;
                    transition: all 1s;
                    text-align: center;
                }
                .inde_pro li a .txt i {
                    opacity: 1;
                    margin-top: 15px;
                }
                .inde_pro li a .txt .line {
                    background: #9f5720;
                    height: 4px;
                    width: 40px;
                    margin: 20px auto 0;
                }
                .inde_pro li a .txt .shu {
                    opacity: 0;
                }
                .inde_pro li:hover .txt .line {
                    background: #fff;
                }
                .inde_pro li:hover .txt .shu {
                    opacity: 1;
                    width: 1px;
                    height: 40px;
                    margin: 20px auto;
                    background: #fff;
                }
                .inde_pro li:hover i {
                    opacity: 1;
                    font-size: 14px;
                    line-height: 25px;
                    margin-top: 15px;
                }
                .inde_pro li a .txt span {
                    display: none;
                }
                .inde_pro li .inpro_r img {
                    width: 100%;
                    transition: all 1s;
                }
                .inde_pro li:hover .inpro_r img {
                    transform: scale(1.2, 1.2);
                    -moz-transform: scale(1.2, 1.2);
                    -webkit-transform: scale(1.2, 1.2);
                }
                em {
                    font-style: normal;
                }
                .inde_pro li em {
                    width: 100%;
                    font-size: 16px;
                    color: #fff;
                    text-align: center;
                    margin: 0 auto;
                    line-height: 40px;
                }
                .inde_pro li:hover a .txt {
                    background: rgba(159, 87, 32, 0.7);
                    width: 100%;
                    height: 100%;
                    padding: 15% 5%;
                    text-align: center;
                    color: #FFF;
                    margin: 0 auto;
                    left: 0;
                    top: 0;
                }
                .inde_pro li:hover .line {
                    background: #fff;
                }
                .inde_pro li:hover em {
                    color: #fff;
                    line-height: 40px;
                    font-size: 18px;
                    font-weight: bold;
                }
            }
            /*----首页产品滚动----*/
            
            .marquee2 {
                width: 90%;
                margin: 0 auto;
            }
            
            .marquee2 .pro_cc {
                height: auto;
                float: left;
                margin: 0 0.5% 1% 0.5%;
                position: relative;
                overflow: hidden;
            }
            
            @media only screen and (max-width: 770px) {
                .marquee2 .pro_cc {
                    width: 49%;
                }
                .marquee2 .pro_cc .chanpin_con_cc {
                    height: 56px;
                    font-size: 14px;
                }
            }
            
            @media only screen and (min-width: 771px) {
                .marquee2 .pro_cc .chanpin_con_cc {
                    height: 70px;
                    line-height: 40px;
                }
                .marquee2 .pro_cc {
                    width: 32%;
                    font-size: 16px;
                }
            }
            
            .marquee2 .pro_cc a:hover {
                color: #ff174e;
            }
            
            .marquee2 .chanpin_con_pic {
                width: 100%;
                position: relative;
                overflow: hidden;
            }
            
            .marquee2 .pro_cc img {
                width: 100%;
                transition: 0.4s ease;
                -moz-transition: 0.4s ease;
                -webkit-transition: 0.4s ease;
            }
            
            .marquee2 .pro_cc:hover img {
                transform: scale(1.1, 1.1);
                -moz-transform: scale(1.1, 1.1);
                -webkit-transform: scale(1.1, 1.1);
            }
            
            .marquee2 .pro_cc .chanpin_con_cc {
                width: 100%;
                overflow: hidden;
                position: relative;
                background: #f2f2f2;
                text-align: center;
            }
            /*------首页新闻-----*/
            
            @media only screen and (max-width: 750px) {
                .phone_news {
                    display: block;
                    width: 94%;
                    margin: -5% auto 2%;
                }
                .phone_news img {
                    max-width: 100%
                }
                .phone_news li {
                    margin-bottom: 5%;
                }
                .phone_news .ssline {
                    background: #333;
                    height: 4px;
                    width: 60px;
                }
                .phone_news li em {
                    background: #9f5720;
                    color: #fff;
                    padding: 2% 5%;
                }
                .phone_news li .pro_btm_arrow {
                    font-size: 16px;
                }
            }
            
            @media only screen and (min-width: 751px) {
                .phone_news {
                    display: none;
                }
            }
            
            .espcms_piclist_slide18 {
                overflow: hidden;
                width: 90%;
                margin: 20px auto 70px;
                height: 560px;
            }
            
            .espcms_piclist_slide18 ul li {
                float: left;
                margin: 0 10px 5px 0;
                text-align: left;
                background: #fff;
                position: relative;
                width: 432px;
            }
            
            .espcms_piclist_slide18 li .pic {
                width: 430px;
                height: auto;
                margin: 0 auto;
                border: 1px #f3f4f7 solid;
            }
            
            .espcms_piclist_slide18 li .pic img {
                width: 430px;
                height: 330px;
            }
            
            .espcms_piclist_slide18 li em {
                font-size: 14px;
                font-family: Arial, Helvetica, sans-serif;
                line-height: 50px;
            }
            
            .espcms_piclist_slide18 li .line {
                background: #DA251D;
                height: 3px;
                width: 30px;
            }
            
            .espcms_piclist_slide18 li p {
                text-align: left;
                line-height: 24px;
                font-size: 14px;
                z-index: 99;
                margin-top: 10px;
                color: #888
            }
            
            .espcms_piclist_slide18 li p a {
                color: #444444;
                font-size: 14px;
            }
            
            .espcms_piclist_slide18 li p a:hover {
                color: #fff
            }
            
            .pro_btm_arrow {
                font-size: 20px;
                line-height: 40px;
            }
            
            .espcms_piclist_slide18 li .case_more {
                width: 60px;
                margin: 0 auto;
                height: 18px;
                line-height: 18px;
                text-align: center;
                color: #a9a9a9;
                font-size: 12px;
                text-transform: uppercase;
                border: 1px solid #604a32;
                z-index: 99;
                position: relative
            }
            
            .espcms_piclist_slide18 li .case_more a {
                color: #604a32;
            }
            
            .espcms_piclist_slide18 li .case_more div a {
                color: #a9a9a9;
            }
            /*-------首页加盟--*/
            
            .index-case {
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -ms-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }
            
            .case-grid {
                overflow: hidden;
            }
            
            .case-grid li {
                float: left;
                position: relative;
            }
            
            @media only screen and (max-width: 750px) {}
            
            @media only screen and (min-width: 751px) {}
            
            .case-grid li .img img {
                display: block;
                width: 100%;
                height: auto;
            }
            
            .case-grid li .text-con {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.4);
                z-index: 1;
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                -ms-transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
            }
            
            .text-con .text {
                position: absolute;
                left: 0;
                bottom: 0;
                padding-bottom: 90%;
                width: 100%;
                text-align: center;
                background: url("../images/aa.png") top no-repeat;
            }
            
            .text-con .text .tit {
                display: block;
                color: #ffffff;
                margin-bottom: 12px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                padding-top: 15%;
            }
            
            @media only screen and (max-width: 770px) {
                .text-con .text .tit {
                    font-size: 18px;
                    line-height: 50px;
                }
                .case-grid li {
                    display: none;
                }
                .case-grid li {
                    float: left;
                    width: 50%;
                }
            }
            
            @media only screen and (min-width: 771px) {
                .text-con .text .tit {
                    font-size: 20px;
                    line-height: 50px;
                }
                .case-grid li {
                    float: left;
                    width: 25%;
                    position: relative;
                }
            }
            
            @media only screen and (min-width: 1024x) {
                .case-grid li {
                    float: left;
                    width: 25%;
                    position: relative;
                }
                .text-con .text .tit {
                    font-size: 24px;
                    line-height: 50px;
                }
            }
            
            @media only screen and (min-width: 1200px) {
                .case-grid li {
                    float: left;
                    width: 25%;
                    position: relative;
                }
                .text-con .text .tit {
                    font-size: 28px;
                    line-height: 40px;
                }
            }
            
            @media only screen and (min-width:1300px) {
                .case-grid li {
                    float: left;
                    width: 25%;
                    position: relative;
                }
                .text-con .text .tit {
                    font-size: 24px;
                    line-height: 50px;
                }
            }
            
            @media only screen and (min-width:1400px) {
                .case-grid li {
                    float: left;
                    width: 25%;
                    position: relative;
                }
                .text-con .text .tit {
                    font-size: 28px;
                    line-height: 50px;
                }
            }
            
            .text-con .text p {
                font-size: 14px;
                color: #fff;
                position: relative;
            }
            
            .case-grid li:hover .text-con {
                top: -100%;
            }
            /*-----------底部公司简介----------*/
            
            @media only screen and (max-width: 750px) {
                .hezuo {
                    width: 100%;
                    height: 380px;
                }
                .hezuo .neirong .left,
                .hezuo .neirong .right {
                    height: 380px;
                }
                .hezuo .neirong .left {
                    padding: 15% 10% 0;
                    width: 100%;
                }
                .hezuo .neirong .right {
                    display: none;
                }
                .hezuo .neirong .left .lmen {
                    font-size: 18px;
                }
                .hezuo .neirong .left .en14 {
                    display: none;
                }
                .hezuo .neirong .left p {
                    font-size: 12px;
                }
            }
            
            @media only screen and (min-width: 751px) {
                .hezuo {
                    width: 100%;
                    height: 480px;
                }
                .hezuo .neirong {
                    display: flex;
                    justify-content: space-between;
                }
                .hezuo .neirong .left,
                .hezuo .neirong .right {
                    height: 480px;
                }
                .hezuo .neirong .left {
                    padding: 5%;
                    width: 100%
                }
                .hezuo .neirong .right {
                    display: none;
                }
                .hezuo .neirong .left .lmen {
                    font-size: 20px;
                }
                .hezuo .neirong .left p {
                    font-size: 12px
                }
                .hezuo .neirong .left .en14 {
                    display: block;
                }
            }
            
            @media only screen and (min-width: 1025px) {
                .hezuo {
                    width: 100%;
                    height: 520px;
                }
                .hezuo .neirong {
                    display: flex;
                    justify-content: space-between;
                }
                .hezuo .neirong .left,
                .hezuo .neirong .right {
                    width: 70%;
                    height: 520px;
                }
                .hezuo .neirong .left {
                    padding: 5%;
                }
                .hezuo .neirong .right {
                    display: block;
                    padding: 5% 3% 0;
                }
                .hezuo .neirong .left .lmen {
                    font-size: 24px;
                }
                .hezuo .neirong .left .en14 {
                    display: block;
                }
            }
            
            @media only screen and (min-width: 1240px) {
                .hezuo {
                    width: 100%;
                    height: 600px;
                }
                .hezuo .neirong {
                    display: flex;
                    justify-content: space-between;
                }
                .hezuo .neirong .left,
                .hezuo .neirong .right {
                    height: 600px;
                }
                .hezuo .neirong .left {
                    padding: 5%;
                }
                .hezuo .neirong .right {
                    padding: 5% 3% 0;
                }
                .hezuo .neirong .left .lmen {
                    font-size: 28px;
                }
            }
            
            @media only screen and (min-width: 1241px) {
                .hezuo {
                    width: 100%;
                    height: 660px;
                }
                .hezuo .neirong {
                    display: flex;
                    justify-content: space-between;
                }
                .hezuo .neirong .left,
                .hezuo .neirong .right {
                    height: 660px;
                }
                .hezuo .neirong .left {
                    padding: 6%;
                }
                .hezuo .neirong .right {
                    padding: 6% 3% 0;
                }
                .hezuo .neirong .left .lmen {
                    font-size: 30px;
                }
            }
            
            @media only screen and (min-width: 1400px) {
                .hezuo {
                    width: 100%;
                    height: 720px;
                }
                .hezuo .neirong {
                    display: flex;
                    justify-content: space-between;
                }
                .hezuo .neirong .left,
                .hezuo .neirong .right {
                    height: 720px;
                }
                .hezuo .neirong .left {
                    padding: 8%;
                }
                .hezuo .neirong .right {
                    padding: 8% 5% 0;
                }
                .hezuo .neirong .left .lmen {
                    font-size: 34px;
                }
            }
            
            @media only screen and (min-width: 1600px) {
                .hezuo {
                    width: 100%;
                    height: 800px;
                }
                .hezuo .neirong {
                    display: flex;
                    justify-content: space-between;
                }
                .hezuo .neirong .left,
                .hezuo .neirong .right {
                    height: 800px;
                }
                .hezuo .neirong .left {
                    padding: 9%;
                }
                .hezuo .neirong .right {
                    padding: 9% 5% 0;
                }
                .hezuo .neirong .left .lmen {
                    font-size: 38px;
                }
            }
            
            @media only screen and (min-width: 1800px) {
                .hezuo {
                    width: 100%;
                    height: 890px;
                }
                .hezuo .neirong {
                    display: flex;
                    justify-content: space-between;
                }
                .hezuo .neirong .left,
                .hezuo .neirong .right {
                    height: 890px;
                }
                .hezuo .neirong .left {
                    padding: 9%;
                }
                .hezuo .neirong .right {
                    padding: 9% 5% 0;
                }
                .hezuo .neirong .left .lmen {
                    font-size: 42px;
                }
            }
            
            .hezuo {
                width: 100%;
                color: #d0d0d0;
                position: relative;
            }
            
            .hezuo .neirong {
                width: 100%;
                z-index: 22;
                position: relative;
            }
            
            .hezuo .ad {
                width: 70%;
                z-index: 23;
                margin-left: 15%;
                position: absolute;
                bottom: 0;
            }
            
            .hezuo .ad .tu {
                position: relative;
            }
            
            .hezuo .ad .tu img {
                width: 100%;
                z-index: 33;
            }
            
            .hezuo .ad .txt {
                position: relative;
                z-index: 34;
                font-size: 14px
            }
            
            .hezuo .ad .txt .shu {
                width: 1px;
                height: 100px;
                background: #fff;
                bottom: 0;
            }
            
            .hezuo .line {
                background: #9f5720;
                height: 4px;
                width: 30px;
                margin: 8px 0;
            }
            
            .hezuo .neirong .left {
                background: url(../images/el.jpg);
            }
            
            .hezuo .neirong .left .lm24 {
                font-size: 24px;
                color: #fff
            }
            
            .hezuo .neirong .left .lmen {
                line-height: 1.5em;
                font-family: Arial, Helvetica, sans-serif;
                text-transform: uppercase;
                color: #fff;
                font-weight: bold;
            }
            
            .hezuo .left .lmen span {
                color: #9f5720
            }
            
            .hezuo .neirong .left p {
                font-size: 15px;
                margin-top: 20px;
            }
            
            .hezuo .neirong .left .en14 {
                margin-top: 20px;
                font-size: 14px;
                line-height: 1.3em;
                font-family: Arial, Helvetica, sans-serif;
            }
            
            .hezuo .neirong .right {
                width: 30%;
                background: url(../images/er.jpg)
            }
            
            .hezuo .neirong .right .gsm {
                font-size: 16px
            }
            
            .hezuo .neirong .right .en28 {
                font-size: 36px;
                font-family: Arial, Helvetica, sans-serif;
                line-height: 1.5em;
                font-weight: bold;
            }
            
            .hezuo .neirong .right .en28 span {
                color: #9f5720
            }
            
            .hezuo .neirong .right .ten {
                margin-top: 10%;
                font-size: 12px;
                font-family: Arial, Helvetica, sans-serif;
            }
            
            .hezuo .neirong .right .shu {
                width: 1px;
                height: 200px;
                background: #a0a0a0;
                margin-top: 10px;
            }
            /*-------详情页---------*/
            
            .xiangqing_ny {
                margin: 50px auto;
            }
            
            .contact_list {
                width: 100%;
                font-size: 14px;
                line-height: 1.5em;
                margin: 15px 0;
            }
            
            .contact_list li {
                margin-top: 15px;
            }
            
            .contact_list li h6 {
                font-size: 18px
            }
            
            .contact_list li p {
                font-size: 14px
            }
            
            @media only screen and (max-width: 750px) {
                .xiangqing_ny {
                    width: 94%;
                }
                .xiangqing_ny .img {
                    width: 100%
                }
                .xiangqing_ny .txt {
                    width: 100%;
                    margin-top: 30px;
                }
                .xqa {
                    width: 94%;
                }
            }
            
            @media only screen and (min-width: 751px) {
                .xiangqing_ny {
                    width: 90%;
                }
                .xiangqing_ny .img {
                    width: 100%
                }
                .xiangqing_ny .txt {
                    width: 100%
                }
                .xqa {
                    width: 90%;
                }
            }
            
            @media only screen and (min-width: 1025px) {
                .xiangqing_ny {
                    width: 84%;
                    display: flex;
                    justify-content: space-between;
                }
                .xiangqing_ny .img {
                    width: 55%
                }
                .xiangqing_ny .txt {
                    width: 45%
                }
                .xqa {
                    width: 84%;
                }
            }
            
            @media only screen and (min-width: 1400px) {
                .xiangqing_ny {
                    width: 84%;
                    display: flex;
                    justify-content: space-between;
                }
                .xiangqing_ny .img {
                    width: 55%
                }
                .xiangqing_ny .txt {
                    width: 45%
                }
                .xqa {
                    width: 84%;
                }
            }
            
            .xiangqing_ny .img img {
                max-width: 100%
            }
            
            .xiangqing_ny .txt h3 {
                font-size: 36px;
                font-weight: normal;
                color: #9f5720
            }
            
            .dd_padding {
                font-size: 14px;
                line-height: 36px;
                color: #666;
            }
            
            .xqa {
                background: #9f5720;
                height: 55px;
                line-height: 55px;
                margin: 0 auto;
                font-size: 16px;
                color: #fff;
                padding-left: 30px;
            }
            /*--anniu--*/
            
            .mbx {
                width: 100%;
                height: 66px;
                background: #f5f5f5
            }
            
            .mbx .espcms_path {
                width: 90%;
                margin: 0 auto;
                font-size: 16px;
                line-height: 66px;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
                color: #707070;
                font-size: 15px;
            }
            
            .mbx .espcms_path a {
                color: #707070;
            }
            
            .mbx .espcms_path .path {
                display: flex;
                flex-flow: row nowrap;
                justify-content: flex-start;
            }
            
            .mbx .espcms_path li {
                display: inline-block;
            }
            
            .mbx .espcms_path>li+li:before {
                padding: 0 5px;
                color: #ccc;
                content: "/\00a0";
            }
            
            .mbx .espcms_path .call {
                text-align: right;
                float: right;
                color: #ed9f25;
                font-weight: normal
            }
            
            .mbx .espcms_path .call span {
                font-family: impact;
                font-weight: normal
            }
            
            @media only screen and (min-width: 751px) {
                .mbx .espcms_path .call {
                    font-size: 16px;
                }
                .mbx .espcms_path .call span {
                    font-size: 20px;
                }
            }
            
            @media only screen and (min-width: 1200px) {
                .mbx .espcms_path .call {
                    font-size: 18px;
                }
                .mbx .espcms_path .call span {
                    font-size: 22px;
                }
            }
            
            @media only screen and (min-width: 1201px) {
                .mbx .espcms_path .call {
                    font-size: 22px;
                }
                .mbx .espcms_path .call span {
                    font-size: 24px;
                }
            }
            
            @media only screen and (min-width: 1401px) {
                .mbx .espcms_path .call {
                    font-size: 24px;
                }
                .mbx .espcms_path .call span {
                    font-size: 28px;
                }
            }
            
            .espcms_page {
                width: 90%;
                margin: 30px auto;
            }
            
            .espcms_page img {
                max-width: 100%;
                margin: 1% 0;
            }
            
            .espcms_page_botton {
                text-align: center;
                padding: 10px 0px 15px 0;
            }
            
            .btn-default {
                color: #333;
                background-color: #fff;
                outline: 0px;
            }
            
            .btn {
                display: inline-block;
                padding: 10px 23px;
                margin: 10px 0 50px;
                font-size: 14px;
                font-weight: normal;
                line-height: 1.42857143;
                text-align: center;
                white-space: nowrap;
                vertical-align: middle;
                -ms-touch-action: manipulation;
                touch-action: manipulation;
                cursor: pointer;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                background-image: none;
            }
            
            .btn-group,
            .btn-group-vertical {
                position: relative;
                display: inline-block;
                vertical-align: middle;
            }
            
            .btn-default:focus,
            .btn-default.focus {
                color: #333;
                background-color: #9f5720;
                outline: 0px
            }
            
            .btn-default:hover {
                color: #333;
                background-color: #9f5720;
                outline: 0px
            }
            
            .btn-default:active,
            .btn-default.active {
                color: #fff;
                background-color: #9f5720;
                outline: 0px
            }
            
            .btn-default:active:hover,
            .btn-default.active:hover,
            .open>.dropdown-toggle.btn-default:hover,
            .btn-default:active:focus,
            .btn-default.active:focus,
            .open>.dropdown-toggle.btn-default:focus,
            .btn-default:active.focus,
            .btn-default.active.focus,
            .open>.dropdown-toggle.btn-default.focus {
                color: #fff;
                background-color: #7c7c7c;
            }
            
            .btn-default:active,
            .btn-default.active,
            .open>.dropdown-toggle.btn-default {
                background-image: none;
            }
            
            .btn-default.disabled,
            .btn-default[disabled],
            fieldset[disabled] .btn-default,
            .btn-default.disabled:hover,
            .btn-default[disabled]:hover,
            fieldset[disabled] .btn-default:hover,
            .btn-default.disabled:focus,
            .btn-default[disabled]:focus,
            fieldset[disabled] .btn-default:focus,
            .btn-default.disabled.focus,
            .btn-default[disabled].focus,
            fieldset[disabled] .btn-default.focus,
            .btn-default.disabled:active,
            .btn-default[disabled]:active,
            fieldset[disabled] .btn-default:active,
            .btn-default.disabled.active,
            .btn-default[disabled].active,
            fieldset[disabled] .btn-default.active {
                background-color: #fff;
            }
            
            .btn-default .badge {
                color: #fff;
                background-color: #333;
            }
            
            .espcms_info_pager {
                width: 100%;
                margin: 0 auto 60px auto;
            }
            
            .espcms_info_pager li {
                width: 46%;
                float: left;
                text-align: center;
                background: #7c7c7c;
                line-height: 50px;
                margin-right: 5%;
                color: #fff
            }
            
            .espcms_info_pager li:nth-child(2n) {
                margin-right: 0px;
            }
            
            .espcms_info_pager li a {
                color: #fff
            }
            
            .espcms_info_pager li a:hover {
                color: #7c7c7c
            }
            /*-----------------合作案例最新效果---------------*/
            
            .hz-div {
                width: 96vw;
                margin-left: 2vw;
                overflow: hidden;
            }
            
            @media only screen and (max-width: 750px) {
                .hz-div {
                    margin-top: -5%;
                }
            }
            
            @media only screen and (min-width: 751px) {
                .hz-div {
                    margin-top: 0;
                }
            }
            
            .hz-list {
                display: flex;
                flex-wrap: nowrap;
            }
            
            .hz-detail {
                width: 30vw;
                position: relative;
                background-position: 50% 50%;
                background-repeat: no-repeat;
                flex-shrink: 0;
                margin: 0 1vw;
            }
            
            .hz-detail img {
                max-width: 100%
            }
            
            .hz-info {
                width: 100%;
                height: 100%;
                overflow: hidden;
                display: none;
                z-index: 10;
            }
            
            .hz-info-title {
                width: 100%;
                text-align: center;
                z-index: 100;
                position: absolute;
                top: -40px;
                font-size: 24px;
                color: #fff
            }
            
            .hz-info-title.crnt {
                animation: hz_info_title 0.5s;
                top: 40%;
            }
            
            .hz-bk {
                width: 100%;
                height: 100%;
                opacity: 0;
                background-color: rgba(0, 0, 0, 0.5);
                z-index: 2;
                position: absolute;
                top: 0;
                left: 0;
                transition: opacity 0.5s;
            }
            
            @keyframes hz_info_title {
                from {
                    top: -40px;
                }
                to {
                    top: 140px;
                }
            }
            
            .hz-nav {
                position: relative;
                width: 100%;
                z-index: 100;
                display: flex;
                justify-content: center;
                margin-top: 10px;
            }
            
            .hz-nav>li {
                width: 10px;
                height: 10px;
                border-radius: 5px;
                background-color: gray;
                margin: 5px;
                cursor: pointer;
            }
            
            .hz-nav>li.crnt {
                width: 30px;
            }
            /*-------首页加盟最新效果---------*/
            
            @media only screen and (max-width: 770px) {
                .jm-div {
                    display: none;
                }
                .phone_no {
                    display: none;
                }
                .phone_jiameng {
                    display: block;
                    width: 90%;
                    margin: 0 auto;
                }
                .phone_jiameng img {
                    max-width: 100%
                }
                .phone_jiameng li {
                    width: 100%;
                    margin: 5% 0;
                }
                .phone_jiameng li .r {
                    width: 100%;
                    background: #9f5720;
                    color: #fff;
                    padding: 5%;
                }
                .phone_jiameng li .r h3 {
                    font-size: 20px;
                }
                .phone_jiameng li .r h4 {
                    font-size: 12px;
                    font-weight: normal;
                    padding: 2% 0;
                    font-family: Arial, Helvetica, sans-serif;
                    color: #ddcfc5
                }
                .phone_jiameng li .r p {
                    font-size: 14px;
                }
            }
            
            @media only screen and (min-width: 771px) {
                .phone_jiameng {
                    display: none;
                }
                .phone_no {
                    display: block;
                }
                .jm-div {
                    display: block;
                    width: 100vw;
                    overflow: hidden;
                }
                .jm-list {
                    display: flex;
                    flex-wrap: nowrap;
                }
                .jm-detail {
                    width: 25vw;
                    height: 65vh;
                }
                .jm-pic {
                    width: 160px;
                    height: 200px;
                }
                .jm-info-detail {
                    width: 100%;
                    padding: 20px;
                    z-index: 100;
                    position: relative;
                    text-align: center;
                }
                @keyframes jm_bk {
                    from {
                        opacity: 0;
                    }
                    to {
                        opacity: 1;
                    }
                }
                @keyframes jm_pic {
                    from {
                        height: 220px;
                    }
                    to {
                        height: 160px
                    }
                }
            }
            
            @media only screen and (min-width: 1024px) {
                .jm-list {
                    display: flex;
                    flex-wrap: nowrap;
                }
                .jm-detail {
                    width: 25vw;
                    height: 75vh;
                }
                .jm-pic {
                    width: 200px;
                    height: 200px;
                }
                .jm-info-detail {
                    width: 100%;
                    padding: 20px;
                    z-index: 100;
                    position: relative;
                    text-align: center;
                }
                @keyframes jm_bk {
                    from {
                        opacity: 0;
                    }
                    to {
                        opacity: 1;
                    }
                }
                @keyframes jm_pic {
                    from {
                        height: 220px;
                    }
                    to {
                        height: 200px
                    }
                }
            }
            
            @media only screen and (min-width: 1025px) {
                .jm-list {
                    display: flex;
                    flex-wrap: nowrap;
                }
                .jm-detail {
                    width: 25vw;
                    height: 90vh;
                }
                .jm-pic {
                    width: 270px;
                    height: 420px;
                }
                .jm-info-detail {
                    width: 100%;
                    padding: 20px;
                    z-index: 100;
                    position: relative;
                    text-align: center;
                }
                @keyframes jm_bk {
                    from {
                        opacity: 0;
                    }
                    to {
                        opacity: 1;
                    }
                }
                @keyframes jm_pic {
                    from {
                        height: 520px;
                    }
                    to {
                        height: 420px
                    }
                }
            }
            
            .jm-detail {
                position: relative;
                background-position: 50% 50%;
                background-repeat: no-repeat;
                flex-shrink: 0;
            }
            
            .jm-info-detail p {
                font-size: 14px;
                color: #9f5720
            }
            
            .jm-info-detail h3 {
                font-size: 24px;
                font-weight: normal;
                color: #9f5720
            }
            
            .jm-info-detail button {
                font-size: 14px;
                margin-top: 5%;
            }
            
            .jm-info {
                width: 100%;
                height: 100%;
                overflow: hidden;
                display: none;
                padding-top: 100px;
                z-index: 10;
            }
            
            .jm-pic {
                position: relative;
                left: 0;
                right: 0;
                margin: auto;
                z-index: 100;
                background-size: 100% auto;
            }
            
            .jm-pic img {
                width: 100%
            }
            
            .jm-pic.crnt {
                animation: jm_pic 0.5s;
            }
            
            .jm-txt {
                text-align: center;
                margin: 40% auto 0;
                color: #fff;
                background: url("../images/aa.png") top no-repeat;
                width: 233px;
                height: 233px;
                opacity: 1;
            }
            
            .jm-txt .tit {
                text-align: center;
                display: none;
            }
            
            .jm-txt.crnt {
                opacity: 0;
            }
            
            .jm-bk {
                width: 100%;
                height: 100%;
                opacity: 0;
                background-color: rgba(255, 255, 255, 0.8);
                z-index: 2;
                position: absolute;
                top: 0;
                left: 0;
            }
            
            .jm-bk.crnt {
                animation: jm_bk 0.5s;
                opacity: 1;
            }
            
            .jm-info-detail {
                width: 100%;
                padding: 20px;
                z-index: 100;
                position: relative;
                text-align: center;
            }
            
            @keyframes jm_bk {
                from {
                    opacity: 0;
                }
                to {
                    opacity: 1;
                }
            }
            
            @keyframes jm_pic {
                from {
                    height: 520px;
                }
                to {
                    height: 270px
                }
            }
            
            .jm-nav {
                position: relative;
                bottom: 50px;
                width: 100%;
                z-index: 100;
                display: flex;
                justify-content: center;
            }
            
            .jm-nav>li {
                width: 10px;
                height: 10px;
                border-radius: 5px;
                background-color: rgba(255, 255, 255, 0.2);
                margin: 5px;
                cursor: pointer;
            }
            
            .jm-nav>li.crnt {
                width: 30px;
            }