@charset "UTF-8";

html{margin: 0;padding: 0}
body{margin: 0;padding: 0;font-family:'sy-normal', sans-serif;font-size: 16px;overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li {margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;color: #333333}
img{display: block}
button{padding: 0}
input{outline: none;}
.img{position: relative;display: block;overflow: hidden;}
.img img{position: absolute;width: 100%;}
.nowrap{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.line_num{display: -webkit-box;-webkit-box-orient:vertical;overflow: hidden;text-overflow:ellipsis;}
:root{
    --f12:12px;
    --f13:13px;
    --f14:14px;
    --f15:15px;
    --f16:16px;
    --f18:18px;
    --f20:20px;
    --f22:22px;
    --f24:24px;
    --f25:25px;
    --f26:26px;
    --f36:36px;
    --f38:38px;
    --f56:56px;
}

/*主体宽度:1842px*/
.main_width{width: 95.948%;margin: 0 auto;}
.head_top{display: flex;justify-content: space-between;align-items: center;padding: 5px 0;}
.head_top img{width: 192px;height: 40px;}
.head_top a{font-size: var(--f13);color: #F38851;font-weight: bolder;padding: 0 18px;}
header{height: 50px;width: 100%}
.head_father.active{position: fixed;top: 0;left: 0;z-index: 4;background-color: #ffffff;width: 100%}

.main_bc{background-color: #eff1f3;width: 100%;}
.title_search{padding: 100px 0 88px;}
.title_search .title_top{width: 100%;padding-bottom: 32px;}
.title_search .title_top h3{text-align: center;font-size: var(--f25);font-weight: normal;}
.title_search .title_top p{font-size: var(--f15);color: #767676;text-align: center;}
.title_search .search_bottom{width: 27.524%;margin: 0 auto;min-width: 500px;}

.title_search .search_bottom .inner_search{display: flex;justify-content: space-between;}
.title_search .search_bottom .inner_search input{width: 84.418%; padding: 15px 0 15px 20px;border-radius: 10px 0 0 10px;border: 1px solid #666}
.title_search .search_bottom .inner_search button{width: 0;flex: 1;display: flex;justify-content: center;align-items: center;border-radius: 0 10px 10px 0;border: none;background-color: #0d66c2;cursor: pointer;}
.title_search .search_bottom .inner_search button img{width: 30px;height: 30px;}

.index_2{display: flex;justify-content: space-between;}
.index_2 .left{width: 13.952%;padding: 10px 17px;box-sizing: border-box;background-color: #ffffff;}
.index_2 .left h3{font-size: var(--f16);font-weight: normal;position: relative;padding: 0 0 20px 15px;}
.index_2 .left h3::before{content: '';position: absolute;top: 4px;left: 0;width: 1px;height: 13px;border: 1px solid #198ede;background-color: #198ede;}
.index_2 .left a{display: block;width: 100%;font-size: var(--f14);color: #666666;text-align: center;border: 1px solid #d9d9d9;padding: 8px 0;margin-bottom: 7px;}
.index_2 .left a.active{background-color: rgba(161, 159, 159, 0.2)}
.index_2 .left a:hover{background-color: rgba(161, 159, 159, 0.2);transition: all 0.5s;}
.index_2 .right{width: 0;flex: 1;}

.index_2 .right .right_inner{width: 94.953%; display: grid;grid-template-columns: repeat(4,20.883%);grid-row-gap: 41px;margin: 0 auto;justify-content: space-between;}

.index_2 .right .list{background-color: #ffffff;box-shadow: 4px 4px 8px #cbcaca}
.index_2 .right .list .img{width: 100%;padding-bottom: 101%;}
.index_2 .right .list .img::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.05);z-index: 10;}
.index_2 .right .list .img:hover::before{z-index: -1;}
/*.index_2 .right .list .img img:hover{transform: translateY(4px);transition: all 0.5s;}*/
.index_2 .right .list .introduce{width: 88.218%;margin: 0 auto;display: flex;justify-content: space-between;padding-bottom: 10px;align-items: center;}
.index_2 .right .list p{font-size: var(--f12);color: #505050;padding-top: 7px;}
.index_2 .right .list .introduce a{background-color: #18cbf6;color: #ffffff;font-size: var(--f14);width: 30px;height: 50px;padding: 5px 7px;box-sizing: border-box;border-radius: 3px;}

.page{padding: 40px 0;}
.page ul{width: 23.67%;margin: 0 auto;display: flex;justify-content: center;}
.page ul li{margin-left: -1px;background-color: #ffffff;border: 1px solid #DDDDDD;}
.page ul li.active{background-color: #428bca;color: #ffffff;border-color: #428bca}
.page ul li.active a{color: #ffffff}
.page ul a{display: block;padding: 6px 12px;font-size: var(--f14);color: #428bca;}
.page ul a:hover{background-color: #eee}