.serves{padding-bottom: 80px;}
.serves-cont{font-size: 16px;line-height: 26px;color: #1e1e1e;}
.serves-cont h3{font-size: 28px;line-height: 38px;margin-bottom: 5px;}
.serves-cont p{}
.apply-list{margin-bottom:70px;margin-top: 35px; }
.apply-list li{float: left;width: 23.5%;margin-right: 2%;font-size: 30px;line-height: 50px;color: #00387e;border-top: 13px solid #e6eaef;box-shadow: 0 0 25px rgba(0,56,126,0.07);text-align: center;background: #fff;}
.apply-list li:nth-child(4n){margin-right: 0;}
.apply-list li .con{display: table;width: 100%;height: 222px;}
.apply-list li .mes{display: table-cell;vertical-align: middle;}
.apply-list li img{height: 50px;}
.apply-list li img.icon2{display: none;}
.apply-list li em{display: inline-block;margin-left: 20px;}
.apply-list li p{font-size: 20px;line-height: 30px;margin-top: 15px;}
.apply-list li:hover{background: #014b92;color: #fff;}
.apply-list li:hover img.icon1{display: none;}
.apply-list li:hover img.icon2{display: inline-block;}

.servesMess{padding-bottom: 200px;}
.servesMess .form-mes form .user-sel{width: 100%;color: #979797;position: relative;}
.servesMess .form-mes form .user .user-fb{float: left;width: 49%;color: #979797;margin-right: 2%;}
.servesMess .form-mes form .user .user-fb:nth-child(2n){margin-right: 0;}

.servesMess .form-mes form .user-sel,.servesMess .form-mes form .user .user-fb,.servesMess .form-mes form .msg{margin-bottom: 28px;box-shadow: 0 0 25px rgba(0,56,126,0.07);position: relative;}

.servesMess .form-mes form .user-fb input{display: block;height: 86px;color: #979797;}
.servesMess .form-mes form input:focus {outline: none;}
.servesMess .form-mes form input:-webkit-autofill {-webkit-text-fill-color: #979797 !important; transition: background-color 5000s ease-in-out 0s; caret-color: #979797; }


.servesMess .form-mes form .user-sel select,.servesMess .form-mes form .user-fb input,.servesMess .form-mes form .msg textarea{font-size: 18px;line-height: 30px;color: #989898;box-sizing: border-box;width: 100%;padding: 28px 20px 28px 86px;}
.servesMess .form-mes form .user-sel select{padding: 28px 40px 28px 86px;background-position: right 20px center;}

.servesMess .form-mes form .user-sel span,.servesMess .form-mes form .user-fb span,.servesMess .form-mes form .msg span{display: block;position: absolute;left: 0;width:86px;background-position: left 20px center;background-repeat: no-repeat;background-size:30px;  }
.servesMess .form-mes form .user-fb span,.servesMess .form-mes form .user-sel span{top:0;height: 100%;}

.servesMess .form-mes form .user-sel span{background-image: url("../images/mess_sel.png"); }

.servesMess .form-mes form .user-fb.name span{background-image: url("../images/mess_name.png"); }
.servesMess .form-mes form .user-fb.phone span{background-image: url("../images/mess_tel.png"); }
.servesMess .form-mes form .user-fb.mail span{background-image: url("../images/mess_mail.png"); }
.servesMess .form-mes form .user-fb.addr span{background-image: url("../images/mess_addr.png"); }
.servesMess .form-mes form .msg span{top:28px;height: 30px;background-image: url("../images/mess_write.png");}

.servesMess .form-mes form .msg textarea{height:476px;font-family:"PingFang SC",Arial,sans-serif;}

.servesMess .form-mes form .form-code{float: left;font-size: 0;box-shadow: 0 0 25px rgba(0,56,126,0.07);}
.servesMess .form-mes form .form-code input{width: 226px;font-size: 20px;line-height: 30px;height: 86px;color: #979797;box-sizing: border-box;padding: 28px 20px;}

.servesMess .form-mes form .form-code span{display: inline-block;}
.servesMess .form-mes form .form-code span img{height: 86px;vertical-align: middle;}

.servesMess .form-mes form .submit-bt{float: right;display: block;width: 348px;font-size: 20px;line-height: 86px;  background: #00387e;text-align: center;color: #fff;box-shadow: 0 0 25px rgba(0,56,126,0.07);}


.servesMess .form-mes form .user-sel:hover,.servesMess .form-mes form .user-fb:hover{background: #00387e;}
.servesMess .form-mes form .user-fb:hover input::-webkit-input-placeholder{color: #fff;}
.servesMess .form-mes form .user-fb:hover input:-moz-placeholder{color: #fff;}
.servesMess .form-mes form .user-fb:hover input::moz-placeholder{color: #fff;}
.servesMess .form-mes form .user-fb:hover input:-ms-input-placeholder{color: #fff;}
.servesMess .form-mes form .user-fb:hover input{color: #fff;}
.servesMess .form-mes form .user-fb:hover input:focus{color: #fff;}
.servesMess .form-mes form .user-sel:hover select{color: #fff;}
.servesMess .form-mes form .user-sel:hover select option{color: #979797;}
.servesMess .form-mes form .user-fb:hover input:-webkit-autofill {-webkit-text-fill-color: #fff !important; transition: background-color 5000s ease-in-out 0s;caret-color: #fff; }
.servesMess .form-mes form .user-sel:hover span{background-image: url("../images/mess_sel2.png");}
.servesMess .form-mes form .user-fb.name:hover span{background-image: url("../images/mess_name2.png"); }
.servesMess .form-mes form .user-fb.phone:hover span{background-image: url("../images/mess_tel2.png"); }
.servesMess .form-mes form .user-fb.mail:hover span{background-image: url("../images/mess_mail2.png"); }
.servesMess .form-mes form .user-fb.addr:hover span{background-image: url("../images/mess_addr2.png"); }
.servesMess .form-mes form .req span:after{content: "*";position: absolute;right: 10px;top:50%;font-size: 16px;line-height: 14px;color: #ff0000;font-weight: bold;margin-top: -4px;}




/*问答*/
.consumer{overflow: hidden;}
.consumer .pages{margin-bottom: 30px;}
.question-list{}
.question-list li{border-bottom: 1px solid #e5e5e5;cursor: pointer;}
.question-list li:first-child{border-top: 1px solid #e5e5e5;}
.question-list li .ask{padding: 0 68px;font-size: 18px;line-height: 72px;color: #393939;position: relative;}
.question-list li .ask p{overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
.question-list li .ask:before{content: "";position: absolute;left: 0;top:0;width: 68px;height: 100%;background-image: url("../images/icon_w.png");background-position: center center;background-repeat: no-repeat;background-size:26px; }
.question-list li .ask:after{content: "";position: absolute;right: 0;top:0;width: 68px;height: 100%;background-image: url("../images/icon_jt1.png");background-position: center center;background-repeat: no-repeat;background-size:22px; }
.question-list li:hover .ask,.question-list li.active .ask{background-color: #00387e;color: #fff;}
.question-list li:hover .ask:before,.question-list li.active .ask:before{background-image: url("../images/icon_w2.png");}
.question-list li:hover .ask:after,.question-list li.active .ask:after{background-image: url("../images/icon_jt2.png");}
.question-list li .answer{background-color: #ddefff;padding: 28px 68px;position: relative;font-size: 16px;line-height: 26px;color: #2a2a2a;display: none;}
.question-list li .answer .cont{position: relative;}
.question-list li .answer .cont:before{content: "";position: absolute;left: -68px;top:0;width: 68px;height: 28px;background-image: url("../images/icon_d.png");background-position: top center;background-repeat: no-repeat;background-size:26px;}
.change{margin: 20px 0;}
.change .fontCh{float: left;}
.change .openCh{float: right;cursor: pointer;}
.change .fontCh,.change .openCh{font-size: 16px;line-height: 32px;color: #414141;}
.change .fontCh i{display: inline-block;cursor: pointer;padding: 0 2px;}
.change .fontCh i.smaller{font-size: 14px;}
.change .fontCh i.bigger{font-size: 20px;}
.change .openCh img{width: 32px;margin-right: 5px;}
.change .fontCh i:hover{color: #00387e; }

.class-list{padding-top: 25px;}
.class-list li{float: left;width: 32.4%;margin-right: 1.4%;background: #f6f6f6;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;transition: all 0.2s linear;margin-bottom: 30px;}
.class-list li:nth-child(3n){margin-right: 0;}
.class-list li a{display: block;}
.class-list li .img{overflow: hidden;}
.class-list li .img img{width: 100%;-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;transition: all 0.5s linear;}
.class-list li .mes{padding: 32px 26px;}
.class-list li .mes h3{font-size: 24px;line-height: 32px;height: 32px;color: #00387e;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 10px;}
.class-list li .mes p{font-size: 14px;line-height: 20px;height: 40px;color: #5b5b5b;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.class-list li .mes .look{display: inline-block;font-size: 14px;line-height: 28px;color: #929292;padding: 0 28px;border: 2px solid #c0ccdc; text-align: center;background: #fff;border-radius: 25px; margin-top: 40px;}
.class-list li:hover{background: #00387e;}
.class-list li:hover .img img{-moz-transform:scale(1.05,1.05);  -webkit-transform:scale(1.05,1.05);  -o-transform:scale(1.05,1.05);  transform: scale(1.05,1.05);}
.class-list li:hover .mes h3,.class-list li:hover .mes p{color: #fff;}


.consumerCase{background: #f2f2f2;padding:40px 0;}
.wr{width: 100%;height: 20px;background: #fff;}
.case-list{}
.case-list li{float: left;width:49.3% ;margin-right: 1.4%;margin-bottom: 18px;background: #fff;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;transition: all 0.2s linear;}
.case-list li:nth-child(2n){margin-right: 0;}
.case-list li a{display: block;padding: 48px 30px;}
.case-list li p{font-size: 24px;line-height: 54px;color: #1e1e1e;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.case-list li span{display: inline-block;font-size: 14px;line-height: 26px;color: #fff;background: #00387e;border-radius: 25px;padding: 0 17px;margin-top: 20px;}
.case-list li:hover{background: #00387e;}
.case-list li:hover p{color: #fff;}
.case-list li:hover span{background: #fff;color:#1e1e1e; }

.consumerNews{margin-bottom: 40px;}
.consumerMess{padding-top: 30px;}

/*消费者保护年报*/
.conReport-list{}
.conReport-list li{float: left;width: 32%;margin-right: 2%;margin-bottom: 75px;}
.conReport-list li:nth-child(3n){margin-right: 0;}
.conReport-list li a{display: block;}
.conReport-list li .con{width: 100%;padding: 28px 25px;height: 610px;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background: #f6f6f6;}
.conReport-list li .img{width: 100%;height: 100%;text-align: center;position: relative;overflow: hidden;}
.conReport-list li .img img{position: absolute;left: 50%;top:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);display: inline-block;max-height: 100%;max-width: 100%;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;}
.conReport-list li .mes{padding: 22px 80px 22px 25px;background-image: url("../images/icon_pdf3.png");background-repeat: no-repeat;background-position: right 25px center;background-size: 52px;}

.conReport-list li .mes p{font-size: 24px;line-height: 28px;color: #383838;overflow: hidden;/* white-space: nowrap; */text-overflow: ellipsis;}
.conReport-list li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.10);}
.conReport-list li:hover p{color: #00387e;}

/*投诉流程*/
.conProcess{padding-top: 50px;}
.conProcess-cont{padding: 60px 10px 10px 10px;box-shadow: 0 0 35px rgba(0,56,126,0.06);margin-bottom: 70px;border-top: 10px solid #e6eaef;}
.conProcess-cont img{max-width: 100%!important;}
.complaint{background: #f6f6f6;padding: 28px 20px;text-align: center;margin-bottom: 70px;}
.complaint .complaint-call{display: inline-block;padding-left: 65px;position: relative;text-align: left;}
.complaint .complaint-call:before{content: "";position: absolute;left: 0;top:0;width: 38px;height: 100%;background-image: url("../images/icon_call.png");background-repeat: no-repeat;background-position: left center;background-size: 100%;}
.complaint .complaint-call p{font-size: 20px;line-height: 32px;color: #00387e;}
.complaint .complaint-call p .call{display: inline-block;font-size: 34px;line-height: 34px;font-family:'DIN-BLACK';color: #00387e;}
.complaint .complaint-call p,.complaint .complaint-call p .call{vertical-align: bottom;}
.complaint .complaint-call p em{font-size: 16px;}