@charset "UTF-8";
/* 顶部通栏 */
.topBar {
    height: 50px;
    background: #096cb0;
    line-height: 50px;
    font-size: 14px;
}
.topBar .textT {
    color: #fff;
}
.topBar .topBR {
    width: 48%;
    height: 50px;
    line-height: 50px;
}
/* 搜索框 */
.topBar .topBR .search {
    position: relative;
    margin-right: 100px;
}
.topBar .topBR .search i.iconSearch {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    /* Opera */
    width: 18px;
    height: 18px;
    background: url("../images/icon-index.png") no-repeat -12px -7px;
    right: 0;
    cursor: pointer;
}
.topBar .topBR .search .Itext {
    width: 170px;
    height: 26px;
    line-height: 14px;
    margin-right: 33px;
    /* padding-bottom: 5px; */
    padding: 0 10px;
    border-bottom: 1px solid #2b88c8;
    background: #fff;
    color: #999;
}
/* 电话 */
.topBar .topBR .tell {
    position: relative;
}
.topBar .topBR .tell .iconTell {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    /* Opera */
    width: 18px;
    height: 18px;
    background: url("../images/icon-index.png") no-repeat -45px -7px;
}
.topBar .topBR .tell .tellNum {
    font-size: 18px;
    margin-left: 30px;
    font-weight: 700;
    color: #fff;
    padding-top: 2px;
    vertical-align: bottom;
}
.topBar .topBR .iconBox {
    width: 110px;
    position: relative;
    height: 50px;
    z-index: 999;
}
.topBar .topBR .iconBox a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    /* Opera */
}
.topBar .topBR .iconBox .weixin {
    width: 21px;
    height: 17px;
    left: 0;
    background: url("../images/icon-index.png") no-repeat -77px -7px;
}
.topBar .topBR .iconBox .weibo {
    width: 21px;
    height: 18px;
    left: 46px;
    background: url("../images/icon-index.png") no-repeat -110px -7px;
}
.topBar .topBR .iconBox .more {
    width: 18px;
    height: 18px;
    right: 0px;
    background: url("../images/icon-index.png") no-repeat -145px -7px;
}
/* 头部导航栏 */
.header {
    height: 70px;
    line-height: 70px;
    background: #fff;
    position: relative;
}
.header .logo {
    width: 180px;
    padding-top: 12px;
    background: #fff;
}
.header .logo .p_tell {
    text-align: center;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: none;
}
.header .logo .p_tell i {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url('../images/log_phone_tell.png');
    background-size: cover;
    vertical-align: middle;
}
.header .logo .p_tell span {
    font-size: 30px;
    color: #096cb0;
    line-height: 30px;
    vertical-align: middle;
}
/* 导航栏 */
.header .nav li {
    float: left;
    padding: 0 40px;
    position: relative;
    font-size: 18px;
}
.header .nav li:first-of-type {
    padding-left: 0;
}
.header .nav li:last-of-type {
    padding-right: 0;
}
.header .nav li a {
    color: #333;
}
.header .nav li::after {
    position: absolute;
    top: 28px;
    right: 0;
    content: ' ';
    height: 18px;
    width: 2px;
    background: #e9e9e9;
    transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    /* IE 9 */
    -moz-transform: rotate(20deg);
    /* Firefox */
    -webkit-transform: rotate(20deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(20deg);
    /* Opera */
}
.header .nav li:last-of-type::after {
    content: ' ';
    background: transparent;
}
.header .nav li a {
    padding-bottom: 10px;
}
#nav1 ul li:hover a {
    border-bottom: 2px solid #096cb0;
    color: #172c78;
}
#nav1 ul:hover a {
    border-bottom: 2px solid transparent;
    color: #333;
}
/* ---------------------------------- */
.header .nav li.active a, .header .nav li a:hover {
    border-bottom: 2px solid #096cb0;
    color: #172c78;
}
/* ---------------------------------- */
/* 二级导航 */
/* 二级导航 */
.subNLast {
    width: 100%;
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 9999999999999999;
    font-size: 14px;
    background: #fff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    display: none;
}
.rowCom {
    display: none;
}
.subNLast .row_1 {
    width: 100%;
    height: 340px;
    overflow: hidden;
}
.subNLast .row_1 .rowSub {
    width: 20%;
}
.subNLast .row_1 .rowSub h6 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #fafafa;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    text-indent: 31px;
    border-left: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
.subNLast .row_1 .rowSub h6:last-of-type {
    border-right: 1px solid #eeeeee;
}
.subNLast .row_1 .rowSub h6::after {
    content: "";
    width: 4px;
    height: 4px;
    background: #096cb0;
    position: absolute;
    left: 14px;
    top: 16px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.subNLast .row_1 .rowSub ul {
    height: 300px;
    border-left: 1px solid #eeeeee;
    padding-top: 10px;
    background: #fff;
}
.subNLast .row_1 .rowSub ul:last-of-type {
    border-right: 1px solid #eeeeee;
    background-color: #fff;
    z-index: 999;
}
.subNLast .row_1 .rowSub li {
    line-height: 28px;
    position: relative;
    text-indent: 31px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.subNLast .row_1 .rowSub li::after {
    content: "";
    width: 4px;
    height: 4px;
    background: #e6e6e6;
    position: absolute;
    left: 14px;
    top: 12px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.subNLast .row_1 .rowSub li a {
    color: #666;
}
.subNLast .row_1 .rowSub li a:hover {
    color: #096cb0;
}
.rowPic {
    width: 20%;
    padding: 0 2%;
    height: 340px;
    border-right: 1px solid #eeeeee;
}
.rowPic .picBox {
    width: 100%;
    margin-top: 45px;
    margin-bottom: 15px
}
.rowPic .picBox img {
    width: 100%;
}
.rowPic h5 {
    font-weight: 400;
    font-size: 14px;
    color: #666;
    line-height: 20px;
}
.row_2 {
    height: 180px;
}
.row_2 .txt {
    width: 40%;
    padding-left: 49px;
}
.row_2 .txt h3 {
    line-height: 60px;
    font-size: 18px;
    color: #333;
    margin-top: 8px;
    font-weight: 400;
}
.row_2 .txt h5 {
    line-height: 20px;
    font-size: 14px;
    color: #666;
}
.row_2 .txt p {
    line-height: 60px;
    font-size: 14px;
    font-family: '宋体';
}
.row_2 .txt p a {
    font-family: '微软雅黑';
    color: #096cb0;
}
.row_2 .picSub {
    width: 55%;
    float: right;
    height: 180px;
}
.row_2 .picSub ul {
    width: 103%;
}
.row_2 .picSub li {
    float: left;
    width: 17%;
    padding-top: 29px;
    margin-right: 3%;
}
.row_2 .picSub li:first-of-type {
    /*margin-left: 0;*/
}
.row_2 .picSub li .picBox {
    padding-bottom: 65.517%;
    margin-bottom: 14px;
    position: relative;
}
.row_2 .picSub li .picBox img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}
.row_2 .picSub li h5 {
    font-weight: 400;
    line-height: 14px;
    font-size: 14px;
    color: #333;
    text-align: center;
}
.row_2 .picSub li h5 a {
    color: #008cd6;
}
.row_2 .picSub li h5 a:hover {
    color: #096cb0;
}
/* 手机端 导航 */
.phoneR {
    display: none;
}
.selectPhone {
    width: 100%;
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 9999;
    background: #fff;
    display: none;
}
.selectPhone li {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
}
.selectPhone li a {
    color: #096cb0;
}
/* 轮播图 */
.flexslider {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.slides {
    position: relative;
    z-index: 1;
}
.slides li {
    width: 100%;
    /* background-color: red; */
}
.advList a {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.advslides {
    position: relative;
    width: 100%;
    z-index: 1;
}
.advslides li {
    width: 100%;
    /* background-color: red; */
}
.honList .slides li a {
    display: block;
    padding: 0 2.5%;
}
.honList .slides li .imgpic {
    padding-bottom: 141.5%;
    overflow: hidden;
    position: relative;
    background: #eee;
    margin: 0 auto;
}
.honList .slides li img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.flex-control-nav {
    position: absolute;
    bottom: 58px;
    z-index: 99;
    width: 100%;
    text-align: center;
}
.flex-control-nav li {
    display: inline-block;
    height: 14px;
    margin: 0 5px;
    *display: inline;
    zoom: 1;
}
.flex-control-nav a {
    display: inline-block;
    width: 12px;
    height: 12px;
    -webkit-appearance: none;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    /*line-height: 40px;*/
    cursor: pointer;
    background: rgba(0, 0, 0, .3);
}
.flex-control-nav .flex-active {
    background: #096cb0;
}
.flex-direction-nav {
    position: relative;
    z-index: 3;
}
.flex-direction-nav li a {
    display: block;
    width: 50px;
    height: 120px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
}
.flex-direction-nav li a.flex-prev {
    width: 22px;
    height: 42px;
    left: 20px;
    top: 50%;
    z-index: 99;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    /* Opera */
    background: url('../images/icon-index.png') -17px -41px no-repeat;
}
.flex-direction-nav li a.flex-next {
    width: 22px;
    height: 42px;
    right: 20px;
    top: 50%;
    z-index: 99;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    /* Opera */
    background: url('../images/icon-index.png') -72px -41px no-repeat;
}
/* 轮播文字 */
.flexslider .slides>li {
    background-position: center;
    background-repeat: no-repeat;
}
.flexslider .slides>li .container {
    height: 320px;
    /*line-height: 320px;*/
    position: relative;
}
.indexLB .slides>li {
    background-size: 100% 100%;
}
.indexLB .slides>li .container {
    height: 580px;
    line-height: 580px;
}
.sliderText {
    width: 35%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    /* Opera */
}
.sliderText h2 {
    font-size: 42px;
    color: #333;
    font-weight: 700;
    line-height: 42px;
}
.sliderText h3 {
    line-height: 84px;
    font-size: 28px;
    color: #666;
    font-weight: 700;
}
.sliderText h4 {
    font-size: 18px;
    line-height: 30px;
    color: #666;
}
@media only screen and (max-width:768px) {
    .flexslider .slides>li {
        background-size: cover;
        background-position: center center;
    }
    .flexslider .slides>li:nth-child(3) {
        background-size: 138% auto;
        background-position: 46% center;
    }
}
/* 面包屑 */
.proLink {
    line-height: 60px;
    font-size: 14px;
    color: #666;
}
.proLink a {
    color: #666;
}
.proLink i {
    font-family: '宋体';
    padding: 0 10px;
}
.proLink span {
    color: #999;
}
/* 主体标题部分 */
/* 标题 */
.proTitle {
    text-align: center;
}
.proTitle h3 {
    height: 60px;
    line-height: 60px;
    font-size: 32px;
    color: #096cb0;
}
.proTitle p {
    font-size: 18px;
    line-height: 46px;
    color: #333;
}
/* 主体部分 产品导航 */
.proNav {
    margin-top: 20px;
    /* padding-bottom: 30px; */
    border-bottom: 1px solid #e6e6e6;
    /* overflow-x: auto; position: relative; height: 85px; */
}
/* .proNav ul {position: absolute; width: 2000px; } */
.proNav li {
    text-align: center;
    float: left;
    height: 52px;
    line-height: 52px;
    background: #fff;
    margin-right: 35px;
    /* border-radius: 26px 0 26px 0; -moz-border-radius: 26px 0 26px 0; -ms-border-radius: 26px 0 26px 0; -o-border-radius: 26px 0 26px 0; */
    margin-bottom: 30px;
}
/* .proNav li:nth-of-type(even) {margin-right: 0; } */
.proNav li:last-of-type {
    margin-right: 0;
}
.proNav li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    padding: 0 30px;
    display: table;
}
.proNav li a span {
    padding: 0 5px;
    display: table-cell;
    vertical-align: middle;
    line-height: 18px;
    height: 52px;
}
@media only screen and (max-width:768px) {
    .proNav ul {
        text-align: center;
        font-size: 0;
    }
    .proNav li {
        width: 22%;
        display: inline-block;
        margin: 0 1% 30px;
        font-size: 12px;
        float: none;
    }
    .proNav li a {
        padding: 0;
    }
}
@media only screen and (max-width: 360px) and (min-width: 0px) {
    .proNav li:nth-child(2n) {
        margin-right: 0;
    }
    .proNav li a {
        display: block;
        width: 100%;
        height: 100%;
        color: #333;
    }
}
/* ---------------------------------------------- */
.proNav li.active {
    background: #096cb0;
}
.proNav li.active a {
    color: #fff;
}
/* ---------------------------------------------- */
/* 底部广告 */
.proSlide {
    width: 100%;
    position: relative;
    padding-bottom: 100px;
}
.proSlide .fl {
    width: 17.809%;
    height: 180px;
}
.proSlide .fl img {
    width: 100%;
}
.proSlide .fr {
    width: 80%;
    background: #fff;
    height: 180px;
    padding: 25px 35px 20px;
}
.proSlide .fr h3 {
    color: #096cb0;
    margin-bottom: 5px;
}
.proSlide .fr .date {
    color: #a1a1a1;
    font-size: 14px;
    line-height: 40px;
}
.proSlide .fr .con {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    position: relative;
    height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.proSlide .flex-control-nav {
    bottom: 60px;
}
.proSlide .flex-control-nav li a, .recomList .flex-control-nav li a {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    vertical-align: middle;
    background: #008cd6;
    transition: all 0.2s;
    ;
    -webkit-transition: all 0.2s;
    ;
    -moz-transition: all 0.2s;
    ;
    -o-transition: all 0.2s;
    ;
}
.proSlide .flex-control-nav .flex-active, .recomList .flex-control-nav .flex-active {
    /* width: 12px; height: 12px; */
    background: #096cb0;
    -ms-transform: scale(1.6);
    /* IE 9 */
    -moz-transform: scale(1.6);
    /* Firefox */
    -webkit-transform: scale(1.6);
    /* Safari 和 Chrome */
    -o-transform: scale(1.6);
    /* Opera */
    transform: scale(1.6);
}
/* 底部 */
.footer {
    min-height: 265px;
    background: #008cd6;
    color: #fff;
    padding-top: 40px;
}
.footer a {
    color: #fff;
}
.ulBox_f {
    width: 68%;
}
.footer .ulBox_f>div {
    width: 15.7777%;
}
.footer .ulBox_f>div h4 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 20px;
    text-align: center;
}
.footer .ulBox_f>div li {
    line-height: 30px;
    font-size: 12px;
    text-align: center;
}
.footer .ulBox_f>div li a {
    color: #f2f2f2;
}
.code {
    color: #f2f2f2 !important;
    height: 100%;
    width: 85px;
    margin-left: 70px;
}
.code h3 {
    padding-top: 22px;
    padding-bottom: 25px;
    font-size: 18px;
    text-align: center;
}
.code .codePic {
    display: block;
    width: 85px;
    height: 85px;
    background: #fff;
    padding: 4px;
    border: 1px solid #f0f8fd;
}
.code .codePic img {
    width: 100%;
    height: 100%;
}
.code p {
    padding-top: 20px;
    font-size: 14px;
    text-align: center;
}
.logoBox_f {
    width: 182px;
}
.logoBox_f .logo_f {
    height: 50px;
}
.logoBox_f .logo_f a {
    display: block;
    width: 100%;
    height: 100%;
}
.logoBox_f .logo_f a img {
    width: 100%;
    height: 100%;
}
.logoBox_f .ZXlink {
    height: 34px;
    background: #64a2e9;
    display: block;
    padding-left: 50px;
    line-height: 34px;
    margin-top: 30px;
    position: relative;
}
.logoBox_f .ZXlink::before {
    position: absolute;
    left: 25px;
    top: 12px;
    width: 14px;
    height: 13px;
    content: ' ';
    background: url('../images/icon-index.png') no-repeat -180px -7px;
}
.logoBox_f .ZXlink::after {
    position: absolute;
    content: ' ';
    right: 20px;
    top: 11px;
    width: 7px;
    height: 12px;
    background: url('../images/icon-index.png') no-repeat -180px -44px;
}
.logoBox_f .hotLine {
    margin-top: 22px;
    margin-bottom: 13px;
    font-size: 14px;
    text-align: right;
}
.logoBox_f .f_num {
    font-size: 30px;
    text-align: right;
    font-weight: 700;
    font-size: 29px;
}
.footer .friendsLink {
    padding: 3px 0;
    font-size: 12px;
    line-height: 20px;
}
.footer .friendsLink span {
    font-size: 16px;
    margin-right: 15px;
}
.footer .friendsLink a {
    margin-right: 10px;
    color: #fff;
    font-size: 12px;
}
.footer .friendsLink a:hover {
    color: #e2dede;
}
.footCopy {
    height: 60px;
    background: #047dbd;
    line-height: 60px;
    color: #fff;
    font-size: 14px;
}
.footCopy .ft {
    float: right;
    text-align: right;
}
.footCopy .ft a {
    color: #fff;
    margin-right: 30px;
}
/* 手机端页脚 */
.footer_P {
    text-align: center;
    background: #008cd6;
    color: #fff;
    padding: 20px 0px;
    display: none;
}
.footer_P .f_logo {
    width: 140px;
    display: inline-block;
    margin: 10px 0;
}
.footer_P .f_logo img {
    width: 100%;
}
.footer_P .btn_f {
    display: inline-block;
    position: relative;
    width: 153px;
    height: 30px;
    background: #63a2e9;
    color: #fff;
    line-height: 30px;
    margin-bottom: 10px;
}
.footer_P .btn_f:before {
    position: absolute;
    left: 25px;
    top: 10px;
    width: 14px;
    height: 13px;
    content: ' ';
    background: url('../images/icon-index.png') no-repeat -180px -7px;
}
.footer_P .btn_f:after {
    position: absolute;
    content: ' ';
    right: 20px;
    top: 10px;
    width: 7px;
    height: 12px;
    background: url('../images/icon-index.png') no-repeat -180px -44px;
}
.footer_P i {
    font-size: 14px;
    vertical-align: middle;
    color: #fff;
}
.footer_P .btn_f .icon-jiantou {
    font-size: 12px;
}
.footer_P .btn_f span {
    margin: 0 10px;
    vertical-align: middle;
}
.footer_P span {
    vertical-align: middle;
}
.footer_P p {
    line-height: 32px;
    font-size: 14px;
    vertical-align: middle;
}
.footer_P p span.addr {
    background: url(../images/icon_addr.png) no-repeat left 2px / auto 12px;
    padding-left: 15px;
}
.footer_P p.p_tell img {
    display: inline-block;
    height: 14px;
    width: 11px;
    vertical-align: middle;
    margin-right: 10px;
}
.footer_P .ad_icon_p {
    padding-top: 1px;
    display: inline-block;
    height: 16px;
}
.footer_P .p_copy {
    padding: 0 10px;
    font-size: 12px;
}
/*页码*/
.page {
    text-align: center;
    box-sizing: border-box;
    height: 38px;
}
.page a, .page span {
    /*float: left;*/
    display: inline-block;
    width: 38px;
    height: 38px;
    border: 1px solid #ddd;
    border-radius: 3px;
    line-height: 38px;
    text-align: center;
    margin-right: 17px;
    color: #999;
    font-size: 14px;
}
.page a.a_cur {
    background: #096cb0;
    border-color: #045186;
    color: #fff;
}
.page a.first:hover:before {
    background: url(../images/pageb.png) 0px -1px no-repeat;
}
.page a.next, .page a.prev {
    width: 60px;
    font-size: 14px;
    font-family: "宋体";
}
.page a.first, .page a.end {
    font-size: 14px;
    width: 74px;
    color: #999;
}
.page a.first:before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    width: 13px;
    height: 16px;
    background: url(../images/page.png) 0px -1px no-repeat;
}
.mt20 {
    margin-top: 20px;
}
/* 推荐 */
.recom {
    text-align: center;
    position: relative;
}
/* 推荐 列表 */
.recomList {
    padding-bottom: 80px;
}
.proInfoTitle h3 {
    color: #096cb0;
    font-size: 32px;
    line-height: 72px;
}
.recomList .slides {
    margin-top: 60px;
}
.proInfoTitle p {
    text-align: center;
    font-size: 18px;
    color: #333;
    line-height: 30px;
}
.recomList .slides li {
    width: 23.7%;
    height: 365px;
    border: 1px solid #e6e6e6;
    background: #fff;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.recomList .slides li a:nth-of-type(1) {
    display: block;
}
.recomList .slides li a:nth-of-type(1) img {
    width: 100%;
}
.recomList .slides li h3 {
    font-size: 16px;
    color: #333;
    line-height: 24px;
    height: 48px;
    margin-top: 13px;
    margin-bottom: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: 0 25px;
}
.recomList .slides li .btnBox {
    display: block;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #e6e6e6;
    position: relative;
    color: #666666;
}
.recomList .slides li .btnBox a {
    width: 49.5%;
    text-align: center;
}
.recomList .slides li .btnBox a:hover {
    background: #096cb0;
    color: #fff;
}
.recomList .slides li .btnBox .btnR {
    color: #096cb0;
}
.recomList .slides li .btnBox .line {
    height: 40px;
    position: absolute;
    top: 0;
    z-index: 999;
    background: #e6e6e6;
    width: 1px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    /* IE 9 */
    -moz-transform: translateX(-50%);
    /* Firefox */
    -webkit-transform: translateX(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateX(-50%);
    /* Opera */
}
/* -------------------- */
/* ------------------------------- */
.recomList .flex-control-nav {
    left: 0
}
@media only screen and (min-width:1280px) {
    /* PC端效果 */
    .recomList .slides li {
        overflow: hidden;
    }
    .proSlide .fl a:hover img, .recomList .slides li .picBox_z:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
    .proNav li:hover {
        background: #096cb0;
    }
    .proNav li:hover a {
        color: #fff;
    }
    .logoBox_f .ZXlink, .proSlide .fl a img, .recomList .slides li a:nth-of-type(1) img {
        transition: All 0.4s ease-in-out;
        -webkit-transition: All 0.4s ease-in-out;
        -moz-transition: All 0.4s ease-in-out;
        -o-transition: All 0.4s ease-in-out;
    }
    .logoBox_f .ZXlink:hover {
        box-shadow: 0 0 5px rgba(0, 0, 0, .6);
        transform: translate(0, -2px);
        -webkit-transform: translate(0, -2px);
        -moz-transform: translate(0, -2px);
        -o-transform: translate(0, -2px);
        -ms-transform: translate(0, -2px);
    }
    .footer .ulBox_f>div li a:hover, .footCopy .ft a:hover {
        text-decoration: underline;
        color: #fff;
    }
    .header {
        border-bottom: 1px solid #ddd;
    }
}
/* 响应式样式 */
@media only screen and (min-width:0px) and (max-width:768px) {
    body {
        font-size: 12px;
    }
    .container {
        width: 100%;
        overflow: hidden;
    }
    /* 顶部通栏 */
    .topBar {
        font-size: 12px;
        padding: 0 10px;
    }
    .topBar .topBR {
        width: 0;
    }
    .topBar .search, .topBar .topBR .tell, .iconBox .weixin {
        display: none;
    }
    /* logo */
    .header {
        height: auto;
        line-height: 50px;
        overflow: hidden;
    }
    .header .logo {
        width: 100%;
        float: none;
    }
    .header .logo img {
        margin: 0 auto;
    }
    .header .nav {
        display: none;
    }
    /* 顶部导航 */
    .phoneR {
        width: 100%;
        height: 50px;
        line-height: 50px;
        -ms-line-height: 50px;
        -webkit-line-height: 50px;
        ;
        -moz-line-height: 50px;
        color: #fff;
        font-size: 18px;
        text-align: center;
        background: #096cb0;
        position: relative;
        display: block;
    }
    .iconSearch {
        position: absolute;
        top: 50%;
        right: 50px;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        /* IE 9 */
        -moz-transform: translateY(-50%);
        /* Firefox */
        -webkit-transform: translateY(-50%);
        /* Safari 和 Chrome */
        -o-transform: translateY(-50%);
        /* Opera */
        width: 34px;
        height: 34px;
        background: url("../images/search_pIcon.png") no-repeat center center;
        background-size: 60%;
    }
    /* 轮播文字 */
    .sliderText {
        width: 47%;
        padding-left: 10px;
    }
    .sliderText h2 {
        font-size: 18px;
        line-height: 26px;
    }
    .sliderText h3 {
        line-height: 22px;
        font-size: 14px;
    }
    .sliderText h4 {
        line-height: 18px;
        font-size: 12px;
    }
    .flex-direction-nav {
        height: 175px;
        margin-top: -175px;
    }
    .flexslider .slides>li .container {
        height: 175px;
        line-height: 175px;
    }
    .flex-control-nav {
        bottom: 20px;
    }
    .navIcon {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        /* IE 9 */
        -moz-transform: translateY(-50%);
        /* Firefox */
        -webkit-transform: translateY(-50%);
        /* Safari 和 Chrome */
        -o-transform: translateY(-50%);
        /* Opera */
        width: 20px;
        height: 18px;
    }
    .navIcon img {
        width: 100%;
    }
    /* 顶部导航条 */
    .header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999999;
    }
    .phoneR {
        background: #fff;
        border-bottom: 1px solid #ddd;
        z-index: 99999999;
    }
    .phoneR .PItext {
        width: 80%;
        border: 1px solid #ddd;
        height: 40px;
        z-index: 99;
        color: #333;
        padding: 0 10px;
        display: none;
        margin-left: 4%;
        margin-top: 5px;
    }
    .phoneR .PItext input {
        height: 24px;
        vertical-align: middle;
        width: 100%;
        font-size: 12px;
        line-height: 24px;
        /* line-height: 38px; */
        margin-top: 8px;
    }
    .phoneR .cancel {
        font-size: 16px;
        display: none;
        color: #999;
        margin-right: 4%;
    }
    .phoneR .pLogo {
        float: left;
    }
    .phoneR .pLogo img {
        width: 60%;
        display: block;
        margin-top: 10px;
        margin-left: 10px;
    }
    /* 主体标题部分 */
    /* 标题 */
    .proTitle {
        text-align: center;
        display: none
    }
    .proTitle h3 {
        height: 28px;
        line-height: 28px;
        font-size: 24px;
        color: #096cb0;
        margin-bottom: 10px;
    }
    .proTitle p {
        font-size: 14px;
        line-height: 30px;
        color: #333;
        padding: 0 10px;
    }
    /* 面包屑 */
    .proLink {
        display: none;
    }
    /* 页码 */
    .page a, .page span {
        margin-right: 7px;
    }
    /* 页脚 */
    .footer, .footCopy {
        display: none;
    }
    .footer_P {
        display: block;
        position: relative;
        padding-bottom: 45px;
    }
    .header .logo .p_tell {
        display: block;
    }
    .flexslider {
        margin-top: 50px;
    }
    .footer_P .btn_f {
        position: absolute;
        left: 10%;
        bottom: 10px;
        margin-bottom: 0;
    }
    .p_tell {
        position: absolute;
        right: 10%;
        bottom: 10px;
        margin-top: 0 !important;
    }
    .p_tell>span {
        display: none;
    }
}
@media only screen and (max-width:380px) {
    .p_tell {
        right: 10px;
    }
    .footer_P .btn_f {
        left: 10px;
    }
}
/* 底部公用部分 */
@media only screen and (min-width:0px) and (max-width:768px) {
    /* 顶部导航 */
    /*    .proSlide .fl {width: 100%; height: auto; } .proSlide .fl img {width: 100%; } .proSlide .fr {width: 100%; height: auto; }*/
    .proSlide .fr h3 {
        font-size: 22px;
    }
    /* 推荐部分 */
    .recomList .slides li {
        margin-right: 0;
        border: none;
        height: auto;
    }
    .recomList .slides li a:nth-of-type(1) {
        height: auto;
    }
    .recomList .slides li .btnBox {
        height: 60px;
    }
    .recomList .slides li .btnBox a {
        height: 60px;
        line-height: 60px;
    }
    .recomList .slides li .btnBox .line {
        height: 60px;
    }
    .recomList .slides {
        margin-top: 20px;
    }
    .topBar {
        display: none;
    }
    .logopc {
        display: none;
    }
}
@media only screen and (min-width:769px) and (max-width:1280px) {
    /* 版心 */
    .container {
        width: 96%;
    }
    /* 顶部通栏 */
    .topBar .textT {
        font-size: 12px;
    }
    .topBar .topBR .search {
        margin-right: 20px;
    }
    .topBar .topBR .search .Itext {
        width: 80px;
    }
    .topBar .topBR .iconBox {
        width: 70px;
    }
    .iconBox .weixin {
        display: none;
    }
    .iconBox .weibo {
        left: 0 !important;
    }
    /* 导航 */
    .header .nav li {
        font-size: 14px;
        padding: 0 15px;
    }
    /* 轮播部分 */
    .indexLB .slides>li .container {
        height: 420px;
        line-height: 420px;
    }
    .sliderText {
        width: 50%;
    }
    .sliderText h2 {
        font-size: 30px;
    }
    .sliderText h3 {
        font-size: 20px;
    }
    .sliderText h4 {
        font-size: 16px;
    }
    /* 主体标题 */
    .product .proTitle p, .advantage .advTitle p, .honor .honTitle p, .sucCase .caseTitle p, .news .newsTitle p, .aboutYD .advTitle p {
        font-size: 16px;
    }
    .proTitle p {
        font-size: 16px;
    }
    /* 主体部分产品导航 */
    /* .proNav li {padding: 0 4%; } */
    /* 面包屑 隐藏 */
    .proLink {
        display: none;
    }
    /* 页脚 */
    .footer {
        /* height: 260px; */
    }
    .ulBox_f {
        width: 41%;
    }
    .footer .ulBox_f>div {
        width: 50%;
    }
    .footer .ulBox_f>div ul {
        display: none;
    }
    .footer .ulBox_f>div h4 {
        font-size: 18px;
        padding-bottom: 30px;
    }
    .code h3 {
        padding-top: 0;
    }
    .footCopy {
        height: 100px;
    }
    .footCopy span {
        display: block;
        text-align: center;
        line-height: 50px;
    }
    .footCopy .ft {
        float: none;
        text-align: center
    }
    .footCopy .ft a {
        display: none;
    }
    .indexLB .flex-direction-nav {
        position: static;
        height: 420px;
        margin-top: -420px;
    }
    .advantage .advList .advslidesBig li {
        width: 33.3333%;
    }
    /* 底部广告 */
    .proSlide .fl {
        width: 33%;
    }
    .proSlide .fr {
        width: 65%;
    }
    .proInfoTitle p {
        font-size: 14px;
    }
    /* 推荐部分 */
    .recomList .slides li {
        margin-right: 0;
        border: none;
        height: auto;
    }
    .recomList .slides li a:nth-of-type(1) {
        height: auto;
    }
    .recomList .slides li .btnBox {
        height: 60px;
    }
    .recomList .slides li .btnBox a {
        height: 60px;
        line-height: 60px;
    }
    .recomList .slides li .btnBox .line {
        height: 60px;
    }
    .recomList .slides {
        margin-top: 20px;
    }
}
@media only screen and (min-width:1310px) and (max-width: 1366px) {
    /* 版心 */
    .container {
        width: 1280px;
        margin: 0 auto;
    }
    .indexLB .slides>li .container {
        height: 420px;
    }
    .indexLB .flex-direction-nav {
        position: static;
        height: 420px;
        margin-top: -420px;
    }
    .a .flex-viewport {
        width: 1170px;
    }
    /* 底部广告 */
    .proSlide .fr {
        width: 78%;
    }
}
@media only screen and (min-width:1367px) and (max-width: 1440px) {
    /* 版心 */
    .container {
        width: 1280px;
    }
    .a .flex-viewport {
        width: 1170px;
    }
    .indexLB .slides>li .container {
        height: 420px;
    }
    .indexLB .flex-direction-nav {
        position: static;
        height: 420px;
        margin-top: -420px;
    }
    .a .flex-viewport {
        width: 1170px;
    }
    /* 底部广告 */
    .proSlide .fr {
        width: 78%;
    }
}
@media only screen and (min-width:1480px) and (max-width: 9999px) {
    .container {
        width: 1460px;
    }
    .indexLB .flex-direction-nav {
        position: static;
        height: 580px;
        margin-top: -580px;
    }
}
@media only screen and (min-width:1281px) and (max-width: 1920px) {
    .honList .slides li img {
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        /* IE 9 */
        -moz-transform: translateY(-50%);
        /* Firefox */
        -webkit-transform: translateY(-50%);
        /* Safari 和 Chrome */
        -o-transform: translateY(-50%);
        /* Opera */
    }
    .header {
        border-bottom: 1px solid #ddd;
    }
}
/* 分页 */
@media only screen and (min-width:0px) and (max-width:768px) {
    .page a {
        background: #fff;
    }
    .page a.first, .page a.end, .page a.pNum {
        display: none;
    }
}
@media only screen and (min-width:769px) and (max-width:1280px) {
    .page a {
        background: #fff;
    }
    .page a.first, .page a.end, .page a.pNum {
        display: none;
    }
}
@media only screen and (min-width:1281px) and (max-width: 1920px) {
    .proSlide .fr h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}