.commtt {
    text-align: center;
    /*padding: 65px 0 60px;*/
    padding: 49px 0 60px;
}

.commtt h2 {
    font-size: 48px;
    color: #000000;
    position: relative;
}

.commtt h2 span {
    font-weight: 500;
    margin-right: 20px;
    margin-right: 40px;
}

.commtt h2 em {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #f08200;
}

.commtt p {
    font-size: 22px;
    color: #666666;
    margin-top: 46px;
}
/*案例*/
.case {
    padding: 0 0 60px;
}

.case_nav {
    padding: 0;
    /*height: 70px;*/
    height: 80px;
}

.case_nav ul {
    text-align: center;
}

.case_nav ul li {
    display: inline-block;
}

.case_nav ul li a {
    font-size: 16px;
    color: #333;
    display: block;
    height: 38px;
    line-height: 38px;
    /*padding: 0 32px;*/
    padding: 0 6px;
}

.case_nav li a {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.case_nav li a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f08200;
    border-radius: 3rem;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.case_nav li a:hover:before, .case_nav li.cur a:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.case_nav li a:hover, .case_nav li.cur a {
    color: #fff;
    font-weight: bold;
}

.case_m {
    width: 1200px;
    overflow: hidden;
}

.case_m dl {
    width: 590px;
    height: 443px;
    margin: 0 20px 0 0;
    float: left;
    position: relative;
}

.case_m dl dt {
    width: 590px;
    height: 443px;
    overflow: hidden;
    line-height: 0;
    position: relative;
}

.case_m dl dt img {
    width: 590px;
    height: 443px;
}

.case_m dl dd {
    width: 530px;
    position: absolute;
    bottom: 0px;
    z-index: 5;
    padding: 20px;
    background: rgba(0, 0, 0, 0.4);
}

.case_m dl dd a {
    display: block;
    width: 100%;
    height: 40px;
}

.case_m dl dd h5 {
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    color: #fff;
    font-weight: normal;
    width: 460px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.case_m dl dd span {
    display: block;
    float: right;
    width: 28px;
    height: 28px;
    background: url(http://www.fengyungas.com/statics/style/images/case_ico01.png) no-repeat;
    margin-top: 6px;
}

.case_m dl:hover dd span {
    background: url(http://www.fengyungas.com/statics/style/images/cp_ico02.png) no-repeat;
}

.case em {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 500px;
    display: block;
    -webkit-transition: transform .3s;
    transition: transform .3s;
    line-height: 0;
    border-radius: 50%;
    cursor: pointer;
}

.case em a {
    width: 60px;
    height: 60px;
    display: block;
}

.case_l a {
    background: url(http://www.fengyungas.com/statics/style/imagefy/i25.png) no-repeat;
}

.case_l a:hover {
    background: url(http://www.fengyungas.com/statics/style/imagefy/i9.png) no-repeat;
}

.case_r a {
    background: url(http://www.fengyungas.com/statics/style/imagefy/i10.png) no-repeat;
}

.case_r a:hover {
    background: url(http://www.fengyungas.com/statics/style/imagefy/i26.png) no-repeat;
}

.case em:hover {
    -webkit-transform: translate(0, -3px);
    transform: translate(0, -3px);
    box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.1);
}

.case_l {
    left: -100px;
}

.case_r {
    right: -100px;
}

/*合作客户*/
.partner {
    padding: 0 0 70px;
    overflow: hidden;
}

.partner .gui_tit {
    height: 64px;
}

.partner .gui_tit a {
    font-size: 32px;
}

.part_m {
    /*padding: 35px 0 0;*/
}

.part_m ul li {
    width: 190px;
    float: left;
    margin-right: 10px;
}

.part_m ul li a {
    width: 100%;
    display: block;
    line-height: 0;
    border: #dededd 1px solid;
}

.part_m ul li a:hover {
    border: #f08200 1px solid;
}

.part_m ul li:first-child {
    margin-left: 0;
}

.part_m ul li img {
    width: 100%;
    /*-webkit-filter: grayscale(100%);*/
    /*-moz-filter: grayscale(1);*/
    /*-ms-filter: grayscale(100%);*/
    /*-o-filter: grayscale(100%);*/
    /*filter: grayscale(100%);*/
    /*filter: gray;*/
}

.part_m ul li:hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}

.cseline {
    display: block;
    width: 55px;
    height: 2px;
    background: #f08200;
    margin: 0 auto;
    margin-top: 10px !important;
}

.iabout {
    position: relative;
}

.iabout img {
    width: 100%;
}

.iabout-tt {
    background: #ffffff;
    padding: 75px;
    position: absolute;
    width: 770px;
    height: 560px;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    left: 256px;
    margin: auto 0;
}

.iabout-tt h2 {
    font-size: 48px;
    color: #000000;
    font-weight: 500;
}

.iabout-tt h2 em {
    font-weight: bold;
}

.iabout-tt span {
    font-size: 22px;
    color: #666666;
    margin: 36px 0 20px;
    display: block;
}

.iabout-tt p {
    font-size: 18px;
    color: #000000;
    line-height: 35px;
}

.iabout a {
    display: block;
    width: 150px;
    line-height: 45px;
    text-align: center;
    border: 2px solid #f08200;
    border-radius: 40px;
    font-size: 20px;
    color: #f08200;
    margin-top: 80px;
}

.qyfc {
    margin-top: 55px;
}

.picScroll-left .bd ul li {
    width: 280px;
    margin-right: 20px;
}

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

/*底部*/
.f_bg {
    background: #F2F2F2;
    height: 420px;
    /*padding-top: 46px;*/
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.f_bg:before {
    content: "";
    width: 100%;
    height: 65px;
    background: #f08200;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.footer {
    width: 1200px;
    margin: 0 auto;
}

.f_nav {
    position: relative;
    /*height: 92px;*/
    height: 113px;
    line-height: 92px;
    overflow: visible; /* 避免裁剪 */
}

.full-width-line {
    position: absolute; /* 改为 fixed，相对于视窗 */
    left: 0;
    bottom: auto; /* 移除 bottom 定位 */
    top: 92px; /* 调整到 .f_nav 底部 */
    width: 100vw;
    margin: 0;
    border: none;
    height: 1px;
    background: rgba(191, 191, 191, 0.3);
    /*background: red;*/
    transform: translateX(-17%);
    /*transform: none; !* 移除 transform *!*/
    z-index: 1;
}
.f_nav em {
    display: block;
    position: absolute;
    top: calc(50% - 24px);
    left: 0;
    line-height: 0;
}

.f_nav em img {
}

.f_nav ul li {
    float: left;
    padding: 0 33px;
}

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

.f_nav ul li a:hover {
    color: #f08200;
    font-weight: bold;
}

.f_nav ul li.nobor {
    padding-right: 0;
}

.f_logo {
    width: 220px;
    padding: 58px 0 0;
    height: 209px;
    /*margin-left: -25px;*/
    position: relative;
}

.f_logo:before {
    content: "";
    width: 1px;
    height: 150px;
    background: rgba(191, 191, 191, 0.3);
    position: absolute;
    top: 40px;
    right: 0;
}

.f_logo img {
    width: auto;
    height: auto;
}

.f_ban {
    width: 505px;
    padding: 40px 0 0 120px;
    height: 209px;
    font-size: 16px;
    color: #333;
    position: relative;
}

.f_ban .f_tel {
    display: block;
    font-size: 32px;
    color: #f08200;
    /*height: 52px;*/
    height: 61px;
    line-height: 52px;
    background: url(http://www.fengyungas.com/statics/style/imagefy/i20.png) no-repeat 0 center;
    background-position-y: 8px;
    padding-left: 55px;
}
.f_tel span{
    font-size: 24px;
}

.f_ban p {
    line-height: 30px;
    color: #000000;
    width: auto;
    padding-left: 0;
}

.f_ban span {
    padding: 0 15px;
}

.f_ban a {
    color: #333;
}

.f_er {
    width: auto;
    height: auto;
    padding-top: 40px;
}

.f_er p {
    width: auto;
    float: left;
    text-align: center;
}

.f_er em {
    display: block;
    width: auto;
    height: auto;
    line-height: 0;
}

.f_er img {
    width: auto;
    height: auto;
}

.f_er p span {
    display: block;
    font-size: 12px;
    color: #4c4c4c;
    line-height: 30px;
    padding: 5px 0 0;
}

.f_bot {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    height: 65px;
    /*line-height: 92px;*/
    /*line-height: 52px;*/
    overflow: hidden;
}

.f_bot span {
    padding: 0 15px;
    font-size: 16px;
}

.f_bot a {
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
}
.f_nav ul {
    display: flex;
    justify-content: space-between;
}

.ty-banner-1{
    margin-top: 110px;
}
.blk-sm {
    width: 910px;
}
.leftnav-z1-list dl{
    /* max-height: 390px; */
    max-height: 450px;
}

.fdh-01-nav-one h3 {
    height: 50px;
    line-height: 50px;
    background: url(../image/p14-icon5.png) no-repeat right center #ececeb;
    margin-bottom: 2px;
    overflow: hidden;
}
.fdh-01-nav-one h3.sidenavcur, .fdh-01-nav-one h3:hover {
    background: url(../image/p14-icon2.png) no-repeat right center #f08200;
}
.k12-gl-gslb-3nf1-1-01-left dt img{
    height: auto;
}
.con1 dd {
    width: 860px;
}


.iabwap{
    display: none;
}
@media (max-width: 992px) {
    .m_img .headlf .m_logo {
        height: 50px;
    }
    .m_img{
        padding: 5px 3%;
        position: relative;
    }
    .m_img .headrg {
        padding-top: 20px;
    }
    .banner{
        margin-top: 0;
        height: auto;
    }
    .commtt {
        text-align: center;
        padding: 40px 0 40px;
    }
    .commtt h2 {
        font-size: 26px;
    }
    .commtt p {
        font-size: 16px;
    }
    .ifwxmitem {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .ifwxmitem h2 {
        margin: 10px 0;
    }
    .ifwxm {
        padding-bottom: 60px;
    }
    .iprodlist {
        width: 100%;
    }
    .iprodnav {
        width: 100%;
    }
    .iprodmain {
        display: block;
    }
    .iprodtxt p {
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        font-size: 14px;
    }
    .iprodnavitem h2 {
        font-size: 22px;
    }
    .iprodnavitem em {
        font-size: 18px;
    }
    .case_nav {
        height: auto;
        margin-bottom: 20px;
    }
    .case_nav ul li a {
        font-size: 14px;
        color: #333;
        display: block;
        height: 30px;
        line-height: 30px;
        padding: 0 25px;
    }
    .case_m {
        width: 100%;
        overflow: hidden;
    }
    .case_m dl {
        width: 100%;
        height: auto;
        margin: 0 20px 0 0;
        float: left;
        position: relative;
    }
    .case_m dl dt {
        width: 100%;
        height: auto;
    }
    .case_m dl dt img {
        width: 100%;
        height: auto;
    }
    .case_m dl dd{
        width: 100%;
        box-sizing: border-box;
        padding: 0 15px;
    }
    .case_m dl dd h5{
        width: 100%;
        font-size: 16px;
    }
    .case_m dl dd span{
        display: none;
    }
    .case_bd{
        padding: 0 3%;
        box-sizing: border-box;
    }
    .partner .gui_tit a {
        font-size: 22px;
    }
    .part_m{
        padding: 0;
    }
    .iabout-tt {
        background: #ffffff;
        padding: 0 3%;
        position: unset;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        margin: auto 0;
    }
    .iabout-tt h2 {
        font-size: 26px;
        color: #000000;
        font-weight: 500;
        margin-top: 20px;
    }
    .iabout-tt span {
        font-size: 16px;
        margin: 15px 0 20px;
    }
    .iabout-tt p {
        font-size: 14px;
        line-height: 25px;
    }
    .partner {
        padding: 0 0 30px;
        overflow: hidden;
    }
    .iabpc{
        display: none;
    }
    .iabwap{
        display: block;
    }
    .iabout a {
        display: block;
        width: 100px;
        line-height: 30px;
        text-align: center;
        border: 1px solid #f08200;
        border-radius: 40px;
        font-size: 14px;
        color: #f08200;
        margin-top: 40px;
    }
    .case_nav ul li a {
        padding: 0 10px;
    }
    .iabcasewap{
        width: 100%;
    }
    .iabcasewap .bd ul li{
        width: 100%;
    }
    .news_t {
        height: 50px;
        padding: 0;
    }
    .news_t ul{
        text-align: center;
    }
    .news_t ul li {
        float: unset;
        display: inline-block;
    }
    .news_t ul li em{
        margin-right: 0;
    }
    .news_t li a {
        display: block;
        text-align: left;
    }
    .news_t ul li em {
        margin-right: 10px;
    }
    .news_con dl{
        width: 100%;
        height: auto;
        margin-bottom: 25px;
        margin-left: 0;
    }
    .news_con dl dt,.news_con dl dt, .news_con dl dt img{
        width: 100%;
        height: auto;
    }
    .news_con dl dd {
        width: 100%;
        padding: 20px 0 0;
    }
    .faqs ul li {
        height: 35px;
        line-height: 35px;
        position: relative;
        width: 100%;
    }
    .faqs,.f_nav{
        display: none;
    }
    .footer {
        width: 100%;
        margin: 0 auto;
    }
    .f_logo {
        width: 109px;
        padding: 40px 0 0;
        height: auto;
        margin: 0 auto;
        position: unset;
        float: unset;
    }
    .f_ban {
        width: 100%;
        padding: 20px 3%;
        height: auto;
        font-size: 16px;
        position: unset;
        float: unset;
    }
    .f_ban p{
        float: unset;
    }
    .f_bg{
        height: auto;
    }
    .f_er {
        width: auto;
        height: auto;
        padding-top: 0px;
        padding-bottom: 20px;
        float: left;
    }
    .f_bot {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.9);
        height: 40px;
        line-height: 40px;
        overflow: hidden;
    }
    .f_bg:before {
        content: "";
        width: 100%;
        height: 40px;
        background: #f08200;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
    }
    .ty-banner-1 {
        margin-top: 0px;
    }
    .blk-sm {
        width:100%;
    }
    .leftnav-z1-list dl {
        max-height: unset;
    }
    .iproditem img{
        height: auto;
    }
    .iproditem{
        height: auto;
    }
    .cpcc-ts-01-right-con{
        max-height: unset;
    }
}

/* 清除内外边距 */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,button, input, select, textarea {font: 14px/22px "Microsoft YaHei","微软雅黑","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif; color: #666;}

* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#fe2800;}

/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/*字体大小*/
.clear{clear: both;height: 0;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}


/*表单弹框*/
.nsw-modal {
    width: 100%;
    height: 100%;
    background: rgba(225, 225, 225, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

.modal-dialog {
    position: fixed;
    color: #000000;
    top: 150px;
    width: 400px;
    border-radius: 3px;
    min-height: 155px;
    overflow: hidden;
    z-index: 99998;
    margin-left: -200px;
    left: 50%;
}

.modal-dialog .css-icon {
    background-image: url("../image/modal-icons.png");
}

.modal-dialog .modal-head {
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    background: #F6EFEF;
    font-size: 14px;
}

.modal-dialog .modal-head .modal-logo {
    width: 15px;
    height: 15px;
    background-position: 1px 0px;
    margin: 8px 5px 0 0;
    float: left;
}

.modal-dialog .modal-head .close {
    float: right;
    width: 15px;
    height: 15px;
    background-position: -14px 0px;
    margin-top: 8px;
}

.modal-dialog .modal-body {
    width: 100%;
    min-height: 125px;
    background: #ffffff;
}

.modal-dialog .modal-body .modal-body-left {
    width: 140px;
    float: left;
}

.modal-dialog .modal-body .modal-body-left .icon {
    width: 64px;
    height: 64px;
    margin: 30px 0 0 48px;
}

.modal-dialog .modal-body .modal-body-left .success-message {
    background-position: 0px -14px;
}

.modal-dialog .modal-body .modal-body-left .warming-message {
    background-position: 0px -78px;
}

.modal-dialog .modal-body .modal-body-right {
    width: 260px;
    float: right;
    padding-top: 20px;
}

.modal-dialog .modal-body .modal-body-right .close-btn {
    color: #000;
    text-align: center;
    width: 90px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    background: #818079;
}

.modal-dialog .modal-body .modal-body-right p {
    line-height: 30px;}


/**/
body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;}
.content{ width:1200px; margin:0 auto;}

/**/
.guide{padding: 85px 0 80px;}
.gui_tit{text-align: center;height: 125px;font-size: 46px;color: #333;line-height: 48px;
    /* background: url(../image/yinz_tico.png) no-repeat center bottom; */
}
.gui_tit a{color: #333;}
.gui_tit a:hover{color: #0093dd;}
.gui_tit span{display: block;font-size: 20px;color: #666;font-weight: normal;}
.gui_tit i{color: #c0c0c0;font-weight: normal;padding:0 10px;}
.guide dl{width: 278px;margin-top: 40px;margin-right: 29px;height: 376px;overflow: hidden;border-radius: 5px;float: left;}
.guide dl dt{width: 100px;height: 100px;line-height: 0;margin: 15px auto 0;position: relative;}
.guide dl dt img{width: 100px;height: 100px;border-radius: 50%;}
.guide dl dt img:nth-of-type(2),.guide dl dt img:nth-of-type(3){display: none;}
.guide dl dt img:nth-of-type(3){-webkit-animation:myfirst1 3s linear infinite;animation:myfirst1 3s linear infinite;}
.guide dl dd{width: 235px;margin: 0 auto;padding: 5px 0 0;}
.guide dl dd h5{font-size: 20px;color: #000;height: 60px;line-height: 56px;position: relative;overflow: hidden;text-align: center;}
.guide dl dd h5:before{content: "";width: 26px;height: 1px;background: #cfcece;position: absolute;bottom: 0;left: calc(50% - 13px);}
.guide dl dd p{padding-top: 15px;font-size: 16px;color: #333;line-height: 30px;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5; overflow: hidden; text-overflow: ellipsis; }
.guide dl dd p b{font-size:18px;color:red;}
.guide dl {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.guide dl:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../image/yinz_k.jpg) no-repeat;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.guide dl:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.guide dl:hover h5,.guide dl:hover p{color: #fff;}
.guide dl:hover dt img:nth-of-type(1){display: none;}
.guide dl:hover dt img:nth-of-type(2),.guide dl:hover dt img:nth-of-type(3){display: block;}
.guide dl:hover dt img:nth-of-type(2){position: absolute;top: 0;left: 0;z-index: 5;}
.guide dl:nth-of-type(4){margin-right: 0;}

/*广告条*/
.ban01{background: url(../image/ban01.jpg) no-repeat center 0;overflow: hidden;height: 466px;}
.ban01_m{color: #fff;padding: 90px 0 0;height: 220px;}
.ban01_m b{font-size: 58px;display: block;height: 100px;line-height: 100px;text-align: center;}
.ban01_m ul{padding-left: 100px;}
.ban01_m ul li{font-size: 20px;font-weight: bold;float: left;background: url(../image/ban01_ico01.png) no-repeat 0 center;height: 50px;line-height: 50px;padding:0 48px 0 38px;}
.ban01_tel{padding-left: 390px;}
.ban01_tel p{font-size: 16px;color: rgba(255,255,255,0.7);background: url(../image/ban01_tel.png) no-repeat 0 12px;padding-left: 60px;line-height: 30px;float: left;}
.ban01_tel p i{display: block;font-size: 26px;color: #fff; font-family:Arial, Helvetica, sans-serif;}
.ban01_tel b{display: block;width: 180px;float: left;margin:10px 0 0 30px;}
.ban01_tel b a{display: block;font-size: 20px;color: #fff;width: 180px;height: 42px;line-height: 42px;background: #e30104;border-radius: 20px;}
.ban01_tel em{width: 32px;height: 28px;display: block;float: left;line-height: 0;padding: 8px 12px 0 25px;}
.ban01_tel em img{width: 32px;height: 28px;}
.ban01_tel b a:hover{animation:shake .8s linear;-webkit-animation:shake .8s linear;}

/**/
.pro01{padding: 130px 0 30px;}
.pro02{background: url(../image/cp_bg.jpg) no-repeat center 0;overflow: hidden;height: 581px;}
.pro01_l{width: 435px;padding: 80px 0 0;}
.pro_bt{height: 90px;line-height: 90px;overflow: hidden;position: relative;}
.pro_bt:before{content: "";width: 60px;height: 2px;background: #999;position: absolute;bottom: 0;left: 0;}
.pro_bt a{font-size: 40px;color: #333;}
.pro_bt a:hover{color: #0093dd;}
.pro_ul01{padding: 30px 0 0;height: 184px;}
.pro_ul01 li{height: 46px;line-height: 44px;overflow: hidden;background: url(../image/cp_ico01.png) no-repeat 0 center;}
.pro_ul01 li a{font-size: 16px;color: #666;padding-left: 35px;}
.pro_ul01 li a:hover{color: #0093dd;font-weight: bold;}
.pro_btn{padding: 50px 0 0;}
.pro_btn a{font-size: 16px;color: #333;width: 160px;height: 38px;display: flex;align-items: center;justify-content: center;border: #0f3059 1px solid;border-radius: 20px;float: left;margin-right: 12px;}
.pro_btn em{width: 18px;height: 18px;line-height: 0;overflow: hidden;padding-right: 8px;}
.pro_btn em img{width: 18px;height: 36px;-webkit-transition:all .5s;transition:all .5s;}
.pro_btn a:hover,.pro_btn a.cur{border: #0093dd 1px solid;background: #0093dd;color: #fff;}
.pro_btn a:hover em img,.pro_btn a.cur em img{margin-top: -18px;}
.pro01_r{width: 765px;margin: 40px 0 0;}
.pro_qie{padding-left: 110px;}
.pro_qie ul li{width: 655px;height: 555px;line-height: 0;position: relative;overflow: hidden;}
.pro_qie ul li img{width: 655px;height: 555px;}
.pro_qie ul li:before{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.pro_qie ul li:hover:before{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.pro01_r p{width: 65px;height: 65px;line-height: 0;position: absolute;top: 200px;border-radius: 50%;-webkit-transition:transform .3s;transition:transform .3s;cursor: pointer;}
.pro01_r p img{width: 65px;height: 65px;border-radius: 50%;}
.pro01_r p:hover{box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);-webkit-transform:translate(0,-3px);transform:translate(0,-3px);}
.pro_prev{left: 0;}
.pro_next{right: -90px;}
.pro02 dl{height: 581px;overflow: hidden;}
.pro02 dl dt{width: 581px;height: 581px;float: left;line-height: 0;overflow: hidden;-webkit-transition:transform .3s;transition:transform .3s;position: relative;}
.pro02 dl dt img{width: 581px;height: 581px;}
.pro02 dl dd{width: 420px;float: left;padding: 80px 0 0 110px;}
.pro02 dl dd .pro_bt:before{background: none;}
.pro02 dl dd .pro_ul01{padding: 0;}
.pro02 dl dt:hover{-webkit-transform:translate(0,-3px);transform:translate(0,-3px);}
.pro03{padding: 70px 0 80px;}
.pro03 dl{width: 385px;float: left;margin-right: 21px;}
.pro03 dl dt{width: 385px;height: 289px;line-height: 0;overflow: hidden;}
.pro03 dl dt img{width: 385px;height: 289px;}
.pro03 dl dt img,.case_l dl dt img{
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;}
.pro03 dl dt img:hover,.case_l dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.pro03 dl dd{padding: 30px 0 0;}
.pro03 dl dd .pro_bt{height: 60px;line-height: 50px;}
.pro03 dl dd .pro_bt a{font-size: 24px;}
.pro03 dl dd .pro_ul01{padding: 20px 0 0;height: 180px;}
.pro03 dl dd .pro_ul01 li{height: 36px;line-height: 34px;background-size: 22px 22px;}
.pro03 dl dd .pro_ul01 li a{font-size: 14px;}
.pro03 p{width: 80px;height: 80px;line-height: 0;position: absolute;top: 180px;-webkit-transition:transform .3s;transition:transform .3s;cursor: pointer;}
.pro03 p img{width: 80px;height: 80px;}
.pro03 p:hover{-webkit-transform:translate(0,-3px);transform:translate(0,-3px);}
.pro03_prev{left: -120px;}
.pro03_next{right: -120px;}

/*应用案例*/


/*合作客户*/
.hz_bg{background: url(../image/hz_bg.jpg) no-repeat center 0;height: 450px;overflow: hidden;}
.hz_tit{height: 90px;line-height: 70px;text-align: center;overflow: hidden;}
.hz_tit a{font-size: 32px;color: #333;font-weight: normal;}
.hz ul li{width: 222px;height: 125px;float: left;line-height: 0;margin-bottom: 20px;margin-right: 22px;}
.hz ul li:hover{box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);}
.hz ul li img{width: 222px;height: 125px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; }
.hz ul li a:hover img{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);}
.hz ul li:nth-child(5n){margin-right: 0;}

/*友情链接*/
.f_link{height: 58px;line-height: 58px;overflow: hidden;background: #2e2e2e;}
.f_link b{display: block;float: left;font-size: 14px;color: rgba(255,255,255,0.7);width: 120px;text-transform: uppercase;}
.f_link b i{font-family:Arial, Helvetica, sans-serif;padding-left: 10px;}
.f_link p{font-size: 14px;color: rgba(255,255,255,0.7);float: left;width: 1080px;}
.f_link p a{font-size: 14px;color: rgba(255,255,255,0.7); padding:0 10px 0 0;}
.f_link p a:hover{color: #fff;}

/**/

@-webkit-keyframes myfirst1 {
    0% {
        transform:rotate(0deg);
    }
    50% {
        transform:rotate(180deg);
    }
    100% {
        transform:rotate(360deg);
    }
}

/**/
@-webkit-keyframes shake{
    from,to{-webkit-transform:translate3d(0, 0, 0);}
    20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
    40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
    from,to{transform:translate3d(0, 0, 0);}
    20%,60%{transform:translate3d(-10px, 0, 0);}
    40%,80%{transform:translate3d(10px, 0, 0);}
}

/*图标抖动*/
@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}
@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}


/*新闻*/
.inews {
    margin-top: 50px;
}

.news_tit {
    height: 60px;
    line-height: 60px;
    text-align: center;
    overflow: hidden;
}

.news_tit a {
    font-size: 44px;
    color: #2a2a2a;
}

.news_t {
    height: 50px;
    padding: 0 0 0 470px;
}

.news_t ul li {
    height: 25px;
    line-height: 25px;
    float: left;
    width: 160px;
    overflow: hidden;
}

.news_t li a {
    font-size: 18px;
    color: #333;
}

.news_t ul li em {
    display: block;
    float: left;
    line-height: 0;
    width: 30px;
    height: 25px;
    overflow: hidden;
    margin-right: 10px;
}

.news_t ul li em img {
    width: 30px;
    height: 50px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.news_t li a:hover, .news_t li.on a {
    color: #f08200;
}

.news_t li.on em img {
    margin-top: -25px;
}

.news_con dl {
    width: 387px;
    float: left;
    height: 470px;
    margin-left: 18px;
    position: relative;
}

.news_con dl:before, .faqs ul li:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #f0f0f0;
    position: absolute;
    bottom: 0;
    left: 0;
}

.news_con dl:after, .faqs ul li:after {
    content: "";
    width: 0;
    height: 1px;
    background: #f08200;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.news_con dl dt {
    width: 387px;
    height: 290px;
    line-height: 0;
    overflow: hidden;
}

.news_con dl dt img {
    width: 387px;
    height: 290px;
}

.news_con dl dd {
    width: 387px;
    padding: 20px 0 0;
}

.news_con dl dd a {
    display: block;
    color: #333;
}

.news_con dl dd h5 {
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
    line-height: 30px;
    font-weight: normal;
}

.news_con dl dd p {
    padding: 10px 0 0;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_con dl dd span {
    display: block;
    font-size: 14px;
    line-height: 24px;
    padding: 15px 0 0;
}

.news_con dl:hover dd a {
    color: #f08200;
}

.news_con dl:hover:after, .faqs ul li:hover:after {
    width: 100%;
}

.news_con dl:first-child {
    margin-left: 0;
}

.faqs {
    padding: 0 0 160px;
}

.faqs ul {
    width: 400px;
    float: left;
}

.faqs ul li {
    height: 78px;
    line-height: 78px;
    position: relative;
    width: 362px;
}

.faqs ul li a {
    font-size: 16px;
    color: #666;
    display: block;
    padding-left: 22px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 340px;
}

.faqs ul li a:after {
    content: "";
    width: 5px;
    height: 5px;
    background: #fff;
    position: absolute;
    top: calc(50% - 5px);
    left: 0;
    border: #f08200 2px solid;
    border-radius: 50%;
}

.faqs ul li a:hover {
    color: #f08200;
}