/* common css */

.w {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
}

button {
    border: 0;
    background-color: transparent;
    outline: none;
}

body,
html {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    background-color: #fff;
}


/* 脙茠脗篓脙鈥毭偮γ冣€毭偮伱兤捗偮γ冣€毭偮趁冣€毭偮兤捗偮γ兟⒚⑩€毬吢久冣€毭偮徝兤捗偮冣€毭偮∶冣€毭偮兤捗偮ッ冣€毭偮嵜兟⒚⑩€毬偮⒚兤捗偮ッ兟⒚⑩€毬偮γ冣€犆⑩偓鈩⒚兤捗偮冣€毭偮� 脙茠脗楼脙鈥毭偮姑冣€毭偮睹兤捗偮っ冣€毭偮该冣€毭偮嵜兤捗偮冣€毭偮幻冣€毭偮兤捗偮γ兟⒚⑩€毬偮懊冣€毭偮棵兤捗偮冣€姑⑩偓 脙鈥毭偮睹兤捗偮冣€毭偮好冣€毭偮� font 脙茠脗搂脙鈥γ偮∶兟⒚⑩€毬吢久兤捗偮┟兟⒚⑩€毬⑩偓聺脙鈥毭偮兤捗偮┟冣€毭偮⒚冣€姑呪€� */

body,
select,
textarea {
    font: 14px Source Han Sans CN;
}

input,
select,
textarea {
    border: none;
}


/* 脙茠脗楼脙鈥γ偮矫冣€毭偮幻兤捗偮γ冣€γ偮矫兟⒚⑩€毬偮� table cell 脙茠脗搂脙鈥γ偮∶兟⒚⑩€毬吢久兤捗偮冣€毭偮久冣€毭偮姑兤捗偮冣€毭偮访冣€毭偮澝兤捗偮ッ冣€毭偮姑冣€毭偮睹兤捗偮冣€毭偮冣€毭偮┟兤捗偮ッ兟⒚⑩€毬偮γ冣€毭偮睹兤捗偮冣€毭偮久冣€毭偮姑兤捗偮┟兟⒚⑩€毬偮∶冣€毭偮嵜兤捗偮ッ冣€毭偮惷冣€姑⑩偓  */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* ie bug脙茠脗炉脙鈥毭偮济冣€γ偮h 脙茠脗陇脙鈥毭偮该冣€毭偮嵜兤捗偮冣€毭偮幻冣€毭偮兤捗偮γ兟⒚⑩€毬偮懊冣€毭偮� text-align */

th {
    text-align: inherit;
}


/* 脙茠脗楼脙鈥γ偮矫冣€毭偮幻兤捗偮┟兟⒚⑩偓啪脗垄脙鈥毭偮っ兤捗偮┟冣€毭偮幻冣€姑呪€溍兤捗偮冣€毭偮冣€毭偮っ兤捗偮冣€毭偮久冣€毭偮姑兤捗偮γ冣€毭偮∶兟⒚⑩€毬�  */

fieldset,
img {
    border: none;
}


/* ie6 7 8(q) bug 脙茠脗娄脙鈥姑呪€溍冣€毭偮久兤捗偮冣€毭偮っ冣€毭偮好兤捗偮っ冣€毭偮该冣€毭偮好兤捗偮冣€毭偮∶冣€γ⑩偓鈩⒚兤捗偮ッ兟⒚⑩€毬� 脙垄芒鈥毬偮γ兤捗偮冣€毭偮∶冣€毭偮兤捗偮冣€γ偮矫冣€毭偮� */

iframe {
    display: block;
}


/* 脙茠脗楼脙鈥γ偮矫冣€毭偮幻兤捗偮γ冣€γ偮矫兟⒚⑩€毬偮� firefox 脙茠脗陇脙鈥毭偮该兟⒚⑩€毬偮姑兤捗偮γ冣€毭偮冣€毭偮っ兤捗偮ッ兟⒚⑩€毬偮γ冣€犆⑩偓鈩⒚兤捗偮冣€毭偮� 脙茠脗搂脙鈥γ偮∶兟⒚⑩€毬吢久兤捗偮冣€毭偮久冣€毭偮姑兤捗偮γ冣€毭偮∶兟⒚⑩€毬�  */

abbr,
acronym {
    border: none;
    font-variant: normal;
}


/* 脙茠脗陇脙鈥毭偮该兟⒚⑩偓拧脗卢脙茠脗篓脙垄芒鈥毬偮∶冣€毭偮疵兤捗偮冣€γ偮∶兟⒚⑩€毬吢� del 脙茠脗娄 脙鈥毭偮访兤捗偮ッ冣€毭偮济冣€毭偮� */

del {
    text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 500;
}


/* 脙茠脗楼脙鈥γ偮矫冣€毭偮幻兤捗偮γ冣€γ偮矫兟⒚⑩€毬偮懊兤捗偮ッ冣€姑⑩偓 脙垄芒鈥毬⑩偓聺脙茠脗篓脙鈥毭偮∶冣€毭偮兤捗偮ッ兟⒚⑩€毬偮懊冣€毭偮嵜兤捗偮冣€γ偮∶兟⒚⑩€毬吢久兤捗偮� 脙垄芒鈥毬偮∶兤捗偮冣€毭偮兟⒚⑩€毬� 脙茠脗炉脙鈥毭偮济冣€γ⑩偓鈩i 脙茠脗陇脙鈥毭偮济冣€γ偮∶兤捗偮冣€毭偮幻冣€毭偮兤捗偮γ兟⒚⑩€毬偮懊冣€毭偮� */

ol,
ul {
    list-style: none;
}


/* 脙茠脗楼脙鈥毭偮冣€毭偮姑兤捗偮┟冣€毭偮矫冣€毭偮惷兤捗偮γ冣€姑呪€溍冣€毭偮兤捗偮γ冣€γ偮矫兟⒚⑩€毬⑩€灺⒚兤捗偮兟⒚⑩€毬偮懊冣€姑⑩偓 脙茠脗娄脙鈥γ⑩偓艙脙垄芒鈧∶偮兤捗偮┟兟⒚⑩€毬偮∶冣€毭偮嵜兤捗偮冣€毭偮γ冣€毭偮伱兤捗偮冣€γ偮∶兟⒚⑩€毬吢久兤捗偮ッ兟⒚⑩€毬偮� 脙茠脗搂脙鈥毭偮� 脙茠脗炉脙鈥毭偮济冣€γ⑩偓鈩⒚兤捗偮ッ冣€姑⑩偓 脙鈥毭偮兤捗偮冣€毭偮冣€毭偮┟兤捗偮っ冣€毭偮幻兟⒚⑩偓拧脗卢脙茠脗陇脙鈥毭偮姑冣€姑⑩偓 脙茠脗漏脙鈥犆⑩偓鈩⒚冣€毭偮矫兤捗偮ッ冣€毭偮泵兟⒚⑩€毬偮γ兤捗偮っ冣€毭偮该冣€毭偮� */

caption,
th {
    text-align: left;
}


/* 脙茠脗娄脙鈥毭偮澝冣€毭偮ッ兤捗偮兟⒚⑩€毬偮∶冣€毭偮獃ahoo脙茠脗炉脙鈥毭偮济冣€γ⑩偓鈩⒚兤捗偮冣€毭偮冣€毭偮┟兤捗偮� 脙垄芒鈥毬偮∶兤捗偮┟冣€毭偮⒚冣€姑呪€溍兤捗偮┟冣€犆⑩偓鈩⒚冣€毭偮矫兤捗偮兟⒚⑩€毬偮∶冣€毭偮兤捗偮ッ冣€毭偮冣€γ偮∶兤捗偮っ冣€毭偮姑兟⒚⑩€毬偮懊兤捗偮冣€毭偮济冣€γ⑩偓鈩⒚兤捗偮┟兟⒚⑩偓拧脗卢脙垄芒鈥毬吢∶兤捗偮ッ冣€毭偮好兟⒚⑩€毬偮澝兤捗偮ッ冣€毭偮っ冣€γ偮∶兤捗偮っ冣€毭偮该冣€毭偮兤捗偮冣€毭偮趁冣€毭偮幻兤捗偮冣€毭偮幻冣€γ偮该兤捗偮ッ冣€毭偮好兟⒚⑩€毬偮澝兤捗偮兟⒚⑩€毬偮澝冣€毭偮� */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 500;
}

q:before,
q:after {
    content: '';
}


/* 脙茠脗搂脙鈥毭偮幻冣€γ偮该兤捗偮っ冣€毭偮该兟⒚⑩偓拧脗卢脙茠脗陇脙鈥毭偮该冣€γ� 脙茠脗娄 脙垄芒鈥毬偮∶兤捗偮ッ兟⒚⑩€毬⑩€灺⒚冣€γ⑩偓鈩⒚兤捗偮っ冣€毭偮该兟⒚⑩€毬偮姑兤捗偮� 脙垄芒鈥毬偮� */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* 脙茠脗漏脙鈥毭偮幻冣€姑呪€溍兤捗偮冣€毭偮冣€毭偮っ兤捗偮っ冣€毭偮该冣€毭偮嵜兤捗偮γ冣€姑呪€溍冣€毭偮久兤捗偮冣€毭偮っ冣€毭偮好兤捗偮っ冣€毭偮该兟⒚⑩€毬偮姑兤捗偮ッ冣€姑⑩偓 脙垄芒鈥毬⑩€灺⒚兤捗偮冣€毭偮好冣€毭偮棵兤捗偮冣€毭偮济冣€γ⑩偓鈩⒚兤捗偮っ冣€毭偮棵冣€毭偮澝兤捗偮γ冣€γ⑩偓鈩⒚冣€毭偮伱兤捗偮┟冣€毭偮∶冣€毭偮得兤捗偮┟冣€毭偮澝冣€毭偮⒚兤捗偮冣€毭偮兟⒚⑩偓拧脗卢脙茠脗娄脙鈥毭偮疵冣€毭偮� */

ins,
a {
    text-decoration: none;
    color: inherit;
}


/* 脙茠脗楼脙鈥γ偮矫冣€毭偮幻兤捗偮┟兟⒚⑩偓啪脗垄脙鈥毭偮� ie6 & ie7 脙茠脗搂脙垄芒鈥毬吢久冣€毭偮γ兤捗偮兟⒚⑩€毬吢∶冣€毭偮姑兤捗偮兟⒚⑩€毬吢∶冣€毭偮姑兤捗偮冣€γ� 脙鈥毭偮睹兤捗偮冣€毭偮好冣€毭偮� */

a:focus,
*:focus {
    outline: none;
}


/* 脙茠脗娄脙鈥毭偮该兟⒚⑩€毬偮γ兤捗偮┟兟⒚⑩偓啪脗垄脙鈥毭偮っ兤捗偮γ冣€毭偮得冣€毭偮兤捗偮ッ冣€γ� 脙鈥毭偮� */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
    overflow: hidden;
}

.clearfix {
    zoom: 1;
    /* for ie6 & ie7 */
}

.clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}


/* top css */

.top {
    width: 100%;
    height: 90px;
    background-color: #0162b2;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    margin-top: -3px;
    margin-bottom: 50px;
}

.top .w {
    position: static;
}

.top .w>img {
    width: 350px;
    float: left;
    padding-top: 30px;
}

.top .nav {
    float: left;
    margin-left: 15px;
    color: #fff;
    line-height: 90px;
    z-index: 999;
    position: static;
}

.top .nav ul {
    position: static;
}

.top .nav ul li {
    float: left;
    margin-right: 12px;
    font-size: 16px;
    position: static;
}

.top .nav ul li .dl {
    position: absolute;
    left: 0;
    top: 90px;
    width: 100%;
    height: 319px;
    background-color: #f5f5f5;
    color: #666;
    z-index: 99;
    margin: 0 auto;
    display: none;
}

.top .nav ul li .dl .dt {
    text-align: center;
    width: 480px;
    height: 260px;
    float: left;
    margin: 30px 0 0 0;
    background-color: #EBEBEB;
    overflow: hidden;
    position: relative;
}

.top .nav ul li .dl .dt img {
    display: block;
    margin: 0 auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.top .nav ul li .dl .dd {
    height: 260px;
    width: 460px;
    float: left;
    margin: 30px auto auto 0;
    margin-left: 60px;
    position: relative;
}

.top .nav ul li .dl .dd .ul {
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.top .nav ul li .dl .dd .ul a {
    display: block;
    min-width: 23%;
    text-align: left;
    font-size: 18px;
    height: auto;
    line-height: normal;
    margin: 17px 0px;
    position: relative;
    float: left;
    box-sizing: border-box;
}

.top .nav ul li .dl .dd .ul.bn a {
    width: 33%;
    text-align: left;
    box-sizing: border-box;
    height: 69px;
}

.top .nav ul li .dl .dd .ul.bn a img {
    display: block;
    clear: both;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#button {
    width: 55px;
    margin-top: 30px;
    height: 25px;
    background-color: #0162b2;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 15px;
    text-indent: 16px;
    background: url(../images/search.png)4px 4px no-repeat;
}

form {
    width: 55px;
    display: inline-block;
}

#search {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 250px;
    height: 25px;
    text-indent: 10px;
    box-shadow: 0 3px 3px #999;
    top: 75px;
    right: 18.5%;
    border-radius: 20px;
    z-index: 1002;
}


/* 脙茠脗漏脙鈥毭偮γ兟⒚⑩€毬⑩偓艙脙茠脗漏脙鈥毭偮∶冣€毭偮礲anner脙茠脗漏脙鈥犆⑩偓鈩⒚冣€毭偮兤捗偮ッ冣€姑⑩偓 脙垄芒鈥毬�  */

.banner .swiper-container {
    width: 100%;
    height: 634px;
}

.banner .swiper-slide {
    box-sizing: border-box;
    background-size: cover;
    padding: 0 0 0 50%;
}

.banner .swiper-slide p {
    width: 220rem;
    display: block;
    font-size: 24px;
    color: #fff;
    line-height: 46px;
    text-shadow: rgba(0, 0, 0, .5) 0 0.1em 0.1em;
}

.banner .swiper-slide p:nth-child(1) {
    text-align: left;
    color: #fff;
    font-size: 36px;
    margin-bottom: 2vw;
    margin-top: 200px;
    text-shadow: rgba(0, 0, 0, .5) 0 0.05em 0.05em;
}

.num {
    position: absolute;
    top: 580px;
    left: 50%;
    margin-left: -600px;
    z-index: 998;
}

.num ul {
    box-sizing: border-box;
    padding: 28px 0 30px 0;
    background-color: #fff;
}

.num ul li {
    box-sizing: border-box;
    display: inline-block;
    width: 280px;
    text-align: center;
    font-size: 18px;
    font-family: "Microsoft YaHei";
    color: rgb(102, 102, 102);
    border-right: 1px solid #ccc;
}

.num ul li:last-child {
    border: none;
}

.num ul li h1 {
    font-size: 36px;
    font-family: "Microsoft YaHei";
    color: #0162b2;
}

.about {
    background: url(../images/bg-about.jpg)no-repeat center;
    padding-top: 120px;
    padding-bottom: 115px;
}

.com-tit {
    text-align: center;
}

.com-tit h4 {
    color: #666;
    font-size: 16px;
    margin-bottom: 8px;
}

.com-tit h4::before {
    content: "";
    width: 38px;
    height: 1px;
    background-color: #666;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 10px;
}

.com-tit h4::after {
    content: "";
    width: 38px;
    height: 1px;
    background-color: #666;
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 10px;
}

.com-tit h4.white::before {
    content: "";
    width: 38px;
    height: 1px;
    background-color: #fff;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 10px;
}

.com-tit h4.white::after {
    content: "";
    width: 38px;
    height: 1px;
    background-color: #fff;
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 10px;
}

.com-tit span {
    display: inline-block;
    background: url(../images/arrow-b.png)no-repeat center;
    width: 13px;
    height: 9px;
    margin-bottom: 8px;
}

.com-tit span.white {
    display: inline-block;
    background: url(../images/arrow-w.png)no-repeat center;
    width: 13px;
    height: 9px;
    margin-bottom: 8px;
}

.com-tit h5 {
    color: #333;
    font-weight: 700;
    font-size: 24px;
}

.about-con {
    color: #666;
    line-height: 24px;
}

.about .w>a {
    background-color: #0162b2;
    color: #fff;
    display: block;
    padding: 10px 25px;
    width: 135px;
    margin: 0 auto;
    box-sizing: border-box;
    margin-top: 40px;
}

.domain {
    background: url(../images/bg-domain.jpg)no-repeat center;
    padding-top: 70px;
    padding-bottom: 135px;
}

.domian-con {
    padding-top: 50px;
}

.domian-con ul li {
    float: left;
    width: 560px;
    margin-right: 60px;
    margin-bottom: 38px;
}

.domian-con ul li:nth-of-type(2n+2) {
    margin-right: 0;
}

.domian-con ul li:hover .img p {
    display: block;
}

.domian-con .img {
    width: 560px;
    height: 220px;
    position: relative;
}

.domian-con .img p {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .5);
    width: 100%;
    height: 100%;
    padding: 20% 43%;
    box-sizing: border-box;
    display: none;
}

.domian-con .img p a {
    color: #333;
    font-size: 16px;
    font-weight: 700;
}

.domian-con img {
    vertical-align: bottom;
    width: 100%;
    height: 100%;
}

.domian-con .text {
    background-color: #dee6ed;
    text-align: center;
    padding: 15px 0;
    color: #333;
}

.domian-con .text .cn {
    font-size: 18px;
    font-weight: 700;
}

.domian-con .text .en {
    font-size: 16px;
}

.block {
    position: relative;
    background-color: #f8f6f6;
    height: 600px;
}

.block .news-center {
    position: absolute;
    top: -78px;
    z-index: 100;
    background-color: #fff;
    width: 100%;
    padding-top: 50px;
}

.news-con {
    padding: 45px;
}

.news-con .newsl {
    width: 475px;
    overflow: hidden;
}

.news-con .newsl img {
    width: 100%;
    height: 285px;
    vertical-align: bottom;
}

.news-con .newsl .text {
    background-color: #f4f4f4;
    padding: 25px;
    position: relative;
}

.news-con .newsl .text h5 {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.news-con .newsl .text:hover p,
.news-con .newsl .text:hover h5 {
    color: #0162b2;
    cursor: pointer;
}

.news-con .newsl .text p {
    color: #666;
    line-height: 24px;
}

.news-con .newsl .text p.clo {
    margin-top: 10px;
}

.news-con .newsl .text>a {
    background-color: #0162b2;
    padding: 3px 6px;
    color: #fff;
    position: absolute;
    right: 25px;
    bottom: 20px;
}

.newsr {
    width: 608px;
}

.newsr ul li {
    padding: 14px 25px 2.5px 25px;
    background-color: #f4f4f4;
    margin-bottom: 13px;
}

.newsr ul li .time {
    width: 60px;
    padding: 15px 5px;
    color: #333;
}

.newsr ul li .time .day {
    font-size: 28px;
}

.newsr ul li .text {
    width: 427px;
    color: #666;
    line-height: 24px;
}

.newsr ul li .text h5 {
    color: #333;
    font-size: 16px;
}

.newsr ul li .text:hover h5,
.newsr ul li .text:hover p {
    color: #0162b2;
    cursor: pointer;
}

.newsr ul li>a {
    background-color: #555;
    padding: 3px 6px;
    color: #fff;
    display: inline-block;
    margin-top: 30px;
}

.newsr>a {
    padding: 10px 30px;
    background-color: #0162b2;
    color: #fff;
    display: inline-block;
    margin-top: 30px;
}

.bottom {
    background-color: #004279;
    padding-top: 45px;
    padding-bottom: 45px;
}

.bottom ul {
    width: 230px;
    float: left;
    margin-left: 38px;
}

.bottom ul:first-child {
    margin-left: 10px;
}

.bottom ul:nth-child(3),
.bottom ul:nth-child(4),
.bottom ul:nth-child(5),
.bottom ul:nth-child(6) {
    width: 80px;
}

.bottom ul h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.bottomdj ul h5 {
    color: #333;
}

.bottom ul li {
    float: left;
    margin-right: 30px;
    font-size: 16px;
    color: #c9c9c9;
    margin-bottom: 15px;
    width: 80px;
}

.bottomdj ul li {
    color: #666;
}

.footer {
    background-color: #00335d;
    padding: 28px 0;
    text-align: center;
    color: #5f6b75;
    line-height: 24px;
}

.sub-banner {
    position: relative;
    width: 100%;
    color: #fff;
    margin-top: 87px;
}

.sub-banner p {
    position: absolute;
    top: 40%;
    left: 50%;
    font-size: 60px;
    font-weight: 700;
    color: #a82124;
    font-family: SimSun;
}

.sub-banner p.first {
    top: 20%;
    left: 40%;
}

.sub-nav {
    width: 100%;
    height: 45px;
    line-height: 45px;
    box-shadow: 0 3px 3px #ccc;
    color: #666;
    margin-bottom: 3px;
}

.sub-nav p a::after {
    content: ">";
    margin-left: 6px;
}

.sub-nav p a:last-child::after {
    content: "";
}

.list-con {
    padding: 60px 0;
    background-color: #f8f6f6;
}


/* 脙茠脗娄脙垄芒鈥毬⑩偓艙脙鈥毭偮懊兤捗偮┟兟⒚⑩€毬⑩偓聺脙鈥毭偮幻兤捗偮冣€毭偮矫冣€毭偮兤捗偮γ兟⒚⑩€毬⑩€灺⒚冣€毭偮兤捗偮┟冣€犆⑩偓鈩⒚冣€毭偮兤捗偮ッ冣€姑⑩偓 脙垄芒鈥毬�  */

.indexnewsbox {
    position: relative;
    clear: both;
    height: 321px;
    margin-top: 40px;
    border: 1px solid #ccc;
    padding-right: 15px;
    background-color: #fff;
}

.indexnew_list {
    position: relative;
    height: 321px;
}

.indexnew_list li {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.indexnew_img {
    float: left;
    width: 536px;
    height: 321px;
    overflow: hidden;
}

.indexnew_img img {
    width: 100%;
    height: 100%;
}

.indexnew_tit {
    margin-top: 20px;
    margin-left: 600px;
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    height: 50px;
    text-align: left;
}

.indexnew_tit p {
    color: #0162b2;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 10px;
}

.indexnew_tit p.day {
    font-size: 50px;
}

.indexnew_tit a {
    font-size: 24px;
    line-height: 20px;
}

.indexnew_time {
    float: left;
    width: 58px;
    height: 46px;
    background-color: #545454;
    color: #fff;
    text-align: center;
    margin-right: 15px;
    line-height: 20px;
}

.indexnew_time strong {
    font-size: 24px;
    line-height: 26px;
}

.indexnew_time p {
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
}

.indexnew_word {
    color: #666;
    margin-left: 600px;
    padding-top: 120px;
    font-size: 14px;
    text-align: left;
}

.indexnew_detail {
    position: absolute;
    left: 600px;
    bottom: 45px;
    color: #0162b2;
    font-size: 14px;
    border: 1px solid #0162b2;
    padding: 5px;
    padding: 10px 25px;
    border-radius: 20px;
}

.indexnew_point {
    position: absolute;
    left: 1050px;
    bottom: 45px;
    z-index: 99;
}

.indexnew_point li {
    float: left;
    cursor: pointer;
    text-indent: -9999px;
}

.indexnew_point li.prev,
.indexnew_point li.next {
    width: 15px;
    height: 15px;
    border: solid 1px #ddd;
    position: relative;
    margin: 0 5px;
}

.indexnew_point li.prev a,
.indexnew_point li.next a {
    display: block;
    height: 15px;
}

.indexnew_point li.prev:after,
.indexnew_point li.next:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 4px;
    z-index: -1;
    border-style: solid;
    border-width: 4px;
}

.indexnew_point li.prev:after {
    left: 1px;
    border-color: transparent #ddd transparent transparent;
}

.indexnew_point li.next:after {
    right: 1px;
    border-color: transparent transparent transparent #ddd;
}

.indexnew_point .opt {
    width: 11px;
    height: 11px;
    margin: 3px;
    background-color: #bbb;
}

.indexnew_point li.current {
    background-color: #0162b2;
}

.indexnew_more {
    position: absolute;
    right: 5px;
    bottom: 0;
}

.news-list {
    margin-top: 50px;
}

.news-list ul li {
    width: 580px;
    float: left;
    margin-right: 40px;
    color: #999;
    line-height: 32px;
    height: 129px;
    margin-bottom: 60px;
}

.news-list ul li:nth-of-type(2n+2) {
    margin-right: 0;
}

.news-list ul li img {
    width: 213px;
    height: 129px;
}

.news-list ul li .text {
    width: 353px;
    height: 129px;
}

.news-list ul li .text h6 {
    font-size: 16px;
}

.news-list ul li .text h5 {
    font-size: 16px;
    color: #666;
}

.news-list ul li .text button {
    background: url(../images/arrow-none.png) no-repeat left;
    width: 32px;
    height: 5px;
}

.news-list ul li:hover {
    background-color: #0162b2;
    color: #fff;
}

.news-list ul li:hover h5 {
    color: #fff;
}

.news-list ul li:hover button {
    background: url(../images/arrow-on.png) no-repeat left;
}

.newscon {
    color: #666;
}

.newscon .contop {
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 1px dashed #ccc;
    background-color: #f8f6f6;
}

.newscon .text {
    padding-top: 30px;
    line-height: 24px;
    text-align: justify;
}

.newscon .contop h4 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
}

.newscon .contop span {
    margin-right: 40px;
}

.newscon .contop span:last-child {
    margin-right: 0;
}

.domain-con .domain-block {
    padding: 50px 0;
}

.domain-con .tit {
    text-align: center;
}

.domain-con .tit h4 {
    font-size: 30px;
    color: #333;
    font-weight: 700;
}

.domain-con .tit .icon {
    width: 55px;
    height: 5px;
    background-color: #0162b2;
    margin: 20px auto 20px auto;
}

.domain-con .com-txt {
    color: #666;
    line-height: 24px;
}

.domain-con .domain-block .img-list ul li {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    width: 585px;
    height: 330px;
    position: relative;
    overflow: hidden;
}

.domain-con .domain-block .img-list ul li .text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 42px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: rgba(0, 0, 0, .5);
}

.domain-con .domain-block .img-list ul li .subtext {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 330px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    box-sizing: border-box;
    padding-top: 65px;
    display: none;
}

.domain-con .domain-block .img-list ul li .subtext h4 {
    font-weight: 700;
    font-size: 30px;
}

.domain-con .domain-block .img-list ul li .subtext .icon-line {
    background-color: #fff;
    width: 50px;
    height: 5px;
    margin: 10px auto 10px auto;
}

.domain-con .domain-block .img-list ul li:hover .subtext {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    padding-top: 65px;
    display: inline-block;
    animation: animate 1s ease;
}

.domain-con .domain-block .img-list ul li:hover .text {
    display: none;
}

@keyframes animate {
    from {
        height: 0px;
        top: 330px;
    }
    to {
        height: 330px;
        top: 0px;
    }
}

.domain-con .domain-block .img-list ul li:nth-of-type(2n+2) {
    margin-right: 0;
}

.sub-nav.scroll {
    position: fixed;
    top: 90px;
    background: #fff;
    z-index: 1001;
}

.loc ul li {
    float: left;
    font-size: 16px;
    margin-right: 30px;
    width: 64px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.loc ul li.on {
    border-bottom: 3px solid #0162b2;
}

.dj ul li.on {
    border-bottom: 3px solid #d71918;
}

.about-block {
    padding-bottom: 60px;
}


/* 脙茠脗楼脙鈥毭偮っ冣€毭偮兤捗偮っ冣€毭偮好兟⒚⑩€毬偮姑兤捗偮冣€毭偮冣€毭偮� css */

.pr {
    position: relative;
}

.warper {
    width: 1200px;
    margin: 0 auto;
}

.about-main2 {
    height: 890px;
    width: 100%;
    overflow: hidden;
}

.about-main2 .licheng-bg {
    background-color: rgba(255, 255, 255, .8);
    width: 100%;
    height: 100%;
    position: relative;
}

.about-main2 .licheng-bg .warper {
    height: 100%;
}

.about-main2 .licheng-bg img {
    height: 518px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0;
}

.about-main2 .licheng-content {
    position: absolute;
    width: 100%;
    height: 100%;
}

.about-main2 .licheng-content .swiper-wrapper,
.about-main2 .licheng-content .swiper-slide,
.about-main2 .licheng-content ul {
    width: 100%;
    height: 100%;
}

.about-main2 .licheng-content ul li {
    width: 20%;
    float: left;
    height: 100%;
}

.about-main2 .licheng-content ul li a {
    display: block;
    width: 100%;
    position: relative;
    height: 320px
}

.about-main2 .licheng-content ul li .date {
    color: #0a3875;
    font-size: 30px;
}

.about-main2 .licheng-content ul li .line {
    margin-bottom: 30px;
}

.about-main2 .licheng-content ul li.item2 .line,
.about-main2 .licheng-content ul li.item4 .line {
    margin-top: 30px;
}

.about-main2 .licheng-content ul li .line:after {
    width: 25px;
    height: 25px;
    background-color: rgba(10, 56, 117, 0.8);
    display: block;
    content: "";
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    position: absolute;
}

.about-main2 .licheng-content ul li .lc-left {
    position: absolute;
}

.about-main2 .licheng-content ul li .line {
    height: 250px;
    width: 1px;
    display: block;
    background-color: #0A3875;
    position: relative;
    left: 30px;
}

.about-main2 .licheng-content ul li.item1 .line {
    height: 500px;
}

.about-main2 .licheng-content ul li.item3 .line {
    height: 370px;
}

.about-main2 .licheng-content ul li.item4 .line {
    height: 370px;
}

.about-main2 .licheng-content ul li .lc-right {
    position: absolute;
    left: 30px;
    width: 200px;
    height: 100%;
    display: table;
}

.about-main2 .licheng-content ul li.item5 .lc-right {
    width: 200px;
}

.about-main2 .licheng-content ul li.item2 .lc-right,
.about-main2 .licheng-content ul li.item4 .lc-right {
    width: 200px;
}

.about-main2 .licheng-content ul li .lc-right .right-text {
    padding: 20px;
    display: table-cell;
}

.about-main2 .licheng-content ul li.item1 a {
    top: 50px;
}

.about-main2 .licheng-content ul li .lc-left .line:after {
    bottom: -25px;
    left: -11px;
}

.about-main2 .licheng-content ul li.item2 a {
    top: 258px;
}

.about-main2 .licheng-content ul li.item3 a {
    top: 136px;
}

.about-main2 .licheng-content ul li.item4 a {
    top: 10px;
}

.about-main2 .licheng-content ul li.item5 a {
    top: 99px;
}

.about-main2 .licheng-content .right-text h3 {
    font-size: 24px;
    margin-bottom: 10px;
}

.about-main2 .licheng-content .right-text p {
    font-size: 16px;
}

.lc-swiper-btn {
    width: 100%;
    position: absolute;
    top: 370px;
}

.lc-swiper-btn a {
    display: block;
    position: absolute;
}

.lc-swiper-btn .btn-prev {
    position: absolute;
    left: 15px;
    top: 50px;
}

.lc-swiper-btn .btn-next {
    position: absolute;
    right: 0;
    top: 50px;
}

.lc-swiper-btn .iconfont {
    font-size: 30px;
}


/* 脙茠脗楼脙垄芒鈥毬偮γ冣€γ偮∶兤捗偮ッ冣€毭偮幻冣€毭偮� css */

.con-dj {
    background-color: #f8f6f6;
    padding: 38px 0;
}

.dj-top,
.dj-list {
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 3px 3px #ccc;
}

.dj-top .img {
    width: 672px;
    height: 384px;
    display: inline-block;
    position: relative;
}

.dj-top .img a {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, .7);
}

.dj-top .top-list {
    width: 445px;
}

.dj-top .top-tit {
    padding-bottom: 10px;
    border-bottom: 1px solid #d71918;
}

.dj-top .top-list .top-tit h4 {
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
    color: #d71918;
}

.dj-top .top-list .top-tit a {
    float: right;
    color: #d71918;
    margin-top: 15px;
}

ul.text li::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #a12a2a;
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 5px;
}

ul.text li {
    line-height: 32px;
    color: #666;
}

ul.text li span {
    float: right;
}

ul.text li a:hover {
    color: #d71918;
}

.dj-top .top-list ul li.first::before {
    width: 0;
    height: 0;
    content: "";
}

.dj-top .top-list ul li.first {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #d71918;
    margin-bottom: 10px;
    line-height: 22px;
}

.dj-top .top-list ul li.first h5 {
    color: #d71918;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
}

.dj-top .top-list ul li.first p {
    color: #666;
}

.dj-list {
    margin-top: 25px;
}

.dj-list .list-block {
    width: 560px;
    height: 270px;
    float: left;
    margin-right: 20px;
    box-sizing: border-box;
}

.dj-list .list-block:nth-of-type(2n+2) {
    margin-right: 0;
}

.dj-list .list-block .block-tit {
    background: url(../images/dj-tit.png)no-repeat;
    width: 100%;
    height: 42px;
    line-height: 42px;
    text-indent: 14px;
    margin-bottom: 15px;
}

.dj-list .list-block .block-tit h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
}

.dj-list .list-block .block-tit a {
    float: right;
    padding-right: 15px;
    color: #666;
}


/* djny css */

.djny-list {
    padding: 15px 0;
}

.djny-list li {
    display: flex;
    padding: 40px 0;
    border-bottom: 1px solid #ccc;
    color: #999;
}

.djny-list li:hover {
    color: #a82124;
}

.djny-list li .list-l {
    flex: 15;
    margin-right: 35px;
}

.djny-list li .list-l h5 {
    color: #a82124;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}

.djny-list li .list-l p {
    line-height: 24px;
}

.djny-list li .list-r {
    flex: 1;
    margin-top: 15px;
}

.djny-list li .list-r .day {
    font-weight: 700;
    font-size: 42px;
}

.nyimg-list ul {
    margin-top: 40px;
}

.nyimg-list ul li {
    width: 373px;
    border-radius: 10px;
    float: left;
    margin-right: 40px;
    margin-bottom: 40px;
    box-shadow: 0 3px 3px #ccc;
    transition: all 0.6s linear;
}

.nyimg-list ul li:nth-of-type(3n+3) {
    margin-right: 0;
}

.nyimg-list ul li:hover {
    box-shadow: 5px 5px 5px #ccc;
    margin-top: -10px;
    transition: all 0.6s linear;
}

.nyimg-list ul li p {
    color: #333;
    text-align: center;
    padding: 20px;
    background: #fff;
    border-radius: 0 0 10px 10px;
}

.nyimg-list ul li img {
    width: 100%;
    height: 280px;
    vertical-align: bottom;
    border-radius: 10px 10px 0 0;
}

.nyimg-list ul .reveal-modal img {
    width: 800px;
    height: 600px;
}


/*脙茠脗楼脙鈥毭偮济冣€毭偮姑兤捗偮ッ兟⒚⑩€毬偮∶冣€毭偮好兤捗偮┟冣€毭偮∶冣€毭偮得兤捗偮┟冣€毭偮澝冣€毭偮�-start*/

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
    background: rgba(00, 00, 00, 0.8);
}

.reveal-modal-bg {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
}

.reveal-modal {
    visibility: hidden;
    top: 50%;
    margin-top: -500px;
    left: 50%;
    margin-left: -400px;
    position: absolute;
    z-index: 101;
    width: 800px;
    height: auto;
    padding: 30px 40px 34px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    background-color: #FFF;
}

.reveal-modal.small {
    width: 200px;
    margin-left: -140px;
}

.reveal-modal.medium {
    width: 400px;
    margin-left: -240px;
}

.reveal-modal.large {
    width: 600px;
    margin-left: -340px;
}

.reveal-modal.xlarge {
    width: 800px;
    margin-left: -440px;
}

.reveal-modal .close-reveal-modal {
    font-size: 22px;
    line-height: 0.5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #333;
    text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
    font-weight: bold;
    cursor: pointer;
}

.yq_link {
    color: #bbb;
}

.yq_link a::after {
    content: '|';
    margin: 0 20px;
}


/* staffgrow css */
.staff-grow {
    padding-top:40px;
}
.grow-list {
    width:100%;
    height:314px;
    margin-bottom:160px;
}

.grow-list h5 {
    font-size: 25px;
    margin-bottom: 30px;
}

.grow-list img {
    width: 584px;
    float:left;
}
.grow-list .wordDiv {
    float: right;
    width: 550px;
    background: #fff;
    padding: 30px 33px;
    margin-top: 59px;
    color:#666;
}
.grow-list h3 {
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    line-height: 30px;
}

.grow-list .swiper-pagination {
    padding-left: 25%;
    text-align: left;
}

.grow-list .swiper-pagination-bullet {
    background: #fff;
    opacity: .7;
}

.grow-list .swiper-pagination-bullet-active {
    background: #1669d4;
    opacity: 1;
}

.dw_1 {
    bottom: 20px;
    left: 589px;
    position: absolute;
}

.grow-list .swiper-button-prev {
    left: -80px;
}

.grow-list .swiper-button-next,
.grow-list .swiper-button-prev {
    margin-top: -35px;
}


/* 3dimg css */

.main {
    width: 100%;
    height: 100%;
}

#screen {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
}

#screen img,
canvas {
    position: absolute;
    left: -9999px;
    cursor: pointer;
    image-rendering: optimizeSpeed;
}

#screen .href {
    border: #FFF dotted 1px;
}

#screen .fog {
    position: absolute;
    background: #000;
    opacity: 0.1;
    filter: alpha(opacity=10);
}

#command {
    position: absolute;
    left: 1em;
    top: 1em;
    width: 120px;
    z-index: 99999;
    background: #ccc;
    border: #ccc solid 1em;
}

#bar {
    position: relative;
    left: 1em;
    top: 1em;
    height: 235px;
}

#bar .button {
    position: absolute;
    background: #222;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

#bar .loaded {
    background: #666;
}

#bar .viewed {
    background: #fff;
}

#bar .selected {
    background: #f00;
}

#urlInfo {
    position: absolute;
    background: url(../images/r.gif) no-repeat 0 4px;
    visibility: hidden;
    z-index: 30000;
    padding-left: 12px;
    cursor: pointer;
}

.textile_box .hd {    text-align: center;
    margin-bottom: 40px;
    margin-top: 30px;
}

.textile_box .hd ul li {
    display: inline-block;
    width: 188px;
    height: 42px;
    font-size: 18px;
    box-sizing: border-box;
    padding-top: 10px;
    color: #333;
    margin-right: 60px;
    background-color: #dfdfdf;
}

.textile_box .hd ul li:last-child {
    margin-right: 0;
}

.textile_box .hd ul li.on {
    background-color: #0162b2;
    color: #fff;
}

.textile_text {
    padding: 90px 0;
    margin-top: 40px;
    color: #fff;
}

.textile_text p {
    line-height: 24px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 60px;
}

.textile_text ul {
    display: flex;
    flex-wrap: wrap;
}

.textile_text ul li {
    width: 48%;
    padding: 25px;
    box-sizing: border-box;
    border: 1px solid #fff;
    margin-right: 4%;
    margin-bottom: 35px;
}

.textile_text ul li:nth-child(2n+2) {
    margin-right: 0;
}

.textile_text ul li:nth-child(3),
.textile_text ul li:nth-child(4) {
    margin-bottom: 0;
}

.textile_text ul li img {
    width: 118px;
    height: 118px;
    display: inline-block;
}

.textile_text ul li .text {
    width: 72%;
    float: right;
}

.textile_text ul li .text h6 {
    font-size: 18px;
    margin-bottom: 20px;
}

.textile_text ul li .text p {
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    margin-bottom: 0;
}

.wool {
    background: url(../images/bg_wool.jpg)no-repeat center;
}

.rubber {
    background: url(../images/bg_rubber.jpg)no-repeat center;
}

.wood_part1 {
    background: url(../images/bg-wood.png)no-repeat 0 270px;
    padding: 65px 0;
    background-size: 100%;
}

.wood_part1 .logo {
    text-align: center;
}

.wood_part1 .text,
.wood_part2 .text {
    text-align: center;
    color: #666;
    padding: 60px 0;
    line-height: 24px;
}

.wood_part1 .swiper-container {
    width: 100%;
    height: 530px;
}

.wood_imglist {
    padding: 90px 0;
}

.wood_imglist a {
    width: 377px;
    height: 393px;
    display: inline-block;
    margin-right: 30px;
    position: relative;
    overflow: hidden;
}

.wood_imglist a:last-child {
    margin-right: 0;
}

.wood_imglist a p {
    width: 100%;
    height: 50px;
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    padding: 5px 0 5px 0;
}

.wood_part2 {
    padding-bottom: 910px;
    background: url(../images/bg-wood_bottom.png) no-repeat 0 1100px;
    background-position: center bottom;
}

.wood_part2 .tit {
    text-align: center;
    font-size: 48px;
    color: #333;
}

.wood_imglist .img img {
    transition: all 1s;
}

.wood_imglist .img:hover img {
    transform: scale(1.5);
    transition: all 1s;
}

.chemical-txt {
    position: relative;
    padding-bottom: 80px;
}

.chemical-txt img {
    width: 584px;
    height: 329px;
}

.chemical-txt .text {
    width: 563px;
    float: right;
    color: #666;
    line-height: 28px;
}

.chemical-txt .icon-text {
    display: flex;
    position: absolute;
    top: 380px;
    left: 0;
    width: 100%;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0 3px 3px 3px #ccc;
}

.chemical-txt .icon-text a {
    width: 50%;
    box-sizing: border-box;
    margin: 40px;
    display: inline-block;
    border-right: 1px solid #ccc;
}

.chemical-txt .icon-text a:last-child {
    border-right: 0;
}

.chemical-txt .icon-text a img {
    width: 56px;
    height: 70px;
    margin-bottom: 0px;
}

.chemical-txt .icon-text a p {
    width: 398px;
    display: inline-block;
    margin-left: 40px;
    text-align: justify;
    color: #666;
    line-height: 24px;
}

.chemical-txt .icon-text a.icon2 {
    margin-left: 0;
}

.chemical-txt .icon-text a.icon2 img {
    width: 60px;
    height: 66px;
    margin-top: 10px;
}

.chemical-txt .icon-text a.icon2 p {
    width: 390px;
}

.che {
    margin-top: 40px;
}

.che ul li {
    width: 300px!important;
    height: 240px!important;
    margin-right: 0!important;
    margin-bottom: 0!important;
}

.chepartner-list {
    margin-top: 40px;
}

.chepartner-list ul li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.chepartner-list ul li:nth-of-type(5n+5) {
    margin-right: 0;
}

/* slide bar css */
.sideBar {
    width: 100px;
    position: fixed;
    top: 200px;
    right: 0;
    text-align: center;
    z-index: 9999;
    display: none;
}

.sideBarTop {
    height: 28px;
    line-height: 28px;
    color: #FFFFFF;
    font-size: 15px;
}

.sideBarBot img {
    display: block;
    height: 200px;
    width: 100px;
}

.clsosfloat {
    position: absolute;
    top: -18px;
    left: 40px;
}
.pop {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    margin-top: -240px;
    margin-left: -215px;
    color: #fff;
    display: none;
}

.pop a {
    font-size: 20px;
    display: block;
    text-align: right;
}

.remark {
    background-color: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

.otherLinks {
    box-sizing: border-box;
    padding-top: 30px;
    line-height: 28px;
    margin-left: 5px;
    width: 80px;
    color: #cce0fb;
    font-weight: 700;
    text-align: center;
}
.otherLinks a {
    display: block;
}
/* download_list css */
.download_list {
    padding: 30px 0;
}

.download_list ul li {
    background-color: #f7f8fa;
    padding: 30px;
    box-shadow: 0 0 5px 5px rgb(69 77 93 / 10%);
    margin-bottom: 30px;
}

.down_btn {
    padding: 5px 15px;
    background-color: #186aab;
    color: #fff;
    border-radius: 5px;
}

.download_list ul li:hover {
    background-color: #186aab;
    color: #fff;
}

.download_list ul li:hover .down_btn {
    background-color: #fff;
    color: #186aab;
}
.flex_ar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}