.leftnav {
    width: 220px;
}

.leftnav strong {
    font-weight: 400;

    color: #fff;
}

.leftnav .lt {
    background-color: #01A1EB;
    overflow: hidden;
    border-color: transparent;
    border-width: 0px;
    width: 220px;
    height: 69px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding-top: 18px; */
}

.leftnav .lt .main-tit {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.leftnav .lt .main-tit>span {
    color: rgb(217, 217, 217);
    display: block;
    font-size: 36px;
    line-height: 1;
    font-weight: 600;
    font-family: Arial, "宋体", Helvetica, sans-serif, Verdana;
}

.leftnav .lt .main-tit>span i {
    color: #fff;
}

.leftnav .lt .t1 {
    font-weight: 700;
    color: #fff;
    line-height: 1;
    font-size: 20px;
}

.leftnav .lc {}

.leftnav .lc ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin-top: 6px;
    margin-bottom: 7px;
}

.leftnav .lc .li {
    width: 100%;
    height: calc(153px / 3);
    display: block;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 4px;
    padding-bottom: 0;
    margin-bottom: 3px;
    z-index: 1000;
    position: relative;
    height: 47.66px;
    line-height: 47.66px;
    text-align: center;
    background-image: url(../img/p2ma_dp4x.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .3s;
}
.leftnav .lc .li:hover{
    background-image: url(../img/gimg/yawa.jpg);
color: #fff;
}
.leftnav .lc a {
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: #333333;
}

.leftnav .lb {
    width: 219px;
    height: auto;
    /* height: 235px; */
    border: 1px solid rgb(1, 161, 234);
    border-width: 0px 1px 1px;
}

.leftnav .lb .lbt {
    width: 100%;
    height: 53px;
}

.leftnav .lb .lbt img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.leftnav .lbbox {
    font-size: 12px;
    line-height: 140%;
    overflow: hidden;
    word-wrap: break-word;
    padding: 0px;
    border-color: transparent;
    border-width: 0px;
    width: 207px;
    display: block;
    padding: 10px;
 
}

.leftnav .lbbox div {
    line-height: 16px;
    color: #5a5a5a;
    font-family: Microsoft YaHei;
}

.leftnav .lbbox div span {
    line-height: 240%;
}

.mt20 .w1200 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.mt20 .w1200 .right {
    width: calc(100% - 220px - 50px);
    margin-left: 50px;
}

.boxt {
    position: relative;
    border: none;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    /* margin-bottom: 36px; */
}

.boxt::after {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    height: 0;
    border-top: 1px dashed #d9d9d9;
    width: 100%;
    z-index: 0;
}

.boxt .name {
    width: 117px;
    height: 45px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/gimg/qhx4.png);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: relative;
    color: #ffffff;
    font-size: 14px;
    padding-right: 0;
}

.boxt .box_nav {
    line-height: 1.5;
    width: 45%;
    /* align-self: flex-end;
    display: flex;
    align-items: center;
    justify-content: flex-start; */
    overflow: hidden;
    vertical-align: middle;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.boxt .box_nav span {
    display: inline-block;
    margin: 0 10px;
    color: rgb(204, 204, 204);
}

.boxt .box_nav a {
    font-family: 'Microsoft YaHei';
    font-size: 12px;
    color: rgb(204, 204, 204);
}

.boxt .box_nav a:hover {
    text-decoration: underline;
}

.listbox {
    position: relative;
    padding-left: 10px;
    padding-top: 20px;
}

.listbox .uls a {
    position: relative;
    display: block;
    color: #5a5a5a;
    padding-top: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e2e2e2;
}

.listbox .uls a:first-child {
    /* padding-top: 0; */
}

.listbox .uls a .span {
    font-family: SimSun;
    font-size: 14px;
    font-weight: 600;
    color: #5a5a5a;
    text-decoration: none;
    line-height: 160%;
}

.listbox .uls a .timer {
    color: #929292;
    font-weight: normal;
    font-family: SimSun;
}

.listbox .uls a:hover .span {
    color: #0064D4;
}

.infobox .tit {
    display: block;
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 16px;
    color: #426100;
    text-decoration: none;
    padding-top: 50px;
    margin-bottom: 15px;
}

.infobox .infobox-content {
    margin-bottom: 45px;
}

/* .infobox .infobox-content p{
    text-indent: 2em;
} */
.infobox .infobox-content img {
    margin: 0 auto;
    max-width: 100%;
}

.infobox .articnav {
    display: flex;
    flex-direction: column;
}

.infobox .articnav a {
    color: #444;
    transition: all .3s;
    overflow: hidden;
    text-wrap: nowrap;
    word-wrap: nowrap;
    text-overflow: ellipsis;
}

.infobox .articnav a:hover {
    color: #01A1EB;
}

.mt20 {
    margin-top: 20px;
    margin-bottom: 80px;
}

.news .listbox {
    margin-top: 48px;
    padding-top: 0;
}

.news .listbox .lis {
    display: flex;
    align-items: flex-start;
    padding-left: 30px;
    padding-bottom: 12px;
    margin-top: 12px;
}

.news .listbox .lis:first-child {
    margin-top: 0;
}

.news .listbox .lis .timer {
    margin-right: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 60px;
    height: 60px;
    color: #fff;
    font-family: Microsoft YaHei;
    background-color: #01a1ea;
}

.news .listbox .lis .timer .date {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
}

.news .listbox .lis .timer span {
    font-size: 13px;
}

.news .listbox .lis .span {
    font-size: 18px;
    color: #434343;
    font-family: Microsoft YaHei;
    font-weight: normal;
}

.news .boxt .name {
    padding-right: 0;
    padding-top: 0;
}

.news .infobox .topbox {
    margin-bottom: 20px;
}

.news .infobox .topbox .tit {
    color: #434343;
}

.news .infobox .topbox .txt {
    padding: 0 120px;
    text-align: center;
    margin: 0 auto;
    font-weight: normal;
    font-family: Microsoft YaHei;
    font-size: 12px;
    color: #5a5a5a;
}

.news .infobox .topbox .txt span {
    margin: 0 12px;
    color: #fff;
    font-size: 12px;
}

.news .artview_intro {
    padding: 5px 0;
    line-height: 1.7em;
    color: #868686;
    background-color: #F5F5F5;
    border: #E5E5E5 1px solid;
    margin-bottom: 12px;
    text-indent: 24px;
    display: block;
    font-family: Microsoft YaHei;
    font-size: 12px;
    color: #868686;
    font-weight: normal;
    text-decoration: none;
    line-height: 30px;
    /* background: #F5F5F5; */
    border-style: solid solid solid solid;
    border-color: #E5E5E5 #E5E5E5 #E5E5E5 #E5E5E5;
    border-width: 1px 1px 1px 1px;
}

.project .listbox {
    padding-left: 0;
    padding-top: 55px;
}

.project .ulimg {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.project .ulimg .li {
    max-width: 258px;
    margin-right: 20px;
    margin-bottom: 10px;
}

.project .ulimg .li .img {
    height: 210px;
}

.project .ulimg .li .img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.project .ulimg .li .txt {
    font-family: SimSun;
    font-size: 12px;
    color: #5A5A5A;
    font-weight: bold;
    text-decoration: none;
    display: block;
    text-align: left;
    line-height: 140%;
}

.project .ulimg .li:hover .txt {
    color: #5A5A5A;
}

.project .infobox-content {
    margin-top: 55px;
    font-family: Microsoft YaHei;
}

.project .infobox .tit {
    padding-top: 70px;
}

.project .infobox .articnav {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

.project .infobox .articnav .clickprev {
    position: relative;
}

.project .infobox .articnav .clicknext {
    position: relative;
}

.project .infobox .articnav .clickprev .up_arrow {
    background-color: #c2c2c2;
    background-image: url(../img/gimg/sitestar_productdetailspage_up_arrow.png);
    background-repeat: no-repeat;
    width: 11px;
    height: 10px;
    display: block;
    float: left;
    margin-right: 8px;
    margin-top: 8px;
}

.project .infobox .articnav .clicknext .up_arrow {
    background-color: #c2c2c2;
    background-image: url(../img/gimg/sitestar_productdetailspage_down_arrow.png);
    background-repeat: no-repeat;
    width: 11px;
    height: 10px;
    display: block;
    float: left;
    margin-right: 8px;
    margin-top: 8px;
}

.project .infobox .articnav .clicknext:hover,
.project .infobox .articnav .clickprev:hover {
    color: #434343;
}

.project .infobox .articnav .clickprev:hover .up_arrow,
.project .infobox .articnav .clicknext:hover .up_arrow {
    background-color: #048BCD;
}

.project .infobox .articnav .clicknext:hover span:nth-child(3),
.project .infobox .articnav .clickprev:hover span:nth-child(3) {
    text-decoration: underline;
}

.tec {
    position: relative;
    overflow: hidden;
}

.tec .uls_a {
    display: flex;
    flex-wrap: wrap;
}

.tec .uls_a .li_a {
    overflow: hidden;
    display: inline-block;
    width: calc((100% - 60px)/3);
    margin-right: 20px;
    margin-bottom: 10px;
    padding: 15px;
    border: 1px solid rgb(238, 238, 238);
    cursor: pointer;
}

.tec .uls_a .li_a .txt {
    color: #5a5a5a;
    font-family: Microsoft YaHei;
    display: block;
    text-align: center;
    line-height: 140%;
    font-size: 14px;
}

.tec .uls_a .li_a:hover {
    border-color: #fec732;
}

.recruit .formbox {
    position: relative;
    padding: 70px 190px 80px 130px;
}

.recruit .formbox .lis {
    width: 100%;
    font-family: '微软雅黑';
    margin: 7px 0;
    float: left;
}
.recruit .formbox .lis.yzm{
    width: 60%;
    position: relative;
}
.recruit .formbox .lis.yzm input{
    padding: 0 100px 0  0;
}
.recruit .formbox .lis.yzm .captcha_ok,
.recruit .formbox .lis.yzm .captcha_no{
position: absolute;
right: -40px;
bottom: 2px;
}
.recruit .formbox .lis.yzm >img{
    position: absolute;
    right: 20px;
    bottom: 8px;
}
.recruit .formbox .lis input {
    display: block;
    height: auto;
    width: 100%;
    min-height: 38px;
    line-height: 38px;
    border-color: #00a0e9;
    font-family: '微软雅黑';
    background-color: #fff;
    border: 1px solid #00aff1;
    font-size: 12px;
    text-indent: 5px;
    width: 100%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
}

.recruit .formbox .lis textarea {
    border-color: #00a0e9;
    font-family: '微软雅黑';
    background-color: #fff;
    border: 1px solid #00aff1;
    font-size: 12px;
    text-indent: 5px;
    width: 100%;
    max-height: 112px;
    overflow: auto;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    resize: none;
}

.recruit .formbox .lis label {
    font-family: '微软雅黑';
    padding: 10px 0;
    display: block;
    line-height: 1.5;
    color: #5a5a5a;
}
.recruit .formbox .lis:nth-child(1) label{
    padding-top: 0;
}
.recruit .formbox .lis label span {
    color: #ff9900;
    line-height: 100%;
    padding-left: 3px
}

.recruit .formbox button {
    display: block;
    border-style: solid;
    border-width: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    text-align: center;
    color: #fff;
    margin-top: 5px;
    background-color: #00a0e9;
    background-position: center center;
    width: 260px;
    height: auto;
    min-height: 38px;
    line-height: 38px;

}

.mt20 {
    margin-top: 32px;
}

.right {
    margin-top: 16px;
}

.boxt .box_nav {
    align-self: center;
    padding-top: 10px;
    padding-left: 28px;
}

.contact .boxt {
    margin-bottom: 20px;
}

.contact .map {
    width: 923px;
    height: 430px;
}

.contact .map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* .contact.recruit .right .boxt .box_nav {
    padding-left: 15px;
} */
.contact .boxb {
    font-family: 'Microsoft YaHei'
    ;
    padding-left: 80px;
    margin-top: 50px;
    /* padding-right: 20px; */
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.boxb .bl {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    width: 363px;
}

.boxb .bll {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 34px;
}

.boxb .bll .bler {
    width: 107px;
    height: 107px;
}

.boxb .bll .bler img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.boxb .bll .blr {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    margin-left: 58px;
}

.boxb .bll .blr span:nth-child(1) {
    color: rgb(0, 160, 233);
}

.boxb .bll .blr span:nth-child(2) {
    color: rgb(255, 153, 0);
}

.boxb .bll .blr span:nth-child(3) {
    color: #5a5a5a
}

.boxb .bl .btit {
    line-height: 22.4px;
    color: rgb(51, 51, 51);
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 15px;
    border: none;
    border-bottom: 1px solid #d9d9d9;
}

.boxb .bl .btit span {
    line-height: 32.2px;
    font-size: 23px;
    color: rgb(51, 51, 51);
}

/* .boxb .bl  */
.boxb .br {
    padding-top: 60px;
    padding-right: 30px;
    width: calc(100% - 430px);
}
.boxb .br .lis {
    display: flex;
    align-items:center;

    margin-bottom: 15px;
}
.boxb .br .lis:nth-child(1){
    margin-bottom: 10px;
}
.boxb .br .lis  .icon{
    height: 30px;
    width: 30px;
    margin-right: 20px;
}
.boxb .br .lis  .icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.boxb .br .lis  .txt{
    width: calc(100% - 30px);
    font-size: 14px;
    font-family: 12px/140% Arial,"宋体",Helvetica, sans-serif,Verdana;

}
.trade  .listbox{
    padding-top: 50px;
}