/* 测试是否一致 */
/* body{opacity: 0.8;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat  !important;} */
.content{background: #f2f2f2;}
 
.mode1{background: url(/uploads/image/pbimages/mode1_bg.png) no-repeat center;background-size: cover;box-sizing: border-box;padding: 35px 17%;border-radius: 8px;min-height: 150px;}
.mode1 p{line-height: 1.25;color: #fff;margin: 10px 0;}
 
.mode2{ margin: 40px 0 0;}
.mode2 ul{display: flex;flex-wrap: wrap;justify-content: space-between; }
.mode2 li{width: calc(50% - 20px);background: #fff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);border-radius: 10px;box-sizing: border-box;padding: 20px 40px 30px;margin-bottom: 40px;}
.mode2 li .cons{}
.mode2 li .title{text-align: center;color: #008ce5;line-height: 1.25;}
.mode2 li .cen{display: flex;align-items: center;margin: 20px 0 0;}
.mode2 li .cen .img{width: 100px;}
.mode2 li .cen .info{flex: 1;overflow: hidden;margin-left: 40px;color: #666666;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 3;-webkit-box-orient: vertical;-moz-box-orient: vertical;}
.mode2 li .more{margin: 20px 0 0;text-align: right;}
.mode2 li .more a{display: inline-block;width: 104px;height: 32px;background: #008ce5;text-align: center;line-height: 32px;color: #fff;border-radius: 16px;}
.mode2 li .more a:hover{box-shadow: 1px 1px 10px 2px rgba(0, 140, 229, 0.3);;}
 
.mode3{}
.mode3 .cons{display: flex;flex-wrap: wrap;justify-content: space-between; }
.mode3 .cons .item{width: calc(50% - 20px);background: #fff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);border-radius: 10px;box-sizing: border-box;padding: 20px 30px;margin-bottom: 40px;}
.mode3 .cons .item .title{width: 76%;margin: 0 auto;display: flex;align-items: center;}
.mode3 .cons .item .title .zs1{background: url(/uploads/image/pbimages/title_lt.png) no-repeat right bottom;background-size: 100% 100%;flex: 1;height: 18.5px;}
.mode3 .cons .item .title .zs2{background: url(/uploads/image/pbimages/title_rt.png) no-repeat left bottom;background-size: 100% 100%;flex: 1;height: 18.5px;}
.mode3 .cons .item .title p{line-height: 1.25;color: #333;margin: 0 10px;}
.mode3 .cons .item ul{margin: 20px 0 0;}
.mode3 .cons .item ul li{display: flex;align-items: center;margin-bottom: 18px;}
.mode3 .cons .item ul li .label{box-sizing: border-box;padding: 4px 10px;color: #fff;background: #bd1a2d;border-radius: 4px;}
.mode3 .cons .item ul li .txt{margin: 0 20px;line-height: 1.25;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;flex: 1;overflow: hidden;}
.mode3 .cons .item ul li .txt:hover{color: #bd1a2d;}
.mode3 .cons .item ul li .date{line-height: 1.25;color: #999;white-space: nowrap;}
.mode3 .cons .item .more{text-align: right;color: #999; display: block;}

.mode4{display: flex;align-items: center;background: #ffffff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);border-radius: 10px;box-sizing: border-box;padding: 20px 30px;}
.mode4 .title{line-height: 1.25;color: #333;box-sizing: border-box;padding: 15px 30px 15px 0;border-right: 1px solid rgba(0, 0, 0, 0.1);margin-right: 20px;white-space: nowrap;}
.mode4 ul{margin: 0 -10px;}
.mode4 ul li{display: inline-block;}
.mode4 ul li a{display: block;margin: 0 10px;box-sizing: border-box;padding-left: 16px;position: relative;}
.mode4 ul li a::before{content: "";display: block;width: 6px;height: 6px;background: #d9d9d9;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -3px;}

.dowebok {   height: 2em;background: none !important;  }
.dowebok ul { margin: 0; line-height: 30px;}
.dowebok a { color: #333; text-decoration: none;}
.dowebok a:hover { text-decoration: underline;}

.mode5{margin: 40px 0 0;}
.mode5 ul{display: flex;flex-wrap: wrap;margin: 0 -20px;}
.mode5 ul li{width: 33.3%;margin-bottom: 40px;}
.mode5 ul li a{display: block;margin: 0 20px;background: #fff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);border-radius: 10px;;text-align: center;box-sizing: border-box;padding: 30px 20px;}
.mode5 ul li a .img{width: 58px;height: 58px;text-align: center;line-height: 58px;border-radius: 50%;border: 1px solid rgba(0, 0, 0, 0.2);position: relative;display: inline-block;vertical-align: middle;}
.mode5 ul li a .img img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.mode5 ul li a .txt{display: inline-block;vertical-align: middle;line-height: 1.25;color: #333;margin-left: 20px;}
.mode5 ul li a .txt:hover{color: #bd1a2d;}
 
 
 

.mode6{}
.mode6 .cons{display: flex;flex-wrap: wrap;justify-content: space-between; }
.mode6 .cons .item{width: calc(50% - 20px);background: #fff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);border-radius: 10px;box-sizing: border-box;padding: 20px 30px 30px;margin-bottom: 40px;}
.mode6 .cons .item .title{width: 76%;margin: 0 auto;display: flex;align-items: center;}
.mode6 .cons .item .title .zs1{background: url(/uploads/image/pbimages/title_lt.png) no-repeat right bottom;background-size: 100% 100%;flex: 1;height: 18.5px;}
.mode6 .cons .item .title .zs2{background: url(/uploads/image/pbimages/title_rt.png) no-repeat left bottom;background-size: 100% 100%;flex: 1;height: 18.5px;}
.mode6 .cons .item .title p{line-height: 1.25;color: #333;margin: 0 10px;}
.mode6 .item1{line-height: 1.25;}
.mode6 .item1 ul{margin: 20px 0 0;}
.mode6 .item1 ul li{box-sizing: border-box;padding-bottom: 30px;border-bottom: 1px solid rgba(0, 0, 0, 0.3);margin-bottom: 30px;}
.mode6 .item1 ul li:last-child{padding-bottom: 0px;border-bottom: none;margin-bottom: 0;}
.mode6 .item1 ul li .problem{display: flex;}
.mode6 .item1 ul li .problem .label{color: #008ce5;}
.mode6 .item1 ul li .problem .txt{color: #333;flex: 1;overflow: hidden;}
.mode6 .item1 ul li .problem .date{color: #999;margin-left: 10px;}
.mode6 .item1 ul li .describe{color: #999;margin-top: 10px;}
.mode6 .item1 ul li .answer{margin-top: 20px;}
.mode6 .item1 ul li .answer .top1{display: flex;justify-content: space-between;}
.mode6 .item1 ul li .answer .top1 .person{display: flex;box-sizing: border-box;padding-left: 24px;background: url(/uploads/image/pbimages/person.png) no-repeat left center;color: #bd1a2d;}
.mode6 .item1 ul li .answer .top1 .date{color: #999;margin-left: 10px;}
.mode6 .item1 ul li .answer .txt{color: #999;margin-top: 10px;line-height: 1.5;}
.mode6 .cons .item .more{text-align: right;color: #999; display: block;margin: 20px 0 0;}
.mode6 .cons .item .button{text-align: center;margin-top: 30px;}
.mode6 .cons .item .button a{display: inline-block;width: 104px;height: 32px;background: #bd1a2d;text-align: center;line-height: 32px;color: #fff;border-radius: 16px;} 
.mode6 .item2{}
.mode6 .item2 .top_box{margin-top: 20px;}
.mode6 .item2 .top_box h3{line-height: 1.25;color: #bd1a2d;}
.mode6 .item2 .top_box p{line-height: 1.5;color: #333;margin-top: 18px;}
.mode6 .item2  form{margin: 20px 0 0;}
.mode6 .item2 .input_box {overflow: hidden;margin: 0 0 18px;display: flex;}
.mode6 .item2 .input_box:last-child{margin-bottom: 0;}
.mode6 .item2 .input_box p {color: #333;line-height: 40px;width: 170px;}
.mode6 .item2 .input_box span {color: #bd1a2d;padding: 0 4px 0 0;line-height: 12px;}
.mode6 .item2 .input_box .right {flex: 1;overflow: hidden;position: relative;}
.mode6 .item2 .input_box input[type=text], .mode6 .item2 .input_box textarea ,.mode6 .item2 .input_box .load{display: block;border: 1px solid rgba(0, 0, 0, 0.1);width: calc(100% - 2px);line-height: 38px;outline: none; box-sizing: border-box;padding-left: 10px;}
.mode6 .item2 .input_box input[type=file]{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.mode6 .item2 .submit_btn{display: block;width: 104px;height: 32px;background: #bd1a2d;text-align: center;line-height: 32px;color: #fff;border-radius: 16px;margin: 38px auto 0;}

.mode7{position: relative;}
.mode7::before{content: "";display: block;width: 100%;height: 3px;position: absolute;left: 0;top: 50%;margin-top: -1.5px;background: linear-gradient(to right,rgba(0,157,237,0), rgba(0,157,237,1) 5%, rgba(0,157,237,1) 90%),rgba(0,157,237,0) 100%;background: url(/uploads/image/pbimages/line.png) no-repeat;background-size: cover;}
.mode7 ul{box-sizing: border-box;padding:0 4.5%;display: flex;justify-content: space-between;align-items: center;position: relative;} 
.mode7 ul li{}
.mode7 ul li a{display: block; }
.mode7 ul li a img{ transition: all 0.5s ease-in-out;} 
.mode7 ul li a img:hover{transform:scale(1.03);opacity: 0.85;}

.mode7 ul li .dot{width: 16px;height: 16px;background: #019ded;border-radius: 50%;border: 2px solid #fff;}

.mode8{margin: 30px 0 0;}
.mode8 .cons{display: flex;flex-wrap: wrap;justify-content: space-between; }
.mode8 .cons .item{width: calc(50% - 20px);background: #fff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);border-radius: 10px;box-sizing: border-box;padding: 20px 30px;margin-bottom: 40px;} 
.mode8 .cons .item ul{margin: 0px 0 0;}
.mode8 .cons .item ul li{display: flex;align-items: center;margin-bottom: 20px;}
.mode8 .cons .item ul li .label{box-sizing: border-box;padding: 4px 10px;color: #fff;background: #bd1a2d;border-radius: 4px;}
.mode8 .cons .item ul li .txt{margin: 0 20px;line-height: 1.25;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;flex: 1;overflow: hidden;}
.mode8 .cons .item ul li .date{line-height: 1.25;color: #999;}
.mode8 .cons .item .more{text-align: right;color: #999; display: block;}

/* 纠错弹窗 */
.report_cover{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.4);display: none;z-index: 999999;}
.report_box{position: fixed;background: #fff;top: 200px;width: 800px;left: 50%;top: 50%;transform:translatex(-50%) translatey(-50%);display: none;max-height: 80vh;overflow-y: auto;z-index: 999999;}
.report_box .close{width: 30px;height: 30px;background: url(/uploads/image/pbimages/report_close.png) center no-repeat;position: absolute;right: 18px;top: 16px;cursor: pointer;}
.report_box > h3{border-bottom: 1px solid #ccc;color: #333;padding: 0 0 0 24px;font-size: 18px;line-height: 60px;}
.errorcorrection{box-sizing: border-box;padding: 30px;border-radius: 10px;width: 300px;}
.errorcorrection a{display: block;width: 72px !important;height: 40px;background: #2b8ade;text-align: center;line-height: 40px;color: #fff;border-radius: 3px;margin: 0 auto; }
.errorcorrection p{margin: 25px 0 ;}
.report_box .input_box,.report_box .btns{max-width: 640px;padding: 0 30px;margin: 14px auto 0;}
.report_box .input_box p{color: #333;line-height: 20px;margin: 0 0 4px;}
.report_box .input_box span{color: #e81f1f;padding: 0 4px 0 0;line-height: 12px;}
.report_box .input_box input,.report_box .input_box textarea{display: block;border: 1px solid #ccc;width: 100%;line-height: 38px;outline: none;border-radius: 2px;}
.report_box .btns{overflow: hidden;padding: 18px 0 32px;}
.report_box .submit{width: 100px;height: 38px;line-height: 38px;border: 1px solid #ad2e33;text-align: center;background: #ad2e33;color: #fff;float: right;margin: 0 0 0 24px;border-radius: 2px;}
.report_box .cancel{width: 100px;height: 38px;line-height: 38px;border: 1px solid #ad2e33;text-align: center;color: #ad2e33;float: right;border-radius: 2px;}
  


/* 数据申请弹窗 */
.dataapply{}
.dataapply{margin-top: 28px;}  
.dataapply  form{box-sizing: border-box;margin: 20px 0 0; }
.dataapply .input_box {overflow: hidden;margin: 0 0 20px;display: flex;}
.dataapply .input_box.sel {margin: -13px 0 8px;}
.dataapply .input_box:last-child{margin-bottom: 0;}
.dataapply .input_box >p {color: #333;line-height: 50px; text-align: right;margin-right: 30px;width: 7em;}
.dataapply .input_box span {color: #bd1a2d;padding: 0 4px 0 0;line-height: 12px;}
.dataapply .input_box .right {flex: 1;overflow: hidden;position: relative;}
.dataapply .input_box input[type=text], .dataapply .input_box textarea ,.dataapply .input_box .load,.dataapply .input_box input[type="date"]{display: block;border: 1px solid rgba(0, 0, 0, 0.1);width: calc(100% - 2px);line-height: 48px;outline: none; box-sizing: border-box;padding-left: 10px;border-radius: 5px;}
.dataapply .input_box .load{width: auto;display: inline-block;line-height: 38px;border-color: #2b8ade;background: rgba(43,138,222,0.1);color: #2b8ade;box-sizing: border-box;padding: 0 20px;position: relative;margin: 5px 0 0;}
.dataapply .input_box input[type=file]{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.dataapply .submit_btn{display: block;width: 72px !important;height: 40px;background: #2b8ade;text-align: center;line-height: 40px;color: #fff;border-radius: 3px; }
.dataapply .input_box .right .tip{color: #333333;line-height: 1.25;margin: 10px 0 0;}
.dataapply .input_box .right .tip span{color: #2b8ade; }
.dataapply .input_box .right .tip2{margin: 10px 0 0;color: #bd1a2d;}
.dataapply .input_box .right .options{position: absolute;top: 50%;transform: translatey(-50%);}
.dataapply .input_box .right .options input{display: inline-block;vertical-align: middle;width: auto;}
.dataapply .input_box .right .options p{display: inline-block;margin-right: 50px;}
.dataapply .input_box .right .options p:last-child{margin-right: 0;}
.dataapply .input_box input[name=code]{width: 150px;height: 50px;line-height: 50px;background: #f2f2f2;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 0;float: left;}
.dataapply .input_box input[name=code]  img{width: 100px;height: 50px;float: left;float: left;}
.dataapply .input_box .change{display: inline-block;margin-left: 20px;line-height: 50px;color: #333;cursor: pointer;}

/* 成果提交弹窗 */ 
.resultsubmit{}
.resultsubmit .title{line-height: 1.25;color: #bd1a2d;text-align: center;}
.resultsubmit .info{line-height: 1.875;color: #333;margin-top: 20px;text-indent: 2em;}
.resultsubmit  form{box-sizing: border-box;max-width: 666px;margin: 20px auto 0;}
.resultsubmit .input_box {overflow: hidden;margin: 0 0 20px;display: flex;}
.resultsubmit .input_box:last-child{margin-bottom: 0;}
.resultsubmit .input_box >p {color: #333;line-height: 50px; text-align: right;margin-right: 30px;width: 7em;}
.resultsubmit .input_box span {color: #bd1a2d;padding: 0 4px 0 0;line-height: 12px;}
.resultsubmit .input_box .right {flex: 1;overflow: hidden;position: relative;}
.resultsubmit .input_box input[type=text], .resultsubmit .input_box textarea ,.resultsubmit .input_box .load{display: block;border: 1px solid rgba(0, 0, 0, 0.1);width: calc(100% - 2px);line-height: 48px;outline: none; box-sizing: border-box;padding-left: 10px;border-radius: 5px;}
.resultsubmit .input_box .load{width: auto;display: inline-block;line-height: 38px;border-color: #2b8ade;background: rgba(43,138,222,0.1);color: #2b8ade;box-sizing: border-box;padding: 0 20px;position: relative;margin: 5px 0 0;}
.resultsubmit .input_box input[type=file]{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.resultsubmit .submit_btn{display: block;width: 72px !important;height: 40px;background: #2b8ade;text-align: center;line-height: 40px;color: #fff;border-radius: 3px; margin: 0px 0 30px; }   

/* 我要咨询弹窗  consult*/  
.report_box2{} 
.report_box2  form{box-sizing: border-box;padding: 0 50px;margin: 20px 0;}
.report_box2 .input_box {overflow: hidden;margin: 0 0 20px;display: flex;}
.report_box2 .input_box:last-child{margin-bottom: 0;}
.report_box2 .input_box >p {color: #333;line-height: 50px; text-align: right;margin-right: 30px;width: 5em;}
.report_box2 .input_box span {color: #bd1a2d;padding: 0 4px 0 0;line-height: 12px;}
.report_box2 .input_box .right {flex: 1;overflow: hidden;position: relative;}
.report_box2 .input_box textarea{width: 100% !important;}
.report_box2 .input_box input[type=text], .report_box2 .input_box textarea ,.report_box2 .input_box .load{display: block;border: 1px solid rgba(0, 0, 0, 0.1);width: calc(100% - 2px);line-height: 48px;outline: none; box-sizing: border-box;padding-left: 10px;border-radius: 5px;}
.report_box2 .input_box .load{width: auto;display: inline-block;line-height: 38px;border-color: #2b8ade;background: rgba(43,138,222,0.1);color: #2b8ade;box-sizing: border-box;padding: 0 20px;position: relative;margin: 5px 0 0;}
.report_box2 .input_box input[type=file]{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.report_box2 .submit_btn{display: block;width: 72px !important;height: 40px;background: #2b8ade;text-align: center;line-height: 40px;color: #fff;border-radius: 3px;margin-left: 20px; }
.report_box2 .input_box .right .tip{color: #333333;line-height: 1.25;margin: 10px 0 0;}
.report_box2 .input_box .right .tip span{color: #2b8ade; }
.report_box2 .input_box .right .tip2{margin: 10px 0 0;color: #bd1a2d;}
.report_box2 .input_box .right .options{position: absolute;top: 50%;transform: translatey(-50%);}
.report_box2 .input_box .right .options p{display: inline-block;margin-right: 50px;}
.report_box2 .input_box .right .options input{display: inline-block;width: auto;}
.report_box2 .input_box .right .options p:last-child{margin-right: 0;}
.report_box2 .input_box input[name=code]{width: 150px;height: 60px;line-height: 60px;background: #f2f2f2;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 0;float: left;}
.report_box2 .input_box input[name=code]  img{width: 100px;height: 60px;float: left;float: left;}
.report_box2 .input_box .change{display: inline-block;margin-left: 20px;line-height: 60px;color: #333;cursor: pointer;}


@media screen and (max-width:1240px) { 
}
@media screen and (max-width:1220px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1180px){
}
@media screen and (max-width:1140px){ 
}
@media screen and (max-width:1060px) {
}
@media screen and (max-width:996px) {
  .report_box{width: 90%;}
  .report_box2 form{padding: 0;}
  .mode2 li{padding: 20px 30px;margin-bottom: 30px;} 
  .mode2 li .cen .info{margin-left: 30px;}
  .mode3 .cons .item{width: 100%;margin-bottom: 30px;} 
  .mode5 ul li,.mode6 .cons .item,.mode8 .cons .item{margin-bottom: 30px;} 
  .mode5 ul li a{padding: 20px;} 
  .mode5{margin-top: 30px;}
  .mode6 .cons .item{width: 100%;}
  .mode8 .cons .item{width: 100%;}
  .mode8 .cons .item ul{margin: 0;}
  .mode4{flex-direction: column;}
  .mode4 .title{border-right: none;padding: 0 0 10px 0;}
  .mode4 ul li{padding: 5px 0;}
  .mode2 li .cen .img{width: 80px;}
}
@media screen and (max-width:768px) {
  .report_box .input_box, .report_box .btns{padding: 0 20px;}
  .dataapply .input_box .right .options p,.resultsubmit .input_box >p{margin-right: 20px;}
  .dataapply .input_box >p,.report_box2 .input_box .right .options p{margin-right: 20px;}
  .mode1 {padding: 30px;min-height: auto;}
  .mode2{margin-top: 30px;}
  .mode2 li {width: 100%;margin-bottom: 20px;}
  .mode3 .cons .item,.mode5 ul li,.mode6 .cons .item,.mode8 .cons .item{margin-bottom: 20px;}
  .mode5 ul{margin: 0 -15px;}
  .mode5 ul li{width: 50%;}
  .mode5 ul li a{margin: 0 15px;}
  .mode5{margin-top: 20px;}
  .mode5 ul li a .txt{margin-left: 10px;}
  .mode6 .item2 .input_box p{width: 110px;}
  .mode7 ul li .dot{width: 12px;height: 12px;}
  .mode8{margin-top: 10px;}
  .mode8 .cons .item,.mode3 .cons .item{padding: 20px;}
  .mode8 .cons .item ul li,.mode6 .item2 .input_box{margin-bottom: 10px;}
  .mode6 .item2 .top_box p,.mode6 .item2 .top_box,.mode6 .item2 form,.mode6 .item1 ul li .answer{margin-top: 10px;}
  .mode6 .item1 ul li{margin-bottom: 15px;padding-bottom: 15px;}
  .mode6 .cons .item .button,.mode6 .item2 .submit_btn{margin-top: 15px;}
  .mode3 .cons .item ul li .txt,.mode8 .cons .item ul li .txt{margin: 0 10px;}
  .mode2 li .cen .info{margin-left: 20px;}
  .mode2 li .cen .img{width: 60px;}
}
@media screen and (max-width:540px) { 
  .mode5 ul li a .img{width: 50px;height: 50px;line-height: 50px;}
}
@media screen and (max-width:479px) {
  .dataapply .input_box .right .options{position: relative;top: auto;transform: none;}
  .dataapply .input_box .right .options p{display: block;}
  /* .mode5 ul li{width: 100%;} */
  .mode5 ul li a{padding: 10px;}
  .mode5 ul li a .img{width: 40px;height: 40px;line-height: 40px;}
  .mode5 ul li a .img img{max-width: 20px;}
  .mode5 ul{margin: 0 -6px;} 
  .mode5 ul li a{margin: 0 6px;}
  .footer .footer_top .footer_lt{flex-wrap: wrap;}
   
}
@media screen and (max-width:380px) { 
  .report_box2 .input_box input[name=code]{width: 130px;}
  .mode5 ul li{width: 100%;}
}