* {
    padding: 0;
    margin: 0;
}

ul {
    list-style: none;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #333;
}

.impact {
    font-family: "impact";
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}


/*-----head----*/

.ny_banner {
    width: 100%;
    top: 0;
    overflow: hidden;
}

.ny_banner img {
    max-width: 100%
}

.head {
    height: 80px;
    width: 100%;
    position: fixed;
    z-index: 3;
    top: 0;
}

.head ul {
    position: relative;
    width: 90%;
    margin-left: 5%;
}

.head .logo,
.head .nav_search {
    position: absolute
}

.head .logo {}

.head .logo img {
    max-width: 100%;
}

.head .nav_search {
    right: 0;
    width: 764px;
}

.head .nav_search .in_search {
    width: 24px;
    height: 24px;
    overflow: hidden;
    position: relative;
    top: 28px;
}

.head .nav_search .in_search:hover {
    cursor: pointer
}

.head .nav_search .in_search img {}

.head .nav_search .nav {
    width: 800px;
}

.head .nav_search .nav li {
    width: 100px;
    float: left;
    text-align: center;
    line-height: 80px;
    position: relative;
}

.head .nav_search .nav li a {
    font-size: 16px;
    color: #fff;
    display: block;
}

.head .nav_search .nav li a:hover {
    color: #fff;
    font-size: 16px;
}

.head .nav_search .nav li div {
    display: none;
    width: 161px;
    text-align: center;
    color: #4f4f4f;
    position: absolute;
    left: -20px;
    background: #0e52ae;
    z-index: 9999
}

.head .nav_search .nav li div a {
    display: block;
    COLOR: #fff;
    LINE-HEIGHT: 40px;
    HEIGHT: 40px;
    FONT-SIZE: 16px;
    font-weight: normal;
    border-bottom: 1px dashed #2061bb;
    margin-top: 0;
}

.head .nav_search .nav li div a:hover {
    color: #fff;
    border-bottom: 1px dashed #3770bd;
    background: #3770bd;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    FONT-SIZE: 15px;
}


/* -----------banner------------- */

#banner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

#banner ul {
    position: relative;
    overflow: hidden;
    width: 400%;
    margin: 0;
}

#banner ul li {
    width: 25%;
    float: left
}

#banner ul li img {
    width: 100%;
    display: block;
}

#banner aside {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 0;
    width: 90%;
    right: 0;
    left: 0;
    margin: auto
}

#banner aside span {
    display: block;
    width: 65px;
    height: 65px;
    z-index: 63;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    position: relative;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s;
    margin-top: -2%;
}

#banner:hover aside span {
    opacity: 1;
}

#banner aside span:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 20%;
    margin: auto;
    width: 27px;
    height: 27px;
    border-top: 3px solid #ffffff;
    border-left: 3px solid #ffffff;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

#banner aside span.prev {
    float: left;
}

#banner aside span.next {
    float: right;
}

#banner aside span.next:after {
    left: 0;
    right: 20%;
    -webkit-transform: rotateZ(135deg);
    -moz-transform: rotateZ(135deg);
    -ms-transform: rotateZ(135deg);
    -o-transform: rotateZ(135deg);
    transform: rotateZ(135deg)
}

#banner #bannerBtnS {
    width: 85px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 6%;
    margin: auto
}

#banner #bannerBtnS em {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 3px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 4.75px;
    background: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer
}

#banner #bannerBtnS em.act {
    background: #ffa800
}

.sl {
    width: 100%;
}

.sl,
.st,
.st div,
.sl div {
    overflow: hidden;
}

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

.nextinfo span {
    background: #eee;
    margin: 20px 1%;
    width: 48%;
    float: left;
    text-align: center;
    border-radius: 20px;
    font-size: 14px;
}

.nextinfo span a {
    color: #000
}

#banner .bbom {
    height: 237px;
    position: absolute;
    width: 100%;
    bottom: 40px;
}


/*---crumb---*/

.crumb {
    width: 95%;
    height: 60px;
    line-height: 60px;
    padding-left: 5%;
    border-bottom: 1px #ececec solid;
    color: #333;
    font-size: 15px;
    overflow: hidden;
}

.crumb a {
    color: #ffa800
}


/*-------footer-----*/

.zhizhao {
    width: 100%;
    text-align: center;
    margin: 10px auto;
}

.copy {
    height: 77px;
    line-height: 77px;
    text-align: center;
    font-size: 16px;
    background: #01244d;
    color: #fff;
}

.copy a {
    color: #fff;
}

.copy a:hover {
    color: #ffa800;
}

.footer {
    width: 100%;
    background: #003087;
    color: #fff;
    padding: 60px 0;
    height: 300px;
    font-size: 15px
}

.footer ul {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    line-height: 30px;
}

.footer .endlm {
    width: 100%
}

.footer .endlm .en {
    font-size: 36px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.footer .endlm h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 33px;
}

.footer .endlm .line {
    background: #ffab17;
    width: 40px;
    height: 3px;
    margin: 10px 0;
}

.footer .list {
    width: 90%;
}

.footer .list li {
    line-height: 30px;
}

.footer .list a {
    color: #fff;
    line-height: 30px;
}

.footer .list a:hover {
    color: #ccc
}

.footer .fenlei {
    width: 25%
}

.footer .daohang {
    width: 20%
}

.footer .lianxi {
    width: 30%
}


/*------内页工程案例列表----*/

.se_chanpin_con2 {
    padding: 0 0 11px 0;
    overflow: hidden;
    width: 90%;
    margin: 40px auto;
}

.se_chanpin_con2 img {
    max-width: 100%
}

.se_chanpin_con2 ul {
    display: flex;
    flex: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.se_chanpin_con2 li {
    padding: 0;
    width: 33%;
    height: auto;
    margin: 0 0.5% 2% 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.se_chanpin_con2 li:nth-child(3n) {
    margin: 0 0 2% 0;
}

.se_chanpin_con .pro_pic2 img {
    width: 100%;
    transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
}

.se_chanpin_con2 li:hover div img {
    transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}

.se_chanpin_con2 .pro_pic2 {
    width: 100%;
    position: relative;
    overflow: hidden;
    border: 1px solid #f1f1f1;
    border-bottom: 0 solid #f1f1f1;
}

.se_chanpin_con2 .pro_text2 {
    padding: 8px 0 23px 0;
    border: 1px solid #f1f1f1;
}

.se_chanpin_con2 .pro_text2 p {
    color: #333333;
    text-align: center;
    font-size: 18px;
    line-height: 46px;
    font-weight: bold;
    padding: 10px 0 0 0
}

.se_chanpin_con2 .pro_text2 span {
    display: block;
    width: 128px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    background: #ffab17;
    z-index: 1
}

.guding {
    background: #f6f6f6;
    height: 120px;
    position: relative;
    width: 100%;
    z-index: 110000
}

.guding_title2 {
    font-size: 30px;
    color: #ffa800;
    margin-bottom: 30px;
    text-indent: 0;
}


/*---首页news----*/

.zixun {
    width: 90%;
    height: 660px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.zixun li {
    width: 32.3%;
}

.zixun img {
    width: 100%;
    height: 400px
}

.zixun .news_rr_text {
    width: 100%
}

.news_rr_text span {
    font-size: 16px;
}

.news_right_list {
    width: 100%
}

.news_right_list li {
    height: 140px;
    margin-bottom: 15px;
    border-bottom: 1px #ececec solid;
    width: 100%
}

.innewimg {
    width: 30%;
    float: right;
    text-align: right
}

.innewimg img {
    max-width: 100%
}

.news_list {
    width: 55%
}

.news_rr_text {
    width: 70%;
    text-align: left;
    float: left
}

.news_rr_text h2 a {
    color: #333;
    font-size: 18px;
}

.news_rr_text .date {
    font-size: 13px;
    color: #fff;
    background: #f8b637;
    height: 30px;
    width: 100px;
    text-align: center;
    line-height: 30px;
    font-family: Arial;
    margin-top: 5px
}

.news_rr_text p {
    font-size: 14px;
    color: #444;
    line-height: 25px;
    margin-top: 5px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}


/*-----ny_main-----*/

.flex-center {
    text-align: center;
    margin: 0 auto;
}

.nytu {
    width: 90%;
    margin: 0 auto;
}

.nytu img {
    max-width: 100%
}

.ny_main {
    width: 90%;
    margin: 50px auto;
    display: flex;
    justify-content: space-between;
}

.ny_main .left {
    width: 45%;
    font-size: 16px;
    line-height: 40px;
}

.ny_main .right {
    width: 50%;
}

.ny_main .right img {
    max-width: 100%
}


/*----map---*/

.BMap_mask {
    background: transparent url(http://api.map.baidu.com/images/blank.gif);
}

.maps {
    height: 340px;
    width: 100%;
    margin-bottom: 50px;
}


/*---sy_lm------*/

.sy_lm {
    width: 90%;
    margin: 30px auto;
    text-align: center;
    overflow: hidden;
}

.sy_lm h2 {
    font-size: 42px;
    color: #003087;
}

.sy_lm p {
    color: #656565;
    font-size: 16px;
    line-height: 30px;
}

.sy_lm .line {
    background: #003087;
    width: 40px;
    height: 3px;
    overflow: hidden;
    margin: 10px auto;
}

.sy_fenlei {
    width: 700px;
    margin: -20px auto 20px;
    overflow: hidden;
}

.sy_fenlei li {
    width: calc(100%/6);
    text-align: center;
    float: left;
    height: 44px;
    line-height: 44px;
}

.sy_fenlei li a {
    font-size: 16px;
    color: #333
}

.sy_fenlei li:hover {
    background: #ffa800;
}

.sy_fenlei li:hover a {
    color: #fff
}


/*----首页产品滚动---*/

.sy_case {
    width: 100%;
    background: #1c1e22;
    padding: 50px 0 50px;
}

.espcms_piclist_slide1 {
    overflow: hidden;
    padding: 0px 14px 40px 14px;
    height: 450px;
    width: 89%;
    margin: 0px auto 25px
}

.espcms_piclist_slide1 ul li {
    float: left;
    margin: 0 10px 15px 0;
    position: relative;
    background: #fff;
    transition: all .5s linear;
}

.espcms_piclist_slide1 ul li:hover a {
    color: #ffa800
}

.espcms_piclist_slide1 li .pic {
    width: 450px;
    height: 360px;
    margin: 0 auto
}

.espcms_piclist_slide1 li .pic img {
    width: 450px;
    height: 360px;
}

.espcms_piclist_slide1 li p {
    text-align: left;
    font-size: 16px;
    z-index: 99;
    position: relative;
}

.espcms_piclist_slide1 li p a {
    color: #777;
    font-size: 16px;
}

.espcms_piclist_slide1 li .lm {
    width: 94%;
    float: left;
    padding: 20px 0 20px 20px;
    font-size: 20px;
    text-align: center;
}

.espcms_piclist_slide1 li .lm .t14 {
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
    color: #333;
}

.espcms_piclist_slide1 li .lm a {
    color: #777;
    font-size: 16px;
    line-height: 33px;
}

.espcms_piclist_slide1 li .butt {
    background: #0e88dd;
    float: right;
    line-height: 55px;
    width: 111px;
    text-align: center;
    border-radius: 8px;
    margin-top: 20px;
    margin-right: 20px;
    color: #fff
}

.espcms_piclist_slide1 li p:hover {
    background: #2b5eb7;
    color: #fff;
}

.espcms_piclist_slide1 li:hover .t14 {
    color: #fff
}

.espcms_piclist_slide1 li p:hover a {
    color: #fff
}

.espcms_piclist_slide1 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_slide1 li .case_more a {
    color: #604a32;
}

.espcms_piclist_slide1 li .case_more div a {
    color: #a9a9a9;
}

.ny_sb {
    width: 500px;
    margin: 0 auto;
    text-align: center;
    padding-top: 30px
}


/*----内页产品列表----*/

.se_chanpin_con {
    padding: 0 0 11px 0;
    overflow: hidden;
    margin: 0 auto;
    width: 90%
}

.se_chanpin_con ul {
    display: flex;
    flex: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.se_chanpin_con li {
    padding: 0;
    width: 49%;
    height: auto;
    margin: 0 0.5% 2% 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #f1f1f1;
    padding: 1．５%;
}

.se_chanpin_con li a {
    display: flex;
    justify-content: space-between;
}

.se_chanpin_con li:nth-child(2n) {
    margin: 0 0 2% 0;
}

.se_chanpin_con .pro_pic img {
    width: 100%;
    transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
}

.se_chanpin_con li:hover div img {
    transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}

.se_chanpin_con .pro_pic {
    width: 40%;
    overflow: hidden;
}

.se_chanpin_con .pro_text {
    padding: 8px 3% 23px 0;
    width: 50%;
    overflow: hidden;
}

.se_chanpin_con .pro_text p {
    color: #333333;
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    line-height: 46px;
    padding: 10px 0 0 0
}

.se_chanpin_con .pro_text .jianjie {
    font-size: 14px;
    line-height: 23px;
    text-align: left;
    color: #777;
}

.se_chanpin_con .pro_text span {
    display: block;
    width: 128px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    background: #003087;
    z-index: 1;
    margin-top: 15px;
}

.guding {
    background: #f6f6f6;
    height: 120px;
    position: relative;
    width: 100%;
    z-index: 110000
}

.guding_title {
    font-size: 30px;
    color: #ffa800;
    margin-bottom: 30px;
    text-indent: 0;
}


/*----whybg-----*/

.whybg {
    width: 100%;
    background: url("../images/whybg.jpg");
    height: 405px;
    overflow: hidden;
}

.whybg ul {
    width: 90%;
    margin: 0 auto;
    padding-top: 80px;
    display: flex;
    justify-content: space-between;
}

.whybg li {
    text-align: center;
    color: #fff
}

.whybg li h2 {
    font-size: 36px;
    font-weight: bold;
}

.whybg li p {
    font-size: 16px
}


/*----news_list---*/

.news_list {
    width: 90%;
    margin: 30px auto;
}

.news_list li {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px #ececec solid;
    padding: 15px 0;
}

.news_list .left {
    width: 23%;
    float: left
}

.news_list .left img {
    max-width: 100%
}

.news_list .right {
    width: 75%;
    float: right;
}

.news_list .right h2 {
    font-size: 24px;
}

.news_list .right h3 {
    font-size: 14px;
    background: #ffa800;
    color: #fff;
    line-height: 33px;
    text-align: center;
    width: 100px;
    margin-top: 10px;
}

.news_list .right p {
    margin-top: 15px;
    font-size: 14px;
    color: #666;
    line-height: 28px;
}

.ny_main_read {
    width: 90%;
    margin: 50px auto;
    text-align: left;
}

.ny_main_read .bt {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.ny_main_read .bt h2 {
    font-size: 32px;
    line-height: 55px;
}

.ny_main_read p {
    font-size: 15px;
    line-height: 25px;
    margin-top: 15px;
    color: #444
}

.ny_main_read img {
    max-width: 100%
}


/*----aboutbg-----*/

.aboutbg {
    width: 100%;
    background: url("../images/abg.jpg") center no-repeat;
    height: 800px;
    overflow: hidden;
}

.aboutbg ul {
    width: 90%;
    margin: 0 auto;
}

.aboutbg .jianjie {
    width: 50%;
    margin-top: 100px;
}

.aboutbg .jianjie h2 {
    font-size: 42px;
    color: #003087;
}

.aboutbg .jianjie .line {
    background: #9c9c9c;
    height: 1px;
    width: 100%;
    margin: 20px 0;
}

.aboutbg .jianjie .txt {
    width: 100%;
}

.aboutbg .jianjie .txt p {
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    margin-top: 20px;
}

.aboutbg .a_list {
    width: 90%;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.aboutbg .a_list li {
    text-align: left;
}

.aboutbg .a_list li .top {
    font-size: 16px;
}

.aboutbg .a_list li .top span {
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    color: #003087;
    font-size: 42px
}

.aboutbg .a_list li p {
    font-size: 16px;
}

.aboutbg .more {
    width: 130px;
    text-align: center;
    line-height: 44px;
    margin-top: 20px;
}

.aboutbg .more a {
    background: #ffab17;
    display: block;
    color: #fff;
    border-radius: 10px;
}

.aboutbg .more a:hover {
    background: #003087;
}


/*----首页产品滚动----*/

.chanpin_con {
    padding: 0px 0 30px 0;
    width: 73%;
    margin: 0 auto;
    overflow: hidden;
}

.chanpin_con li {
    float: left;
    width: 32%;
    height: auto;
    padding-bottom: 0.5%;
    margin: 0 0.5% 1% 0.5%;
    position: relative;
    overflow: hidden;
    background: url("../images/gz.png")
}

.chanpin_con li:nth-child(3n) {
    margin-right: 0;
}

.chanpin_con .old img {
    width: 100%;
    transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
}

.chanpin_con li:hover .old img {
    transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}

.chanpin_con .cp_xq div {
    padding: 15px 0 0 0;
    text-align: center
}

.chanpin_con li:hover .cp_xq {
    opacity: 1;
    animation: categorytextanimate5 1s;
    -moz-animation: categorytextanimate5 1s;
    -webkit-animation: categorytextanimate5 1s;
    -o-animation: categorytextanimate5 1s;
}

@keyframes categorytextanimate5 {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
}

@-moz-keyframes categorytextanimate5 {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
}

@-webkit-keyframes categorytextanimate5 {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
}

@-o-keyframes categorytextanimate5 {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
}

.chanpin_con .old {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.chanpin_con p a {
    color: #333;
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 55px;
}

.chanpin_con p {
    display: block;
    font-size: 16px;
    color: #666;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    text-align: left;
    line-height: 25px;
    padding-top: 10px
}

.ny_about {
    width: 90%;
    margin: 0 auto;
    text-align: left;
}

.ny_about p {
    font-size: 16px;
    line-height: 30px;
}

.cpxiangqing {
    background: url("../images/map.png") right no-repeat;
    width: 90%;
    margin: 50px auto;
    min-height: 400px;
}

.miaoshu {
    margin: 0 auto;
    background: #0a64a4;
    font-size: 18px;
    color: #fff;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    padding-left: 15px;
    font-weight: bold;
}

.fanhui {
    background: #0a64a4;
    width: 120px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    margin-top: 3%;
}

.fanhui a {
    color: #fff
}

.big_pic {
    width: 45%;
    border: 1px #ececec solid;
    height: auto;
    margin-bottom: 2em;
    overflow: hidden;
    float: left;
}

.big_pic img {
    width: 100%
}

.nypro_xq {
    width: 50%;
    float: right;
}

.nypro_xq h1 {
    color: #c3987c;
}

.ny_main {
    width: 90%;
    margin: 0 auto 30px;
    display: flex;
    justify-content: space-between;
}

.nyzizhi {
    width: 90%;
    margin: 30px auto;
}

.nyzizhi img {
    max-width: 100%
}

.ny_main .lx {
    width: 45%;
    font-size: 16px;
    line-height: 36px;
}

.ny_main .lx strong {
    font-size: 24px
}

.ny_main .img {
    width: 50%;
    text-align: right;
}

.ny_main .img {
    max-width: 100%
}

.red2 {
    font-size: 20px;
    font-weight: bold;
    color: #c3987c;
    margin-right: 10px
}

.cp_list {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}

.cp_list li {
    width: 19%;
    margin: 0.15% 0.5%;
    float: left;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 55px;
    background: #0a64a4;
}

.cp_list li a {
    color: #fff
}

.cp_list li:hover {
    background: #c3987c;
}


/*-------sy_about------*/

.sy_about {
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.sy_about .zizhi,
.sy_about .video {
    width: 50%;
    padding: 7% 0;
}

.sy_about .zizhi {
    background: url("../images/a1.jpg");
    background-size: 100% auto;
}

.sy_about .video {
    background: url("../images/a2.jpg");
    background-size: 100% auto;
}

.sy_about .img {
    margin: 0 auto;
    text-align: center;
}

.sy_about .lm {
    font-size: 24px;
    color: #fff
}

.sy_about .lm a {
    color: #fff
}


/*---首页应用领域--/*/

.two-ibox {
    margin-top: 40px;
}

.inner {
    width: 90%;
    margin: 0px auto;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-loading .slick-list {
    background: #f1f1f1;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1;
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    padding: 0;
    border: none;
    outline: none;
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0px;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0px 5px;
    padding: 0px;
    cursor: pointer;
}

@-webkit-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.two-ibox {
    position: relative;
}

.two-ibox .btitle {
    width: 1200px;
    position: absolute;
    left: 50%;
    top: 8%;
    margin-left: -600px;
    z-index: 100;
}

.business-idemo {
    overflow: hidden;
    position: relative;
}

.business-idemo .item img {
    width: 100%;
    display: block;
}

.business-idemo .slick-dots {
    bottom: 3%;
    left: 0;
    width: 100%;
    z-index: 504;
    display: none !important;
}

.business-idemo .slick-dots li {
    position: relative;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    cursor: pointer;
}

.business-idemo .slick-dots li a {
    text-indent: -10em;
    display: block;
    overflow: hidden;
    padding: 0px;
    cursor: pointer;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: none #fff;
}

.business-idemo .slick-dots li a:focus {
    outline: none;
}

.business-idemo .slick-dots li.slick-active a {
    background: none #fabe00;
}

.business-bot {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: url(../images/black_50.png) repeat;
    background: none rgba(0, 0, 0, 0.5);
}

.business-nav a:link,
.business-nav a:visited {
    color: #3a3a3a;
}

.business-nav a:active,
.business-nav a:hover {
    color: #fabe00;
}

.business-nav {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.business-nav dd {
    float: left;
    display: block;
    position: relative;
    padding: 30px 0px;
    width: 10%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    z-index: 1;
}

.business-nav dd:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.business-nav dd.moreDD {
    height: 80px;
}

.business-nav dd.moreDD .txt {
    padding-top: 15px;
}

.business-nav dd.moreDD .txt span {
    display: block;
}

.business-nav .ico {
    width: 44px;
    margin: 0px auto 8px;
}

.business-nav .ico img {
    width: 100%;
    display: block;
}

.business-nav dd:after {
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    left: 0;
    bottom: 0px;
    background-color: #fabe00;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
    transition: transform .38s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;
}

.business-nav dd:hover:after {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
}

.bgfa {
    background-color: #fafafa;
}