@media screen  and (min-width:996px){.pid-91a25e57-95a2-4fc6-b31b-561627b23798:nth-child(1){width: 240px;}.pid-91a25e57-95a2-4fc6-b31b-561627b23798:nth-child(2){flex: 1;}}}

a{color: #333;}
.tea_ser2{} 
.tea_ser2 .ser_a {background: #F8F8F8;box-sizing: border-box;padding: 30px 30px 25px;margin: 0 0 30px;}
.tea_ser2 .ser_a ul { } 
.tea_ser2 .ser_a ul li{ margin-bottom: 20px;display: flex; align-items: baseline; }
.tea_ser2 .ser_a ul li:last-child {margin-bottom: 0;}
.tea_ser2 .ser_a ul li em,.tea_ser2 .ser_a ul li i {font-style: normal;}
.tea_ser2 .ser_a ul li .em1 {text-align-last: justify;text-align: justify;text-justify: distribute-all-lines;font-weight:bold;}
.tea_ser2 .ser_a ul li .em2 {flex: 1;overflow: hidden;display: flex;align-items: baseline;}
.tea_ser2 .ser_a ul li .em2 a {display: inline-block;line-height: 30px;margin-bottom: 5px;} 
.tea_ser2 .ser_a ul li .em2 a.on {background: #0168B7;border-radius: 20px;padding: 0px 10px;color: #fff;} 
.tea_ser2 .ser_a ul li .em2 .sp3 a.on {background: #0168B7;border-radius: 20px;padding: 0px 0px;color: #fff;} 
.tea_ser2 .ser_a ul li .em2 .sp2 {flex: 1;overflow: hidden;}
.tea_ser2 .ser_a ul li .em2 .sp2 a {display: inline-block;margin-left: 30px;}
.tea_ser2 .ser_a ul li .em2 .sp2 a.on {background: #0168B7;color: #fff;}
.tea_ser2 .ser_a ul li .em2 .sp3{display: flex;justify-content: space-between;margin-left: 8px;}
.tea_ser2 .ser_a ul li .em2 .sp3 a{display: inline-block;margin-left: 0px;width: 30px;height: 30px;text-align: center;line-height: 30px;background: #eee;border-radius: 50%;}
.tea_ser2 .ser_a .gp-search{width: 350px;margin-top: 20px; overflow: hidden;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;transition: all 0.35s ease-in-out;border: 1px solid #0168B7;}
.tea_ser2 .ser_a .gp-search .gp-ser {width: 100%;height: 40px;z-index: 9999994;margin: 0 auto;position: relative;}
.tea_ser2 .ser_a .gp-search .gp-ser input,.tea_ser2 .ser_a .gp-search .gp-ser button {position: absolute;height: 40px;line-height: 40px;border: none;background: none;top: 0px;overflow: hidden;} 
.tea_ser2 .ser_a .gp-search .gp-ser input.notxt {color: #666;width: 78%;left: 0;padding-left: 4%;font-size: 16px;outline: none;} 
.tea_ser2 .ser_a .gp-search .gp-ser .notxt1 {position: absolute;width: 15%;right: 0;cursor: pointer;background: #0168B7;color: #fff;font-size: 20px;}
.tea_ser2 .ser_b{
    min-height: 200px;
}
.tea_ser2 .ser_b >ul{margin: 0 -13px 0;overflow: hidden;}
.tea_ser2 .ser_b >ul li{margin-bottom: 30px;}
.tea_ser2 .ser_b >ul li a{display: block; margin: 0 13px;}
.tea_ser2 .ser_b >ul li a .img {padding-bottom: 140%;}
.tea_ser2 .ser_b >ul li a .title {margin: 8px 0 5px;height: 24px;line-height: 24px;overflow: hidden;text-align: center;}
.tea_ser2 .ser_b >ul li a p {height: 30px;line-height: 30px;overflow: hidden;text-align: center;}
 @media screen  and (max-width:1300px){ 
    .tea_ser2 .ser_a ul li .em2 .sp3{display: block;}
    .tea_ser2 .ser_a ul li .em2 .sp3 a{margin-left: 15px;} 
 }
@media screen  and (max-width:996px){ 
    /*.tea_ser2 .ser_a ul li .em2 .sp3{display: block;}*/
    /*.tea_ser2 .ser_a ul li .em2 .sp3 a{margin-left: 15px;} */
    /* .tea_ser2 .ser_b >ul li{margin-bottom: 30px;} */
}
@media screen  and (max-width:768px){  
    .tea_ser2 .ser_b >ul li{margin-bottom: 20px;}
    .tea_ser2 .ser_a ul li{display: block;}
    .tea_ser2 .ser_a ul li .em1{display: inline-block;margin: 0 0 10px 0;} 
}
@media screen  and (max-width:479px){  
    .tea_ser2 .ser_a .gp-search{width: 100%;}
}
    


.gp-page1 {padding: 50px 0;font-size: 0;text-align: center;}
.gp-page1::after, .gp-page1::before {content: " ";display: table;}
.gp-page1 > a, .gp-page1 > span, .gp-page1 > div > span, .gp-page1 .num > a, .gp-page1 .selectDiv {display: inline-block;*display: inline;*zoom: 1;line-height: 1;position: relative;vertical-align: top;font-size: 14px;transition: all 0.35s ease-in-out;margin: 0 5px;border: 1px solid #d7dfdc;margin-bottom: 5px;cursor: pointer;text-align: center;padding: 8px 11px;vertical-align: middle;color: #333;}
.gp-page1 a span {border: none;}
.gp-page1 a:hover, .gp-page1 a.on_pages {background-color: #0168B7;color: #fff;border-color: #0168B7;}
.gp-page1 .selectDiv {display: inline-block;*display: inline;*zoom: 1;line-height: 1;vertical-align: top;font-size: 14px;transition: all 0.35s ease-in-out;margin: 0 5px;border: 1px solid #d7dfdc;margin-bottom: 5px;cursor: pointer;text-align: center;padding: 9px 28px;position: relative;}
.gp-page1 .selectDiv::before {content: '';display: block;width: 0;height: 0;transform: rotateX(0deg);border: 5px solid transparent;border-top-color: #bfbeac;position: absolute;right: 6px;top: 13px;}
.gp-page1 .selectDiv ul {text-align: center;font-size: 14px;list-style: none;position: absolute;bottom: 100%;left: 0;border: 1px solid #d7dfdc;border-bottom: none;background: #ffffff;display: none;}
.gp-page1 .selectDiv ul.on {display: block;width: 100%;} 
.gp-page1 .selectDiv ul a {line-height: 30px;padding: 0px 28px;color: #333;}
.gp-page1 .selectDiv ul a.active {display: block;}
.gp-page1 .selectDiv ul li:hover {background: #0168B7;}
.gp-page1 .selectDiv ul li:hover a {color: #ffffff;}
.gp-page1 .selectDiv ul a.active {display: block;}
.gp-page1 .selectDiv ul a:hover {background: none;color: #000000;}
.selectDiv:hover.selectDiv:before {transition: transform all 2s ease;transform: rotateX(-180deg) translateY(5px);transform-origin: center; }
.gp-page1 .gp-page-prev::before,
.gp-page1 .gp-page-next::before,
.gp-page1 .gp-page-start::before,
.gp-page1 .gp-page-end::before{display: none;}

@media screen and (max-width:767px) {
    .gp-page1{}
    .gp-page1 .turnPage {display: none;}
    .gp-page1 >a,.gp-page1 >span {display: none;} 
    .gp-page1 a.on_pages,.gp-page1 .gp-page-prev,.gp-page1 .gp-page-next,.gp-page1 .gp-page-start,.gp-page1 .gp-page-end {display: inline-block;}
}
