*{margin:0;padding:0;border:0;}
.clearFix:after{content:""; display:block; clear:both;}
.clearFix{zoom:1;}
::selection {
    color: #fff;
    background-color: #282a87;
}
.wrapper{
    width:1170px;
    margin-right:auto;
    margin-left:auto;
}
.leafbox{
    width:220px;
    position:fixed;
    z-index:999;
    left:10px;
    top:150px;
}
.leafbox .closebtn{
    width:80px;
    border-radius:5px;
    height:80px;
    font-size:14px;
    background:#282a87;
    line-height:25px;
    text-align:center;
    color:#fff;
}
.leafbox .closebtn i{
    display:block;
    width:40px;
    height:40px;
    padding:10px 20px 0;
    background:url(../images/fenlei.icon.png) no-repeat center bottom;
}
.leafbox .openul{
    position:fixed;
    top:150px;
    z-index:1101;
    left:-220px;
    opacity:0;
    border-radius:5px;
    overflow:hidden;
    width:220px;
}
.leafbox .openul.hide{
    opacity: 0;
}
.leafbox .openul .opitem.sif{
    background:#3b3da7 url(../images/arrow-down.png) no-repeat 190px 5px;
}
.leafbox .openul .opitem{
    width:220px;
    background:#3b3da7;
    border-bottom:1px solid rgba(255,255,255,.1);
    font-size:14px;
    line-height:1;
    color:#fff;
}
.leafbox .openul .opitem:nth-last-child(1){
    border-bottom:0;
}
.leafbox .openul .opitem a{
    color:#fff;
    display:block;
    padding:8px 10px;
    box-sizing: border-box;
    width:100%;
    transition:.5s all;
    text-decoration:none;
}
.leafbox .openul .opitem.stype{
    background:#494bcc;
}
.leafbox .openul .opitem a:hover{
    background:#4245be;
}






.prod-pos{
    width:100%;
    height:60px;
    background:#fff;
    font-size:14px;
    box-shadow: 0 5px 7px 0 rgba(0,0,0,.3);
}
.prod-wrap{
    width:1170px;
    margin:0 auto;
}
.prod-pos.fix{
    position:fixed;
    left:0;
    top:70px;
    z-index:500;
}
.prod-pos .posarea{
    height:60px;
    font-size:14px;
    line-height:60px;
    color:#333;
}
.prod-pos .posarea h3{
    
    font-weight:normal;
    font-size:14px;
    display:inline-block;
    color:#282a87;
}
.prod-pos .posarea h3.t{
    font-weight:700;
}
.prod-pos .posarea a{
    /* transition:.5s all; */
    display:inline-block;
    color:#666;
    text-decoration: none;
    padding:0 5px;
    height:20px;
    line-height:20px;
    transition:.3s all;
    margin:20px 10px 0 0;
}
.prod-pos .posarea a.hover{
    color:#fff;
    background: #282a87;
    
}
.prod-pos .posarea a:hover{
    color:#fff;
    background: #282a87;
}

.prod-pos .posarea .page-abs{
    width:300px;
    float:right;
}
.prod-pos .posarea .page-abs li{
    display:inline-block;
    padding:0 14px;
    font-size:14px;
    cursor: pointer;
}
.prod-pos .posarea .page-abs li.hover{
    color:#282a87;
    font-weight:bold;
}
.proban1205{
    width:100%;
    height:640px;
    /* 默认banner */
}
.proban1205.pro1{
    background:url(../images/proban-1.jpg) no-repeat center top;
}
.proban1205.pro1-1{
    background:url(../images/proban-1-1.jpg) no-repeat center top;
}
.proban1205.pro1-2{
    background:url(../images/proban-1-2.jpg) no-repeat center top;
}
.proban1205.pro1-3{
    background:url(../images/proban-1-3.jpg) no-repeat center top;
}
.proban1205.pro1-4{
    background:url(../images/proban-1-4.jpg) no-repeat center top;
}
.proban1205.pro2{
    background:url(../images/proban-2.jpg) no-repeat center top;
}
.proban1205.pro3{
    background:url(../images/proban-3.jpg) no-repeat center top;
}
.proban1205.pro4{
    background:url(../images/proban-4.jpg) no-repeat center top;
}
.proban1205.pro5{
    background:url(../images/proban-5.jpg) no-repeat center top;
}
.proban1205.pro6{
    background:url(../images/proban-6.jpg) no-repeat center top;
}
.proban1205.pro7{
    background:url(../images/proban-7.jpg) no-repeat center top;
}
.proban1205.pro8{
    background:url(../images/proban-8.jpg) no-repeat center top;
}
.proban1205.pro9{
    background:url(../images/proban-9.jpg) no-repeat center top;
}
.proban1205.pro10{
    background:url(../images/proban-10.jpg) no-repeat center top;
}
.proban1205.pro11{
    background:url(../images/proban-11.jpg) no-repeat center top;
}



.prod-p{
    width:1170px;
    position:relative;
    height:300px;
    margin:0 auto;
}
.prod-p .sec1{
    z-index:2;
    position:absolute;
    width:100%;
    height:300px;
    left:0;
    padding:50px;
    box-sizing:border-box;
    top:-50px;
    background:#fff;
}
.prod-p .sec1 h2{
    font-size:36px;
    padding-bottom:30px;
    letter-spacing: 1px;
    font-weight: bold;
    line-height:1.1;
    color:#454545;
}
.prod-p .sec1 p{
    font-size:18px;
    line-height:1.6;
    color:#555;
}

.prods-a{
    width:100%;
    margin-top:80px;
    background:#eff1f3;
    padding-bottom:30px;
}
.prods-a h4{
    padding:30px 0 50px;
    font-size:36px;
    width:100%;
    height:36px;
    font-weight:bold;
    line-height:36px;
    text-align:center;
    position:relative;
}
.prods-a h4::after{
    content:'';
    width:64px;
    margin-left:-32px;
    height:1px;
    position: absolute;
    background:#000;
    left:50%;
    bottom:20px;
}
.prods-a  h5{
    font-size:18px;
    text-align:left;
    line-height:32px;
    color:#222;
    width:1170px;
    margin:0 auto;
    padding:10px 0;
}
.prods-a .wrap{
    width:1170px;
    margin:0 auto;
}
.prods-a .wrap dl{
    float:left;
    margin:20px 0 30px;
    width:540px;
    height:360px;
}
.prods-a .wrap dl:nth-child(2n){
    float:right;
}

.prods-a .wrap dt{
    width:560px;
    height:320px;
    overflow:hidden;
}
.prods-a .wrap dd{
    margin-top:10px;
}
.prods-a .wrap dd h3{
    font-weight:normal;
}
.prods-a .wrap dl dt img{
    width:560px;
    height:auto;
}


.prod-a{
    width:100%;
    background:#282a87;
    /* height:840px; */
    /* background:url(../images/prod-abg.jpg);
    background-size:100% 100%; */
    /* margin-top:120px; */
}
/* .prod-a .item1{
    width:1170px;
    margin:0 auto;
    height:280px;
}
.prod-a .item1 .pic{
    height:280px;
    width:480px;
    float:left;
    position:relative;
} */
/* .prod-a .item1 .pic img{
    position:absolute;
    top:-104px;
    left:0;
    width:480px;
    height:auto;
}
.prod-a .item1 .txt{
    font-size:24px;
    float:left;
    width:570px;
    color:#fff;
    padding:120px 0 0 120px;
}

.prod-a .item2{
    width:1170px;
    margin:0 auto;
    height:640px;
}
.prod-a .item2 .txt{
    font-size:24px;
    text-align: right;
    width:360px;
    padding:120px 0 0 120px;
    float:left;
    color:#fff;
    padding:120px 0 0 120px;
}
.prod-a .item2 .pic{
    position:relative;
    width:640px;
    float:right;
    height:400px;
}
.prod-a .item2 .pic img{
    position:absolute;
    left:0;
    width:640px;
    height:auto;
} */

.prod-a h2{
    font-size:36px;
    padding:30px 0;
    font-weight:bold;
    line-height:1.6;
    letter-spacing: 2px;
    text-align:center;
    color:#182128;
}
.prod-a .wrap{
    width:1170px;
    margin:0 auto;
}

.prod-a .wrap .item1{
    width:100%;
    height:480px;
    position:relative;
}
.prod-a .wrap .item1 dt{
    width:500px;
    overflow:hidden;
    height:400px;
}
.prod-a .wrap .item1 dt img{
    width:500px;
    height:auto;
    display:block;
}
.prod-a .wrap .item1 dd{
    position:absolute;
    width:240px;
    height:140px;
    padding:30px 0 0 30px;
    box-sizing: border-box;
    background:#282a87;
    left:480px;
    top:30px;
}
.prod-a .wrap .item1 dd h3{
    font-size:22px;
    line-height:1.6;
    color:#fff;
}
.prod-a .wrap .item1 dd a{
    text-decoration: none;
    font-size:14px;
    color:rgba(255,255,255,.8);
}

img.tranpic{
    transition:.8s all;
}
img.tranpic:hover{
    scale: 1.2;
}
.prod-a .wrap dt{
    transition:.8s all;
}
.prod-a .wrap dt:hover{
    box-shadow: 0 5px 10px 5px rgba(0,0,0,.3);
}

.prod-a .wrap .item2{
    width:100%;
    height:400px;
    position:relative;
}
.prod-a .wrap .item2 dt{
    width:640px;
    overflow:hidden;
    position:absolute;
    right:0;
    top:-200px;
    height:400px;
}
.prod-a .wrap .item2 dt img{
    width:640px;
    height:auto;
    display:block;
}
.prod-a .wrap .item2 dd{
    position:absolute;
    width:250px;
    height:150px;
    padding:30px 0 0 30px;
    box-sizing: border-box;
    background:#3770da;
    right:0;
    top:-320px;
}
.prod-a .wrap .item2 dd h3{
    font-size:22px;
    color:#fff;
}
.prod-a .wrap .item2 dd a{
    text-decoration: none;
    font-size:14px;
    color:rgba(255,255,255,.8);
}

.prod-a .wrap .item3{
    width:100%;
    height:120px;
    position:relative;
}
.prod-a .wrap .item3 dt{
    width:480px;
    overflow:hidden;
    position:absolute;
    left:0;
    top:-360px;
    height:384px;
}
.prod-a .wrap .item3 dt img{
    width:480px;
    height:auto;
    display:block;
}
.prod-a .wrap .item3 dd{
    position:absolute;
    width:200px;
    height:130px;
    padding:35px 0 0 35px;
    box-sizing: border-box;
    background:#3770da;
    left:0;
    top:-430px;
}
.prod-a .wrap .item3 dd h3{
    font-size:22px;
    color:#fff;
}
.prod-a .wrap .item3 dd a{
    text-decoration: none;
    font-size:14px;
    color:rgba(255,255,255,.8);
}


.prod-a .wrap .item4{
    width:100%;
    height:120px;
    position:relative;
}
.prod-a .wrap .item4 dt{
    width:560px;
    overflow:hidden;
    position:absolute;
    right:0;
    top:-260px;
    height:320px;
}
.prod-a .wrap .item4 dt img{
    width:560px;
    height:auto;
    display:block;
}
.prod-a .wrap .item4 dd{
    position:absolute;
    width:200px;
    height:130px;
    padding:35px 0 0 35px;
    box-sizing: border-box;
    background:#282a87;
    left:520px;
    top:-225px;
}
.prod-a .wrap .item4 dd h3{
    font-size:22px;
    color:#fff;
}
.prod-a .wrap .item4 dd a{
    text-decoration: none;
    font-size:14px;
    color:rgba(255,255,255,.8);
}

.prod-a .wrap .item5{
    width:100%;
    height:180px;
    position:relative;
}
.prod-a .wrap .item5 dt{
    width:450px;
    overflow:hidden;
    position:absolute;
    left:0;
    top:-160px;
    height:300px;
}
.prod-a .wrap .item5 dt img{
    width:450px;
    height:auto;
    display:block;
}
.prod-a .wrap .item5 dd{
    position:absolute;
    width:180px;
    height:130px;
    padding:35px 0 0 35px;
    box-sizing: border-box;
    background:#3770da;
    left:350px;
    top:-105px;
}
.prod-a .wrap .item5 dd h3{
    font-size:22px;
    color:#fff;
}
.prod-a .wrap .item5 dd a{
    text-decoration: none;
    font-size:14px;
    color:rgba(255,255,255,.8);
}




.prod-j{
    width:100%;
    margin-top:140px;
    margin-bottom:80px;
}
.prod-j .pic{
    width:50%;
    float:left;
    padding-right:25px;
    text-align: right;
    box-sizing: border-box;
}
.prod-j .pic img{
    width:560px;
    height:auto;
}
.prod-j .area{
    float:left;
    width:50%;
    height:401.33px;
    background:#eff1f3;
}
.prod-j .area .core{
    width:520px;
    padding:45px 0 45px 45px;
}
.prod-j .area h2{
    font-size:36px;
    font-weight:bold;
    line-height:1.2;
    letter-spacing: 2px;
    color:#182128;
}
.prod-j .area p{
    width:520px;
    color:#666;
    font-size:16px;
    padding:15px 0 30px 0;
}
.prod-j .area .ask{
    padding:0 30px 0 0;
    color:#282a87;
    font-size:14px;
    background:url(../images/ask-icon.png) right center no-repeat;
    height:30px;
    line-height:30px;
    font-weight:800;
    text-decoration: none;
    display: inline-block;
}
.prod-j .piclist{
    width:100%;
    margin-top:30px;
}
.prod-j .piclist .item{
    float:left;
    margin-right:15px;
    list-style: none;
}
.prod-j .piclist .item img{
    width:140px;
    height:auto;
    border:1px solid #f4f4f4;
    transition:.3s all;
}
.prod-j .piclist .item img:hover{
    border:1px solid #282a87;
}

.prod-t{
    width:1170px;
    margin:0 auto;
    padding-top:80px;
}
.prod-t h2.prod-t-tit{
    font-size:36px;
    line-height:1.6;
    letter-spacing: 2px;
    text-align:left;
    font-weight:bold;
    color:#333;
}
.prod-t p.txt{
    margin-top:30px;
    font-size:18px;
    line-height:1.6;
    color:#555;
}

.prod-y{
    width:100%;
    /* margin-top:80px; */
    background:url(../images/prod-abg.jpg);
    background-size:100% auto;
    padding:80px 0;
}
.prod-y .prod-y-wrap{
    width:1170px;
    margin: 0 auto;
}
.prod-y h3.prod-y-tit{
    font-size:36px;
    font-weight:bold;
    line-height:1.1;
    letter-spacing: 2px;
    text-align:left;
    color:#fff;
}
.prod-y .prod-ys{
    margin-top:40px;
    width:1170px;
}
.prod-y .prod-ys .item{
    
    margin-left:18px;
    width:279px;
    padding:7px;
    background: rgba(0,0,0,.1);
    /* border:2px solid rgba(0,0,0,.3); */
    box-sizing: border-box;
    height:420px;
    float:left;
}
.prod-y .prod-ys .item:nth-child(1){
    margin-left:0;
}
.prod-y .prod-ys .item dt{
    width:265px;
    height:210px;
    position:relative;
    overflow:hidden;
}
.prod-y .prod-ys .item dt img{
    position:absolute;
    top:-70px;
    left:0;
    width:100%;
    height:auto;
    display:block;
    transition:.3s all;
}
.prod-y .prod-ys .item dt img:hover{
    scale: 1.2;
}
.prod-y .prod-ys .item dd{
    width:265px;
}
.prod-y .prod-ys .item dd:hover{
    background:none;
}
.prod-y .prod-ys .item dd i{
    display:block;
    padding:48px 100px 0;
    width:92px;
    height:92px;
    display:none;
}
.prod-y .prod-ys .item dd img{
    width:92px;
    height:92px;
}
.prod-y .prod-ys .item dd h3{
    font-size:18px;
    font-weight:normal;
    color:#fff;
    padding:20px 0 0;
    letter-spacing: 1px;
    text-align:center;
}
.prod-y .prod-ys .item dd p{
    padding:12px 7px 0 14px;
    font-size:14px;
    line-height:1.8;
    color:#fff;
}


.prod-r{
    width:1170px;
    margin:80px auto;
    height:180px;
    background:#eff1f3 url(../images/iso-bg.jpg) no-repeat right center;
}

.prod-r h3.prod-r-tit{
    padding:40px 0 0 120px;
    font-size: 36px;
    line-height: 1.2;
    font-weight:bold;
    letter-spacing: 2px;
    color: #182128;
}
.prod-r p.txt{
    font-size:16px;
    color:#666;
    padding:20px 0 0 120px;
}

.prod-x{
    width:100%;
    margin:260px 0 0 0;
    height:360px;
    padding-bottom:120px;
    background:#eff1f3;
}

.prod-x .prod-x-wrap{
    width:1170px;
    height:300px;
    position: relative;
    z-index:1;
    margin:0 auto;
}

.prod-x .prod-x-wrap .txt-zom{
    width:720px;
    height:400px;
    position:absolute;
    left:0;
    z-index:2;
    top:-80px;
    background:#282a87;
}
.prod-x .prod-x-wrap .txt-zom h3.prod-x-tit{
    font-size: 36px;
    line-height: 1.1;
    font-weight:bold;
    letter-spacing: 2px;
    padding:80px 80px 10px;
    color: #fff;
}
.prod-x .prod-x-wrap .txt-zom p.txt{
    padding:20px 80px 0;
    font-size:16px;
    line-height:1.6;
    color:rgba(255,255,255,.9);
}
.prod-x .prod-x-wrap .pic-zom{
    right:0;
    top:-160px;
    position: absolute;
    width:540px;
    z-index:1;
}
.prod-x .prod-x-wrap .pic-zom .pic{
    width:540px;
    height:360px;
}
.prod-x .prod-x-wrap .pic-zom .pic img{
    width:540px;
    height:auto;
    display:block;
}
.prod-x .prod-x-wrap .pic-zom .txt{
    padding:30px 0 0 140px;
}
.prod-x .prod-x-wrap .pic-zom .txt h4{
    font-weight:bold;
    font-size:20px;
    line-height:1.6;
    color:#131313;
}
.prod-x .prod-x-wrap .pic-zom .txt p{
    font-size:16px;
    line-height:1;
    color:#555;
}

.prod-s1{
    width:1170px;
    margin:60px auto 0;
    padding:20px;
    box-sizing: border-box;
    background:#f5f5f5;
}

.prod-s1 h2{
    font-size: 36px;
    padding: 10px 0 20px 0;
    letter-spacing: 1px;
    font-weight: bold;
    line-height: 1.1;
    color: #454545;
}

.prod-s1 .desd,.prod-smain .desd{
    font-size: 18px;
    line-height: 1.6;
    color: #555;
}
.prod-s1 .used,.prod-smain .used{
    background:url(../images/allsl-icon1.png) left 5px no-repeat;
    font-size: 18px;
    margin:20px 0;
    text-indent:28px;
    line-height: 30px;
    color: #282a87;
}

.prod-smain{
    width:1170px;
    margin:60px auto 0;
}
.prod-smain h3.tit{
    padding-bottom:15px;
    font-size:24px;
    line-height:24px;
    color:#282a87;
    border-bottom:1px solid #282a87;
}
.prod-smain h4.tit{
    padding:40px 0 30px 0;
    font-size:20px;
    line-height:20px;
    color:#282a87;
    
}
.prod-smain h3.tit a{
    font-size:16px;
    border-radius:5px;
    float:right;
    padding:0 16px;
    color:#333;
    background:#eee;
    text-align:center;
    height:24px;
    line-height:24px;
    font-weight:normal;
    text-decoration: none;
    display:block;
    transition:.3s all;
}
.prod-smain h3.tit a:hover{
    color:#fff;
    background:#282a87;
}

.prod-smain .smain-base{
    width:1170px;
    margin-top:40px;
}
.prod-smain .smain-base .base-t{
    float:left;
    width:650px;
}

.prod-smain .smain-base .base-t .adv{
    padding:10px 20px;
}
.prod-smain .smain-base .base-t .adv .adv-item{
    font-size:16px;
    line-height:1.1;
    padding:5px 0;
    color:#333;
    list-style-type: disc;
}
.prod-smain .smain-base .pic{
    float:right;
    width:480px;
    height:320px;
    overflow:hidden;
}
.prod-smain .smain-base .pic img{
    width:480px;
    height:auto;
}
.mt0{
    margin-top:0;
}
.prod-sapp{
    width:1170px;
    margin:80px auto 0;
}

.prod-sapp h4.tit{
    padding-bottom: 15px;
    font-size: 24px;
    line-height: 24px;
    color: #282a87;
    border-bottom: 1px solid #282a87;
}
.prod-sapp .container{
    margin-top:50px;
    width:1170px;
}
.prod-sapp .container .swiper-slide{
    height:244px;
    /* background:#eee; */
    width:370px;
}
.prod-sapp .container .swiper-slide .pic{
    width:370px;
    height:210px;
    overflow:hidden;
}
.prod-sapp .container .swiper-slide .pic img{
    width:100%;
    height:auto;
}
.prod-sapp .container .swiper-slide .sw-desc{
    width:370px;
    height:70px;
    padding:15px 10px;
    color:#777;
    font-size:14px;
    line-height:1;
    background:#fdfdfd;
    text-align:center;
    box-sizing: border-box;
}

.prod-sapp .container .swiper-slide .sw-desc a{
    display:none;
    width:120px;
    height:40px;
    border-radius:20px;
    background:#aaa;
    font-size:14px;
    text-align:center;
    color:#fff;
    display:block;
    float:right;
    text-decoration: none;
    transition:.3s all;
}
.prod-sapp .container .swiper-slide .sw-desc a:hover{
    background:#282a87;
}
.prod-sask{
    width:1170px;
    margin:80px auto;
}
.prod-sask h4.tit{
    padding-bottom: 15px;
    font-size: 24px;
    line-height: 24px;
    color: #282a87;
    border-bottom: 1px solid #282a87;
}
.prod-sask .sask-item{
    width:100%;
    padding-top:20px;
    border-top:dotted 1px #ccc;
    margin-top:20px;
}

.prod-sask .sask-item:nth-child(2){
    border-top:none;
    padding-top:0;
}

.prod-sask .sask-item dt{
    background:url(../images/allsl-icon2.png) 0 0 no-repeat;
    font-size:18px;
    line-height:24px;
    text-indent:30px;
    color:#282a87;
}
.prod-sask .sask-item dd{
    font-size:14px;
    color:#666;
    line-height:1.6;
    margin-top:10px;
}

/* test1121 */