/*网站公共样式*/
@font-face {
    font-family: 'Alibaba';
    src: url('../font/HarmonyOS_Sans_SC_Light.ttf');
}

@font-face {
    font-family: 'Alibabablod';
    src: url('../font/HarmonyOS_Sans_SC_Bold.ttf');
}

i,em {
    font-style: normal;
}

body {
    font-family: arial, helvetica, sans-serif;
    font-size: 16px;
    background: #fff;
    overflow-x: hidden;
    margin: 0 auto;
    color: #333;
    line-height: 24px;
    width: 100%;
    overflow-x: hidden;
}

html,div,span,p,ul,li,dl,dt,dd,a,img,em,label,input,textarea,form {
    margin: 0;
    padding: 0;
}

form {
    display: inline;
}

/*ul,li,i { list-style:none;}*/
h1,h2,h3,h4,h5,h6,strong {
    padding: 0;
    margin: 0;
}

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

a:hover {
    color: #0666B3;
}

img {
    border: none;
    object-fit: cover;
}

.del_float {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.document_width {
    width: 1600px;
    box-sizing: border-box;
    margin: auto;
    box-sizing: border-box;
}

.nomargin {
    margin-top: 0 !important;
}

.ui-loader-default {
    display: none
}

.ui-mobile-viewport {
    border: none;
}

.ui-page {
    padding: 0;
    margin: 0;
    outline: 0
}

input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
    line-height: 100%;
}

textarea {
    -webkit-appearance: none;
}

.button {
    border-radius: 0;
}

.ui-btn-text {
    display: none;
}

.ui-submit {
}

.nobj {
    background: none !important;
}

.sjshow {
    display: none;
}

input[type="radio"]:after {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: white;
    display: inline-block;
    visibility: visible;
    border: 1px solid #000;
}

input[type="radio"]:checked:after {
    border: 4.5px solid #000;
}

input[type=checkbox]:checked::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(https://www.dabbsson.cn/images/duoxiantb.png) center center no-repeat #f39a00;
    background-size: 12px auto;
}

.posdw {
    position: relative;
}

.left {
    float: left;
}

.aright {
    float: right !important;
    margin-top: 15px !important;
}

.textleft {
    text-align: left !important;
}

s {
    text-decoration: none;
}

.margtop {
    margin-top: 122px;
}

.margtops {
    margin-top: 70px;
}

/*
::-webkit-scrollbar { height: 4px; width:0px;}
::-webkit-scrollbar-button { height:0;width:0;}*/
.sosoh2 {
    width: 100%;
    height: auto;
    float: left;
    padding: 10px 0;
    font-size: 16px;
}

.sosoh2 span {
    margin: 0 8px;
    font-weight: bold;
}

.prott {
    width: 100%;
    height: auto;
    float: left;
    font-size: 22px;
    line-height: 40px;
    border-bottom: 1px solid #ededed;
    margin: 10px 0;
    color: #000;
}

.zhezhao {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9997;
    background: rgba(0,0,0,0.4);
    display: none;
}

.sj_menu {
    display: none;
}

.menutb {
    width: 30px;
    height: 36px;
    float: right;
    margin: 4px 0 0 15px;
    display: none;
    position: relative;
    z-index: 9999;
}

.menutb span {
    width: 100%;
    height: 2px;
    margin: 5px 0;
    background: #000;
    transition: all 0.5s ease;
    float: left;
    display: inline-block;
}

.menutb.close span {
    opacity: 0;
    transition: all 0.5s ease;
    position: absolute;
    left: 0;
    top: 13px;
}

.menutb.close span:first-child {
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    top: 13px;
    opacity: 1;
}

.menutb.close span:last-child {
    transform: rotate(-45deg);
    position: absolute;
    left: 0;
    top: 13px;
    opacity: 1;
}

.sjmenu {
    display: none;
}

/****分页****/
.fenye {
    margin: 40px 0 0px 0;
}

.fenye ul {
    text-align: center;
    white-space: nowrap;
    list-style: none;
}

.fenye ul li {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}

.fenye ul li a {
    display: table-cell;
    display: inline-block;
    width: 36px;
    box-shadow: 1px 2px 4px #ededed;
    color: #333;
    border-radius: 5px;
    font-size: 16px;
    height: 36px;
    margin: 0 1px;
    line-height: 36px;
    text-align: center;
    background: #fff;
}

.fenye ul li a.cur,.fenye ul li a:hover {
    color: #fff;
    background: #0666B3;
}

#alertdiv {
    position: fixed;
    margin: auto;
    width: 100%;
    top: 40%;
    display: none;
    z-index: 2147483647;
}

#alertdiv div {
    background-color: #000;
    color: #FFF;
    padding: 20px 20px 20px 20px;
    min-width: 100px;
    width: 600px;
    min-height: 25px;
    text-align: center;
    color: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 11px;
    -khtml-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    line-height: 150%;
    margin: auto;
    z-index: 2147483647;
}

/**********404*******/
.div_cu {
    width: 100%;
    height: auto;
    float: left;
    padding: 50px 0;
}

.div_cu p {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: 550;
    line-height: 26px;
}

.div_cu p img {
    width: 350px;
    height: auto;
    margin: 30px auto;
}

.div_cu p a {
    color: #2466a5;
}

/*******首页*******/
.header {
    width: 100%;
    padding: 20px 0;
    height: auto;
    float: left;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
}

.headertop {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 20px;
}

.logo {
    width: auto;
    height: auto;
    float: left;
}

.logo img {
    width: auto;
    height: 55px;
    display: block;
}

.logo img.img1 {
    display: none
}

dl.yyqh {
    width: auto;
    height: 34px;
    line-height: 34px;
    float: right;
    padding: 0 38px;
    box-sizing: border-box;
    margin: 5px 0 5px 20px;
    position: relative;
    border: 1px solid #fff;
    border-radius: 3px;
}

dl.yyqh dt a {
    color: #fff;
    padding-right: 20px;
    background: url(../image/dsj.png) right center no-repeat;
}

dl.yyqh dd {
    width: 160px;
    height: auto;
    float: left;
    display: none;
    position: absolute;
    right: 0;
    background: #fff;
    z-index: 999;
}

dl.yyqh dd a {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    box-sizing: border-box;
    color: #000;
    float: left;
    border-bottom: 1px solid #ededed;
}

dl.yyqh dd a s {
    padding-left: 40px;
    background-size: auto 27px !important;
    background-position: left center !important;
    color: #000;
    display: block;
    height: 40px;
}

dl.yyqh:Hover dd {
    display: block;
}

.soso {
    width: auto;
    height: 34px;
    float: right;
    margin: 5px 0;
    position: relative;
}

.soso .input {
    width: 0;
    transition: all 0.5s ease;
    height: 34px;
    position: absolute;
    right: 34px;
    top: 0;
    line-height: 34px;
    float: left;
    background: rgba(255,255,255,0.6);
    border: none;
    outline: none;
    text-indent: 15px;
    font-size: 16px;
}

.soso .button {
    width: 34px;
    height: 34px;
    float: right;
    background: url(../image/soso.png) center center no-repeat;
    border: none;
    outline: none;
    cursor: pointer;
}

.soso:hover .input {
    width: 200px;
    transition: all 0.5s ease;
}

.headermenu {
    width: 100%;
    height: auto;
    float: left;
}

.headermenu dl {
    width: 15%;
    height: auto;
    padding: 0 5px;
    box-sizing: border-box;
    float: left;
    position: relative;
    margin-right: 2%;
    border-top: 1px solid rgba(255,255,255,0.2);
}

.headermenu dl.last {
    margin-right: 0;
}

.headermenu dl dt a {
    width: 100%;
    height: 50px;
    line-height: 50px;
    float: left;
    font-weight: 600;
    background: url(../image/dsj1.png) right center no-repeat;
    color: #fff;
    font-size: 17px;
    box-sizing: border-box;
}

.headermenu dl dd {
    width: 100%;
    height: auto;
    float: left;
    position: absolute;
    left: 0;
    top: 50px;
    display: none;
}

.headermenu dl dd a {
    width: 100%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    float: left;
    font-size: 15px;
    background: #fff;
    border-top: 1px solid #ededed;
    color: #333;
}

.headermenu dl dd a:Hover {
    background: #0666B3;
    color: #fff !important;
}

.headermenu dl:hover dd {
    display: block;
}

.xlprolist {
    width: 100%;
    height: auto;
    display: none;
    float: left;
    position: fixed;
    left: 0;
    top: 134px;
    padding: 25px 0;
    background: #fff;
}

.xlprolist ul {
    width: 20000px;
    height: auto;
    float: left;
    list-style: none;
    position: relative;
    transition: transform 600ms;
}

.xlprolist ul li {
    width: 380px;
    height: auto;
    float: left;
    background: #f7f8fa;
    border-top: 2px solid #f7f8fa;
    margin: 10px;
    overflow: hidden;
}

.xlprolist ul li img {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px;
    box-sizing: border-box;
    display: block;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 800ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 800ms;
}

.xlprolist ul li:hover img {
    -webkit-transform: scale(1.03,1.03);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 800ms;
    -moz-transform: scale(1.03,1.03);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 800ms;
}

.xlprolist ul li p {
    width: 100%;
    height: 50px;
    line-height: 50px;
    float: left;
    text-align: center;
    background: #fff;
    font-size: 18px;
    overflow: hidden;
    color: #333;
}

.xlprolist ul li:Hover {
    border-top: 2px solid #0666B3;
}

.xlprolistc {
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 40px;
    position: relative;
    overflow: hidden;
}

.xlprolistjt {
    width: 140px;
    height: auto;
    margin: 0 auto;
}

.xlprojtl {
    width: 50px;
    height: 50px;
    float: left;
    background: url(../image/jtl.png) left center no-repeat;
    cursor: pointer;
    background-size: 50px auto !important;
}

.xlprojtl:hover {
    background: url(../image/jtlh.png) left center no-repeat;
}

.xlprojtr {
    width: 50px;
    height: 50px;
    float: right;
    background: url(../image/jtr.png) left center no-repeat;
    cursor: pointer;
    background-size: 50px auto !important;
}

.xlprojtr:hover {
    background: url(../image/jtrh.png) left center no-repeat;
}

.headermenu dl.xlpro:hover .xlprolist {
    display: block;
}

.headerhs {
    background: #fff !important;
}

.headerh .logo .img,.headerhs .logo .img {
    display: none;
}

.headerh .logo .img1,.headerhs .logo .img1 {
    display: block;
}

.headerh .soso .input,.headerhs .soso .input {
    background: rgba(0,0,0,0.6);
}

.headerh .soso .button,.headerhs .soso .button {
    background: url(../image/sosoh.png) center center no-repeat;
}

.headerh dl.yyqh,.headerhs dl.yyqh {
    border: 1px solid #333;
}

.headerh dl.yyqh dt a,.headerhs dl.yyqh dt a {
    color: #333;
    background: url(../image/dsjh.png) right center no-repeat;
}

.headerh dl.yyqh dd a,.headerhs dl.yyqh dd a {
    color: #333;
}

.headerh .headermenu dl,.headerhs .headermenu dl {
    border-top: 1px solid rgba(0,0,0,0.2);
}

.headerh .headermenu dl dt a,.headerhs .headermenu dl dt a {
    background: url(../image/dsj1h.png) right center no-repeat;
    color: #333;
}

.headerh .headermenu dl dd a,.headerhs .headermenu dl dd a {
    color: #333;
}

.headerhs .headermenu dl {
    background: #fff;
}

.headertoph {
    display: none;
}

.headerhs .xlprolist {
    top: 70px;
}

.banner {
    width: 100%;
    overflow: hidden;
    height: 47.5vw !important;
    min-height: 400px !important;
    float: left;
    position: relative;
    touch-action: pan-y;
}

.banner ul {
    overflow: hidden;
    height: 47.5vw !important;
    min-height: 400px !important;
    list-style: none;
}

.banner ul li {
    width: 100%;
    height: auto;
    min-height: 400px;
    float: left;
    overflow: hidden;
    list-style: none;
    position: relative;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.banner ul li .img,.banner ul li video {
    width: 100%;
    height: 47.5vw !important;
    object-fit: cover;
    min-height: 400px !important;
    float: left;
    transition: 0.5s linear ;
    transform: scale(1.03);
}

.banner ul li.cur .img {
    transform: scale(1);
}

.banner ul li.cur {
    opacity: 1;
    z-index: 112;
}

.banner_span {
    margin: 0px;
    padding: 0px;
    width: 100%;
    position: absolute;
    bottom: 30px;
    text-align: center;
    z-index: 886;
}

.banner_span span {
    display: inline-block;
    position: relative;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 10px;
    opacity: 0.5;
    cursor: pointer;
    margin: 0 5px;
    box-sizing: border-box;
}

.banner_span span.cur {
    opacity: 1;
}

.banner .document_width {
    position: relative;
}

.banwenzi {
    position: absolute;
    top: 10vw;
    width: 100%;
    height: auto;
    left: 0px;
    transition: 1s linear ;
    margin-top: 20px;
    color: #333;
    z-index: 99;
    box-sizing: border-box
}

.banwenzic {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 130px;
    text-align: center;
}

.banwenzic h2 {
    width: 100%;
    height: auto;
    float: left;
    color: #fff;
    font-size: 56px;
    line-height: 56px;
    margin-bottom: 20px;
    font-family: "Alibabablod";
}

.banwenzic h3 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    margin: 0 0 45px 0;
    box-sizing: border-box;
}

.banwenzic a.a {
    width: auto;
    height: 46px;
    line-height: 46px;
    margin-right: 15px;
    font-size: 18px;
    padding: 0 35px;
    opacity: 0.8;
    display: inline-table;
    border-radius: 5px;
    color: #fff;
}

.banwenzic a.a s {
    padding-left: 50px;
    background: url(../image/ban_tb.png) left center no-repeat;
    display: block;
}

.banwenzic a.a1 {
    width: auto;
    height: 46px;
    line-height: 46px;
    margin-right: 15px;
    font-size: 18px;
    padding: 0 35px;
    opacity: 0.8;
    display: inline-table;
    border-radius: 5px;
    color: #fff;
}

.banwenzic a.a1 s {
    padding-right: 25px;
    background: url(../image/ban_tb1.png) right center no-repeat;
    display: block;
}

.banwenzic a.a:hover,.banwenzic a.a1:hover {
    opacity: 1;
}

.addCur {
    transform: scale(1) !important;
}

.wzaddCur {
    margin-top: 0px;
}

.banner ul li.cur .banwenzic .f1 {
    animation: donghuawz 1s infinite;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes donghuawz {
    0% {
        opacity: 0;
        margin-left: 50px;
    }

    30% {
        opacity: 0;
        margin-left: 50px;
    }

    100% {
        width: 100%;
        margin-left: 0px
    }
}

.indexpro {
    width: 100%;
    height: auto;
    float: left;
    padding: 90px 0;
    background: url(../image/probj.jpg) center center no-repeat;
    background-size: cover;
}

.indextt {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 30px;
    text-align: center;
}

.indextt span {
    width: 100%;
    height: auto;
    float: left;
    font-size: 22px;
    line-height: 32px;
    color: #0666B3;
    font-weight: bold;
}

.indextt strong {
    width: 100%;
    height: auto;
    float: left;
    color: #fff;
    font-size: 40px;
    line-height: 46px;
    font-family: "Alibabablod";
    padding: 10px 0;
}

.indextt strong.s {
    color: #000;
    background: url(../image/index_ystb1.png) center bottom no-repeat;
    padding-bottom: 20px;
}

dl.ipdl {
    width: 86.5vw;
    max-width: 1600px;
    height: auto;
    float: left;
    text-align: center;
}

dl.ipdl dd.dd {
    width: 100%;
    height: auto;
    float: left;
}

dl.ipdl dd.dd h3 a {
    width: 100%;
    height: auto;
    float: left;
    color: #fff;
    font-size: 40px;
    line-height: 46px;
    font-family: "Alibabablod";
}

dl.ipdl dd.dd p {
    width: 100%;
    height: auto;
    float: left;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    margin: 10px 0;
}

dl.ipdl dt {
    width: 100%;
    height: auto;
    margin: 35px 0;
    float: left;
    position: relative;
}

dl.ipdl dt img {
    width: 100%;
    max-width: 520px;
    height: auto;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

dl.ipdl dt strong {
    width: 100%;
    height: 240px;
    line-height: 240px;
    overflow: hidden;
    font-family: "Alibabablod";
    font-weight: normal;
    color: #0666B3;
    float: left;
    font-size: 240px;
    position: absolute;
    top: 15%;
    left: 0;
}

dl.ipdl dd.dd1 {
    width: 100%;
    height: auto;
    float: left;
}

a.amore {
    width: auto;
    height: 46px;
    line-height: 46px;
    background: #000;
    color: #fff;
    padding: 0 30px;
    opacity: 0.8;
    border-radius: 40px;
    display: inline-block;
    font-size: 18px;
}

a.amore span {
    padding-right: 30px;
    background: url(../image/bsj1.png) right center no-repeat;
}

a.amore:Hover {
    opacity: 1;
}

dl.ipdl dd.dd1 a.amore {
    border: 2px solid #fff;
    background: #000;
}

.indexprocz {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}

.indexproc {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

.indexproclist {
    width: 20000px;
    height: auto;
    overflow: hidden;
    float: left;
    position: relative;
    transition: transform 600ms;
}

.projtdiv {
    width: 160px;
    height: 50px;
    float: left;
    position: absolute;
    left: -400px;
    bottom: 60px;
}

.ipjtl {
    width: 50px;
    height: 150px;
    position: absolute;
    left: -50px;
    top: 40%;
    background: url(../image/projtl.png) center center no-repeat;
    cursor: pointer;
    opacity: 0.7;
}

.ipjtr {
    width: 50px;
    height: 150px;
    position: absolute;
    right: -50px;
    top: 40%;
    background: url(../image/projtr.png) center center no-repeat;
    cursor: pointer;
    opacity: 0.7;
}

.ipjtl:hover,.ipjtr:hover {
    opacity: 1;
}

.indexys {
    width: 100%;
    height: auto;
    float: left;
    padding: 90px 0 50px 0;
    background: #f8f8f8/*url(../images/index_ysbj.jpg) top center no-repeat*/;
    background-size: cover;
}

.indexys dl {
    width: 31.333%;
    height: 480px;
    float: left;
    cursor: pointer;
    transition: all 0.5s ease;
    background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.1));
    border-radius: 15px;
    margin: 80px 1% 30px 1%;
    padding: 40px 40px 10px 40px;
    box-sizing: border-box;
    text-align: center;
}

.indexys dl dt {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 25px;
}

.indexys dl dt img {
    width: 90%;
    max-width: 250px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.indexys dl dd {
    width: 100%;
    height: auto;
    min-height: 100px;
    float: left;
    position: relative;
}

.indexys dl dd strong {
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding-bottom: 8px;
    font-family: "Alibabablod";
    color: #333;
    background: url(../image/index_ystb1.png) center bottom no-repeat;
    background-size: 30px 3px !important;
    float: left;
    font-size: 22px;
    overflow: hidden;
}

.indexys dl dd p {
    display: none;
    width: 100%;
    height: auto;
    line-height: 22px;
    font-size: 16px;
    color: #333;
    margin: 10px 0;
    float: left;
    overflow: hidden;
}

.indexys dl dd span.s {
    width: 100%;
    height: auto;
    float: left;
    font-size: 22px;
    color: 333;
    opacity: 0.5;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.indexys dl.cur {
    margin-top: 20px;
    transition: all 0.5s ease;
}

.indexys dl.cur dd p {
    display: block;
}

.indexys dl.cur dd span.s {
    display: none;
}

.indexys dl.cur dd strong {
    background: url(../image/index_ystb1h.png) center bottom no-repeat;
}

.indexgy {
    width: 100%;
    height: auto;
    float: left;
    padding: 90px 0;
    background: url(../image/index_gybj.jpg) top center no-repeat;
    background-size: cover;
}

.indexgy .indextt span {
    color: #fff;
}

.iabbz {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 300px;
    text-align: center;
}

.iabbz p {
    width: 100%;
    max-width: 850px;
    margin: 0 auto 30px auto;
    height: auto;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}

a.amore.amore1 {
    background: #000;
    color: #fff;
}

a.amore.amore1 span {
    background: url(../image/bsj.png) right center no-repeat;
}

.indexgy ul {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    height: auto;
    list-style: none;
    display: flex;
    justify-content: center;
}

.indexgy ul li {
    width: 31.333%;
    height: auto;
    float: left;
    margin: 0 1%;
    text-align: center;
}

.indexgy ul li strong {
    width: 100%;
    height: auto;
    float: left;
    font-size: 30px;
    line-height: 60px;
    color: #fff;
}

.indexgy ul li strong em {
    font-size: 70px;
    margin-right: 10px;
}

.indexgy ul li p {
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
}

.indexxw {
    width: 100%;
    height: auto;
    float: left;
    padding: 90px 0;
    background: url(../image/index_xwbj.jpg) center center no-repeat;
    background-size: cover;
}

.indextt.indextt1 {
    width: auto;
    text-align: left;
    margin-top: -30px;
}

.indextt.indextt1 strong {
    color: #000;
}

ul.xwul {
    width: 240px;
    height: auto;
    margin: 0 auto;
    list-style: none;
}

ul.xwul li {
    width: 100px;
    height: 46px;
    float: left;
    margin: 0 10px;
    text-align: center;
}

ul.xwul li a {
    width: auto;
    height: 46px;
    line-height: 46px;
    float: left;
    font-family: "Alibabablod";
    font-size: 20px;
    color: #333;
}

ul.xwul li a:hover,ul.xwul li a.cur {
    color: #000;
    background: url(../image/index_ystb1.png) center bottom no-repeat;
    background-size: 100px 1px;
}

.indexxw a.amore {
    float: right;
}

.indexxwqh {
    width: 100%;
    height: auto;
    float: left;
    display: none;
    border-top: 1px solid rgba(155,155,155,0.2);
}

.indexxwqh dl {
    width: 100%;
    height: auto;
    float: left;
    padding: 25px 0;
    border-bottom: 1px solid rgba(155,155,155,0.2);
}

.indexxwqh dl dd {
    width: 68%;
    height: auto;
    float: left;
    margin-top: 15px;
    padding-right: 90px;
    box-sizing: border-box;
}

.indexxwqh dl dd span {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 24px;
    color: #999;
}

/*.indexxwqh dl dd span s{ color:#0666B3;}*/
.indexxwqh dl dd h3 a {
    width: 100%;
    height: auto;
    float: left;
    font-family: "Alibabablod";
    font-size: 24px;
    line-height: 28px;
    margin: 10px 0 20px 0;
    color: #333;
}

.indexxwqh dl dd p {
    width: 100%;
    height: 62px;
    line-height: 24px;
    float: left;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    margin-bottom: 50px;
}

.indexxwqh dl dd a.a {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    color: #333;
}

.indexxwqh dl dt {
    width: 32%;
    height: auto;
    float: left;
}

.indexxwqh dl dt img {
    width: 100%;
    height: auto;
    display: block;
}

.indexxwqh dl:hover dd h3 a {
    color: #0666B3;
}

.indexxwqh ul {
    width: 100%;
    height: auto;
    float: left;
    list-style: none;
}

.indexxwqh ul li {
    width: 50%;
    height: auto;
    float: left;
    padding: 25px 0;
    border-bottom: 1px solid rgba(155,155,155,0.2);
    background: url(../image/news_tb.png) left center no-repeat;
    padding-left: 20px;
    box-sizing: border-box;
}

.indexxwqh ul li h3 {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    font-family: "Alibabablod";
    padding-right: 150px;
    box-sizing: border-box;
    font-size: 19px;
    color: #333;
    overflow: hidden;
}

.indexxwqh ul li span {
    width: 140px;
    float: right;
    height: 30px;
    line-height: 30px;
    margin-top: -30px;
    font-size: 15px;
    color: #333;
}

.indexxwqh ul li:hover h3 {
    color: #0666B3;
}

.indexxwqh ul li:hover {
    background: url(../image/news_tbh.png) left center no-repeat;
}

.indexlx {
    width: 100%;
    height: auto;
    float: left;
    padding: 90px 0;
    background: url(../image/index_lxbj.jpg) center center no-repeat;
    background-size: cover;
}

.indextt.indextt2 {
    width: auto;
    text-align: left;
    margin-bottom: 0;
}

.indextt.indextt2 span {
    color: #0666B3;
    font-weight: bold;
}

.indextt.indextt2 strong {
    color: #000;
}

.indexlx a.amore {
    float: right;
    margin-top: 30px;
    background: #222222;
    color: #fff;
}

.indexlx a.amore span {
    background: url(../image/hsj.png) right center no-repeat;
}

.bottomdiv {
    width: 100%;
    height: auto;
    float: left;
    padding: 50px 0;
    background: #f8f9fb;
}

.bottomdiv dl.d1 {
    width: 35%;
    height: auto;
    float: left;
}

.bottomdiv dl.d1 dt {
    width: 100%;
    height: auto;
    float: left;
}

.bottomdiv dl.d1 dt img {
    width: auto;
    height: auto;
    max-height: 60px;
    display: block;
}

.bottomdiv dl.d1 dd {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;
}

.bottomdiv dl.d1 dd strong {
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    font-family: "Alibabablod";
    line-height: 24px;
    color: #0666B3;
    margin-bottom: 10px;
}

.bottomdiv dl.d1 dd p {
    width: 100%;
    max-width: 400px;
    height: auto;
    float: left;
    border-bottom: 1px solid rgba(155,155,155,0.2);
}

.bottomdiv dl.d1 dd p .input {
    width: 100%;
    height: 50px;
    padding-right: 50px;
    line-height: 50px;
    float: left;
    background: none;
    border: none;
    box-sizing: border-box;
    outline: none;
    font-size: 15px;
}

.bottomdiv dl.d1 dd p .button {
    width: 50px;
    float: right;
    margin-top: -50px;
    height: 50px;
    background: url(../image/bot_tb1.png) center center no-repeat;
    cursor: pointer;
    border: none;
    outline: none;
    cursor: pointer;
}

.bottomdiv dl.d1 dd p .button:hover {
    opacity: 0.8;
}

.bottomdiv dl.d2 {
    width: 13%;
    height: auto;
    float: left;
}

.bottomdiv dl.d2 dt {
    width: 100%;
    height: auto;
    float: left;
    font-family: "Alibabablod";
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.bottomdiv dl.d2 dd {
    width: 100%;
    height: auto;
    float: left;
}

.bottomdiv dl.d2 dd a {
    width: 100%;
    height: auto;
    float: left;
    font-size: 15px;
    line-height: 24px;
    margin: 5px 0;
    color: #333;
}

.bottomdiv dl.d2 dd a:hover {
    color: #333;
}

.bottomdivc {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
}

.botshare {
    width: 50%;
    height: auto;
    float: left;
    margin-top: 45px;
}

.botshare a {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 15px;
    background: #333;
    border-radius: 100%;
    position: relative;
}

.botshare a img {
    width: 100%;
    height: auto;
    display: block;
    padding: 8px;
    display: block;
    box-sizing: border-box;
}

.botshare a p {
    width: 120px;
    height: 120px;
    position: absolute;
    left: -40px;
    bottom: 40px;
    display: none;
}

.botshare a:hover p {
    display: block;
}

.botshare a:hover {
    opacity: 0.9;
}

.bottomdivclx {
    width: 50%;
    height: auto;
    float: left;
    text-align: right;
}

.bottomdivclx strong {
    width: auto;
    height: auto;
    float: right;
    padding-left: 44px;
    margin-bottom: 10px;
    background: url(../image/bot_tb2.png) left center no-repeat;
    font-size: 36px;
    line-height: 44px;
    color: #000;
}

.bottomdivclx p {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 26px;
    color: #333;
}

.bqxxdiv {
    width: 100%;
    height: auto;
    float: left;
    padding: 25px 0;
    background: #f3f4f7;
    font-size: 15px;
    line-height: 20px;
    color: #333;
}

.bqxxdiv p {
    width: auto;
    height: auto;
    float: left;
}

.bqxxdiv a.a,.bqxxdiv p a {
    width: auto;
    height: 24px;
    float: right;
    margin-left: 25px;
    color: #333;
}

/*****产品列表****/
.nyban {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}

.nyban img {
    width: 100%;
    height: 520px;
    display: block;
}

.nybanwz {
    width: 100%;
    height: auto;
    float: left;
    position: absolute;
    left: 0;
    top: 52%;
}

.nybanwz strong {
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    margin-top: 30px;
    opacity: 0.2;
    font-size: 48px;
    line-height: 56px;
    color: #fff;
}

.mbxdiv {
    width: 100%;
    height: auto;
    float: left;
    padding: 15px 0;
    font-size: 14px;
    line-height: 22px;
    color: #333;
}

.mbxdiv a.a {
    width: 22px;
    height: 22px;
    float: left;
    background: url(../image/mianbao.png) center center no-repeat;
    display: block;
}

.mbxdiv a {
    color: #333;
}

.mbxdiv a:hover {
    color: #000;
}

.prodiv {
    width: 100%;
    height: auto;
    float: left;
    padding: 20px 0 80px 0;
}

ul.promenu {
    width: 100%;
    height: auto;
    float: left;
    list-style: none;
    border-bottom: 1px solid #ededed;
}

ul.promenu li {
    width: auto;
    height: 50px;
    float: left;
    margin-right: 35px;
}

ul.promenu li a {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-family: "Alibabablod";
    float: left;
    font-size: 20px;
    padding: 0 4px;
    color: #333;
}

ul.promenu li a:hover,ul.promenu li a.cur {
    color: #0666B3;
    background: url(../image/index_ystb1.png) center bottom no-repeat;
    background-size: 100% 2px;
}

.promenuej {
    width: 100%;
    height: auto;
    float: left;
    padding: 10px 0;
    border-bottom: 1px solid #ededed;
}

.promenuejqh {
    width: 100%;
    height: auto;
    float: left;
    display: none;
}

.promenuej a {
    width: auto;
    height: 40px;
    line-height: 40px;
    float: left;
    border-radius: 20px;
    padding: 0 25px;
    margin: 10px 15px 10px 0;
    font-size: 16px;
}

.promenuej a:hover,.promenuej a.cur {
    background: #0666B3;
    color: #fff;
}

.prodivlist {
    width: 100%;
    height: auto;
    float: left;
    padding: 30px 0;
}

dl.pdl {
    width: 500px;
    height: auto;
    float: left;
    margin: 16px;
}

dl.pdl dt {
    width: 100%;
    height: auto;
    float: left;
    background: #f7f8fa;
    padding: 30px 50px;
    box-sizing: border-box;
    overflow: hidden;
}

dl.pdl dt img {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 800ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 800ms;
}

dl.pdl:hover dt img {
    -webkit-transform: scale(1.03,1.03);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 800ms;
    -moz-transform: scale(1.03,1.03);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 800ms;
}

dl.pdl dd {
    width: 100%;
    height: auto;
    float: left;
    padding: 25px 0;
    background: #fff;
    border-bottom: 2px solid #ededed;
    box-sizing: border-box;
}

dl.pdl dd h3 a {
    width: 100%;
    height: 32px;
    float: left;
    font-size: 26px;
    line-height: 32px;
    color: #333;
    margin-bottom: 15px;
    overflow: hidden;
    text-align: center;
}

dl.pdl dd span {
    width: 30%;
    height: auto;
    float: left;
    padding-left: 40px;
    background: url(../image/prolist_tb.png) left center no-repeat;
    font-size: 16px;
    line-height: 23px;
    color: #333;
    box-sizing: border-box;
}

dl.pdl dd span strong {
    width: 100%;
    height: auto;
    float: left;
    color: #0666B3;
    font-weight: 600;
}

dl.pdl dd span.first {
    padding-left: 0;
    background: none;
}

dl.pdl:hover dd {
    border-bottom: 2px solid #0666B3;
}

.xtdiv {
    width: 100%;
    height: 1px;
    float: left;
    margin: 25px 0;
    background: #ededed;
}

.nytt {
    width: 100%;
    height: auto;
    float: left;
    margin: 25px 0;
    text-align: center;
}

.nytt strong {
    width: 100%;
    height: auto;
    float: left;
    font-size: 40px;
    line-height: 46px;
    color: #fff;
    font-family: "Alibabablod";
}

.propjdiv {
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 50px;
    position: relative;
    overflow: hidden;
}

.propjdivlist {
    width: 20000px;
    height: auto !important;
    overflow: hidden;
    float: left;
    position: relative;
    transition: transform 600ms;
}

.propjdivspan {
    margin: 0px;
    padding: 0px;
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
    z-index: 886;
}

.propjdivspan span {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 12px;
    background: #ccc;
    cursor: pointer;
    margin: 0 3px;
    box-sizing: border-box;
}

.propjdivspan span.cur {
    height: 20px;
    background: #0666B3;
}

/******产品详细页******/
.proxxdiv {
    width: 100%;
    height: auto;
    float: left;
    padding: 160px 0 60px 0;
    background: url(../image/proxxbj.jpg) center center no-repeat;
    background-size: cover;
}

.proxxdivc {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 25px;
    position: relative;
}

.proxxdivc a.a {
    width: auto;
    height: 40px;
    line-height: 40px;
    float: right;
    background: #fff;
    padding: 0 30px;
    border-radius: 30px;
}

.proxxdivc a.a span {
    font-size: 15px;
    color: #333;
    padding-right: 25px;
    background: url(../image/proxx_tb.png) right center no-repeat;
}

.proxxdivc a.a:hover {
    opacity: 0.8;
}

.proxxdivc h4 {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #0666B3;
}

.proxxdivc h2 {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 40px;
    line-height: 46px;
    color: #333;
    margin-bottom: 30px;
    font-family: "Alibabablod";
}

.proxxdivc .img {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    display: block;
}

.proxxdivc ul {
    width: 700px;
    height: auto;
    margin: 0 auto;
    list-style: none;
    padding-top: 40px;
}

.proxxdivc ul li {
    width: 33%;
    height: auto;
    float: left;
    text-align: center;
    background: url(../image/news_tbxt.png) right center no-repeat;
    background-size: 1px 40px;
    font-size: 20px;
    line-height: 28px;
    color: #333;
    box-sizing: border-box;
}

.proxxdivc ul li strong {
    width: 100%;
    height: auto;
    float: left;
    font-size: 30px;
    line-height: 38px;
    color: #0666B3;
    font-weight: 600;
}

.proxxdivc ul li.last {
    width: 34%;
    background: none;
}

.proxxdiv1 {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0 60px 0;
    background: #fbfbfc;
}

dl.ptddl {
    width: 23%;
    height: auto;
    float: left;
    margin: 1%;
    border-bottom: 2px solid #fff;
    background: #fff;
    overflow: hidden;
    padding: 20px 40px;
    box-sizing: border-box;
    text-align: center;
}

dl.ptddl dd {
    width: 100%;
    height: 56px;
    line-height: 28px;
    font-size: 20px;
    padding-bottom: 15px;
    color: #333;
    border-bottom: 1px solid #ededed;
    float: left;
    overflow: hidden;
    background: url(../image/index_ystb1.png) center bottom no-repeat;
    background-size: 40px 2px;
}

dl.ptddl dt {
    width: 100%;
    height: 50px;
    float: left;
    position: relative;
}

dl.ptddl dt strong {
    width: 100%;
    height: auto;
    float: left;
    font-size: 72px;
    color: #738394;
    opacity: 0.1;
    position: absolute;
    left: 0;
    bottom: -15px;
    text-align: center;
}

dl.ptddl:hover {
    border-color: #0666B3;
}

.proxxdiv1 img {
    /* width: 100% !important; */
    /* height: auto !important; */
    diplay: block;
}

.proxxdiv2 {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0 60px 0;
    background: url(../image/proxxdiv2.jpg) center center no-repeat;
    background-size: cover;
}

.pggcs {
    width: 100%;
    height: auto;
    float: left;
    list-style: none;
    margin-bottom: 15px;
}

.pggcs li {
    width: 23%;
    height: auto;
    padding: 0 0 10px 0;
    float: left;
    margin: 1%;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    font-size: 16px;
    line-height: 24px;
    color: rgba(255,255,255,0.6);
}

.pggcs li strong {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}

.pggcs li:hover {
    color: #0666B3;
    border-bottom-color: #0666B3;
}

a.acs {
    width: 95px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    display: block;
    background: #fff;
    padding: 0 30px;
    border-radius: 30px;
}

a.acs span {
    font-size: 15px;
    color: #333;
    padding-right: 25px;
    background: url(../image/proxx_tb.png) right center no-repeat;
}

a.acs:hover {
    opacity: 0.8;
}

.proxxdiv3 {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0 60px 0;
    background: #ebeff3;
}

dl.pyydl {
    width: 750px;
    height: auto;
    float: left;
    margin: 0 25px;
}

dl.pyydl dt {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

dl.pyydl dt img {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 800ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 800ms;
}

dl.pyydl:hover dt img {
    -webkit-transform: scale(1.03,1.03);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 800ms;
    -moz-transform: scale(1.03,1.03);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 800ms;
}

dl.pyydl dd {
    width: 80%;
    height: auto;
    float: left;
    padding: 25px 0;
    background: #fff;
    box-sizing: border-box;
    margin-top: -40px;
    position: relative;
    z-index: 1;
}

dl.pyydl dd h3 {
    width: 100%;
    height: auto;
    float: left;
    line-height: 32px;
    background: url(../image/index_ystb1.png) left center no-repeat;
    background-size: 2px 30px;
    padding: 0 35px;
    box-sizing: border-box;
}

dl.pyydl dd h3 a {
    width: 100%;
    height: auto;
    float: left;
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px;
}

dl.pyydl dd a.a {
    padding: 0 35px;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    float: left;
}

dl.pyydl dd a.a span {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    background: url(../image/news_tb.png) right center no-repeat;
}

dl.pyydl:hover dd a.a span {
    color: #0666B3;
}

.proyydiv {
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 70px;
    margin-top: 25px;
    position: relative;
    overflow: hidden;
}

.proyydivlist {
    width: 20000px;
    height: auto !important;
    overflow: hidden;
    float: left;
    position: relative;
    transition: transform 600ms;
}

.proyydivspan {
    margin: 0px;
    padding: 0px;
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
    z-index: 886;
}

.proyydivspan span {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 12px;
    background: #ccc;
    cursor: pointer;
    margin: 0 3px;
    box-sizing: border-box;
}

.proyydivspan span.cur {
    height: 20px;
    background: #0666B3;
}

.proxxdiv4 {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0 60px 0;
    background: #fff;
}

.proxxly {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 15px;
}

.proxxly .nytt {
    margin-bottom: 35px;
}

.proxxly dl {
    width: 49%;
    height: auto;
    float: left;
    margin: 0.5%;
}

.proxxly dl dt {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    font-weight: 600;
}

.proxxly dl dd {
    width: 100%;
    height: auto;
    float: left;
}

.proxxly dl dd .input {
    width: 100%;
    height: 50px;
    line-height: 50px;
    float: left;
    font-family: "Alibaba";
    background: #f9f9fb;
    padding: 0 25px;
    border-radius: 40px;
    box-sizing: border-box;
    border-radius: 35px;
    border: none;
    outline: none;
}

.proxxly dl.last {
    width: 33%;
}

.proxxly dl.d1 {
    width: 66%;
}

.proxxly dl.d2 {
    width: 99%;
    padding-bottom: 25px;
}

.proxxly dl dd .text {
    width: 100%;
    height: 120px;
    line-height: 30px;
    float: left;
    font-family: "Alibaba";
    background: #f9f9fb;
    padding: 15px 25px;
    border-radius: 40px;
    box-sizing: border-box;
    border-radius: 35px;
    border: none;
    outline: none;
}

.proxxly .button {
    width: 150px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    margin: 0 auto;
    display: block;
    border: none;
    outline: none;
    cursor: pointer;
    background: #0666B3;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.proxxly .button:hover {
    opacity: 0.8;
}

/*****服务支持-技术支持*****/
.nymenu {
    width: 100%;
    height: auto;
    float: left;
    margin-top: -54px;
    position: relative;
    z-index: 2;
}

.nymenu ul {
    width: 100%;
    height: auto;
    float: left;
    background: rgba(255,255,255,0.8);
    list-style: none;
}

.nymenu ul li a {
    width: 33%;
    height: 54px;
    line-height: 54px;
    float: left;
    border-right: 2px solid #fff;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.nymenu ul li:nth-child(3) a {
    width: 34%;
    border-right: none;
}

.nymenu ul li a:hover,.nymenu ul li a.cur {
    background: url(../image/index_ystb1.png) top center no-repeat #fff;
    background-size: 100% 3px;
    color: #333333;
    border-right: none;
}

.jszcdiv {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0 60px 0;
    background: #fff;
}

dl.jsdl {
    width: 32.33333%;
    height: auto;
    float: left;
    margin: 0.5%;
    box-shadow: 1px 2px 5px #ededed;
}

dl.jsdl dt {
    width: 100%;
    height: auto;
    float: left;
}

dl.jsdl dt img {
    width: 100%;
    height: auto;
    display: block;
}

dl.jsdl dd {
    width: 100%;
    height: auto;
    float: left;
    padding: 10px 35px 25px 35px;
    background: #f7f8fa;
    box-sizing: border-box;
}

dl.jsdl dd strong.s {
    width: 100%;
    height: auto;
    font-family: "Alibabablod";
    line-height: 50px;
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
    float: left;
    border-bottom: 1px solid #ededed;
    padding: 10px 50px 10px 0;
    background-size: 45px auto !important;
    box-sizing: border-box;
}

dl.jsdl dd div {
    width: 100%;
    height: 126px;
    overflow-y: auto;
    padding-right: 15px;
    box-sizing: border-box;
    float: left;
    font-size: 16px;
    line-height: 26px;
    color: #333;
}

dl.jsdl dd div::-webkit-scrollbar {
    width: 2px;
    height: 5px;
}

dl.jsdl dd div::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: #ededed;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
}

dl.jsdl dd div::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #0666B3;
}

dl.jsdl:hover dd {
    background: url(../image/index_ystb1.png) center bottom no-repeat #fff;
    background-size: 100% 3px;
}

.jszcdiv1 {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0 60px 0;
    background: url(../image/index_gybj.jpg) center center no-repeat;
    background-size: cover;
}

.jszcdiv1bz {
    width: 70%;
    height: auto;
    float: left;
    margin: 0 15%;
    padding-bottom: 450px;
}

.jszcdiv1bz p.p {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    text-align: center;
    margin-bottom: 50px;
}

.jszcdiv1bz ul {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    height: auto;
    list-style: none;
}

.jszcdiv1bz ul li {
    width: 31.333%;
    height: auto;
    float: left;
    margin: 0 1%;
    text-align: center;
    background: url(../image/news_tbxt.png) right center no-repeat;
    background-size: 1px 50px;
}

.jszcdiv1bz ul li strong {
    width: 100%;
    height: auto;
    float: left;
    font-size: 30px;
    line-height: 60px;
    color: #0666B3;
}

.jszcdiv1bz ul li strong em {
    font-size: 70px;
    margin-right: 10px;
}

.jszcdiv1bz ul li p {
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
}

.jszcdiv1bz ul li:nth-child(3) {
    background: none;
}

.jszcdiv3 {
    width: 100%;
    height: auto;
    float: left;
}

dl.jsd2 {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    padding: 60px;
    background: url(../image/jszc_bj1.jpg) center center no-repeat;
    background-size: cover;
    box-sizing: border-box;
}

dl.jsd2 dd {
    width: 50%;
    height: auto;
    float: left;
}

dl.jsd2 dd strong {
    width: 100%;
    font-family: "Alibabablod";
    height: auto;
    float: left;
    font-size: 40px;
    line-height: 48px;
    color: #fff;
    padding-bottom: 40px;
    margin-bottom: 40px;
    background: url(../image/jszc_tb3.png) left bottom no-repeat;
}

dl.jsd2 dd strong s {
    width: 100%;
    height: auto;
    float: left;
    color: #0666B3;
}

dl.jsd2 dd p {
    width: 50%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 34px;
    color: #fff;
}

dl.jsd2 dt {
    width: 50%;
    height: auto;
    float: left;
    position: absolute;
    right: 0;
    bottom: 30px;
}

dl.jsd2 dt img {
    width: 80%;
    height: auto;
    display: block;
    margin: 0 10%;
}

.jszcdiv4 {
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 60px;
    background: #f5f6f8;
}

.jszcdiv4c {
    width: 100%;
    height: auto;
    float: left;
    background: url(../image/jszc_bj2.jpg) left bottom no-repeat #fff;
    background-size: 100% auto;
    min-height: 300px;
    position: relative;
    padding: 70px 60px 40px 60px;
    box-sizing: border-box;
}

.jszcdiv4c .jt {
    width: 50px;
    height: 25px;
    float: left;
    display: block;
    background: url(../image/jszc_tb2.png) center center no-repeat;
    position: absolute;
    left: 80px;
    top: 0;
}

.jszcdiv4cleft {
    width: 18%;
    height: auto;
    float: left;
    padding-right: 30px;
    box-sizing: border-box;
}

.jszcdiv4cleft strong {
    width: 100%;
    font-family: "Alibabablod";
    height: auto;
    line-height: 34px;
    font-size: 30px;
    color: #333;
    margin-bottom: 20px;
    float: left;
}

.jszcdiv4cleft strong s {
    width: 100%;
    height: auto;
    float: left;
    color: #0666B3;
}

.jszcdiv4cleft p {
    width: 100%;
    height: auto;
    float: left;
    background: url(../image/index_ystb1.png) left center no-repeat;
    padding-left: 15px;
    background-size: 2px 100%;
    font-size: 18px;
    line-height: 26px;
    color: #333;
    font-weight: 600;
}

.jszcdiv4cright {
    width: 82%;
    height: auto;
    float: left;
    border-left: 1px solid #ededed;
    box-sizing: border-box;
}

.jszcdiv4cright dl {
    width: 50%;
    height: auto;
    float: left;
    padding-left: 30px;
    margin-bottom: 40px;
    box-sizing: border-box;
}

.jszcdiv4cright dl dt {
    width: 23%;
    height: auto;
    float: left;
    margin-right: 5%;
}

.jszcdiv4cright dl dt img {
    width: 100%;
    height: auto;
    display: block;
}

.jszcdiv4cright dl dd {
    width: 72%;
    height: auto;
    float: left;
}

.jszcdiv4cright dl dd strong {
    width: 100%;
    height: auto;
    float: left;
    font-size: 20px;
    line-height: 30px;
    color: #333;
    margin-bottom: 15px;
}

.jszcdiv4cright dl dd div {
    width: 100%;
    height: 132px;
    overflow-y: auto;
    padding-right: 15px;
    box-sizing: border-box;
    float: left;
    font-size: 16px;
    line-height: 24px;
    color: #333;
}

.jszcdiv4cright dl dd div p {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 8px;
}

.jszcdiv4cright dl dd div::-webkit-scrollbar {
    width: 2px;
    height: 5px;
}

.jszcdiv4cright dl dd div::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: #ededed;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
}

.jszcdiv4cright dl dd div::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #0666B3;
}

/******服务支持-下载中心****/
.downdiv {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0 60px 0;
    background: #fff;
}

dl.xzdl {
    width: 32%;
    height: auto;
    float: left;
    margin: 0.65%;
    border: 1px solid #ededed;
    padding: 40px 40px 10px 40px;
    box-sizing: border-box;
    box-shadow: 0 1px 4px #ededed;
}

dl.xzdl dd {
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 1px solid #ededed;
}

dl.xzdl dd h3 a {
    width: 100%;
    height: 52px;
    float: left;
    font-size: 18px;
    line-height: 26px;
    overflow: hidden;
    color: #333;
}

dl.xzdl dd p {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin: 10px 0;
}

dl.xzdl dd p span {
    color: #0666B3;
}

dl.xzdl dt a {
    width: 100%;
    height: 56px;
    line-height: 56px;
    float: left;
    font-size: 16px;
    color: #444;
    background: url(../image/proxx_tb.png) right center no-repeat;
}

dl.xzdl:hover dt a {
    background: url(../image/proxx_tbh.png) right center no-repeat;
    color: #0666B3;
}

dl.xzdl:hover {
    background: url(../image/index_ystb1.png) center bottom no-repeat;
    background-size: 100% 3px;
}

/******服务支持-常见问题****/
dl.faqdl {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 15px;
    padding: 0 15px;
    box-sizing: border-box;
}

dl.faqdl dt {
    width: 100%;
    height: 66px;
    line-height: 66px;
    font-size: 20px;
    cursor: pointer;
    color: #333;
    float: left;
    padding: 0 60px 0 120px;
    position: relative;
    background: url(../image/faq_tb.png) right center no-repeat;
    overflow: hidden;
    box-sizing: border-box;
    background-size: 40px auto !important;
}

dl.faqdl dt span {
    width: 100px;
    height: 66px;
    line-height: 66px;
    position: absolute;
    font-weight: 600;
    left: 0;
    top: 0;
    border-right: 1px solid #ededed;
    background: url(../image/index_ystb1.png) right center no-repeat;
    background-size: 2px 30px;
    text-align: center;
    float: left;
    font-size: 24px;
    color: #333333;
}

dl.faqdl dd {
    display: none;
    width: 100%;
    height: auto;
    float: left;
    border-top: 1px solid #ededed;
    padding: 15px 60px 15px 120px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 26px;
    color: #444;
}

dl.faqdl.cur dt {
    background: url(../image/faq_tbh.png) right center no-repeat;
}

dl.faqdl.cur dd {
    display: block;
}

/******公司简介******/
.nymenu ul.u6 li a {
    width: 16.5%;
}

.nymenu ul.u6 li:nth-child(3) a {
    border-right: 2px solid #fff
}

.nymenu ul.u6 li:nth-child(6) a {
    width: 17.5%;
    border-right: none;
}

.aboutdiv {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0 80px 0;
    /* background: url(../image/about_bj.jpg) left top no-repeat #fff; */
}

.aboutdivleft {
    width: 50%;
    height: auto;
    float: left;
    padding-right: 70px;
    box-sizing: border-box;
}

.nytt strong s {
    width: 100%;
    height: auto;
    float: left;
    color: #333333;
}

.txtleft {
    text-align: left;
}

.strbj {
    background: url(../image/index_ystb1.png) left bottom no-repeat;
    padding-bottom: 15px;
    background-size: 30px 3px !important;
}

.aboutdivleft .img {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    margin-top: 60px;
}

.aboutdivright {
    width: 50%;
    height: auto;
    float: left;
    padding-left: 70px;
    border-left: 1px solid #ededed;
    box-sizing: border-box;
}

.aboutdivrightc {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 50px;
}

.aboutdivrightc p {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 28px;
    color: #333;
}

.aboutdivright dl {
    width: 100%;
    height: auto;
    float: left;
    border-top: 1px solid #ededed;
    padding: 30px 0;
}

.aboutdivright dl dt {
    width: 50%;
    height: auto;
    float: left;
    background-size: 42px auto !important;
}

.aboutdivright dl dt strong {
    width: 100%;
    height: auto;
    float: left;
    font-size: 30px;
    line-height: 70px;
    color: #333333;
}

.aboutdivright dl dt strong em {
    font-size: 60px;
    line-height: 70px;
    margin-right: 10px;
}

.aboutdivright dl dd {
    width: 50%;
    height: auto;
    float: left;
    padding-top: 15px;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    padding-left: 24%;
    box-sizing: border-box;
}

dl.aboutwh {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 70px;
}

dl.aboutwh dt {
    width: 100%;
    height: auto;
    float: left;
}

dl.aboutwh dt img {
    width: 100%;
    height: auto;
    display: block;
}

dl.aboutwh dd {
    width: 90%;
    height: auto;
    float: left;
    background: #f8f8f8;
    position: relative;
    z-index: 1;
    margin: -50px 5% 0 5%;
    padding: 50px 60px;
    box-sizing: border-box;
}

dl.aboutwh dd strong {
    width: 50%;
    font-family: "Alibabablod";
    height: auto;
    float: left;
    background: url(../image/about_tb2_1.png) left center no-repeat;
    font-size: 22px;
    padding: 5px 60px 0 95px;
    background-size: 70px auto !important;
    border-right: 1px solid #ededed;
    box-sizing: border-box;
}

dl.aboutwh dd strong p {
    width: 100%;
    height: auto;
    float: left;
    font-family: "Alibaba";
    font-size: 16px;
    line-height: 26px;
    color: #333;
    font-weight: normal;
    margin-top: 5px;
}

dl.aboutwh dd strong.s {
    background: url(../image/about_tb2_2.png) 60px center no-repeat;
    padding: 5px 0px 0 155px;
    border-right: none;
    box-sizing: border-box;
}

.aboutdiv1 {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0 60px 0;
    background: #f5f6f8;
}

.strbj1 {
    background: url(../image/index_ystb1.png) center bottom no-repeat;
}

dl.fzdl {
    width: 500px;
    height: 500px;
    float: left;
    border: 1px solid #ccc;
    margin: 0 -30px 0 0;
    border-radius: 100%;
    padding: 120px 60px 40px 60px;
    box-sizing: border-box;
    text-align: center;
}

dl.fzdl dt {
    width: 100%;
    height: auto;
    float: left;
    font-size: 22px;
    color: #333;
    margin-bottom: 15px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 15px;
    background: url(../image/index_ystb1.png) center bottom no-repeat;
    background-size: 30px 3px;
}

dl.fzdl dt strong {
    width: 100%;
    height: auto;
    float: left;
    font-size: 50px;
    color: #333;
    line-height: 60px;
}

dl.fzdl dd {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 24px;
    color: #333;
}

dl.fzdl dd p {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 5px;
}

dl.fzdl.cur {
    background: #fff;
    position: relative;
    z-index: 1;
}

dl.fzdl.cur dt strong {
    color: #0666B3;
}

.fzlcdiv {
    width: 100%;
    height: 560px;
    float: left;
    background: url(../image/fzlcbj.png) center center no-repeat;
    background-size: 1920px 300px;
    padding-bottom: 20px;
    margin-top: 25px;
    position: relative;
    overflow: hidden;
}

.fzlcdivlist {
    width: 200000px;
    height: auto !important;
    overflow: hidden;
    float: left;
    position: relative;
    transition: transform 600ms;
}

.fzjtdiv {
    width: 120px;
    height: 50px;
    margin: 0 auto;
    padding-top: 40px;
}

.fzjtl {
    width: 50px;
    height: 50px;
    float: left;
    position: absolute;
    left: 80px;
    top: 40%;
    z-index: 10;
    background: url(../image/jtl.png) left center no-repeat;
    cursor: pointer;
    background-size: 50px auto !important;
}

.fzjtl:hover {
    background: url(../image/jtlh.png) left center no-repeat;
}

.fzjtr {
    width: 50px;
    height: 50px;
    float: right;
    position: absolute;
    right: 80px;
    top: 40%;
    z-index: 10;
    background: url(../image/jtr.png) left center no-repeat;
    cursor: pointer;
    background-size: 50px auto !important;
}

.fzjtr:hover {
    background: url(../image/jtrh.png) left center no-repeat;
}

dl.fzd2 {
    width: 320px;
    height: 560px;
    float: left;
    text-align: center;
    position: relative;
}

dl.fzd2 dd {
    width: 100%;
    height: auto;
    float: left;
    position: absolute;
    left: 0;
    bottom: 440px;
    font-size: 17px;
}

dl.fzd2 dt {
    width: 100%;
    height: auto;
    float: left;
    background: url(../image/fzlctb.png) center top no-repeat;
    padding-top: 40px;
    position: absolute;
    top: 132px;
    left: 0;
}

dl.fzd2 dt strong {
    width: 100%;
    height: auto;
    float: left;
    font-size: 36px;
    line-height: 46px;
    color: #0666B3;
    font-weight: bold;
    margin-bottom: 10px;
}

dl.fzd2 dt img {
    width: 120px;
    height: 120px;
    display: block;
    margin: 0 auto;
    border: 8px solid #fff;
    border-radius: 100%;
}

dl.fzd2.cur dd {
    top: 450px;
}

dl.fzd2.cur dt {
    background: url(../image/fzlctb.png) center bottom no-repeat;
    padding-top: 0px;
    padding-bottom: 40px;
    top: 213px;
}

dl.fzd2.cur dt strong {
    margin-bottom: 10px;
}

.fzlcdiv::after {
    content: "";
    width: 140px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(to right, rgba(255,255,255,1) 20% , rgba(255,255,255,0) );
    z-index: 9;
}

.fzlcdiv::before {
    content: "";
    width: 140px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-image: linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,1) 80% );
    z-index: 9;
}

.aboutdiv2 {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0 60px 0;
    background: #fff;
}

.aboutdiv2 img {
    width: 100%;
    height: auto;
    display: block;
}

.aboutdiv3 {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0 60px 0;
    background: url(../image/about_bj1.jpg) center center no-repeat;
    background-size: cover;
}

.aboutdiv3 ul {
    width: 100%;
    height: auto;
    list-style: none;
}

.aboutdiv3 ul li {
    width: 220px;
    height: auto;
    margin: 70px 10px;
    float: left;
}

.aboutdiv3 ul li a img {
    width: 100%;
    height: auto;
    display: block;
}

.aboutdiv3 ul li.cur {
    width: 460px;
    padding: 0 60px;
    margin: 0;
    box-sizing: border-box;
}

.rzyzdivz {
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 20px;
    margin-top: 25px;
    position: relative;
    overflow: hidden;
}

.rzyzdiv {
    width: 460px;
    height: 480px;
    margin: 0 auto;
    position: relative;
}

.rzyzdivlist {
    width: 200000px;
    height: auto !important;
    overflow: hidden;
    float: left;
    position: absolute;
    transition: transform 600ms;
}

.zsjtl {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0px;
    top: 45%;
    background: url(../image/jtl.png) left center no-repeat;
    cursor: pointer;
    background-size: 50px auto !important;
}

.zsjtl:hover {
    background: url(../image/jtlh.png) left center no-repeat;
}

.zsjtr {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0px;
    top: 45%;
    background: url(../image/jtr.png) left center no-repeat;
    cursor: pointer;
    background-size: 50px auto !important;
}

.zsjtr:hover {
    background: url(../image/jtrh.png) left center no-repeat;
}

/****生产制造******/
.abzzdiv {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0 60px 0;
    background: url(../image/abzz_bj.png) top center no-repeat;
    background-size: cover;
}

.abzzdivtxt {
    width: 33.3333%;
    height: auto;
    float: left;
    padding: 0 35px;
    margin: 30px 0;
    text-align: center;
    border-right: 1px solid #ededed;
    box-sizing: border-box;
}

.abzzdivtxt strong {
    width: 100%;
    height: auto;
    float: left;
    font-size: 70px;
    line-height: 70px;
    color: #0666B3;
}

.abzzdivtxt h3 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 20px;
    line-height: 26px;
    color: #333;
    margin: 8px 0;
}

.abzzdivtxt p {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 28px;
    color: #888;
}

.abzzdivtxt.last {
    border-right: none;
}

.abzzdiv1 {
    width: 100%;
    height: auto;
    float: left;
    padding: 80px 0;
    background: url(../image/abzz_bj1.jpg) center center no-repeat;
    background-size: cover;
}

.abzzdiv1 dl {
    width: 1600px;
    height: auto;
    float: left;
}

.abzzdiv1 dl dd {
    width: 45%;
    height: auto;
    float: left;
    padding: 90px 100px 0 0;
    box-sizing: border-box;
}

.abzzdiv1 dl dd strong {
    width: 100%;
    height: auto;
    float: left;
    font-size: 30px;
    line-height: 36px;
    color: #333;
    margin-bottom: 15px;
}

.abzzdiv1 dl dd p {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 28px;
    color: #333;
}

.abzzdiv1 dl dt {
    width: 55%;
    height: auto;
    float: left;
}

.abzzdiv1 dl dt img {
    width: 100%;
    height: auto;
    display: block;
}

.zzysdiv {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    overflow: hidden;
}

.zzysdivlist {
    width: 200000px;
    height: auto !important;
    overflow: hidden;
    float: left;
    position: relative;
    transition: transform 600ms;
}

.zzysdivkz {
    width: 200px;
    height: auto;
    float: left;
    position: absolute;
    left: 0;
    bottom: 140px;
}

.suzi {
    width: 100px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #888;
    float: left;
}

.suzi s {
    font-size: 28px;
    color: #0666B3;
}

.zzjtl {
    width: 50px;
    height: 50px;
    float: left;
    background: url(../image/jtl.png) left center no-repeat;
    cursor: pointer;
    background-size: 50px auto !important;
}

.zzjtl:hover {
    background: url(../image/jtlh.png) left center no-repeat;
}

.zzjtr {
    width: 50px;
    height: 50px;
    float: right;
    background: url(../image/jtr.png) left center no-repeat;
    cursor: pointer;
    background-size: 50px auto !important;
}

.zzjtr:hover {
    background: url(../image/jtrh.png) left center no-repeat;
}

/****联系我们*****/
.nyban1 img {
    height: 620px !important;
}

.nyban1 .nybanwz {
    top: 180px;
}

.nybantxt {
    width: 100%;
    height: auto;
    float: left;
    background: #fff;
    max-width: 760px;
    padding: 40px;
    box-sizing: border-box;
    box-shadow: 1px 2px 5px #ededed;
}

.nybantxt h3 {
    width: 100%;
    height: auto;
    font-family: "Alibabablod";
    float: left;
    font-size: 36px;
    line-height: 40px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ededed;
    background: url(../image/index_ystb1.png) left bottom no-repeat;
    background-size: 40px 3px;
}

.nybantxt p.p1 {
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 15px;
    margin: 15px 0;
    border-bottom: 1px solid #ededed;
    padding-left: 25px;
    background: url(../image/lxwm_tb1.png) left 5px no-repeat;
    font-size: 14px;
    line-height: 24px;
    color: #888;
    box-sizing: border-box;
}

.nybantxt p.p1 span {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 24px;
    color: #333;
}

.nybantxt p.p1.p2 {
    width: 45%;
    border-right: 1px solid #ededed;
    border-bottom: none;
    padding: 0 25px;
    background: url(../image/lxwm_tb2.png) left 5px no-repeat;
}

.nybantxt p.p1.p2.p3 {
    width: 50%;
    border-right: none;
    margin-left: 5%;
    padding: 0 25px;
    background: url(../image/lxwm_tb3.png) left 5px no-repeat;
}

.nymenu ul.u2 li a {
    width: 50%;
}

.lxwmdiv {
    width: 100%;
    height: auto;
    float: left;
    padding: 10px 0 60px 0;
}

/********加入我们******/
.joindiv {
    width: 100%;
    height: auto;
    float: left;
    padding: 50px 0 70px 0;
    background: #fff;
}

.joinfl {
    width: 100%;
    height: 240px;
    float: left;
    padding: 40px 40px 0 40px;
    box-sizing: border-box;
    background: url(../image/zpbj.jpg) center center no-repeat;
    background-size: cover !important;
}

.joinfl a {
    width: 100%;
    height: auto;
    padding-right: 60px;
    box-sizing: border-box;
    color: #fff;
    float: left;
    background: url(../image/zptb_1.png) right top no-repeat;
}

.joinfl span {
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    line-height: 20px;
    opacity: 0.8;
}

.joinfl strong {
    width: 100%;
    height: auto;
    float: left;
    font-size: 22px;
    line-height: 32px;
    margin: 5px 0 40px 0;
}

.joinfl p {
    width: 100%;
    height: 48px;
    float: left;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    display: none;
}

.joinfl.cur {
    width: 100%;
    background: url(../image/zpbj.jpg) center center no-repeat;
}

.joinfl.cur p {
    display: block;
}

.joinejdiv {
    width: 100%;
    height: auto;
    float: left;
    margin: 60px 0 30px 0;
}

.joinejdiv dl.d1 {
    width: 310px;
    height: auto;
    float: left;
    position: relative;
}

.joinejdiv dl.d1 dt {
    width: 100%;
    height: auto;
    float: left;
    border-radius: 30px;
    line-height: 60px;
    font-size: 15px;
    padding: 0 20px;
    box-sizing: border-box;
    border: 1px solid #ededed;
    background: url(../image/dsj1h.png) 280px center no-repeat #f9f9f9;
}

.joinejdiv dl.d1 dd {
    width: 100%;
    height: auto;
    float: left;
    background: #f9f9f9;
    padding: 0 20px 20px 20px;
    box-sizing: border-box;
    border: 1px solid #ededed;
    border-top: none;
    z-index: 22;
    display: none;
    position: absolute;
    left: 0;
    top: 60px;
}

.joinejdiv dl.d1 dd a {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 30px;
}

.joinejdiv dl.d1 dd a.cur {
    color: #0666B3;
}

.joinejdiv dl.d1:hover dt {
    background: url(../image/dsj1h2.png) 280px center no-repeat #f9f9f9;
    border-radius: 30px 30px 0 0;
}

.joinejdiv dl.d1:hover dd {
    display: block;
    border-radius: 0 0 30px 30px ;
}

.joinss {
    width: 400px;
    height: 60px;
    float: right;
    border: 1px solid #ededed;
    border-radius: 30px;
    position: relative;
    background: #f9f9f9;
}

.joinss .input {
    width: 290px;
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
    box-sizing: border-box;
    background: none;
    border: none;
    outline: none;
}

.joinss .button {
    width: 110px;
    height: 60px;
    line-height: 60px;
    background: #0666B3;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 30px;
}

.joinss .button span {
    padding-right: 20px;
    background: url(../image/zp_tbss.png) right center no-repeat;
    font-size: 16px;
}

.joinss .button:hover {
    opacity: 0.8;
}

dl.jrdl {
    width: 100%;
    height: auto;
    float: left;
    padding: 10px 20px;
    margin-bottom: 15px;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    cursor: pointer;
}

dl.jrdl dt {
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

dl.jrdl dt strong {
    width: auto;
    height: auto;
    float: left;
    line-height: 36px;
    font-size: 20px;
    background: url(../image/join_tb.png) left center no-repeat;
    color: #333;
    padding-left: 30px;
    background-size: 20px auto;
    box-sizing: border-box;
}

dl.jrdl dt span {
    width: auto;
    height: auto;
    float: right;
    line-height: 36px;
    font-size: 16px;
    color: #333;
}

dl.jrdl dt span s {
    color: #0666B3;
    margin-right: 10px;
}

dl.jrdl dd {
    width: 100%;
    height: auto;
    float: left;
    line-height: 36px;
    font-size: 16px;
    background: url(../image/news_tb.png) right center no-repeat;
    padding-right: 30px;
    box-sizing: border-box;
}

dl.jrdl dd span {
    width: 20%;
    height: auto;
    float: left;
}

dl.jrdl:hover {
    border-top: 2px solid #0666B3;
    background: #f9f9f9;
}

dl.jrdl:hover dt strong {
    color: #0666B3;
}

.joindc {
    width: 94%;
    height: auto;
    max-width: 1400px;
    position: fixed;
    display: none;
    left: 200px;
    top: 100px;
    z-index: 9999;
    box-sizing: border-box;
    background: #fff;
}

.joindctop {
    width: 100%;
    height: auto;
    float: left;
    background: #f5f7f9;
    padding: 40px 60px 30px 60px;
    box-sizing: border-box;
}

.joinclose {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    background: url(../image/join_gb.png) center center no-repeat;
}

.joindctop strong {
    width: 100%;
    height: auto;
    float: left;
    font-size: 26px;
    line-height: 32px;
    color: #333;
    margin-bottom: 10px;
}

.joindctop p {
    width: auto;
    height: auto;
    float: left;
    line-height: 46px;
    margin-right: 50px;
    font-size: 16px;
    color: #333;
}

.joindctop a {
    float: right;
}

.joindcnr {
    width: 100%;
    height: auto;
    float: left;
    background: #fff;
    padding: 30px 60px 50px 60px;
    box-sizing: border-box;
}

.joindcnr strong.s {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 26px;
    color: #0666B3;
    margin-top: 15px;
}

.joindcnr p {
    width: 100%;
    height: auto;
    float: left;
    font-size: 15px;
    line-height: 26px;
    color: #333;
}

/*****新闻中心******/
.newsdiv {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0 60px 0;
    background: #fff;
}

dl.tjxwdl {
    width: 1600px;
    height: auto;
    float: left;
    background: #f7f8fa;
}

dl.tjxwdl dt {
    width: 50%;
    height: auto;
    float: left;
    overflow: hidden;
}

dl.tjxwdl dt img {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 800ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 800ms;
}

dl.tjxwdl:hover dt img {
    -webkit-transform: scale(1.03,1.03);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 800ms;
    -moz-transform: scale(1.03,1.03);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 800ms;
}

dl.tjxwdl dd {
    width: 50%;
    height: auto;
    float: left;
    padding: 50px 65px;
    box-sizing: border-box;
}

dl.tjxwdl dd h3 a {
    width: 100%;
    height: 64px;
    float: left;
    font-family: "Alibabablod";
    line-height: 32px;
    font-size: 26px;
    color: #333;
    overflow: hidden;
}

dl.tjxwdl dd p {
    width: 100%;
    height: 78px;
    float: left;
    font-size: 16px;
    line-height: 28px;
    color: #333;
    overflow: hidden;
    margin: 15px 0 95px 0;
}

dl.tjxwdl dd a.amore {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
}

dl.tjxwdl dd strong {
    width: auto;
    height: 50px;
    color: #333;
    float: right;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
}

dl.tjxwdl dd strong s {
    width: auto;
    font-size: 50px;
    line-height: 50px;
    float: left;
    font-weight: bold;
    border-right: 1px solid #ededed;
    padding-right: 10px;
    margin-right: 10px;
}

.newtjdiv {
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 70px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.newtjdivlist {
    width: 20000px;
    height: auto !important;
    overflow: hidden;
    float: left;
    position: relative;
    transition: transform 600ms;
}

.newtjspan {
    margin: 0px;
    padding: 0px;
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
    z-index: 886;
}

.newtjspan span {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 12px;
    background: #ccc;
    cursor: pointer;
    margin: 0 3px;
    box-sizing: border-box;
}

.newtjspan span.cur {
    height: 20px;
    background: #0666B3;
}

dl.ndl {
    width: 48%;
    height: auto;
    float: left;
    margin: 1%;
    box-shadow: -1px 2px 8px #ededed;
    background: #fff;
    padding: 35px 0;
    position: relative;
}

dl.ndl dt {
    width: 140px;
    height: auto;
    float: left;
    padding: 15px 0;
    border-right: 1px solid #ededed;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}

dl.ndl dt strong {
    width: 100%;
    height: auto;
    float: left;
    font-size: 30px;
    line-height: 36px;
    color: #333;
}

dl.ndl dd {
    width: 100%;
    height: auto;
    float: left;
    position: absolute;
    left: 0;
    top: 35px;
    padding: 0 40px 0 180px;
    box-sizing: border-box;
}

dl.ndl dd h3 a {
    width: 100%;
    height: 28px;
    font-family: "Alibabablod";
    line-height: 28px;
    float: left;
    font-size: 20px;
    color: #333;
    overflow: hidden;
}

dl.ndl dd p {
    width: 100%;
    height: 48px;
    line-height: 24px;
    float: left;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    margin-top: 5px;
}

dl.ndl:hover {
    background: url(../image/index_ystb1.png) left center no-repeat #fff;
    background-size: 2px 100%;
}

dl.ndl:hover dd h3 a {
    color: #0666B3;
}

/*******新闻中心-详情*******/
.newsxxdivtop {
    width: 100%;
    height: auto;
    float: left;
    background: url(../image/newsxx_bj.jpg) center center no-repeat;
    padding: 200px 0 70px 0;
    background-size: cover;
}

.newxxl {
    width: 63%;
    height: auto;
    float: left;
    margin-right: 4%;
}

.ptime {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    margin-bottom: 15px;
}

.ptime s {
    color: #0666B3;
    margin-right: 10px;
}

.newxxl .h1 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 36px;
    min-height: 84px;
    line-height: 42px;
    color: #333;
}

.newxxr {
    width: 33%;
    height: auto;
    float: left;
}

.newxxr a.a1 {
    width: 100%;
    height: auto;
    float: left;
    padding: 13px 0 13px 60px;
    font-size: 16px;
    box-sizing: border-box;
    background: url(../image/newsxx_tb1.png) 10px center no-repeat;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.newxxr a.a2 {
    width: 100%;
    height: auto;
    float: left;
    padding: 13px 0 13px 60px;
    font-size: 16px;
    box-sizing: border-box;
    background: url(../image/newsxx_tb2.png) 10px center no-repeat;
    border-bottom: 1px solid #dedede;
}

.newxxr a.a3 {
    width: 100%;
    height: auto;
    float: left;
    padding: 13px 0 13px 60px;
    font-size: 16px;
    box-sizing: border-box;
    background: url(../image/newsxx_tb3.png) 10px center no-repeat;
    border-bottom: 1px solid #dedede;
}

.newsxxdiv1 {
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 60px;
    background: #fff;
}

.newxxxdivc {
    width: 100%;
    height: auto;
    float: left;
    padding: 25px 0;
    font-size: 16px;
    line-height: 26px;
    color: #444;
}

.newxxxdivc p {
    width: 100%;
    height: auto;
    float: left;
}

.newxxxdivc img {
    width: auto;
    height: auto !important;
    max-width: 100% !important;
    display: block;
}

.newsxxrc {
    width: 100%;
    height: auto;
    float: left;
    background: #f7f8fa;
    padding: 40px;
    box-sizing: border-box;
    margin: 25px 0;
}

.newsxxrc strong {
    width: 100%;
    height: auto;
    float: left;
    font-size: 26px;
    line-height: 32px;
}

.newsxxrc ul {
    width: 100%;
    height: auto;
    float: left;
    list-style: none;
}

.newsxxrc ul li {
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 1px solid #ededed;
    padding: 15px 0;
}

.newsxxrc ul li p {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
}

.newsxxrc ul li p s {
    color: #0666B3;
    margin-right: 10px;
}

.newsxxrc ul li h3 a {
    width: 100%;
    height: auto;
    float: left;
    max-height: 52px;
    line-height: 26px;
    font-size: 18px;
    overflow: hidden;
}

/******应用场景*****/
.yycjdiv {
    width: 100%;
    height: auto;
    float: left;
    padding: 200px 0 60px 0;
    /*background: url(../image/yydivbj.jpg) center center no-repeat;*/
    /*background-size: cover;*/
}

.yycjtxtz {
    width: 700px;
    height: 700px;
    float: left;
    position: relative;
}

.yycjtxty {
    width: 680px;
    height: 680px;
    float: left;
    background: url(../image/yybbj.png) center center no-repeat;
    z-index: 2;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: quan 20s infinite linear;
}

.yycjtxty2 {
    width: 680px;
    height: 680px;
    float: left;
    background: url(../image/yycbj.png) center center no-repeat;
    z-index: 1;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    animation: quan 6s infinite linear;
}

.yycjtxtc {
    display: none;
    width: 700px;
    height: 700px;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    padding: 200px 150px 0 150px;
    box-sizing: border-box;
    text-align: center;
}

.yycjtxtc h3 a {
    width: 100%;
    height: auto;
    font-family: "Alibabablod";
    float: left;
    font-size: 30px;
    line-height: 36px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    background: url(../image/index_ystb1.png) center bottom no-repeat;
    background-size: 30px 3px;
}

.yycjtxtc .p {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 26px;
    min-height: 104px;
    color: #333;
    margin-bottom: 15px;
}

@keyframes quan {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.yycjdivul {
    width: 200px;
    height: auto;
    float: right;
    margin-top: 200px;
}

.yycjdivul ul {
    width: 100%;
    height: auto;
    float: left;
    list-style: none;
    background: url(../image/yyxx.png) 185px center no-repeat;
    text-align: right;
    background-size: 1px 100%;
}

.yycjdivul ul li a {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 26px;
    padding: 15px 0;
    color: #fff;
    background: url(../image/yy_tb.png) right center no-repeat;
    padding-right: 45px;
    box-sizing: border-box;
}

.yycjdivul ul li:hover a,.yycjdivul ul li.cur a {
    background: url(../image/yy_tbh.png) right center no-repeat;
    color: #0666B3;
}

/****应用场景详细页****/
.yycjxxdiv {
    width: 100%;
    height: auto;
    float: left;
    padding: 180px 0 70px 0;
    background: url(../image/yycjtp.png) center top no-repeat #f9fafc;
    background-size: 100% 500px
}

dl.yycjdl {
    width: 100%;
    height: auto;
    float: left;
    background: #fff;
    margin-bottom: 40px;
}

dl.yycjdl dt {
    width: 56%;
    height: auto;
    float: left;
}

dl.yycjdl dt img {
    width: 100%;
    height: auto;
    display: block;
}

dl.yycjdl dd {
    width: 44%;
    height: auto;
    float: left;
    padding: 70px 70px 0 70px;
    box-sizing: border-box;
}

dl.yycjdl dd h2 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 36px;
    line-height: 46px;
    font-family: "Alibabablod";
    padding-bottom: 10px;
    background: url(../image/index_ystb1.png) left bottom no-repeat;
    color: #333;
}

dl.yycjdl dd p {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 26px;
    margin-top: 15px;
}

dl.yycjd2 {
    width: 24%;
    height: auto;
    float: left;
    margin: 0.5%;
}

dl.yycjd2 dt {
    width: 100%;
    height: auto;
    float: left;
}

dl.yycjd2 dt img {
    width: 100%;
    height: auto;
    float: left;
}

dl.yycjd2 dd {
    width: 100%;
    height: auto;
    float: left;
    padding: 15px 0;
    font-size: 18px;
    line-height: 30px;
    box-sizing: border-box;
}

.yycjxxdiv1 {
    width: 100%;
    height: auto;
    float: left;
    background: #fff;
    padding: 40px 0 60px 0;
}

.nydiv {
    width: 100%;
    height: auto;
    float: left;
    padding: 20px 0 60px 0;
}