* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Microsoft Yahei";
    overflow-x: hidden;
}

ul, ol {
    list-style: none;
}

a {
    text-decoration: none;
}

img {
    border: none;
}

input, button {
    padding: 0;
    border: none;
    background: none;
    outline: none;
    font-family: "微软雅黑", Arial, Helvetica;
}

textarea {
    border: none;
    background: none;
    outline: none;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-100 {
    padding-bottom: 100px;
}

/*清浮动*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
}

.head-main-logo .logo-txt, .product, .case, .news {
    text-align: center;
}

.index-plan > div, .data > div, .product > ul, .case > div, .news > ul, .bottom > .bottom-main {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

@media screen and (max-width: 1800px) {
    .index-plan > div, .data > div, .product > ul, .case > div, .head-main, .news > ul, .bottom > .bottom-main {
        margin-left: auto;
        margin-right: auto;
    }

    .head-main {
        width: 1200px !important;
    }

    .head-main-txt > ul > li.sousuo {
        margin-left: 40px !important;
    }

    .head-main-txt > ul > li > a {
        padding: 0 12px !important;
    }

    .sousuo {
        width: 125px !important;
    }

    .sousuo .inp {
        width: 125px !important;
    }

    .txt-produbt {
        width: 1040px !important;
    }

    .txt-produbt a {
        width: 200px !important;
    }

}

@media screen and (min-width: 1800px) {
    .index-plan > div, .data > div, .product > ul, .case > div, .head-main, .news > ul, .bottom > .bottom-main {
        margin-left: auto;
        margin-right: auto;
    }

    .txt-produbt {
        width: 1065px !important;
        overflow: hidden;
    }

    .txt-produbt a {
        width: 210px !important;
    }
}

@media screen and (max-width: 1680px) {
    .txt-produbt {
        width: 1000px !important;
    }

    .txt-produbt a {
        width: 190px !important;
    }
}

@media screen and (max-width: 1500px) {
    .head-main-txt-product a {
        font-size: 12px;
    }

    .case-head2 li {
        font-size: 13px;
    }

    .product-head2 li {
        font-size: 13px;
    }

    .txt-produbt {
        width: 900px !important;
    }

    .txt-produbt a {
        width: 160px !important;
    }
}

/*导航栏*/
.head {
    width: 100%;
    height: 100px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}

.head-main {
    width: 1430px;
    margin: 0 auto;
}

.head-main > div {
    float: left;
}

.head-main-logo {
    padding-top: 28px;
}

.head-main-logo > h1 {
    display: inline-block;
    float: left;
    padding-right: 15px;
}

.head-main-logo .logo-txt {
    width: 180px;
    height: 44px;
    border-left: 1px solid #ddd;
    display: inline-block;
    text-align: left;
    padding-left: 15px;
}

.head-main-logo .logo-txt > span {
    color: #18428a;
    font-size: 18px;
}

.head-main-txt {
    float: right !important;
}

.head-main-txt > ul > li {
    font-size: 14px;
    float: left;
    height: 100px;
    line-height: 100px;
    position: relative; /*margin-left:1px;*/
}

.head-main-txt > ul > li.sousuo {
    margin-left: 60px;
}

.head-main-txt-product {
    position: absolute;
    background: rgba(24, 66, 138, .5);
    z-index: 2;
    width: 1500px;
    left: 0;
    display: none;
    overflow: hidden;
}

.txt-produbt {
    width: 900px;
    overflow: hidden;
}

.head-main-txt-product a {
    position: relative;
    box-sizing: border-box;
    width: 160px;
    text-align: center;
    display: block;
    height: 70px;
    color: #fff;
    float: left;
    line-height: 70px;
    transition: color .5s;
}

/*.head-main-txt-product a:hover{color:#EC3A01;}*/
.head-main-txt-product br {
    line-height: 0;
    margin: 0;
}

.head-main-txt-product a:before {
    position: absolute;
    left: 20%;
    bottom: -15px;
    content: "...";
    font-family: Arial;
    font-size: 20px;
    opacity: 0;
    filter: alpha(opacity=0);
    text-align: center;
    /*-webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);*/
    width: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.head-main-txt-product a:hover:before {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    left: 50%;
    width: 17px;
    margin-left: -8.5px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.head-main-txt > ul > li > a {
    color: #666;
    width: 100%;
    height: 100%;
    display: block;
    padding: 0 15px;
    transition: .5s;
    box-sizing: border-box;
}

.head-main-txt > ul > li:not(:last-child):hover > a, .head-main-txt-active > a {
    color: #fff !important;
    background: #e83d01;
}

.head-main-txt-active > a {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
}

.sousuo {
    width: 140px;
    overflow: hidden;
}

.sousuo .inp {
    width: 140px;
    padding-left: 10px;
    border-radius: 12px;
    padding-right: 25px;
    border: 1px solid #999;
    height: 24px;
    outline: none;
    box-sizing: border-box;
    font-size: 12px;
    position: absolute;
    /*right: -140px;*/
    top: 39px;
    transition: .5s;

}

.sousuo .inp::-webkit-input-placeholder {
    color: #999;
}

.sousuo .inp::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

.sousuo .inp:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

.sousuo .inp:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999;
}

.sousuo .sub {
    position: absolute;
    right: 5px;
    top: calc(50% - 10px);
    background: url(../img/sousuo.png) no-repeat center;
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: .3s;
}

.sousuo .sub:hover {
    background: url(../img/sousuo-focus.png) no-repeat center;
}

.sousuo .inp:focus + .sub {
    background: url(../img/sousuo-focus.png) no-repeat center;
}

/*底部*/
.bottom {
    width: 100%;
    height: auto;
    background: #3f3f3f;
}

.bottom-main {
    position: relative;
    padding-bottom: 40px;
}

.bottom-main > div {
    float: right;
}

.bottom-main-kefu {
    position: absolute;
    width: 298px;
    height: 100%;
    background: #333;
}

.bottom-main-kefu .cont {
    position: relative;
    margin-top: 80px;
}

.kefu-qq {
    width: 190px;
    height: 50px;
    background: url(../img/bottom-qq.png);
    display: block;
    margin: 0 auto;
    transition: .5s;
}

.kefu-qq:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}

.bottom-main-kefu p {
    text-align: center;
    color: #ccc;
    margin-top: 40px;
    transition: .5s;
}

.bottom-version {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #777;
    font-size: 12px;
    background: #000;
}

.bottom-version a {
    color: #777;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.bottom-version a:hover {
    color: #e83d02;
}

.bottom-main-kefu .foot-tel {
    margin: 0 auto;
    width: 200px;
    margin-top: 10px;
}

.bottom-main-txt > div {
    margin-left: 110px;
    margin-top: 60px;
    position: relative;
}

.bottom-main-txt > div ul {
    display: inline-block;
    margin-right: 70px;
    vertical-align: top;
}

.bottom-main-txt > div > .bottom-main-txt-wei {
    margin-right: 10px;
}

.bottom-main-txt > div ul li:first-child {
    margin-bottom: 10px;
    color: #fff;
}

.bottom-main-txt > div ul > li a {
    line-height: 30px;
    color: #999;
    font-size: 13px;
    transition: .3s;
}

.bottom-main-txt > div ul > li:not(:first-child):hover a {
    color: #EC3A01;
    padding-left: 10px;
}

.bottom-main-txt > div ul > li:first-child a {
    color: #fff !important;
    font-size: 16px !important;
}

.bottom-main-txt-about, .bottom-main-txt-wei {
    vertical-align: top;
    transition: 1s;
}

.bottom-main-txt > div ul:last-child {
    margin-right: 0 !important;
}

.bottom-main-txt > div ul:last-child(2) {
    margin-right: 40px !important;
}

.bottom-main-txt-product {
    margin-right: 60px !important;
}

.bottom-main-txt-product li {
    width: 140px !important;
}

.wei {
    width: 45px;
    height: 45px;
    background: no-repeat center;
    transition: .5s;
    cursor: pointer
}

.weixin {
    background-image: url(../img/icon-wx.png);
}

.weixin:hover {
    background-image: url(../img/icon-wx-hover.png);
}

.weixin:hover div {
    opacity: 1;
    visibility: visible;
    transform: translateY(-5px);
}

.weibo {
    background-image: url(../img/weibo.png);
}

.weibo:hover {
    background-image: url(../img/weibo-hover.png);
}

.code {
    width: 100px;
    height: 100px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 70px;
    transition: .5s;
}

.links {
    margin-top: 40px;
    width: 775px;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}

.links a {
    margin-right: 5px;
    color: #989898;
    font-size: 14px;
}

.links a:hover {
    color: #e83d02;
}

/*横幅*/
.banner {
    width: 100%;
    height: 360px;
    position: relative;
    overflow: hidden;
}

.banner img {
    position: relative;
    left: 50%;
    margin-left: -960px;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
    -webkit-animation: minus 5s 0s ease both infinite;
    -moz-animation: minus 5s 0s ease both infinite;
    animation: minus 5s 0s ease both infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}

/*缩小停止*/
@-webkit-keyframes minus {
    from {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes minus {
    from {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.banner div {
    position: relative;
    color: #fff;
    width: 1200px;
    margin: 0 auto;
    margin-top: -230px;
}

.banner div p {
    font-size: 36px;
}

.banner .black p {
    color: #333;
}

.banner div span {
    display: block;
    margin-top: 6px;
    font-size: 20px;
    text-transform: uppercase;
    opacity: .7;
    color: #fff;
    font-weight: 300;
    font-family: Microsoft Yahei Light;
}

.banner .black span {
    color: #514e4d;
}

/*二级导航*/
.head2 {
    width: 100%;
    height: 80px;
    background: #f6f6f6;
}

.head2-main {
    width: 1200px;
    height: 80px;
    margin: 0 auto;
}

.head2-main > li {
    line-height: 79px;
    text-align: center;
    float: left;
    border-right: 1px solid #ddd;
    transition: 1s;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    position: relative;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.head2-main > li:first-child {
    border-left: 1px solid #ddd;
}

.head2-main > li:not(:first-child):hover a {
    color: #EA3D00;
    transition: .3s;
}

.head2-col2 > li {
    width: 50%;
}

.head2-col3 > li {
    width: calc(100% / 3);
}

.head2-col5 > li {
    width: 200px;
    height: 80px;
}

.head2-col5 > .head2-main-active {
    width: 390px !important;
}

.head2-col6 > li {
    width: 180px;
    height: 80px;
}

.head2-col6 > .head2-main-active {
    width: 290px !important;
}

.head2-main-active {
    background: #EA3D00;
}

.head2-main-active > a > i {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #fff;
    text-align: center;
    position: absolute;
    bottom: -1px;
    left: calc(50% - 5px);
}

.head2-main > li > a {
    display: block;
    width: 100%;
    color: #333;
}

.head2-main-active > a {
    color: #fff !important;
}

/*分页*/
.page {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    margin-top: 80px;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.page-pre, .page > ul {
    float: left;
}

/*.page>ul{width:420px;height:40px;}
.page>ul>li{width:40px;height:40px;float:left;margin-right:10px;}
.page>ul>li:first-child{margin-left:20px;}
.page>ul>li:hover,.page-active{background:#EA3D00;}
.page>ul>li:hover a,.page-active a{color:#fff!important;}
.page>ul>li>a{width:100%;height:100%;display:block;text-align:center;line-height:40px;color:#999;}
*/

/*淡入效果*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@keyframes bounceInUp {
    0%, 100%, 60%, 75%, 90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.pb-80 {
    padding-bottom: 80px;
}

.pic {
    overflow: hidden;
}

/* 图片放大 */
.img-scale img {
    transition: 1s;
}

.img-scale:hover img {
    transform: scale(1.2);
}

/* ====== 分页 ====== */
.page {
    text-align: center
}

.page a, .page span {
    display: inline-block;
    margin: 0 5px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    color: #999;
    font-size: 14px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    background: transparent;
}

/*.page .prev, .page .prev_disabled, .page .next, .page .next_disabled {
    color: #fff;
}
*/
.page .pre:hover, .page .next:hover {
    background-color: #f33603;
    color: #fff;
}

.page .current, .page a:hover {
    background-color: #f33603;
    color: #fff;
}

.page .prev_disabled {
    color: #999;
}

/*.page a.prev:before,.page a.prev_disabled:before{content:"<";}*/

/*.page a.next:before,.page a.next_disabled:before{content:">";}*/

.com-width {
    margin-right: auto;
    margin-left: auto;
    width: 1200px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

i, em {
    font-style: normal;
}

/*面包屑导航*/
.com-bread {
    height: 75px;
    line-height: 75px;
    font-size: 16px;
    color: #949494;
}

.com-bread a {
    color: #949494;
}

.com-bread a:hover {
    color: #475470;
}

/*--------网站地图---------------*/
.m-pro-lb {
    overflow: hidden;
    padding-bottom: 100px;
}

.m-pro-lb .col-l {
    width: 20%;
}

.m-pro-lb .col-r {
    width: 76%;
}

.m-snav {
    background-color: #069faf;
    text-align: center;
    padding: 55px 0 35px;
}

.snav-tit {
    font-size: 16px;
    color: #fff;
    margin-bottom: 50px;
}

.ul-pro-lb li a {
    display: block;
    font-size: 16px;
    color: #fff;
}

.ul-pro-lb li a:hover {
    color: #000;
}

.ul-pro-lb li {
    position: relative;
    margin-bottom: 31px;
}

.ul-pro-lb li:after {
    content: "";
    position: absolute;
    left: 22%;
    top: 50%;
    width: 6px;
    height: 1px;
    background-color: #fff;
    opacity: 0.55;
    filter: alpha(opacity=55);
}

.dl-pro-con dt {
    height: 80px;
    background-color: #f8f8f8;
    margin-bottom: 22px;
}

.dl-pro-con dt em {
    float: left;
    padding-right: 55px;
    padding-left: 20px;
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    color: #e83d02;
    background-color: #f8f8f8;
    font-weight: normal;
}

.dl-pro-con dd {
    color: #555;
}

.dl-pro-con dd h3 {
    position: relative;
    font-size: 14px;
    border-bottom: 1px solid #f2f2f2;
    padding: 20px 8.5% 17px 10px;
    line-height: 2em;
    cursor: pointer;
}

.dl-pro-con dd h3:before, .dl-pro-con dd h3:after {
    content: '';
    position: absolute;
    left: 92%;
    top: 50%;
    width: 16px;
    height: 2px;
    background-color: #333;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.dl-pro-con dd h3:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.dl-pro-con dd h3:hover, .dl-pro-con dd h3.on {
    color: #069faf;
    background-color: #f8f8f8;
}

.dl-pro-con dd p {
    display: none;
    font-size: 14px;
    line-height: 2em;
    padding: 10px 28px;
    padding-right: 200px;
    color: #666;
    background-color: #f8f8f8;
}

.dl-pro-con dd h3.on {
    background-color: #dedede;
}

.dl-pro-con dd h3.on:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.dl-pro-con dd:last-child h3 {
    border: none;
}

.sitemap-list > li {
    margin-top: 20px;
    padding: 20px;
    border-bottom: #f2f2f2 1px solid;
    box-sizing: border-box;
}

.sitemap-list > li:first-child {
    margin-top: 0;
}

.sitemap-list > li > a {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 18px;
    color: #666;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.sitemap-list > li > a b {
    font-weight: normal;
}

.sitemap-list ul li {
    display: inline-block;
    font-size: 14px;
    margin-right: 50px;
}

.sitemap-list ul li a {
    color: #666;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.sitemap-list ul li a:hover,
.sitemap-list > li > a:hover {
    color: #e83d02;
}

/*返回顶部*/
#to-top {
    display: inline-block;
    width: 100%;
    height: 40px;
    background: no-repeat center;
    background-image: url(../img/kefu-top.png);
    text-align: center;
    text-decoration: none;
    z-index: 8;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: static;
}

#to-top:hover {
    background-image: url(../img/kefu-top-on.png);
}

/*客服咨询*/

.kf {
    position: fixed;
    top: 50%;
    right: 0px;
    /*  width: 160px;*/
    height: 276px;
    margin-top: -138px;
    z-index: 111;
    text-align: center;

    /*display: none;*/
}

.kf .f-left {
    position: relative;
    top: 60px;
    float: left;
    width: 0px;
    height: 100px;
    border-top: 10px solid transparent;
    border-right: 25px solid #e83d01;
    border-bottom: 10px solid transparent;
    text-align: center;
    font-size: 13px;
    color: #0b2a1a;
    cursor: pointer;
}

.kf .f-left p {
    position: absolute;
    top: 10px;
    left: 6px;
    line-height: 20px;
    color: #fff;
}

.kf .f-right {
    width: 160px;
    height: 100%;
    background: url(../img/jfrx-bg.png);
    border-radius: 5px;
}

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

.kf-tel p {
    font-size: 16px;
    color: #555;
    padding-top: 20px;
}

.kf-tel b {
    color: #e93d00;
    font-size: 20px;
    padding-top: 10px;
    font-family: 'Myriad Pro';
}

.kf-list {
    padding-top: 20px;
}

.kf-list a {
    display: block;
    height: 46px;
    line-height: 46px;
    color: #fff;
    font-size: 16px;
    background: #E94645;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.kf-list .c1 a {
    background: #e93d00;
}

.kf-list .c2 a {
    background: #1a428a;
}

.kt-img {
    background: url(../img/kefu.png) no-repeat center;
    margin-top: -50px;
    height: 104px;

}

.kf-list li a .icon-kf-qq {
    display: inline-block;
    width: 21px;
    height: 100%;
    background: url(../img/kefu-qq.png) no-repeat center;
    vertical-align: top;
    margin-right: 12px;
}

.kf-list li a .icon-kf-bd {
    display: inline-block;
    width: 22px;
    height: 100%;
    background: url(../img/kefu-bd.png) no-repeat center;
    vertical-align: top;
    margin-right: 12px;
}

.page .prev:before, .page .prev_disabled:before {
    content: "上一页";
    font-family: '微软雅黑'
}

.page .next:before, .page .next_disabled:before {
    content: "下一页";
    font-family: '微软雅黑'
}

.page .prev_disabled {
    width: 60px;
}

.page .next {
    width: 60px;
    color: #999;
}

.page .prev {
    width: 60px;
    color: #999;
}

.page .next_disabled {
    width: 60px;
}

.test {

}

.ns,.ns *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ns img{
    vertical-align: middle;
    width: 100%;
    max-width: 100%;
    height: auto;
}