*{
    padding: 0;
    margin: 0;
}

.wtbg{
    width: 1200px;height: 500px;margin: 0 auto;border-radius: 2px;
}
.wtbg1{
    width: 1200px;height: 435px;margin: 0 auto;
}
.wtbg2{
    width: 700px;height: 435px;float: left;overflow: hidden
}
.wtbg3{
    width: 330px;height: 125px;background: #f6f9ff;float: left;padding: 30px 0px;
    margin: 0px 13px 23px 0px;
    background: url("../images/wtbggg.png") no-repeat center;
}
.wtbg3 .txt{
    font-weight: bold;color: #333333;font-size: 20px;text-align: center
}
.wtbg3 .txt1{
    text-align: center;font-size: 18px;color: #333333;margin-top: 15px;
}
.wtbg2right{
    float: left;
    width: 435px;
    height: 311px;
}
.imagesj{
   height: 311px;
}
.imagesj imagesj{
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.imagesj1{
    float: left;
}
.imagesj1 imagesj{
    border-radius:5px;
}
.bz{
    background: url("../images/bzbg.png");
    width: 571px;
    height: 165px;

}
.ysleft{

}
.ysleft li{
    float: left;
    width: 285px;
    height: 250px;
    background: #ffffff;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.35);
    margin: 0px 15px 0px 0px;
    padding: 30px 20px;
}
/*.zjimagesj{*/
/*    width: 600px;*/
/*    float: right;*/
/*    overflow: hidden;*/
/*    margin-left: 20px;*/
/*}*/
/*.zjimagesj li{*/
/*    float: left;*/
/*    width: 290px;*/
/*    height: 229px;*/
/*    margin: 5px 10px 0px 0px;*/

/*}*/
/*.zjimagesj li:nth-child(3){*/
/*    float: left;*/
/*    width: 290px;*/
/*    height: 229px;*/
/*    margin-top: -10px;*/

/*}*/
/*.zjimagesj li:nth-child(4){*/
/*    float: left;*/
/*    width: 290px;*/
/*    height: 229px;*/
/*    margin-top: -10px;*/

/*}*/
/*.zjimagesj li imagesj{*/
/*    width: 290px;*/
/*    height: 185px;box-shadow: 0px 4px 10px 0px rgba(180,198, 230, 0.8);*/
/*}*/
.ysrightimagesj{float: left;}
.ysrightimagesj imagesj{
    width: 264px;
    height: 412px;box-shadow: 0px 4px 10px 0px rgba(180,198, 230, 0.8);
}
.ysright{
     width: 100%;

 }
.ysright li{
    float: left;
    width: 380px;
    height: 253px;
    margin: 30px 18px 0px 0px;
    /*box-shadow: 10px 4px 10px 5px rgba(180,198, 230, 0.8);*/
}
.fa1{
    background: url("../images/sybg.png")no-repeat center;
    width: 571px;
    height: 322px;
    border-radius: 3px;box-shadow: 0px 4px 10px 0px rgba(255,255, 255, 0.8);
    float: left;
}
.fa2{
    background: url("../images/sybg.png")no-repeat center;
    width: 571px;
    height: 322px;
    border-radius: 3px;box-shadow: 0px 4px 10px 0px rgba(255,255, 255, 0.8);
    float: right;
}
.jsleft{
    float: right;
}
.jsleft li{
    width: 326px;
    margin: 0 auto;
}
.jsleft li:nth-child(2){
    margin-top: 50px;

}
.jsright{
    float: left;
    width: 610px;
    margin-top: 15px;
    line-height: 30px;
}
.td{
    width: 1200px;
    margin: 0 auto;
}
.td li{
    width: 590px;
    height: 260px;
    background: url("../images/tdbg.png")no-repeat center;
    box-shadow: 0px 3px 10px 0px rgba(153,153, 153, 0.8);
    background-size: 100%;
    border: 1px solid #d7d7de;
    float: left;
    margin: 30px 0px 0px 0px;

}
.td li:nth-child(2){
    width: 590px;
    height: 260px;
    background: url("../images/tdbg.png")no-repeat center;
    box-shadow: 0px 3px 10px 0px rgba(153,153, 153, 0.8);
    background-size: 100%;
    border: 1px solid #d7d7de;
    float: right;
}
.td li:nth-child(4){
    width: 590px;
    height: 260px;
    background: url("../images/tdbg.png")no-repeat center;
    box-shadow: 0px 3px 10px 0px rgba(153,153, 153, 0.8);
    background-size: 100%;
    border: 1px solid #d7d7de;
    float: right;
}
.td li:nth-child(6){
    width: 590px;
    height: 260px;
    background: url("../images/tdbg.png")no-repeat center;
    box-shadow: 0px 3px 10px 0px rgba(153,153, 153, 0.8);
    background-size: 100%;
    border: 1px solid #d7d7de;
    float: right;
}
.td li imagesj{
    height: 258px;
}
.zjimagesj{
    width: 600px;
    float: right;
    overflow: hidden;
    margin-left: 20px;
}
.zjimagesj li{
    float: left;
    width: 290px;
    height: 229px;
    margin: 5px 10px 0px 0px;

}
.zjimagesj li:nth-child(3){
    float: left;
    width: 290px;
    height: 229px;
    margin-top: -10px;

}
.zjimagesj li:nth-child(4){
    float: left;
    width: 290px;
    height: 229px;
    margin-top: -10px;

}
.zjimagesj li imagesj{
    width: 290px;
    height: 185px;box-shadow: 0px 4px 10px 0px rgba(180,198, 230, 0.8);
}
.ysrightimagesj{float: left;}
.ysrightimagesj imagesj{
    width: 264px;
    height: 412px;box-shadow: 0px 4px 10px 0px rgba(180,198, 230, 0.8);
}.ysright{
     width: 100%;
     margin-top: 30px;

 }
 .left{
     width: 680px;
     /*float: left;*/
 }
 .right{
     float: right;
     width: 490px;
     height: 700px;
 }
 .zxwt li{
     background: url("../imagesj/zxwtbg.png")no-repeat;
     width: 680px;
     height: 37px;
     background-size: 100% 100%;
     line-height: 37px;
     font-size: 16px;
     overflow: hidden;
     margin: 0px 0px 10px 0px;
 }
 .leftBtn{
     background: url("../imagesj/zxwtBtn.png") no-repeat;
     width: 404px;
     height: 60px;
     margin: 25px auto;
 }
.leftBtn1{
    background: url("../imagesj/jsfwBtn.png") no-repeat;
    width: 239px;
    height: 54px;
    margin: 30px auto;

}

.container{width: 490px;margin: 0 auto;}
.pro-center{width: 100%;height: auto;overflow: hidden;}
.pro-center .title{font-size: 34px;text-align: center;padding-bottom: 5px;color: #333333;letter-spacing: 1px;}
.pro-center .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-center .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-center .sub-title span.text{padding: 0 10px;}
.pro-left{float: right;width: 115px;box-sizing: border-box;margin-top: 5px; }
.pro-content{width: 100%;}
.pro-right{float: right;width: 370px;height: 585px;}
.pro-left .left-title{background: #317fff;height: 110px;line-height: 110px;text-align: center;}
.pro-left .left-title span{display: inline-block;color: #FFFFFF;font-size: 24px;font-weight: bold;}
.pro-left .left-title span.text{padding: 0 10px;}
.pro-left .left-category ul li{margin: 0px 0px 16px 0px;border-radius: 10px; height: 58px;font-weight: bold;line-height: 60px;font-size: 16px;text-align: center;cursor: pointer;color: #333333;width: 110px;background: #ffffff}
.pro-left .left-category ul li.on{background: url("../imagesj/sjx.png")no-repeat;width: 111px;height: 58px;color: #FFFFFF;}
.pro-left .left-category ul li:hover{background: url("../imagesj/sjx.png")no-repeat;width: 111px;height: 58px;color: #FFFFFF;}
.pro-left .left-contact {margin-top: 37px;margin-bottom: 37px;text-indent: 70px;background: url(../imagesj/tel.png) left 20px center no-repeat;}
.pro-left .left-contact p{color: #317fff;font-size: 14px;}
.pro-left .left-contact p.tel{font-size: 20px;padding-top: 10px;}
.pro-right{display: none;}
.pro-right ul li{float: left;width: 365px;background: #ffffff;box-sizing: border-box;transition: all .3s linear;}
/*.pro-right ul li p{height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #333333;}*/
.pro-right.active{display: block;}
/*.pro-right ul li:hover{box-shadow: 0px 0px 15px #c6c6c6;transition: all .2s linear;}*/

.youshifw{
    width: 365px;height: 437px;background: #fff;border-radius: 10px;margin-top: 7px;
}
.youshifw li{
    width: 342px;
    padding: 10px 20px;
}
.youshi2{
    width: 365px;
    height: 585px;
    background: #fff;
    padding: 10px 10px;
}
.Q1{
    background: url("../imagesj/Q1.png")no-repeat;
    width: 44px;
    height: 32px;text-align: center;
    line-height: 32px;font-weight: bold;color: #e34d0b;font-size: 18px;float: left;
}
.Q2{
    background: url("../imagesj/Q11.png")no-repeat;
    width: 281px;
    height: 33px;
    float: left;
    color: #fff;
    font-weight: bold;font-size: 18px;line-height: 33px;
    margin-left: 10px;
}

.Q11{
    background: url("../imagesj/Q2.png")no-repeat;
    width: 44px;
    height: 48px;text-align: center;
    line-height: 32px;font-weight: bold;color: #e34d0b;font-size: 18px;float: left;
}
.Q22{
    background: url("../imagesj/Q22.png")no-repeat;
    width: 281px;
    height: 48px;
    float: left;
    color: #fff;
    font-weight: bold;font-size: 18px;line-height: 33px;
    margin-left: 10px;
}
.khfk{
    width: 365px;
    height: 585px;
    background: #fff;
    padding: 10px 10px;
}
::-webkit-scrollbar{
    width:5px;
}
.sys{
    width: 365px;
    height: 585px;
    background: #fff;
    padding: 10px 10px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.yqsb{
    width: 365px;
    height: 585px;
    background: #fff;
    padding: 10px 10px;
}
.yqsb li{
    width: 160px!important;
    height: 130px!important;
    float: left!important;
    margin: 0px 0px 10px 12px;
}
.zz{
    width: 365px;
    height: 585px;
    background: #fff;
    padding: 10px 10px;
}
.zzleft{
    float: left;
}
.zzright{
    width: 305px;float: right;
}
.zxwtt{
    overflow: hidden;
}
.zxwtt li{
    float: left;
    width: 216px;
    height: 194px;
    margin: 0px 0px 20px 10px;
}
.jsfww li{
    width: 682px;
    height: 142px;
    background: #f5f7fd;
    margin: 0px 0px 20px 0px;
}
.zxwttt{
    overflow: hidden;
}
.zxwttt li{
    float: left;
    width: 216px;
    height: 200px;
    margin: 0px 0px 80px 10px;
}