li {
    list-style-type: none;
}

html {
    font-size: 62.5%;
}

/* body {
    -webkit-text-size-adjust: none
} */

html {
    font-family: 'Microsoft Yahei';
    font-size: 12px;
    font-weight: 300;
    color: #393939;
}

html,
body {
    height: 100%;
    margin: 0px;
    display: flex;
    flex-direction: column;
}

/* .highlighted {
    color: rgb(239, 89, 47);
}

#fp-nav ul li a.active span {
    background-color: #0273C1;
} */

.Header_b {
    position: fixed;
    width: 100%;
    height: 100px;
    z-index: 20;
    background-color: #fff;
    box-shadow: 5px 0px 10px grey;
}

.top {
    width: 100%;
    height: 40px;
}

.CrossStrip {

    float: left;
    width: 100%;
    height: 5px;
    background-color: #0273C1;
}

.myright {
    float: right;
    width: 32.4%;
    /* height: 35px; */
    background-color: #0273C1;
    border-bottom-left-radius: 70px;
}

.right-body {
    width: 60%;
    /* height: 100%; */
    margin-left: 8%;
}

.right-body img {
    width: 7%;
    float: left;
    margin-top: 1%;
    margin-right: 2.6%;
}

.right-body h1 {
    width: auto;
    float: left;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin-top: 2.286%;
    margin-right: 8.84%;
    margin-bottom: 3.714%;
    font-family: Arial;
}

.right-body a {
    width: auto;
}

.right-body h2 {
    float: left;
    text-align: left;
    font-size: 14px;
    color: #fff;
    width: 11.3%;
    margin-top: 2.286%;
    border-right: 2px solid #fff;
    font-weight: 600;
}

.right-body h3 {
    float: left;
    text-align: right;
    font-size: 14px;
    color: #fff;
    width: 16.2%;
    margin-top: 2.286%;
    font-weight: 600;
    font-family: Arial;
}

.logo {
    float: left;
    margin-left: 10.4%;
    margin-top: 10px;
    overflow: hidden
}

.logo1 {
    float: left;
    margin-top: 13px;
}

.logo2 {
    padding: 6px 0 0 20px;
    float: left;
    margin-top: 13px;
}

.logo2 h1:first-child {
    font-size: 2em;
    font-weight: bolder;
}
.logo2 h1:last-child {
    font-size: 2em;
    font-weight: bolder;
}

.daohang {
    display: inline;
    position: absolute;
    bottom: 0;
    width: 60%;
    height: 50px;
    padding-left: 126px;
    right: 200px;
    vertical-align: middle;
}

.daohang li {
    width: 143px;
    height: 50px;
    float: left;
    text-align: center;
    font-weight: 500;
}

.daohang li .frist {
    position: relative;
    font-size: 16px;
    line-height: 50px;
}

.daohang .frist:after {
    content: " ";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: -1px;
    display: block;
    height: 3px;
    opacity: 0;
    background-color: #0273C1;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

.daohang ul li:hover .frist:after {
    left: 0;
    right: 0;
    opacity: 1;
}

.list {
    display: none;
    overflow: hidden;
    position: absolute;
    width: 88.2%;
    /* margin-left: -49.5%; */
    margin-left: 11.8%;
    left: 0;
    margin-top: 1px;
    height: 350px;
    background-color: #eee;
}

.resp-content-active,
.resp-accordion-active {
    display: block;
}

.resp-tab-item label {
    margin-right: 8px;
}

#wrapper {
    width: 100%;
    height: 350px;
    /* margin-top: 30px; */
    /* background-color: #fff; */
    /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); */
}

#left-side {
    float: left;
    height: 350px;
    width: 337px;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    /* padding-left: 30px; */
    padding-top: 30px;
    border-right: 1px #fff solid;
}

#header-show1 {
    height: 350px;

}

#header-show1 ul li {
    float: left;
    text-align: left;
    font-size: 16px;
    width: 336px;
    height: 50px;
    padding-left: 30px;
}

#header-show1 ul li:hover {
    cursor: pointer;
    background-color: #ccc;
}

#header-show1 ul li:hover h4 {
    color: #fff;
    /* text-decoration: underline; */
}

#header-show1 ul li:hover h5 {
    display: block;
}

#header-show1 ul li h4 {
    float: left;
    width: 250px;
    line-height: 50px;

}

#header-show1 ul li h5 {
    display: none;
    float: left;
    width: 30px;
    font-size: 26px;
    color: #fff;
    line-height: 50px;
}

#center-side {
    float: left;
    height: 350px;
    width: 337px;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    /* padding-left: 30px; */
    padding-top: 30px;
    border-right: 1px #fff solid;
}

#n01_all,
#n02_all,
#n03_all,
#n04_all {
    height: 350px;
}

#n01_all ul li,
#n02_all ul li,
#n03_all ul li,
#n04_all ul li {
    float: left;
    text-align: left;
    font-size: 16px;
    width: 336px;
    height: 50px;
    padding-left: 30px;
}

#n01_all ul li:hover,
#n02_all ul li:hover,
#n03_all ul li:hover,
#n04_all ul li:hover {
    cursor: pointer;
}

#n01_all ul li:hover h4,
#n02_all ul li:hover h4,
#n03_all ul li:hover h4,
#n04_all ul li:hover h4 {
    color: #0273C1;
    /* text-decoration: underline; */
}

#n01_all ul li:hover h5,
#n02_all ul li:hover h5,
#n03_all ul li:hover h5,
#n04_all ul li:hover h5 {
    display: block;
}

#n01_all ul li h4,
#n02_all ul li h4,
#n03_all ul li h4,
#n04_all ul li h4 {
    float: left;
    width: 250px;
    line-height: 50px;
}

#n01_all ul li h5,
#n02_all ul li h5,
#n03_all ul li h5,
#n04_all ul li h5 {
    display: none;
    float: left;
    width: 30px;
    font-size: 26px;
    color: #fff;
    line-height: 50px;
}

#left-side ul li.active {
    background-color: #0273C1;
}


#left-side ul li.active h4 {
    color: #FFF;
    /* text-decoration: underline; */
}

#left-side ul li.active h5 {
    display: block;
}

#center-side ul li.active {
    background-color: #0273C1;
}

#center-side ul li.active h4 {
    color: #fff;
    /* text-decoration: underline; */
}

#center-side ul li.active h5 {
    display: block;
}

/* #right-side .product_01.active h4 {
    color: #0273C1;
    text-decoration: underline;
}

#right-side .product_01.active h5 {
    display: block;
} */

#jq22,
#jq23,
#jq24,
#jq25 {
    width: 100%;
    height: 297px;
    overflow: hidden;
}

#right-side {
    float: left;
    height: 350px;
    width: 330px;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    /* padding-left: 30px; */
    padding-top: 30px;
}

#product101,
#product102,
#product103,
#product104,
#product105,
#product106,
#product107,
#product201,
#product202,
#product203,
#product204,
#product205,
#product301,
#product302,
#product401,
#product402 {
    height: 350px;
    display: none;
}

#product101 {
    display: block;
}

#right-side ul li {
    float: left;
    text-align: left;
    font-size: 16px;
    width: 341px;
    height: 50px;
    padding-left: 30px;
    display: flex;
    align-items: center;
}

#right-side ul li:hover {
    cursor: pointer;
    background-color: #0273C1;
}

#right-side ul li:hover h4 {
    color: #fff;
    /* text-decoration: underline; */
}

/* #right-side ul li:hover h5 {
    display: block;
} */

#right-side ul li h4 {
    float: left;
    width: 250px;
    /* line-height: 25px; */
}

/* #right-side ul li h5 {
    display: none;
    float: left;
    width: 30px;
    font-size: 26px;
    color: #fff;
    line-height: 50px;
} */

/* #product101 ul li,
#product102 ul li,
#product103 ul li,
#product104 ul li,
#product105 ul li,
#product106 ul li,
#product107 ul li,
#product201 ul li,
#product202 ul li,
#product203 ul li,
#product204 ul li,
#product205 ul li {
    float: left;
    text-align: left;
    font-size: 16px;
    width: 308px;
    height: 50px;
}

#product101 ul li:hover,
#product102 ul li:hover,
#product103 ul li:hover,
#product104 ul li:hover,
#product105 ul li:hover,
#product106 ul li:hover,
#product107 ul li:hover {
    cursor: pointer;
}

#product101 ul li:hover h4,
#product102 ul li:hover h4,
#product103 ul li:hover h4,
#product104 ul li:hover h4,
#product105 ul li:hover h4,
#product106 ul li:hover h4,
#product107 ul li:hover h4 {
    color: #0273C1;
    text-decoration: underline;
}

#product101 ul li:hover h5,
#product102 ul li:hover h5,
#product103 ul li:hover h5,
#product104 ul li:hover h5,
#product105 ul li:hover h5,
#product106 ul li:hover h5,
#product107 ul li:hover h5 {
    display: block;
}

#product101 ul li h4,
#product102 ul li h4,
#product103 ul li h4,
#product104 ul li h4,
#product105 ul li h4,
#product106 ul li h4,
#product107 ul li h4 {
    float: left;
    width: 250px;
    line-height: 30px;
}

#product101 ul li h5,
#product102 ul li h5,
#product103 ul li h5,
#product104 ul li h5,
#product105 ul li h5,
#product106 ul li h5,
#product107 ul li h5 {
    display: none;
    float: left;
    width: 30px;
    font-size: 26px;
    color: #0273C1;
}
 */

/* .daohang ul li:nth-child(3) .list li {
    width: 350px;
    height: 1000px;
    margin: 20px 0px 20px 43px;
    float: left;
} //当图片大小不同时进行调整*/

/* .daohang ul li:nth-child(4) .list li,
.daohang ul li:nth-child(5) .list li,
.daohang ul li:nth-child(6) .list li {
    width: 415px;
    height: auto;
    margin: 20px 0px 20px 137.5px;
    float: left;
}

.daohang ul li:nth-child(4) .list li:nth-child(3n-2),
.daohang ul li:nth-child(5) .list li:nth-child(3n-2),
.daohang ul li:nth-child(6) .list li:nth-child(3n-2) {
    margin-left: 200px;
} */

/* .list li {
    width: 270px;
    height: 200px;
    margin: 20px 0px 20px 43px;
    float: left;
} */

/* .list li img {
    width: 270px;
    height: 180px;
} */

/* .daohang ul li:nth-child(4) .list li img,
.daohang ul li:nth-child(5) .list li img,
.daohang ul li:nth-child(6) .list li img {
    width: 415px;
    height: 180px;
} */

/* .daohang li ul li:nth-child(5n-4) {
    margin-left: 200px;
}

.daohang li ul li .second {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
}

.daohang .second:after {
    content: " ";
    position: absolute;
    left: 0%;
    right: 100%;
    bottom: 0px;
    display: block;
    height: 3px;
    opacity: 0;
    background-color: #0273C1;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

.daohang li ul li a:hover .second:after {
    left: 0;
    right: 0;
    opacity: 1;
} */