@charset "utf-8";

/*头部*/

.header {
    height: 150px;
    overflow: hidden;
}

.header .headLogo {
    /* height: 90px;*/
}

.header .headLogo img {
    /* height: 100px;*/
}

.headTel {
    font-size: 18px;
    color: #3f3f3f;
    position: relative;
    background: url(../images/telico-a.jpg) no-repeat left 10px;
    height: 60px;
    padding-left: 40px;
    margin-top: 49px;
    margin-right: 10px;
    line-height: 60px;
}

.headTel span {
    color: #ff7710;
    font-size: 28px;
    font-weight: bold;
}

.headTel .headCxt-a {
    position: absolute;
    right: 0;
    top: 30px;
}

.headCxt-b {
    margin-top: 40px;
}


/*导航*/

.headNav {
    height: 54px;
    background-image: url(../images/nav.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}

.headNav .menu1>li {
    float: left;
    text-align: center;
    color: #fff;
    /*width: 150px;*/
    width: 113px;
}

.headNav .menu1>li>a {
    display: block;
    color: #fff;
    transition: all .5s;
    font-size: 16px;
    line-height: 54px;
}

.headNav .menu1>li>a:hover,
.headNav .menu1>li>a.current {
    background-color: #449fdd;
}

.headNav .menu2 {
    position: absolute;
    z-index: 555;
    width: 150px;
    display: none;
    background-color: #449fdd;
}

.headNav .menu2 li {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #fff;
}

.headNav .menu2 li a {
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.headNav .menu2 li a:hover {
    background: #005a98;
}

.headNav .menu2 li:last-child {
    border-bottom: 0;
}


/*广告*/

.banner {
    width: 100%;
    height: 530px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.banner .bd {
    height: 530px;
    overflow: hidden;
    position: relative;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}

.banner .hd {
    width: 100%;
    position: absolute;
    z-index: 999;
    left: 0;
    height: 16px;
    bottom: 20px;
}

.banner .hd ul {
    text-align: center;
}

.banner .hd ul li {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 10px;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid #0093dd;
    border-radius: 50%;
}

.banner .hd ul li.on {
    background: #0093dd;
}

.banner .prev,
.banner .next {
    display: block;
    width: 40px;
    height: 60px;
    position: absolute;
    z-index: 2;
    top: 50%;
    margin-top: -20px;
}

.banner .prev {
    background: url(../images/banner-pn.png) no-repeat left bottom;
    left: 5%;
}

.banner .next {
    background: url(../images/banner-pn.png) no-repeat right bottom;
    right: 5%;
}


/* 搜索*/

.homeSearch {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e0e0e0;
}

.homeSearch .key {
    float: left;
    color: #666666;
}

.homeSearch .key a {
    margin: 0 2px;
    color: #666666;
}

.homeSearch .key a:hover {
    color: #0093dd;
}

.homeSearch .homeSearch-box {
    float: right;
    border-bottom: 1px solid #aaa;
    padding-bottom: 5px;
    margin-top: 4px;
}

.homeSearch .homeSearch-box form {
    overflow: hidden;
}

.homeSearch .homeSearch-box form input {
    display: block;
    float: left;
}

.homeSearch .homeSearch-box .word {
    width: 270px;
    height: 32px;
    line-height: 32px;
    text-indent: 1em;
}

.homeSearch .homeSearch-box .sousuo {
    width: 32px;
    height: 34px;
    cursor: pointer;
    background: url(../images/seaeico-a.png) no-repeat center center;
}


/*板块主题*/

.homeTopic {
    text-align: center;
    font-size: 38px;
    color: #333333;
}

.homeTopic b {
    color: #0093dd;
}

.homeTopic span {
    display: block;
    font-weight: normal;
    font-size: 12px;
    color: #adadad;
    margin-top: 10px;
    position: relative;
}

.homeTopic span:after {
    position: absolute;
    content: "";
    width: 22px;
    height: 1px;
    background: url(../images/htopic-line.png) no-repeat center center;
    left: 50%;
    margin-left: -11px;
    bottom: -10px;
}


/*产品中心*/

.homeProd {
    padding: 35px 0 75px 0;
}

.homeProd h3 {
    margin-bottom: 40px;
}

.homeProd-wrap {
    height: 801px;
    overflow: hidden;
}

.homeProd-tab {
    text-align: center;
    font-size: 0;
    margin-bottom: 50px;
}

.homeProd-tab a {
    display: inline-block;
    width: 226px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #cccccc;
    margin-right: -1px;
    font-size: 18px;
    color: #191919;
    transition: all .5s;
}

.homeProd-tab a:hover,
.homeProd-tab .on {
    background-color: #0093dd;
    border-color: #0093dd;
    color: #fff;
}

.homeProd-video {
    overflow: hidden;
    margin-bottom: 30px;
}

.homeProd-video .videoPic {
    display: block;
    width: 640px;
    height: 390px;
    overflow: hidden;
    position: relative;
}

.homeProd-video .videoPic img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.homeProd-video .videoPic:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/videoico-a.png) no-repeat center center rgba(0, 0, 0, 0.8);
    z-index: 1;
}

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

.homeProd-video .homeProd-videoRight {
    width: 460px;
    padding: 60px 50px;
    background-color: #f2f2f2;
    height: 270px;
}

.homeProd-videoRight h5 {
    font-size: 20px;
    color: #000000;
    font-weight: normal;
    margin-bottom: 40px;
}

.homeProd-videoRight h5 span {
    display: block;
    font-size: 18px;
    color: #222222;
    margin-bottom: 10px;
}

.homeProd-videoRight p {
    font-size: 12px;
    color: #333333;
    line-height: 22px;
    height: 100px;
    overflow: hidden;
    margin-bottom: 40px;
}

.homeProd-videoRight .more {
    display: block;
    font-size: 12px;
    color: #666666;
    position: relative;
    line-height: 30px;
    width: 135px;
    height: 30px;
    background: url(../images/jt-a.png) no-repeat right center;
    transition: all .5s;
}

.homeProd-videoRight .more:before {
    content: "";
    position: absolute;
    border: 1px solid #f2f2f2;
    transition: all .5s;
    transform: scale(0.6);
    opacity: 0;
    width: 120px;
    height: 30px;
    left: 0
}

.homeProd-videoRight .more:hover:before {
    opacity: 1;
    transform: scale(1.0);
    border-color: #0093dd;
}

.homeProd-videoRight .more:hover {
    padding-left: 20px;
}

.homeProd-list li {
    width: 298px;
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    float: left;
    margin-right: -1px;
}

.homeProd-list li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.homeProd-list li a:before {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: 0px;
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    opacity: 0;
    z-index: 1;
    transition: all .5s;
}

.homeProd-list li .pic {
    height: 320px;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.homeProd-list li .pic img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.homeProd-list li .pic .cover {
    position: absolute;
    left: 4px;
    right: 4px;
    top: 4px;
    bottom: 4px;
    background: rgba(0, 0, 0, 0.8);
    color: #e8e9e9;
    font-size: 12px;
    line-height: 22px;
    padding: 70% 30px 0;
    text-align: center;
    opacity: 0;
    transition: all .5s;
}

.homeProd-list li .pic .cover:before {
    content: "";
    position: absolute;
    width: 48px;
    height: 50px;
    background: url(../images/view-case.png) no-repeat center center;
    left: 50%;
    margin-left: -24px;
    top: 15%;
    transition: all .5s;
    opacity: 0;
}

.homeProd-list li h4 {
    height: 60px;
    line-height: 60px;
    color: #191919;
    font-weight: normal;
    text-align: center;
    background-color: #e5e5e5;
    transition: all .5s;
}

.homeProd-list li:hover .pic img {
    transform: scale(1.2);
}

.homeProd-list li:hover h4 {
    background-color: #0093dd;
    color: #fff;
}

.homeProd-list li a:hover:before {
    border-color: #0093dd;
    opacity: 1;
}

.homeProd-list li:hover .pic .cover {
    opacity: 1;
}

.homeProd-list li:hover .pic .cover:before {
    top: 25%;
    opacity: 1
}

.homeProd-list li:hover .pic .cover {
    padding-top: 55%;
}


/*产品定制中心*/

.product {
    overflow: hidden;
    padding: 30px 0;
}

.product h3 {
    font-size: 18px;
    width: 230px;
    padding: 25px 0 12px 0;
    text-align: center;
    background-color: #0093dd;
}

.product h3 a {
    color: #fff
}

.product h3 p {
    font-size: 14px;
    color: #fff;
    font-family: Arial;
    font-weight: normal;
}

.product .pro_left {
    overflow: hidden;
    width: 230px;
    float: left
}

.product .pro_left ul {
    overflow: hidden;
    width: 230px;
    margin-bottom: 1px;
}

.product .pro_left li {
    width: 100%;
    background: url(../images/pro_left_li_bg.png) repeat center;
    float: left;
    margin-bottom: 1px;
    font-size: 13px;
    list-style: none;
}

.product .pro_left li a {
    color: #303030;
    display: block;
    padding-left: 15px;
    width: 215px;
    text-decoration: none;
    background: url(../images/pro_li.png) no-repeat 190px center;
    padding-top: 8px;
    padding-bottom: 8px;
}

.product .pro_left li:hover,
.product .pro_left .cur {
    background-color: #4db3f7;
}

.product .pro_left li:hover a,
.product .pro_left .cur a {
    color: #fff;
    background: url(../images/pro_li_cur.png) no-repeat 190px center
}

.product .pro_left .prf li dl {
    display: block;
}

.product .pro_left .prf dd {
    background-image: none;
    background-color: #f8f8f8;
}

.product .pro_left li dd a {
    color: #666!important;
    background-image: none !important;
    padding-left: 25px!important;
}

.product .pro_left lidd a:hover {
    background-color: #ccc!important;
}

.product .pro_left .pro_phone {
    overflow: hidden;
    background: url(../images/pro_phone.png) no-repeat 13px center;
    padding-left: 64px;
    width: 166px;
    padding-top: 36px;
    padding-bottom: 30px;
    border-bottom: 2px solid #005a98;
    background-color: #0093dd;
}

.product .pro_left .pro_phone {
    overflow: hidden;
    background: url(../images/pro_phone.png) no-repeat 13px center;
    padding-left: 64px;
    width: 166px;
    padding-top: 36px;
    padding-bottom: 30px;
    border-bottom: 2px solid #005a98;
    background-color: #0093dd;
}

.product .pro_left .pro_phone p {
    font-size: 14px;
    color: #fff;
}

.product .pro_left .pro_phone h4 {
    font-size: 20px;
    color: #fff;
    font-weight: normal
}

.product .pro_right {
    width: 936px;
    overflow: hidden;
    float: right;
    background-color: #fff;
}

.product .pro_right .pro_menu {
    overflow: hidden;
    width: 100%;
    height: 55px;
    background-color: #449fdd;
}

.product .pro_right .pro_menu a {
    display: block;
    height: 55px;
    line-height: 55px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    float: left;
    text-decoration: none;
    padding-left: 20px;
}

.product .pro_right .pro_menu .first {
    background: none
}

.product .pro_right .pro_content {
    overflow: hidden;
    width: 927px;
    margin: 0 auto;
    margin-top: 24px;
    margin-bottom: 5px;
    *margin-bottom: 24px
}

.product .pro_right .pro_content li {
    width: 283px;
    height: 269px;
    border: 1px solid #dadada;
    text-align: center;
    float: left;
    margin: 0 12px 17px 12px;
    overflow: hidden;
}

.product .pro_right .pro_content li p {
    font-size: 14px;
    color: #0e0e0e;
    line-height: 69px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.product .pro_right .pro_content li img {
    transition: all .5s;
}

.product .pro_right .pro_content li:hover img {
    transform: scale(1.2);
}


/*产品优点*/

.homeAdwant {
    background: url(../images/hadwant-bg.jpg) no-repeat center center;
    height: 170px;
    padding: 20px 0;
}

.homeAdwant li {
    width: 219px;
    height: 190px;
    float: left;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    border-right: 1px dotted #999;
    cursor: default;
    overflow: hidden;
}

.homeAdwant li i {
    width: 70px;
    height: 65px;
    display: block;
    text-align: center;
    margin: 0 auto 20px;
    position: relative;
}

.homeAdwant li .tit {
    display: block;
    font-size: 24px;
    margin-bottom: 10px;
    position: relative;
}

.homeAdwant li .txt {
    font-size: 14px;
    color: #cdcfd6;
    position: relative;
}

@keyframes moveFromLeft {
    from {
        right: 100%;
        opacity: 0
    }
    to {
        right: 0;
        opacity: 1
    }
}

@keyframes moveFromRight {
    from {
        left: 100%;
        opacity: 0
    }
    to {
        left: 0;
        opacity: 1
    }
}

@keyframes moveFromTop {
    from {
        top: 10%;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1
    }
}

.homeAdwant li:hover i {
    animation: moveFromLeft .8s ease;
}

.homeAdwant li:hover .tit {
    animation: moveFromRight .8s ease;
}

.homeAdwant li:hover .txt {
    animation: moveFromTop .7s linear;
}


/*合作伙伴*/

.homePartner {
    background-color: #eeeeee;
    padding: 75px 0;
}

.homePartner h3 {
    margin-bottom: 50px;
}

.homePartner-main {
    position: relative;
}

.homePartner-wrap {
    overflow: hidden;
}

.homePartner-main ul {
    width: 1220px;
}

.homePartner-main li {
    width: 230px;
    float: left;
    padding: 5px;
}

.homePartner-main li a {
    display: block;
    width: 230px;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0);
    transition: all .5s;
}

.homePartner-main li img {
    display: block;
    width: 100%;
    height: 120px;
    margin-bottom: 1px;
}

.homePartner-main li span {
    display: block;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 12px;
    color: #333333;
    background-color: #fff;
    position: relative;
}

.homePartner-main li span:before {
    position: absolute;
    content: "";
    left: 0;
    top: -1px;
    height: 1px;
    background-color: #0093dd;
    width: 0;
    transition: all .5s;
}

.homePartner-main .prev,
.homePartner-main .next {
    position: absolute;
    content: "";
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #cccccc;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .5s;
    top: 50%;
    margin-top: -18px;
}

.homePartner-main .prev:hover,
.homePartner-main .next:hover {
    background-color: #0093dd
}

.homePartner-main .prev {
    background-image: url(../images/tabico-a1.png);
    left: -4%;
}

.homePartner-main .prev:hover {
    background-image: url(../images/tabico-b1.png)
}

.homePartner-main .next {
    background-image: url(../images/tabico-a2.png);
    right: -4%;
}

.homePartner-main .next:hover {
    background-image: url(../images/tabico-b2.png)
}

.homePartner-main li:hover a {
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.08);
}

.homePartner-main li:hover a span {
    color: #0093dd
}

.homePartner-main li:hover span:before {
    width: 100%;
}


/*5大优劦#65533;*/

.homeYs {
    padding-top: 75px;
}

.homeYs h3 {
    text-align: center;
    margin-bottom: 50px;
}

.homeYs-main {
    overflow: hidden;
}

.homeYs-main li {
    box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.1);
    height: 382px;
}

.homeYs-main li .pic {
    display: block;
    overflow: hidden;
}

.homeYs-main li img {
    position: relative;
    z-index: -1;
    display: block;
    transition: all .5s;
}

.homeYs-main dl {
    padding-left: 140px;
}

.homeYs-main dl dt h5 {
    font-size: 38px;
    color: #191919;
    margin-bottom: 30px;
    position: relative;
    right: 0;
    transition: all .5s;
    font-weight: normal;
}

.homeYs-main dl dt h5:before {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    background-color: #0093dd;
    left: 170px;
    top: 10px;
    opacity: 0;
}

.homeYs-main dl dt b {
    display: block;
    width: 85px;
    height: 89px;
    background: url(../images/hys-numbg.png) no-repeat center center;
    float: left;
    font-size: 38px;
    text-align: center;
    line-height: 89px;
    color: #fff;
    margin-left: -140px;
    position: relative;
    transition: all .5s;
    top: 0
}

.homeYs-main dl dt span {
    font-size: 18px;
    color: #bbbbbb;
    display: block;
    margin-top: 10px;
}

.homeYs-main dl dd {
    font-size: 14px;
    color: #191919;
    margin-bottom: 8px;
    position: relative;
    padding-left: 25px;
}

.homeYs-main dl dd:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background-color: #0093dd;
    left: 0px;
    top: 10px;
}

.homeYs-main .ys1 .pic,
.homeYs-main .ys3 .pic,
.homeYs-main .ys5 .pic {
    float: right;
}

.homeYs-main .ys1 .left,
.homeYs-main .ys3 .left,
.homeYs-main .ys5 .left {
    float: left;
    text-align: left;
    margin-top: 100px;
}

.homeYs-main .ys2 .pic,
.homeYs-main .ys4 .pic {
    float: left;
}

.homeYs-main .ys2 .right,
.homeYs-main .ys4 .right {
    float: right;
    text-align: left;
    margin-top: 100px;
}

.homeYs-main li:hover dl dt b {
    top: 90px;
}

.homeYs-main li:hover dl dt h5 {
    right: 140px;
}

.homeYs-main li:hover img {
    transform: scale(1.15);
}

.homeYs-main li:hover dl dt h5:before {
    width: 60px;
    transition: all .5s;
    opacity: 1;
    transition-delay: .3s;
}


/*服务*/

.homeServe {
    background: url(../images/hserve-bg.jpg) no-repeat center center;
    height: 110px;
    padding: 25px 0;
}

.homeServe li {
    float: left;
    height: 120px;
    cursor: default;
}

.homeServe li i {
    display: block;
    width: 100px;
    height: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #449fdd;
    border-radius: 50%;
    float: left;
    margin-right: 20px;
    margin-top: 10px;
    position: relative;
}

.homeServe li h6 {
    font-size: 26px;
    color: #191919;
    font-weight: normal;
    margin-bottom: 10px;
}

.homeServe .s1,
.homeServe .s3 {
    width: 300px;
}

.homeServe .s2 {
    width: 330px;
    padding: 0 60px;
    border-left: 1px dotted #a1a1a1;
    border-right: 1px dotted #a1a1a1;
    margin: 0 60px;
}

.homeServe .s1 i {
    background-image: url(../images/hserve-ico1.png);
}

.homeServe .s2 i {
    background-image: url(../images/hserve-ico2.png);
}

.homeServe .s3 i {
    background-image: url(../images/hserve-ico3.png);
}

.homeServe li:hover i {
    animation: moveToTop .7s linear;
}

@keyframes moveToTop {
    0% {
        top: 0;
    }
    50% {
        top: -20%;
    }
    100% {
        top: 0;
    }
}


/*关于*/

.homeAbout {
    background: url(../images/habout-bg.jpg) no-repeat center center;
    padding: 80px 0;
    height: 440px;
}

.homeAbout .left {
    width: 640px;
    margin-right: 60px;
    height: 440px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.homeAbout .left img {
    width: 100%;
    height: 100%;
    display: block;
    transition: all .5s;
}

.homeAbout .right {
    width: 460px;
}

.homeAbout .right h2 {
    font-size: 38px;
    color: #fff;
    margin-bottom: 35px;
}

.homeAbout .right h2 span {
    display: block;
    margin-top: 15px;
}

.homeAbout .right h3 {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 20px;
}

.homeAbout .homeAbout-txt {
    height: 170px;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 40px;
}

.homeAbout .homeAbout-txt p {
    text-indent: 2em;
}

.homeAbout .more {
    display: block;
    font-size: 12px;
    color: #fff;
    position: relative;
    line-height: 30px;
    width: 135px;
    height: 30px;
    background: url(../images/jt-b.png) no-repeat right center;
    transition: all .5s;
}

.homeAbout .more:before {
    content: "";
    position: absolute;
    border: 1px solid #0093dd;
    transition: all .5s;
    transform: scale(0.6);
    opacity: 0;
    width: 120px;
    height: 30px;
    left: 0
}

.homeAbout .more:hover:before {
    opacity: 1;
    transform: scale(1.0);
    border-color: #fff;
}

.homeAbout .more:hover {
    padding-left: 20px;
}

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


/*实力展示*/

.homePower {
    padding: 75px 0;
    border-bottom: 1px solid #dedede;
}

.homePower-wrap {
    height: 245px;
    overflow: hidden;
}

.homePower-tab {
    text-align: center;
    font-size: 0;
    margin-bottom: 50px;
}

.homePower-tab a {
    display: inline-block;
    width: 250px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #cccccc;
    margin-right: -1px;
    font-size: 18px;
    color: #191919;
    transition: all .5s;
}

.homePower-tab a:hover,
.homePower-tab .on {
    background-color: #0093dd;
    border-color: #0093dd;
    color: #fff;
}

.homePower-box {
    overflow: hidden;
}

.homePower-box ul {
    width: 1230px;
}

.homePower-box li {
    width: 280px;
    float: left;
    margin-right: 25px;
}

.homePower-box li span {
    display: block;
}

.homePower-box li .pic {
    height: 240px;
    overflow: hidden;
}

.homePower-box li .pic img {
    width: 100%;
    height: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.homePower-box li:hover .pic img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
}

.homePower-box li .txt {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #9b9b9b;
}

.homePower-box li:hover .txt {
    color: #0093dd;
}

.homePower-main {
    position: relative;
}

.homePower-main .pPrev,
.homePower-main .pNext {
    position: absolute;
    content: "";
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #cccccc;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .5s;
    top: 55%;
}

.homePower-main .pPrev:hover,
.homePower-main .pNext:hover {
    background-color: #0093dd
}

.homePower-main .pPrev {
    background-image: url(../images/tabico-a1.png);
    left: -4%;
}

.homePower-main .pPrev:hover {
    background-image: url(../images/tabico-b1.png)
}

.homePower-main .pNext {
    background-image: url(../images/tabico-a2.png);
    right: -4%;
}

.homePower-main .pNext:hover {
    background-image: url(../images/tabico-b2.png)
}


/*文章*/

.homeArticle {
    padding: 75px 0;
}

.homeArticle h3 {
    font-size: 28px;
    color: #333333;
    margin-bottom: 25px;
}

.homeArticle h3 span {
    font-size: 12px;
    color: #cbcbcb;
    font-weight: normal;
    margin-left: 15px;
}

.homeArticle .list {
    /*width: 340px;*/
    width: 50%;
    box-sizing: border-box;
    float: left;
    padding: 0 29px;
    /*border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	margin-right: -1px;*/
    height: 600px;
}

.homeArticle .pic {
    display: block;
    width: 340px;
    height: 165px;
    overflow: hidden;
    margin-bottom: 25px;
}

.homeArticle .pic img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.homeArticle ul {
    height: 270px;
    margin-bottom: 30px;
}

.homeArticle .fqa li {
    padding-left: 40px;
    margin-bottom: 30px;
}

.homeArticle .fqa li h5 {
    font-size: 14px;
    color: #191919;
    font-weight: normal;
    margin-bottom: 10px;
    position: relative;
}

.homeArticle .fqa li h5:before {
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    background: url(../images/hfqa-ico1.jpg) no-repeat center center;
    left: -40px;
}

.homeArticle .fqa li h5 a {
    display: block;
    color: #191919;
    transition: all .5s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.homeArticle .fqa li:hover h5 a {
    color: #0093dd;
    padding-left: 10px;
}

.homeArticle .fqa li p {
    font-size: 12px;
    color: #666666;
    line-height: 18px;
    position: relative;
}

.homeArticle .fqa li p:before {
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    background: url(../images/hfqa-ico2.png) no-repeat center center;
    left: -40px;
}

.homeArticle .moreArticle {
    display: block;
    font-size: 12px;
    color: #666666;
    position: relative;
    line-height: 30px;
    width: 135px;
    height: 30px;
    background: url(../images/jt-c.png) no-repeat right center;
    transition: all .5s;
}

.homeArticle .moreArticle:before {
    content: "";
    position: absolute;
    border: 1px solid #f2f2f2;
    transition: all .5s;
    transform: scale(0.6);
    opacity: 0;
    width: 120px;
    height: 30px;
    left: 0
}

.homeArticle .moreArticle:hover:before {
    opacity: 1;
    transform: scale(1.0);
    border-color: #449fdd;
}

.homeArticle .moreArticle:hover {
    padding-left: 20px;
    background: url(../images/jt-a.png) no-repeat right center;
    color: #449fdd
}

.homeArticle .comesNew li,
.homeArticle .indusNew li {
    margin-bottom: 20px;
    position: relative;
}

.homeArticle .comesNew li a,
.homeArticle .indusNew li a {
    display: block;
    color: #484848;
    transition: all .5s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.homeArticle .comesNew li:hover a,
.homeArticle .indusNew li:hover a {
    color: #0093dd;
    padding-left: 10px;
}

.homeArticle .comesNew li:before,
.homeArticle .indusNew li:before {
    content: "";
    position: absolute;
    left: -30px;
    width: 1px;
    height: 16px;
    background-color: #dedede;
    top: 5px;
    opacity: 0;
    transition: all .5s;
}

.homeArticle .comesNew li:hover:before,
.homeArticle .indusNew li:hover:before {
    opacity: 1;
    background-color: #0093dd;
}


/*底部*/

.footer {
    background: #212121;
    color: #959494;
    padding: 36px 0 24px 0;
}

.footer a {
    color: #959494
}

.footer a:hover {
    color: #fff;
}

.footLeft {
    width: 740px;
    border-right: 1px solid #383838;
    margin-right: 30px;
    min-height: 220px;
}

.footNav {
    margin-bottom: 40px;
}

.footNav a {
    font-size: 14px;
    color: #fff;
    padding: 0 9px;
    border-right: 1px dotted #fff;
}

.footNav a:first-child {
    padding-left: 0;
}

.footNav a:last-child {
    border-right: 0;
}

.footContact {
    line-height: 26px;
}

.footContact .footLogo {
    float: left;
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px dotted #383838;
    height: 115px;
}

.footLink {
    line-height: 30px;
    height: 30px;
}

.footLink span {
    font-size: 14px;
    color: #ffffff;
    float: left;
}

.footLink a {
    display: block;
    font-size: 12px;
    float: left;
    margin-left: 10px;
}

.prolink {
    width: 188px;
    display: block;
    font-size: 12px;
    float: left;
}

.prolink span {
    font-size: 14px;
    color: #ffffff;
    float: left;
}

.prolink a {
    width: 170px;
    display: block;
    font-size: 12px;
    float: left;
}

.footpro {
    width: 210px;
}

.footpro span {
    font-size: 14px;
    color: #ffffff;
    display: block;
    margin-bottom: 10px;
}

.footpro a {
    display: block;
    font-size: 12px;
    margin-bottom: 2 px;
}

.footer .footRight {
    width: 215px;
    text-align: left;
}

.footer .footRight p {
    overflow: hidden;
}

.footer .footRight .s1 {
    margin-right: 15px;
}

.footer .footRight .s1 img {
    width: 100px;
}

.footer .footRight span {
    float: left;
    text-align: center;
    display: block;
    font-size: 12px;
}

.footer .footRight span img {
    display: block;
}

.footerBox {
    position: relative;
}

.renzheng {
    width: 428px;
    float: right;
}

.renzheng img {
    float: left;
    margin-right: 24px;
    margin-top: 36px;
}


/* 内页公用*/

.listWrapper {
    padding: 40px 0 50px 0;
    overflow: hidden;
}

.pageWrapper {
    padding: 40px 0 50px 0;
}

.pWrapper {
    padding-bottom: 60px;
    background: #f0f0f0;
    overflow: hidden;
}

.breadCrumb {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #dadada;
    background: #fff;
}

.breadCrumb p {
    background: url('../images/home_icon.png') no-repeat left center;
    padding-left: 20px;
}

.breadCrumb .back {
    float: right;
    width: 80px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 5px;
    background: #999;
    color: #fff;
    margin-top: 10px;
}

.breadCrumb .back:hover {
    background: #0072c6;
    transition: all 0.3s;
}

.page-bgColor {
    background-color: #fff;
    padding: 30px 20px;
}


/* 内页公用菜单*/

.listMenu {
    padding: 50px 0 0 0;
    position: relative;
}

.listMenu:after {
    position: absolute;
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #dadada;
    top: 78%;
    z-index: -1
}

.listMenu .menuWrap {
    overflow: hidden;
    text-align: center;
    font-size: 0;
}

.listMenu .menuWrap a {
    display: inline-block;
    height: 36px;
    font-size: 14px;
    color: #333333;
    border: 1px solid #d9d9d9;
    margin-right: -1px;
    line-height: 36px;
    transition: all .5s;
    background-color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 12px;
}

.listMenu .menuWrap a:hover,
.listMenu .menuWrap .current {
    background-color: #0093dd;
    border-color: #0093dd;
    color: #fff;
}

.menuSub {
    text-align: left;
    margin-top: 40px;
    background: #f4f4f4;
    padding: 15px 0
}

.menuSub a {
    padding: 0 15px;
    background: url(../images/nav-bg.png) no-repeat right center;
}

.menuSub a.current,
.menuSub a:hover {
    color: #0072c6
}


/* 案例列表*/

.caseList li {
    width: 275px;
    height: 348px;
    float: left;
    margin-right: 30px;
    margin-bottom: 50px;
    position: relative;
    transition: all .5s;
}

.caseList li .cImg {
    display: block;
    width: 100%;
    height: 275px;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all .5s;
    border: 1px solid #eee;
}

.caseList li .cImg img {
    display: block;
    width: 100%;
    height: 100%;
}

.caseList .font {
    position: absolute;
    width: 235px;
    background-color: #fff;
    padding: 25px 20px;
    margin-left: 0px;
    margin-top: 260px;
    transition: all .5s;
    bottom: 0;
    z-index: 2;
}

.caseList .font h4 {
    height: 20px;
    color: #484848;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}

.caseList .font h4 a {
    color: #484848
}

.caseList .font span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    text-align: center;
    padding-bottom: 20px;
    margin-top: 12px;
}

.caseList .font p {
    margin: 0 auto;
    font-size: 13px;
    line-height: 26px;
    width: 70%;
    text-align: center;
    margin: 0 auto;
    height: 50px;
    color: #949494;
    overflow: hidden;
    position: relative;
    top: 0;
    transition: all .5s;
}

.caseList li .more {
    display: block;
    font-size: 12px;
    color: #666666;
    position: relative;
    line-height: 30px;
    width: 135px;
    height: 30px;
    background: url(../images/jt-c.png) no-repeat 30px center;
    transition: all .5s;
    position: absolute;
    left: 28%;
    bottom: 20px;
    opacity: 0;
}

.caseList li .more:before {
    content: "";
    position: absolute;
    border: 1px solid #f2f2f2;
    transition: all .5s;
    opacity: 0;
    width: 120px;
    height: 30px;
    left: 0
}

.caseList li:hover .more:before {
    opacity: 1;
    border-color: #0093dd;
}

.caseList li:hover .more {
    padding-left: 30px;
    background: url(../images/jt-a.png) no-repeat right center;
    color: #0093dd;
    bottom: 50px;
    opacity: 1;
}

.caseList li:hover {
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1);
}

.caseList li:hover .cImg {
    top: -10px;
}

.caseList li:hover .font {
    bottom: -10px;
}

.caseList li:hover .font p {
    opacity: 0;
    top: 10px;
}

.caseList li:hover h4 a {
    color: #0093dd
}


/* 案例详情*/


/* 案例详情*/

.caseShow {
    width: 830px;
}

.caseShow .title {
    font-size: 18px;
    color: #303030;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: center;
}

.caseShow .p1 {
    margin-bottom: 25px;
    text-align: center;
    color: #999999;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px
}

.caseShow .p1 span {
    margin-right: 15px;
}

.casShow_img {
    margin-bottom: 30px
}

.zoombox {
    width: 830px;
    margin-bottom: 35px;
    text-align: center;
    margin: 0 auto;
}

.zoompic {
    width: 830px;
    height: ;
    background: url('../images/loading.gif') no-repeat 50% 50%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

.sliderbox {
    height: 82px;
    overflow: hidden;
    margin-top: 20px;
}

.sliderbox .arrow-btn {
    width: 20px;
    height: 70px;
    background: url('../images/arrow_btn.png') no-repeat;
    cursor: pointer;
    margin-top: 8px;
}

.sliderbox #btn-left {
    float: left;
    background-position: 0 0;
}

.sliderbox #btn-left.dasabled {
    background-position: -40px 0;
}

.sliderbox #btn-right {
    float: right;
    background-position: -20px 0;
}

.sliderbox #btn-right.dasabled {
    background-position: -60px 0;
}

.sliderbox .slider {
    float: left;
    height: 82px;
    width: 770px;
    position: relative;
    margin-left: 10px;
    overflow: hidden;
}

.sliderbox .slider ul {
    position: absolute;
    left: 0;
    width: 880px;
}

.sliderbox .slider li {
    float: left;
    width: 128px;
    height: 82px;
    text-align: center;
}

.sliderbox .slider li img {
    border: 3px solid #ddd;
    width: 100px;
    height: 76px;
}

.sliderbox .slider li.current img {
    border: 3px solid #018bd5;
}

.caseShow_font1 {
    margin-top: 30px;
}

.caseShow_font1 .title {
    height: 30px;
    border-bottom: 1px solid #e5e5e5;
    pab
}

.caseShow_font1 .title span {
    float: left;
    height: 30px;
    width: 120px;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
}

.caseShow_font1 .title .on {
    background: #018bd5;
    color: #fff;
}

.relatedCase {
    margin-top: 30px;
}

.relatedTitle {
    height: 40px;
    line-height: 40px;
    background: #efefef;
    color: #00a254;
    font-size: 16px;
    font-weight: normal;
    margin: 20px 0;
    border-radius: 20px;
    margin-bottom: 30px;
}

.relatedTitle span {
    width: 150px;
    background: #018bd5;
    display: inline-block;
    color: #fff;
    border-radius: 20px;
    position: relative;
    text-align: center;
}

.relatedTitle span::before {
    position: absolute;
    content: "";
    bottom: -12px;
    left: 70px;
    border: 6px solid transparent;
    border-top-color: #018bd5;
}

.relatedCase {
    overflow: hidden;
}

.relatedCase ul {
    width: 1250px;
}

.relatedCase li {
    width: 290px;
    float: left;
    height: 193px;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    margin-right: 10px;
}

.relatedCase li img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 1s;
}

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

.relatedCase li span {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #018bd5;
    line-height: 40px;
    transition: all .5s;
    bottom: 0;
}

.relatedCase li:hover span {
    height: 40px;
}


/* 风采展示*/

.partnerList,
.honorList,
.settingList,
.newsList,
.appList,
.newsList,
.downList {
    width: 1200px;
    overflow: hidden;
}

.caseList ul,
.partnerList ul,
.honorList ul,
.settingList ul,
.downList ul {
    width: 1240px;
}

.settingList ul li {
    width: 280px;
    float: left;
    margin-right: 26px;
    margin-bottom: 25px;
    text-align: center;
}

.settingList ul li img {
    display: block;
    width: 270px;
    height: 190px;
    padding: 4px;
    border: 1px solid #e3e3e3;
    background: #fff;
    transition: all .5s;
}

.settingList ul li img:hover {
    border: 1px solid #0072c6;
    background: #0072c6;
}

.settingList ul li span {
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}


/* 荣誉证书*/

.honorList li {
    width: 280px;
    float: left;
    margin-right: 26px;
    margin-bottom: 25px;
    text-align: center;
}

.honorList li img {
    display: block;
    width: 270px;
    height: 203px;
    padding: 4px;
    border: 1px solid #e3e3e3;
    background: #fff;
}

.honorList li img:hover {
    border: 1px solid #0072c6;
    background: ;
}

.honorList li span {
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}


/* 合作伙伴*/

.partnerList li {
    float: left;
    width: 220px;
    margin-right: 25px;
    margin-bottom: 25px;
}

.partnerList li img {
    width: 210px;
    height: 120px;
    background: #e5e5e5;
    padding: 4px;
    border: 1px solid #d4d4d4;
    box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
}

.partnerList li span {
    height: 35px;
    line-height: 35px;
    display: block;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* 精英团队*/

.teamList {
    width: 900px;
}

.teamList ul {
    padding: 0 0 20px 0;
}

.teamList li {
    height: 245px;
    margin-bottom: 25px;
    background: #f5f5f5;
    padding: 15px;
    height: 205px;
    border: 3px solid #e2e2e2;
    border-radius: 3px;
}

.teamList li .pImg {
    width: 380px;
    height: 235px;
    overflow: hidden;
    margin: -30px 20px 0 -40px;
}

.teamList li img {
    width: 380px;
    height: 235px;
}

.teamList li h4 {
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
    margin-bottom: 15px;
}

.teamList li h4 a {
    color: #333;
}

.teamList li h4 a:hover {
    color: #df2128;
}

.teamList li .font {
    height: 115px;
    overflow: hidden;
    margin-bottom: 10px;
}

.teamList li .btn a {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
    background: #b11e28;
    font-size: 14px;
    color: #fff;
    text-align: center;
    width: 120px;
    margin-right: 15px;
}

.teamList li .btn a:hover {
    background: #8a020b;
}


/* 新闻列表*/

.newsList li {
    border-bottom: 1px solid #eee;
    padding: 30px 0 30px 0;
    height: 210px;
}

.newsList li a {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .5s;
    position: relative;
    left: 0
}

.newsList li .pic {
    width: 300px;
    height: 210px;
    float: left;
    position: relative;
    overflow: hidden;
}

.newsList li .pic img {
    width: 100%;
    height: 100%;
}

.newsList li:hover img {
    transition: all 0.5s;
    transform: scale(1.2);
}

.newsList li .pic .time {
    position: absolute;
    width: 110px;
    height: 60px;
    right: 0;
    bottom: 0;
    background: #666666;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 10px;
    transition: all .5s
}

.newsList li .pic .time strong {
    display: block;
    font-size: 26px;
    border-top: 1px solid #fff;
    padding-top: 8px;
    margin-top: 5px;
}

.newsList li .txt {
    width: 860px;
    height: 170px;
    padding: 20px;
    float: right;
}

.newsList li .txt p {
    padding-bottom: 20px;
    border-bottom: 1px dotted #dadada;
    margin-bottom: 30px;
}

.newsList li .txt h4 {
    font-size: 18px;
    font-weight: normal;
    color: #343434;
    margin-bottom: 20px;
}

.newsList li:hover .txt h4 {
    color: #0072c6
}

.newsList li:hover .time {
    background: #0072c6
}

.newsList li .txt .more {
    background: url(../images/news-link-ico.png) no-repeat left center;
    padding-left: 25px;
}

.newsList li:hover .txt .more {
    color: #0072c6
}

.newsList li:hover {
    box-shadow: 0 0 60px -10px rgba(0, 0, 0, .2);
}

.newsList li:hover a {
    left: 20px;
}


/* 常见问题*/

.faqList li {
    position: relative;
    margin-bottom: 30px;
    border-left: 3px solid #0093dd;
}

.faqList li:after {
    content: '';
    position: absolute;
    top: 12px;
    right: 16px;
    display: block;
    width: 30px;
    height: 30px;
    background: #0093dd;
    pointer-events: none;
}

.faqList li h3:before,
.faqList li h3:after {
    content: '';
    position: absolute;
    top: 26px;
    right: 23px;
    z-index: 2;
    width: 16px;
    height: 2px;
    background: #fff;
}

.faqList li h3:before {
    width: 2px;
    height: 16px;
    top: 19px;
    right: 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.faqList li.act h3:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background: transparent\0;
}

.faqList li h3 {
    position: relative;
    padding: 0 60px;
    background-color: #f3f3f3;
    line-height: 54px;
    font-size: 16px;
    cursor: pointer;
    font-weight: normal;
    color: #333;
    background-image: url(../images/faq.png);
    background-repeat: no-repeat;
    background-position: 20px 0;
}

.faqList li div {
    display: none;
    padding: 25px 60px;
    line-height: 25px;
    color: #7c7c7c;
    -webkit-animation: fadeIn 0.5s ease-out 0.2s both;
    animation: fadeIn 0.5s ease-out 0.2s both;
}

.faqList li div {
    background: url(../images/faq.png) no-repeat 20px -155px;
    font-size: 14px;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/* 新闻详细样式*/

.articleShow .articleLeft {
    width: 830px;
}

.articleShow .articleStart {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede;
    overflow: hidden;
}

.articleShow .articleLeft h2 span {
    display: block;
    float: left;
    font-size: 14px;
    color: #999999
}

.articleShow .articleLeft .title {
    font-size: 18px;
    line-height: 30px;
    color: #303030;
    font-weight: normal;
    margin-bottom: 10px;
}

.articleShow .articleLeft .time {
    margin-right: 15px;
}

.articleShow .articleLeft .content {
    margin-bottom: 60px;
}

.articleShow .articlePage .post-prev,
.articleShow .articlePage .post-next {
    transition: all .36s ease;
    position: relative;
    width: 49%;
    overflow: hidden;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #f5f5f5;
    height: 60px;
    transition: all .5s;
    background: #f5f5f5;
    margin-right: 1%;
}

.articleShow .articlePage a {
    display: block;
    width: 100%;
    height: 100%;
}

.articleShow .articlePage h5 {
    height: 60px;
    line-height: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #666;
    font-weight: normal;
    position: relative;
    transition: all .5s;
    width: 350px;
}

.articleShow .articlePage .post-prev h5 {
    right: 0;
    text-align: right;
}

.articleShow .articlePage .post-next h5 {
    left: 0;
    text-align: left;
}

.articleShow .articlePage i {
    display: block;
    width: 40px;
    height: 16px;
    margin-top: 24px;
}

.articleShow .articlePage .post-prev i {
    border-right: 1px solid #c9c9c9;
    background: url(../images/pagejt-icol.png) no-repeat 0 center;
    transition: all .5s;
}

.articleShow .articlePage .post-next i {
    border-left: 1px solid #c9c9c9;
    background: url(../images/pagejt-icor.png) no-repeat -40px center;
    transition: all .5s
}

.articleShow .articlePage .post-prev:hover,
.articleShow .articlePage .post-next:hover {
    background-color: #0077b7
}

.articleShow .articlePage .post-prev:hover .pageImg,
.articleShow .articlePage .post-next:hover .pageImg {
    opacity: 1;
}

.articleShow .articlePage .post-prev:hover h5 {
    color: #fff;
    right: 25px;
}

.articleShow .articlePage .post-next:hover h5 {
    color: #fff;
    left: 25px;
}

.articleShow .articlePage .post-prev:hover i {
    border-color: #fff;
    background-position: -40px 0;
    opacity: 0.6
}

.articleShow .articlePage .post-next:hover i {
    border-color: #fff;
    background-position: 0 0;
    opacity: 0.6
}

.articleRight {
    width: 300px;
}

.articleRight h3 {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: normal;
    color: #303030;
    margin-bottom: 10px;
}

.articleRelate-case {
    margin-bottom: 20px;
}

.articleRelate-case li {
    padding: 20px 0;
    border-top: 1px solid #e5e5e5;
    transition: all .5s;
    height: 86px;
}

.articleRelate-case li a {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .5s;
    position: relative;
    left: 0
}

.articleRelate-case li img {
    display: block;
    width: 120px;
    height: 100%;
    margin-right: 15px;
    float: left;
}

.articleRelate-case li .txt {
    width: 140px;
    float: left;
    color: #888;
    font-size: 12px;
}

.articleRelate-case li h5 {
    width: 136px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #333;
    font-weight: normal;
}

.articleRelate-case li:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
}

.articleRelate-case li:hover a {
    left: 15px;
}

.articleRelate-case li:hover h5 {
    color: #0077b7
}

.articleRelate-news {
    border: 1px solid #e5e5e5;
    padding: 15px 10px;
}

.articleRelate-news li {
    /*height: 36px;*/
    line-height: 36px;
    border-bottom: 1px dotted #e5e5e5;
    transition: all .5s;
}

.articleRelate-news li a {
    display: block;
    background: url(../images/ly_li.png) no-repeat left center;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    padding-left: 10px;
}

.articleRelate-news li:hover {
    padding-left: 10px;
}

.articleRelate-news li:hover a {
    color: #0077b7
}


/* 人才招聘*/

.gr-jobs-list dd {
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ddd;
    background: #f1f1f1;
    margin-top: 10px;
    cursor: pointer;
    font-size: 14px;
}

.gr-jobs-list dd em {
    float: right;
    display: block;
    width: 15px;
    height: 15px;
    background: url(../images/iconf.png) no-repeat;
    cursor: pointer;
    margin-top: 20px;
}

.gr-jobs-list dd.on em {
    background: url(../images/icong.png) no-repeat;
}

.gr-jobs-list dd span {
    display: block;
    float: left;
}

.gr-jobs-list dt {
    border: 1px solid #ccc;
    border-top: none;
    padding: 15px;
    margin-bottom: 10px;
    background: #fff;
}

.gr-jobs-list dt strong {
    font-size: 14px;
}

.gr-apply {
    display: block;
    width: 140px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #555;
    border-radius: 3px;
    color: #fff;
    margin: 30px auto 0 auto;
    transition: all 0.3s;
}

.gr-apply:hover {
    background: #0072c6;
    color: #fff;
}

.jobsShow {
    border: 1px solid #ddd;
    background: #fff;
}

.jobsShow h3 {
    font-size: 14px;
    font-weight: bold;
    background: #ddd;
    line-height: 35px;
    padding-left: 15px;
    font-weight: normal;
}

.jobsShow table {
    margin: 10px 20px 20px;
    background: #fff;
}

.jobsShow .mr {
    padding-right: 20px;
}

.jobsShow .jobsInput {
    width: 460px;
    border: 1px solid #ddd;
    line-height: 25px;
    height: 25px;
    padding: 0 5px;
    margin-bottom: 10px;
}

.jobsShow .input_radio {
    margin-right: 5px;
    vertical-align: middle;
}

.jobsShow .jobsInput:focus,
.jobsShow .jobsTextarea:focus {
    border: 1px solid #e50009;
}

.jobsShow .jobsTextarea {
    width: 1100px;
    padding: 5px;
    border: 1px solid #ddd;
    line-height: 22px;
    height: 125px;
    margin-top: 3px;
    display: block;
}

.jobsShow .jobsSubmit {
    background: #999;
    width: 85px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    border: none;
    color: #fff;
    margin-right: 10px;
    margin-top: 20px;
    border-radius: 4px;
}

.jobsShow .jobsSubmit:hover {
    background: #666;
    color: #fff;
}

.jobsShow .jobsSubmitb {
    background: #333;
    width: 100px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    border: none;
    color: #fff;
    margin-top: 20px;
    border-radius: 4px;
}

.jobsShow .jobsSubmitb:hover {
    background: #0072c6;
    color: #fff;
}

.topAdd {
    position: absolute;
    left: 270px;
    top: 55px;
}

.addBr {
    position: relative;
}

.addBr:before {
    content: "";
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 20px;
    width: 0px;
    height: 0px;
    margin-top: -6px;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top-color: #e00
}

.addBr li {
    margin: 0 10px;
    font-size: 14px;
    line-height: 30px;
    color: #555;
    float: left;
    cursor: pointer;
}

.topAddCs,
.topAddBr {
    position: absolute;
    width: 110px;
    border: 1px solid #ddd;
    background: #fff;
    z-index: 5;
    text-align: center;
    font-size: 14px;
    padding: 5px 0;
    top: 40px;
    display: none;
    z-index: 20;
    left: -20px;
}

.topAddCs:before,
.topAddBr:before {
    position: absolute;
    content: "";
    top: -16px;
    left: 45px;
    border: 8px solid transparent;
    border-bottom-color: #ddd;
}

.topAddBr {
    right: -20px;
    left: auto;
}

.topAddCs li,
.topAddBr li {
    float: none;
}

.gongyi dl {
    width: 270px;
    margin: 30px 20px 0 0;
    text-align: center;
    float: left;
    border: solid 2px #eee;
    padding: 10px 5px;
}

.gongyi dl:nth-child(4n) {
    margin-right: 0;
}

.gongyi dl dt {}

.gongyi dl dt img {
    width: 170px;
    height: 170px;
}

.gongyi dl dd {
    padding-top: 5px;
    height: 150px;
}

.gongyi dl dd h3 {}

.gongyi dl dd h3 a {
    font-size: 16px;
    line-height: 40px;
    color: #222;
}

.gongyi dl dd h3 a:hover {
    color: #b11e28;
    text-decoration: underline;
}

.gongyi dl dd p {
    font-size: 14px;
    line-height: 24px;
    color: #888;
}

.gongyi dl dd h5 {}

.gongyi dl dd h5 a {
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #b11e28;
    text-decoration: underline;
}


/* 产品列表*/

.productList ul {
    width: 1240px;
}

.productList li {
    width: 298px;
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    float: left;
    margin-right: -1px;
}

.productList li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.productList li a:before {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: 0px;
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    opacity: 0;
    z-index: 1;
    transition: all .5s;
}

.productList li .pic {
    height: 320px;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.productList li .pic img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.productList li .pic .cover {
    position: absolute;
    left: 4px;
    right: 4px;
    top: 4px;
    bottom: 4px;
    background: rgba(0, 0, 0, 0.8);
    color: #e8e9e9;
    font-size: 12px;
    line-height: 22px;
    padding: 70% 30px 0;
    text-align: center;
    opacity: 0;
    transition: all .5s;
}

.productList li .pic .cover:before {
    content: "";
    position: absolute;
    width: 48px;
    height: 50px;
    background: url(../images/view-case.png) no-repeat center center;
    left: 50%;
    margin-left: -24px;
    top: 15%;
    transition: all .5s;
    opacity: 0;
}

.productList li h4 {
    height: 60px;
    line-height: 60px;
    color: #191919;
    font-weight: normal;
    text-align: center;
    background-color: #e5e5e5;
    transition: all .5s;
}

.productList li:hover .pic img {
    transform: scale(1.2);
}

.productList li:hover h4 {
    background-color: #0093dd;
    color: #fff;
}

.productList li a:hover:before {
    border-color: #0093dd;
    opacity: 1;
}

.productList li:hover .pic .cover {
    opacity: 1;
}

.productList li:hover .pic .cover:before {
    top: 25%;
    opacity: 1
}

.productList li:hover .pic .cover {
    padding-top: 55%;
}


/* 产品详情*/

.pageProbg {
    background: #fff;
    padding: 70px;
    width: 1060px;
    margin: 0 auto;
    box-shadow: 0 0 2px 1px #dadada;
}

.prodPic {
    width: 560px;
}

.prodPic .big {
    width: 435px;
    height: 435px;
    position: relative;
    z-index: 1;
    float: right;
    border: 1px solid #e3e3e3;
}

.prodPic .big a {
    width: 435px;
    height: 435px;
    background: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.prodPic .big a img {
    vertical-align: middle;
    max-width: 435px;
    max-height: 398px;
}

.prodPic .big a {
    *display: block;
    *font-family: Arial;
    *line-height: 1;
}

div.zoomDiv {
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 300px;
    height: 300px;
    background: #fff;
    border: 1px solid #ccc;
    display: none;
    text-align: center;
    overflow: hidden;
}

div.zoomMask {
    position: absolute;
    background: url(../images/mask.png);
    cursor: move;
    z-index: 1;
}

.prodPic .list {
    width: 112px;
    height: 436px;
    overflow: hidden;
    position: relative;
    float: left;
}

.prodPic .list a.prev,
.prodPic .list a.next {
    display: block;
    width: 107px;
    height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/anus.jpg) no-repeat;
    overflow: hidden;
    cursor: pointer;
}

.prodPic .list a.next {
    top: auto;
    bottom: 0;
    background-position: 0 -50px;
}

.prodPic .list a.prev:hover {
    background-position: 0 -25px;
}

.prodPic .list a.next:hover {
    background-position: 0 -75px;
}

.prodPic .list .thumb {
    position: relative;
    width: 112px;
    height: 370px;
    overflow: hidden;
    top: 33px;
}

.prodPic .list .thumb ul {
    position: absolute;
    height: 99999px;
}

.prodPic .list .thumb ul li {
    background: none;
    float: left;
    width: 107px;
    height: 95px;
    position: relative;
}

.prodPic .list .thumb ul li a {
    display: block;
    width: 103px;
    height: 75px;
    border: 2px solid #e3e3e3;
    text-align: center;
    background: #fff
}

.prodPic .list .thumb ul li img {
    max-width: 100%;
    max-height: 100%;
    cursor: pointer;
}

.prodPic .list .thumb ul li a em {
    display: block;
    width: 5px;
    height: 9px;
    position: absolute;
    right: -5px;
    top: 35px;
}

.prodPic .list .thumb ul li a.selected {
    border-color: #0093dd;
}

.prodPic .list .thumb ul li a.selected em {
    background: url(../images/jt.png) no-repeat
}


/* 产品右侧简介样弦#65533;*/

.proshow_synopsis {
    background: #f2f2f2;
    border: 1px solid #d5d5d5;
    padding: 19px;
    width: 470px;
    color: #666;
    font-size: 13px;
    line-height: 30px;
    height: 396px;
    border-radius: 3px;
}

.proshow_synopsis .title {
    font-size: 24px;
    color: #0072c6;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 15px;
    padding-bottom: 0px;
    font-weight: normal;
    padding-bottom: 10px
}

.proshow_synopsis strong {
    color: #333;
    font-weight: normal;
}

.proshow_synopsis .font {
    line-height: 24px;
    overflow: hidden;
    height: 150px;
    margin-bottom: 15px;
}

.prodcut-tel {
    padding-left: 50px;
    margin-bottom: 20px;
    line-height: 26px;
    background: url('../images/p_icon.png') no-repeat left center;
}

.prodcut-tel span {
    font-family: arial;
    font-size: 24px;
    color: #0072c6;
    display: block;
}

.proshow_synopsis .btn a {
    display: inline-block;
    width: 170px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #4b4b4b url(../images/proshow_icon1.png) no-repeat 20px 14px;
    color: #fff;
    transition: all 0.3s;
    font-size: 16px;
}

.proshow_synopsis .btn .a02 {
    background: #0093dd url(../images/proshow_icon2.png) no-repeat 20px 13px;
    margin-left: 25px;
}

.proshow_synopsis .btn a:hover {
    opacity: 0.8;
    filter: alpha(opacity=50);
    transition: all 0.3s;
}


/* 产品说明标签切换样式*/

.gr-tab-list {
    overflow: hidden;
    margin-top: 40px;
}

.gr-tab-list .hd {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
}

.gr-tab-list .hd li {
    width: 150px;
    float: left;
    text-align: center;
    background: #eee;
    margin-right: 5px;
    cursor: pointer;
    position: relative;
}

.gr-tab-list .hd li.on {
    background: #0072c6;
    color: #fff;
}

.gr-tab-list .bd {
    overflow: hidden;
    padding-top: 15px;
}

.gr-tab-list .hd li.on::before {
    position: absolute;
    content: "";
    bottom: -12px;
    left: 70px;
    border: 6px solid transparent;
    border-top-color: #0072c6;
}


/* 相关产品样式*/

.relatedPro {
    margin-bottom: 30px;
    overflow: hidden;
}

.relatedPro .tie {
    height: 40px;
    line-height: 40px;
    background: #eee;
    color: #0072c6;
    font-size: 16px;
    font-weight: normal;
    margin: 20px 0;
}

.relatedPro .tie span {
    padding: 0 30px;
    background: #0072c6;
    display: inline-block;
    color: #fff;
}

.relatedPro li {
    float: left;
}

.relatedPro ul {
    width: 1240px;
    margin-top: 20px;
}

.relatedPro li {
    float: left;
    width: 280px;
    margin-bottom: 20px;
    margin-right: 24px;
    border: 1px solid #ddd;
    background: #eee;
    text-align: center;
    transition: all .5s;
}

.relatedPro li a {
    display: block;
    width: 280px;
    transition: all .5s;
}

.relatedPro li img {
    width: 270px;
    height: 293px;
    padding: 5px;
    background: #fff;
}

.relatedPro li span {
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.relatedPro li:hover {
    border: 1px solid #0072c6;
}

.relatedPro li a:hover {
    background: #0072c6;
    color: #fff;
}


/* 采购表单样式*/

.orderBox {
    padding: 25px;
    width: 1140px;
    background: #f1f1f1;
    overflow: hidden;
    margin: 0 auto;
}

.orderBox h3 {
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
    font-family: "微软雅黑";
}

.orderBox .table {
    padding-top: 20px;
    overflow: hidden;
}

.orderBox .table li {
    width: 520px;
    height: 215px;
    float: left;
    height: 35px;
    margin-bottom: 10px;
}

.orderBox .table li span {
    float: left;
    border: 1px solid #ddd;
    line-height: 33px;
    height: 33px;
    width: 98px;
    display: inline-block;
    text-align: center;
    background: #fff;
}

.orderBox .table li .iptTxt {
    float: right;
    width: 408px;
    border: 1px solid #ddd;
    border-left-width: 0;
    height: 33px;
    line-height: 33px;
    background: #fff;
    color: #666;
    padding-left: 10px;
}

.orderBox .table li .iptCode {
    float: left;
    width: 199px;
    border: 1px solid #ddd;
    border-left-width: 0;
    height: 33px;
    line-height: 33px;
    background: #fff;
    color: #666;
    padding-left: 10px;
}

.orderBox .table li .checkcode {
    float: left;
    border: 1px solid #ddd;
    border-left-width: 0;
    background: #eee;
    margin-left: 2px;
    padding: 6px;
}

.orderBox .table li .btn {
    width: 385px;
    height: 35px;
    line-height: 35px;
    background: #333;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border: none;
}

.orderBox .table li .btn:hover {
    background: #0093dd;
    color: #fff;
}

.orderBox .table li.areLi {
    width: 570px;
    float: right;
    height: 215px;
    overflow: hidden;
}

.orderBox .table li.areLi .txtContent {
    width: 528px;
    height: 183px;
    border: 1px solid #ddd;
    outline: none;
    resize: none;
    padding: 15px;
    color: #666;
    line-height: 18px;
    background: #fff;
}


/* 内页留言样式*/

.page-ditu {
    background: #f5f5f5;
    height: 400px;
}

#dituContent {
    width: 600px;
    height: 400px;
    float: left;
}

.contactFont {
    overflow: hidden;
    margin-bottom: 30px;
    float: right;
    width: 540px;
    height: 360px;
    padding: 20px 30px;
}

.page-contact-title {
    font-size: 26px;
    line-height: 50px;
    color: #333;
    text-align: center;
    padding: 10px 0 20px;
}

.page-contact {}

.page-contact dl {
    width: 20%;
    height: 210px;
    float: left;
    text-align: center;
    position: relative;
}

.page-contact dl:before {
    content: "";
    overflow: hidden;
    position: absolute;
    background-color: #eee;
    left: 0px;
    top: 0;
    height: 100%;
    width: 1px;
}

.page-contact dl:nth-child(1):before {
    width: 0;
}

.page-contact dl dt {
    position: relative;
    padding-top: 120px;
    font-size: 12px;
    line-height: 20px;
    color: #888;
}

.page-contact dl dt span {
    width: 90px;
    height: 90px;
    position: absolute;
    left: 50%;
    top: 20px;
    margin-left: -45px;
}

.page-contact dl dd {
    font-size: 14px;
    line-height: 24px;
    padding: 10px 20px 0;
}

.map {
    margin-top: 60px;
    overflow: hidden;
}

.map .title {
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 25px;
    color: #333;
}

.map-left {
    width: 780px;
    height: 560px;
}

.map-line {
    margin-top: 0px;
}

.map-line d {
    margin: 25px 30px 0;
    background-repeat: no-repeat;
    background-position: left 8px;
    padding-left: 55px;
}

.map-line dl d {
    font-size: 18px;
    line-height: 30px;
    color: #eee;
}

.map-line dl dd {
    font-size: 14px;
    line-height: 24px;
    color: #bbb;
    padding: 5px 0 25px;
    border-bottom: 1px dotted #888;
}

.map-line dl:nth-last-child(1) dd {
    border: none;
}

.map-line dl.map-line-a {
    background-image: url(../images/icon-cc-a.png);
}

.map-line dl.map-line-b {
    background-image: url(../images/icon-cc-b.png);
}

.map-line dl.map-line-c {
    background-image: url(../images/icon-cc-c.png);
    background-position: left 3px;
}

.feedback {
    margin-top: 50px;
    overflow: hidden;
}

.feedback .title {
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 25px;
    color: #333;
}

.feedback .title span {
    background: #fff;
    padding: 0 30px;
    position: relative;
    top: -10px;
}

.feedback .title::before {
    content: "";
    border-bottom: 1px solid #e1e1e1;
    height: 12px;
    vertical-align: top;
    width: 100%;
    display: block;
}

#myform2 {
    position: relative;
}

#myform2 label {
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    margin-bottom: 30px;
    padding-left: 40px;
    background: url(../images/contact.png) no-repeat;
    font-size: 14px;
}

#myform2 label.name {
    background-position: 0 -32px;
}

#myform2 label.email {
    background-position: 0 -64px;
}

#myform2 label.city {
    background-position: 0 -96px;
}

#myform2 label.msg_title {
    background-position: 0 -128px;
}

#myform2 label.address {
    background-position: 0 -160px;
}

#myform2 label.message {
    background-position: 0 -192px;
    margin-bottom: 10px;
}

#myform2 input {
    width: 240px;
    height: 30px;
    line-height: 30px;
    float: left;
    margin: 0 37px 30px 0;
    padding: 0 10px;
    border: 1px solid #dbdbdb;
}

#myform2 input.last {
    margin-right: 0;
}

#myform2 .msg {
    border-top: 1px dotted #ccc;
    padding: 30px 0;
}

#myform2 textarea {
    height: 125px;
    width: 1178px;
    padding: 10px;
    border: 1px solid #dbdbdb;
    display: block;
}

#myform2 i {
    font-style: normal;
    color: #ff1f19;
    position: absolute;
    font-size: 14px;
    left: 380px;
    top: 6px;
}

#myform2 .f2 {
    left: 790px;
}

#myform2 .f3 {
    left: auto;
    right: 0;
}

#myform2 .f4 {
    left: 380px;
    top: 66px;
}

#myform2 .btns {
    width: 120px;
    height: 40px;
    margin-right: 10px;
    background: #0072c6;
    color: #fff;
    border: none;
    font-size: 15px;
    margin-bottom: 0;
    cursor: pointer;
}

#myform2 .btns:hover {
    background: #333;
    transition: all 0.3s;
}

#myform2 .reset {
    background: #ccc;
    cursor: pointer;
    margin-bottom: 0;
}

#myform2 .tableRow {
    width: 100%;
    height: 32px;
}

#myform2 .tableRow input {
    width: 150px;
    margin-right: 10px;
    color: #999;
    float: left;
}

#myform2 .tableRow .checkcode {
    width: 50px;
    height: 22px;
    margin-left: 5px;
    border: 1px solid #ccc;
    padding: 4px 5px;
    display: block;
    float: left;
    background: #fff;
}

#myform2 input:focus,
#myform2 textarea:focus {
    border-color: #0072c6;
}


/*视频列表*/

.videoList ul {
    width: 1250px;
}

.videoList li {
    width: 380px;
    height: 355px;
    margin-right: 28px;
    position: relative;
    margin-bottom: 30px;
    float: left;
    transition: all .5s;
}

.videoList li .pic {
    display: block;
    overflow: hidden;
    position: relative;
}

.videoList li img {
    width: 300px;
    height: 285px;
    transition: all .5s;
    display: block;
}

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

.videoList li .pic:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
    opacity: 1;
    z-index: 2
}

.videoList li p {
    padding: 20px 10px;
    transition: all .5s;
    position: relative;
    left: 0
}

.videoList li p .tit {
    font-size: 16px;
    color: #333333;
    display: block;
}

.videoList li p .time {
    font-size: 14px;
    color: #999999;
    display: block;
}

.videoList li:after {
    content: "";
    position: absolute;
    width: 0;
    left: 50%;
    height: 2px;
    background-color: #0093dd;
    transition: all .5s;
    bottom: 0px;
}

.videoList li:hover:after {
    width: 100%;
    left: 0
}

.videoList li:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
}

.videoList li:hover p {
    left: 15px;
}

.cpMain {
    background-color: #f4f4f4;
    overflow: hidden;
}

.cpMain .container {
    margin-top: 20px;
    padding-bottom: 30px;
    width: 1200px;
    overflow: hidden;
    height: auto;
}

.soleft {
    float: left;
    width: 256px;
    position: relative;
    z-index: 999;
}

.soleft .cpTle {
    font-weight: normal;
    padding: 24px 0 23px 22px;
    border-bottom: 1px solid #0093dd;
    background: #0093dd;
}

.soleft .cpTle a {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.soleft .cpTle p {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 12px;
}

.soleft .cpTle p a {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

.soleft .cpTle span {
    font-size: 14px;
    color: #eee;
}

.soleft>ul {
    background: #fff;
}

.soleft li {
    padding-top: 15px;
    padding-bottom: 5px;
}

.soleft li>a {
    font-size: 14px;
    color: #333;
    margin-left: 23px;
    padding-left: 24px;
}

.soleft li .sl1 {
    background: url(../images/mtbg.png) no-repeat left center;
}

.soleft li .sl2 {
    background: url(../images/mtbg.png) no-repeat left center;
}

.soleft li .sedNav {
    margin-top: 12px;
}

.soleft li .sedNav p {
    margin-left: 8px;
}

.soleft li .sedNav a {
    font-size: 13px;
    color: #333;
    display: block;
    width: 165px;
    height: 37px;
    line-height: 37px;
    padding-left: 47px;
}

.soleft li .sedNav a:hover {
    background: #0088D0;
    color: #fff;
    width: 178px;
}

.soleft li .slli.cur {
    color: rgb(237, 95, 5);
}

.soleft li .sedNav a.cur {
    background: #0088D0;
    color: #fff;
    width: 178px;
}

.soleft li dl {
    display: block;
}

.soleft li dd {
    background-image: none;
    height: 32px;
    width: 100%;
    background: #85ccfb;
}

.soleft li dd a {
    color: #333!important;
    padding-left: 15px!important;
    line-height: 32px;
    height: 26px;
    width: 100%;
}


/*cpright*/

.cpright {
    width: 892px;
    padding: 0 20px;
    background: #fff;
    float: right;
    padding-bottom: 20px;
}

.rtop {
    overflow: hidden;
    padding-top: 28px;
    padding-bottom: 9px;
    border-bottom: 1px solid #dbdbdb;
}

.rtop h5 {
    float: left;
    padding-left: 10px;
    border-left: 3px solid #0093dd;
    font-weight: normal;
    line-height: 16px;
}

.rtop h5 a {
    font-size: 16px;
    color: #0093dd;
}

.rtop span {
    float: right;
}

.rtop span em {
    color: #999;
}

.rtop span a {
    color: #999;
}


/*cpshow*/

.cpshow {
    overflow: hidden;
    padding-top: 20px;
    width: 102%;
}

.cpshow li {
    float: left;
    width: 31%;
    margin-bottom: 30px;
    margin-right: 2.3%
}

.cpshow li img {
    display: block;
    border: 1px solid #d3d3d3;
    width: 100%;
    margin: 0 auto;
    height: 250px;
}

.cpshow li h4 {
    line-height: 16px;
    margin-top: 26px;
    margin-bottom: 8px;
}

.cpshow li h4 a {
    font-size: 16px;
    color: #449fdd;
}

.cpshow li p {
    font-size: 13px;
    color: #666;
    line-height: 21px;
    height: 63px;
    overflow: hidden;
}

.cpshow li span {
    display: block;
    overflow: hidden;
    margin-top: 20px;
}

.cpshow li span .zx {
    float: left;
    width: 103px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #005a98;
    background-color: #449fdd;
}

.cpshow li span .xq {
    float: right;
    font-size: 13px;
    color: #449fdd;
    margin-top: 14px;
}

.cpshow li img:hover {
    border-color: #449fdd;
}

.cpshow li span .zx:hover {
    border-left-color: #fff;
    background-color: #FF9900;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #005a98;
}

.cpright #contentvalue100 {
    display: inline-block !important;
}


/*分页*/

.page {
    line-height: 32px;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
    display: block;
}

.page ul {
    display: inline-block;
    margin: 0 auto
}

.page li {
    line-height: 32px;
    display: inline-block;
    border: 1px solid #ddd;
    margin-left: -1px;
    float: left;
    cursor: pointer;
    padding: 0 15px;
}

.page li a {
    line-height: 32px;
    height: 32px;
    display: block;
}

.page li.thisclass,
.page ul li.thisclass a,
.page ul li.thisclass a:hover {
    color: #fff;
    background-color: #0093dd;
    line-height: 32px;
    height: 32px;
    padding: 0 15px;
}

.page li:hover {
    color: #fff;
    background-color: #0093dd;
}

.page li:hover a {
    color: #fff;
}

.page strong {
    font-weight: normal;
}

.listBanner {
    font-weight: normal;
    background-image: url(../images/nbanner.jpg);
    background-position: center center;
    display: block;
    height: 300px;
    width: 100%;
    background-repeat: no-repeat;
}


/* ----- PB分页数字条效果 结束 ----- */

.pagebar .pagination {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 50px;
}

.pagination a {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    font-size: 14px;
    padding: 8px 12px;
    margin: 0 5px;
    border-radius: 3px;
}

.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}

.pagination a:hover {
    color: #005a98;
    border: 1px solid #005a98;
}

.pagination a.hover {
    color: #fff;
    background: #005a98;
    border: 1px solid #005a98;
}

.pagination .all {
    display: none;
}


/* ----- PB分页数字条效果 结束 ----- */