@charset "utf-8";
/* cate-list-str-1 */
.cate-list-str-1{margin-top: -38px; margin-bottom: -120px;display: inline-block;width: 100%;/*解决锚点跳转上移问题*/}
.cate-list-str-1 h2{font-size:24px; margin-bottom:10px;color:#333; font-weight:bold;}
.cate-list-str-1 h2222{font-size:25px; margin-bottom:10px;    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(0deg, #fa7a11, #dc5100, #dc5100); font-weight:bold;}
.cate-list-str-1 h3{display: block;
    padding: 10px 30px;
    background-image: linear-gradient(90deg, #fa7a11, #fa7a11, #fa7a11);
    font-weight: bold;
    color: #fff;
    border-radius: 20px;
    font-size: 19px;
    margin-top: 10px;margin-bottom: 10px;
    width: fit-content;}
.cate-list-str-1>div{margin-bottom:0px; text-align:center; padding:70px 0px;}
.cate-list-str-1>div:nth-of-type(1){ }
.cate-list-str-1>div:last-of-type{ }
.cate-list-str-1>div:nth-of-type(odd){background:#f6f6f6;}
.cate-list-str-1>div:nth-of-type(even){background:#fff;}
.cate-list-str-1>div>div:nth-of-type(1)>font{font-size:38px; font-weight:700;font-family: Roboto Condensed;display:inline-block; margin-bottom:16px;color: #000;}
.cate-list-str-1>div>div:nth-of-type(1)>font:after{content: "";
    width: 30%;
    height: 4px;
    background-image: linear-gradient(100deg, #192e7a, #192e7a);
    border-radius: 2px;
	display:block;
	margin:auto;
	margin-top:14px;
    }
.cate-list-str-1>div>div:nth-of-type(1)>span{font-size:16px; display:block; color:#666; margin-bottom:20px;}
.cate-list-str-1 .content{ font-size:16px; line-height:28px; padding:10px 0px 0px 0px; text-align:left;color: #222;}
.cate-list-str-1 .list{ }
.cate-list-str-1 .row{justify-content: center;}

/* end */

/* cate-list-str-2 */
.cate-list-str-2{margin-top: -38px; margin-bottom: 80px;display: inline-block;width: 100%;/*解决锚点跳转上移问题*/}
.cate-list-str-2 .son{ padding:0px;}
.cate-list-str-2 h2{font-size:24px; margin-bottom:10px;color:#333; font-weight:bold;}
.cate-list-str-2 h2222{font-size:25px; margin-bottom:10px;    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(0deg, #fa7a11, #dc5100, #dc5100); font-weight:bold;}
.cate-list-str-2 h3{display: block;
    padding: 10px 30px;
    background-image: linear-gradient(90deg, #fa7a11, #fa7a11, #fa7a11);
    font-weight: bold;
    color: #fff;
    border-radius: 20px;
    font-size: 19px;
    margin-top: 10px;margin-bottom: 10px;
    width: fit-content;}
.cate-list-str-2>div{margin-bottom:0px; text-align:left; padding:0px 0px;padding-top:60px;}
.cate-list-str-2>div:nth-of-type(1){padding-top: 90px;}
.cate-list-str-2>div:last-of-type{ }
.cate-list-str-2>div:nth-of-type(odd){background:none;}
.cate-list-str-2>div:nth-of-type(even){background:none;}
.cate-list-str-2>div>div:nth-of-type(1)>font{font-size:28px; font-weight:bold;display:inline-block; margin-bottom:10px;color: #222; margin-left:5px;}
.cate-list-str-2>div>div:nth-of-type(1)>font:after{content: "";
    width: 30%;
    height: 0px;
    background-image: linear-gradient(100deg, #192e7a, #192e7a);
    border-radius: 2px;
	display:block;
	margin:auto;
	margin-top:14px; display:none;
    }
.cate-list-str-2>div>div:nth-of-type(1)>span{font-size:16px; display:block; color:#666; margin-bottom:20px;}
.cate-list-str-2 .list{ }
.cate-list-str-2 .row{justify-content: left;}

/* end */

/* cate-list-str */

.cate-list-str{}

/* end */

/* list-mod-2 */

.list-mod-2{float:left; margin-bottom:0px;padding-top: 28px;margin-right:0px;width:33.333%;text-align: left; }
.list-mod-2>span{display:block;padding:25px 30px 50px 30px;margin-left:15px;margin-right:15px; background:#fff;box-shadow: 0px 0px 15px 5px rgba(134, 134, 134, 0.1);border-radius: 5px;}
.list-mod-2>span:hover{background-image: linear-gradient(100deg, #192e7a, #192e7a);}
.list-mod-2>span:hover *{color:#fff !important;}
.list-mod-2>span:hover>p:nth-child(1){border-bottom:1px solid rgb(255 255 255 / 5%);}
.list-mod-2>span>span{display:block; margin-top:10px; border-bottom:1px solid rgb(0 0 0 / 7%); margin-bottom:15px; padding-bottom:10px; padding-left:5px; }
.list-mod-2>span>span>p{display: inline-block;
    overflow: hidden;
    vertical-align: middle;background-image: linear-gradient(100deg, #192e7a, #192e7a);border-radius: 5px;}	
.list-mod-2>span>span>p>img{max-width:100%;max-height:100%;padding:6px; height:40px;border-radius: 0px;	filter: drop-shadow(0px 400px #fff);
    transform: translateY(-400px);}	
.list-mod-2>span>span>font{font-size:20px; margin-left:15px; font-weight:bold;color:#222;vertical-align: sub;}
.list-mod-2>span>div{display:block; color:#555;font-size:15px;line-height:29px; padding-left:5px; padding-right:5px;}
.list-mod-2>span>div>ul{ list-style-type:disc; margin-left:20px;}
.list-mod-2>span>div>ul>li::marker {
  color: #ED6719; 
}

/* end */

/* list-mod-3 */

.list-mod-3{float:left; margin-bottom:0px;padding-top: 20px;margin-right:0px;width:33.333%;text-align: left; }
.list-mod-3>a{display:block;padding:0px;margin-left:15px;margin-right:15px; background:#fff;box-shadow: 0px 0px 15px 5px rgba(134, 134, 134, 0.1);border-radius: 4px; overflow:hidden;margin-bottom: 25px !important;}

.list-mod-3>a>span{display:block; margin-top:0px; border-bottom:0px solid rgb(0 0 0 / 7%); margin-bottom:0px; padding-bottom:0px; padding-left:0px; overflow:hidden; height:300px;}
.list-mod-3>a>span img{max-width:100%;max-height:100%;transition: 0.3s;    width: 100%;
    height: 100%;
    object-fit: cover;}

.list-mod-3>a>div{display:block; color:#555;font-size:16px;line-height:29px; padding:14px 20px; text-align:center;}

.list-mod-3>a:hover>div{ background:#192e7a; color:#fff;}
.list-mod-3>a:hover>span img{ transform: scale(1.1); transition: 0.3s;}

/* end */

/* content-mod-1 */

.content-mod-1{margin-top:30px;text-align: left;}
.content-mod-1>div:nth-of-type(1){width: 50%;
    display: inline-block;
    vertical-align: top; margin-top:5px;}
.content-mod-1>div:nth-of-type(2){width: 44%;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    margin-left: 60px;}
.content-mod-1>div:nth-of-type(2) img{max-width: 100%;
    border-radius: 10px;}

/* end */

/* content-mod-2 */

.content-mod-2{margin-top:30px;text-align: left;}
.content-mod-2>div:nth-of-type(1){width: 44%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-right: 60px;}
.content-mod-2>div:nth-of-type(1) img{max-width: 100%;
    border-radius: 10px;}	
.content-mod-2>div:nth-of-type(2){width: 50%;
    display: inline-block;
    vertical-align: top; margin-top:5px;}

/* end */

/* list-mod-4 */

.list-mod-4 {margin-left:-15px; margin-right:-15px; font-size:0px; margin-top:25px;}
.list-mod-4>div{ display:inline-block; width:33.33%;vertical-align: text-top;}
.list-mod-4 a{display:block;overflow:hidden;box-shadow: 0 1px 7px rgba(0,0,0,0); border: 1px solid rgb(0 0 0/10%);
    background: #fff;
    border-radius: 5px;
    padding-bottom: 35px; margin:0px 15px;margin-bottom:30px;}

.list-mod-4 a>span:nth-child(1){height: 270px;
    width: 100%;
    border-bottom: 0px solid #eee;
    padding: 0px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #EFEFEF;
    color: #888;
    background-image: linear-gradient(#e4edfa, #e4edfa);}
.list-mod-4 a>span:nth-child(1) img{max-width: 100%;
    max-height: 100%;
    padding: 20px;
    width: auto;
    height: auto;
    object-fit: cover;transition: 0.3s;mix-blend-mode: darken;
    }
.list-mod-4 a>font:nth-child(2){ text-align: center; font-weight:bold;
    display: block;
    font-size: 30px;
    padding: 30px 30px 0px 30px;
    color: #222;
    position: relative;
    padding-bottom: 15px;}
.list-mod-4 a>font:nth-child(2):after{content: "";
    position: absolute;
    width: 30px;
    height: 0px;
    background: #166EC4;
    border-radius: 2px;
    left: 50%;
    bottom: 0px;
    margin-left: -13px;
    margin-bottom: 0px;}	
.list-mod-4 a>span:nth-child(3){text-align: center;
    display: block;
    font-size: 14px;
    color: #555;
    padding: 5px 30px 5px 30px;
    margin-bottom: 0px;}
.list-mod-4 a>span:nth-child(4){text-align: center;
    display: block;
    font-size: 14px;
    color: #000;
    background: #fff;
    line-height: 35px;
    margin: auto;
    width: 35%;
    border-radius: 22px;
    border: 1px solid #000;}
.list-mod-4 a:hover>span:nth-child(4){color: #fff;background: #192e7a;border:1px solid #192e7a;}
.list-mod-4 a:hover>span:nth-child(1) img { transform: scale(1.1); transition: 0.3s;}
.list-mod-4 a:hover { background:#fff;}

/* end */