@charset "utf-8";
/* CSS Document */


/*关于banner*/
.banner{ width: 100%; height:450px; background:url(/nimages/common/banner.png) center center no-repeat; background-size:1920px 450px;  }

/*软件介绍*/
.soft{ width: 100%; height: auto; overflow: hidden; min-height: 500px; }
.soft .title1{ font-size: 36px; color: #303030; text-align: center; padding-top: 80px;}
.soft .lan{ width: 100px; height: 5px; background: #3982F9; margin: 0 auto; margin-top: 5px; }
.soft .title2{ font-size: 16px; text-align:left; width: 1210px; height: auto; margin: 20px auto 80px; }
.soft .title3{ font-size: 16px; text-align:center; width: 1210px; height: auto; margin: 20px auto 40px; }
.soft .sbox{ width: 1250px; height: auto; overflow: hidden; margin: 0 auto; }
.soft .sbox .sleft{ width: 650px; height: auto; overflow:hidden; float: left; background: 000; }
.soft .sbox .sleft li{ width: 317px; height: 354px; background: url(/nimages/software/bai.png) center center no-repeat; float: left; cursor: pointer;}
.soft .sbox .sleft .s1{ width: 317px; height: 114px; background: url(/nimages/software/s1.png) center 90px no-repeat; text-align: center; padding-top: 240px; font-size: 24px; color: #000; }
.soft .sbox .sleft .s2{ width: 317px; height: 114px; background: url(/nimages/software/s2.png) center 90px no-repeat; text-align: center; padding-top: 240px; font-size: 24px; color: #000;  }
.soft .sbox .sleft .s3{ width: 317px; height: 114px; background: url(/nimages/software/s3.png) center 90px no-repeat; text-align: center; padding-top: 240px; font-size: 24px; color: #000;  }
.soft .sbox .sleft .s4{ width: 317px; height: 114px; background: url(/nimages/software/s4.png) center 90px no-repeat; text-align: center; padding-top: 240px; font-size: 24px; color: #000;  }
.soft .sbox .sleft .s01{ background: url(/nimages/software/s01.png) center 90px no-repeat; color: #fff; }
.soft .sbox .sleft .s02{ background: url(/nimages/software/s02.png) center 90px no-repeat; color: #fff;}
.soft .sbox .sleft .s03{ background: url(/nimages/software/s03.png) center 90px no-repeat; color: #fff;}
.soft .sbox .sleft .s04{ background: url(/nimages/software/s04.png) center 90px no-repeat; color: #fff;}
.soft .sbox .sleft .active{ background: url(/nimages/software/lan.png) center center no-repeat;}
.soft .sbox .sright{ width: 540px;  height: auto; overflow:hidden; float:right; }
.soft .sbox .sright .title4{font-size:28px;color:rgba(0,0,0,1);line-height:40px;letter-spacing:2px; margin-bottom: 30px;}
.soft .sbox .sright ul{ width: 100%; height: auto; overflow: hidden; }
.soft .sbox .sright ul li{ color: #666666;  width: 100%; font-size: 24px; text-align: left; text-indent: 90px; height: 100px; line-height: 100px;}
.soft .sbox .sright .hidden{ display: none; }
.soft .sbox .sright .f55 li{ width: 50%; float: left;}
.soft .sbox .sright .ss1{ background: url(/nimages/software/s1/01.png) left center no-repeat;}
.soft .sbox .sright .ss2{ background: url(/nimages/software/s1/02.png) left center no-repeat;}
.soft .sbox .sright .ss3{ background: url(/nimages/software/s1/03.png) left center no-repeat;}
.soft .sbox .sright .ss4{ background: url(/nimages/software/s1/04.png) left center no-repeat;}
.soft .sbox .sright .ss5{ background: url(/nimages/software/s1/05.png) left center no-repeat;}
.soft .sbox .sright .g1{ background: url(/nimages/software/s2/01.png) left center no-repeat;}
.soft .sbox .sright .g2{ background: url(/nimages/software/s2/02.png) left center no-repeat;}
.soft .sbox .sright .g3{ background: url(/nimages/software/s2/03.png) left center no-repeat;}
.soft .sbox .sright .g4{ background: url(/nimages/software/s2/04.png) left center no-repeat;}
.soft .sbox .sright .g5{ background: url(/nimages/software/s2/05.png) left center no-repeat;}
.soft .sbox .sright .g6{ background: url(/nimages/software/s2/06.png) left center no-repeat;}
.soft .sbox .sright .g7{ background: url(/nimages/software/s2/07.png) left center no-repeat;}
.soft .sbox .sright .g8{ background: url(/nimages/software/s2/08.png) left center no-repeat;}
.soft .sbox .sright .g9{ background: url(/nimages/software/s2/09.png) left center no-repeat;}
.soft .sbox .sright .g10{ background: url(/nimages/software/s2/10.png) left center no-repeat;}
.soft .sbox .sright .g11{ background: url(/nimages/software/s2/11.png) left center no-repeat;}
.soft .sbox .sright .g12{ background: url(/nimages/software/s2/12.png) left center no-repeat;}
.soft .sbox .sright .q1{ background: url(/nimages/software/s3/01.png) left center no-repeat;}
.soft .sbox .sright .q2{ background: url(/nimages/software/s3/02.png) left center no-repeat;}
.soft .sbox .sright .q3{ background: url(/nimages/software/s3/03.png) left center no-repeat;}
.soft .sbox .sright .q4{ background: url(/nimages/software/s3/04.png) left center no-repeat;}
.soft .sbox .sright .q5{ background: url(/nimages/software/s3/05.png) left center no-repeat;}
.soft .sbox .sright .q6{ background: url(/nimages/software/s3/06.png) left center no-repeat;}
.soft .sbox .sright .q7{ background: url(/nimages/software/s3/07.png) left center no-repeat;}
.soft .sbox .sright .q8{ background: url(/nimages/software/s3/08.png) left center no-repeat;}
.soft .sbox .sright .q9{ background: url(/nimages/software/s3/09.png) left center no-repeat; width: 100%!important;}
.soft .sbox .sright .q10{ background: url(/nimages/software/s3/10.png) left center no-repeat;}
.soft .sbox .sright .w1{background: url(/nimages/software/s4/01.png) left center no-repeat;}
.soft .sbox .sright .w2{background: url(/nimages/software/s4/02.png) left center no-repeat;}
.soft .sbox .sright .w3{background: url(/nimages/software/s4/03.png) left center no-repeat;}
.soft .sbox .sright .w4{background: url(/nimages/software/s4/04.png) left center no-repeat;}
.soft .sbox .sright .w5{background: url(/nimages/software/s4/05.png) left center no-repeat;}
.soft .sbox .sright .w6{background: url(/nimages/software/s4/06.png) left center no-repeat;}

.soft .ptjs{ width:1320px; height: auto; overflow: hidden; margin: 50px auto; }
.soft .ptjs .pbox{width: 317px; height:419px; background: url(/nimages/software/zbj.png) center center no-repeat; float: left; cursor: pointer; margin-right:12px;}
.soft .ptjs .pbox:nth-child(4) { margin-right: 0;}
.soft .ptjs .pbox .pic{ width: 100%; height: 103px; text-align: center; margin-top: 40px; margin-bottom: 35px; }
.soft .ptjs .pbox .title6{font-size: 24px; text-align:center;}
.soft .ptjs .pbox .cont{ width: 80%; height:auto; overflow: hidden; margin: 20px auto; padding-top: 10px; border-top: 1px solid #D8D8D8; }
.soft .ptjs .pbox .cont div{ width: 33%; float: left; height: 30px; font-size: 16px; color: #000; text-indent: 10px; line-height: 30px; margin: 5px 0; background:url(/nimages/software/dian.png) left center no-repeat; background-size:5px;   }
.soft .ptjs .pbox .cont .f35{ width: 50%; }

.soft .zhongtai{ width: 1254px; height: 527px; margin:0 auto; } 

.soft .fbox{ width: 100%; height: auto;overflow: hidden; }
.soft .fbox .tmenu{ width: 1150px; height: 264px; margin:30px auto; }
.soft .fbox .tmenu .tmb{width:214px; height: 234px; float: left; margin-right:10px; text-align: center; margin-right: 20px; padding-top: 30px; cursor: pointer;}
.soft .fbox .tmenu .tmb:nth-child(4){ margin-right: 0; }
.soft .fbox .tmenu .tmb .mpic1{width:214px; padding-top: 150px; height:84px; background: url(/nimages/software/f1.png) center 20px no-repeat; text-align: center; font-size: 24px; color: #000; }
.soft .fbox .tmenu .tmb .mpic2{width:214px; padding-top: 150px; height:84px; background: url(/nimages/software/f2.png) center 20px no-repeat; text-align: center;  font-size: 24px; color: #000; }
.soft .fbox .tmenu .tmb .mpic3{width:214px; padding-top: 150px; height:84px; background: url(/nimages/software/f3.png) center 20px no-repeat; text-align: center;  font-size: 24px; color: #000;}
.soft .fbox .tmenu .tmb .mpic4{width:214px; padding-top: 150px; height:84px; background: url(/nimages/software/f4.png) center 20px no-repeat; text-align: center;  font-size: 24px; color: #000; }
.soft .fbox .tmenu .tmb .mpic5{width:214px; padding-top: 150px; height:84px; background: url(/nimages/software/f5.png) center 20px no-repeat; text-align: center;  font-size: 24px; color: #000;}
.soft .fbox .active{ background:url(/nimages/software/xbj.png) center center no-repeat;  }

.soft .bfbox{ width: 1200px; height: auto; overflow: hidden; margin:10px auto 60px; }
.soft .bfbox .title9{ width: 100%; height: 40px;  color: #000; font-size: 36px; text-align: center; margin-bottom:60px; }
.soft .bfbox .fleft{ width: 350px; height:auto; overflow: hidden; float: left; }
.soft .bfbox .fleft ul li{ width: 350px; height: 130px;  border-radius: 20px; padding-top: 20px; margin-bottom:40px; cursor: pointer; }
.soft .bfbox .fleft .active{background:#F0F0F0;}
.soft .bfbox .fleft ul li .flb1{ background: url(/nimages/software/f1/01.png) 20px 10px no-repeat; }
.soft .bfbox .fleft ul li .flb2{ background: url(/nimages/software/f1/02.png) 20px 10px no-repeat; }
.soft .bfbox .fleft ul li .flb3{ background: url(/nimages/software/f1/03.png) 20px 10px no-repeat; }
.soft .bfbox .fleft ul li .flb4{ background: url(/nimages/software/f2/01.png) 20px 10px no-repeat; }
.soft .bfbox .fleft ul li .flb5{ background: url(/nimages/software/f2/02.png) 20px 10px no-repeat; }
.soft .bfbox .fleft ul li .flb6{ background: url(/nimages/software/f2/03.png) 20px 10px no-repeat; }
.soft .bfbox .fleft ul li .flb7{ background: url(/nimages/software/f2/04.png) 20px 10px no-repeat; }
.soft .bfbox .fleft ul li div{padding-left: 77px; width: 253px;}
.soft .bfbox .fleft ul li p{ color: #666666; font-size: 18px; line-height: 24px; }
.soft .bfbox .fleft ul li p span{ color: #000; font-size: 24px; line-height: 40px; }
.soft .bfbox .fright{ width:803px; height: auto; overflow: hidden; float: right;}
.soft .hidden{ display: none; }
.soft .bfbox .fright div{ text-align: center; }
.soft .bfbox .fright .fimg1{ text-align: center; margin-top:60px; }
.soft .bfbox .fright .fimg2{ text-align: center;  margin-top:40px;display: none;}
.soft .bfbox .fright .fimg3{ text-align: center;  margin-top:20px ; display: none;}
.soft .bfbox .fright .fimg4{ text-align: center;  margin-top:160px ;}
.soft .bfbox .fright .fimg5{ text-align: center;  margin-top:90px ; display: none;}
.soft .bfbox .fright .fimg6{ text-align: center;  margin-top:110px ; display: none;}
.soft .bfbox .fright .fimg7{ text-align: center;  margin-top:80px ;display: none;}
.soft .bfbox .fright .fimg8{ text-align: center;  margin-top:0px ;display: none; }
.soft .bfbox .fright .fimg9{ text-align: center;  margin-top:0px ;display: none; }
.soft .bfbox .cotue{ width: 100%; height: auto; overflow: hidden; }
.soft .bfbox .cotue li{width: 540px; margin-right: 50px; height: 280px;background:#Fff;  border-radius: 20px; padding-top: 20px; margin-bottom:40px; cursor: pointer; float: left; }
.soft .bfbox .cotue li:hover{background:#fafafa;}
.soft .bfbox .cotue .active{background:#fafafa;}
.soft .bfbox .cotue li .flb8{ background: url(/nimages/software/f4/01.png) 20px center no-repeat; }
.soft .bfbox .cotue li .flb9{ background: url(/nimages/software/f4/02.png) 20px center no-repeat; }
.soft .bfbox .cotue li .flb10{ background: url(/nimages/software/f4/03.png) 20px center no-repeat; }
.soft .bfbox .cotue li .flb11{ background: url(/nimages/software/f4/04.png) 20px center no-repeat; }
.soft .bfbox .cotue li div{padding-left: 140px; width: 370px;}
.soft .bfbox .cotue li p{ color: #666666; font-size: 18px; line-height: 44px; }
.soft .bfbox .cotue li p span{ color: #000; font-size: 24px; line-height: 40px; }
.soft .bfbox .cotbe{ width: 100%; height: auto; overflow: hidden;background:url(/nimages/software/f5/01.png) 1050px 143px,url(/nimages/software/f5/02.png) 820px 360px,url(/nimages/software/f5/03.png) 1037px 360px,url(/nimages/software/f5/04.png) 850px 130px; background-repeat:no-repeat;  }
.soft .bfbox .cotbe .title8{ font-size: 36px; color: #000; text-align: center; margin: 30px 0; }
.soft .bfbox .cotbe li{ font-size: 20px; color: #000; text-align: left; text-indent: 50px; height: 50px; line-height: 50px; background: url(/nimages/software/dian.png) left center no-repeat;}