/*--------------copyright by vicky start-------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
th,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html {
    font-size: 10px;
    line-height: 1.8;
}

body {
    font-family: 'Noto Sans TC', 'Noto Sans SC', 'LXGW WenKai TC', 'Montserrat', sans-serif;
    position: relative;
    font-size: 1.6rem;
    line-height: 1.6;
    letter-spacing: 2px;
    color: #121212;
    overflow-x: hidden;
    font-weight: 400;
}

ol,
ul {
    list-style: none;
    margin-bottom: 0px;
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

a {
    color: inherit;
    text-decoration: none;
    outline: none;
    transition: all .3s;
    box-sizing: border-box;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #000;
}

.clear {
    clear: both;
}

::selection {
    background: #a4a9ad;
    color: #ffffff;
}

img {
    max-width: 100%;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    line-height: 1.5;
}

/****************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*gotop*/
#gotop {
    position: fixed;
    bottom: 2em;
    right: 1em;
    cursor: pointer;
    z-index: 80;
    transition: .3s ease-in-out;
    display: none;
}

#gotop:hover {
    transform: translateY(-10px);
}

@media (max-width:450px) {
    #gotop {
        bottom: 1em;
        right: 0;
    }

    #gotop img {
        width: 80%;
    }
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    background: #e4e3e5;
    border: solid 1px #164e90;
    border-radius: 5px;
    padding: 10px 13px;
    letter-spacing: 1px;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, .3);
    transition: .3s ease all;
    width: 150px;
    margin: 0 1%;
    color: #164e90;
}

#service_album button,
#service_album input[type=button],
#service_album input[type=reset],
#service_album input[type=submit] {
    width: auto;
    padding: 0 10px;
    font-size: 14px;
    background: #fff;
}

input[type=reset] {
    background: rgb(173, 176, 176);
}

button:hover,
html input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    border-radius: 50px;
}

/*carousel-fade*/
.carousel-fade .carousel-inner .item {
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel-inner>.item>img {
    display: inline-block;
}

/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
.carousel-inner {
    height: 100%;
}

.dex .itembg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.dex .item:nth-of-type(1) {
    background: url(../../flash/dex1.jpg) top center no-repeat;
    background-size: cover;
}

.dex .item:nth-of-type(2) {
    background: url(../../flash/dex2.jpg) top center no-repeat;
    background-size: cover;
}

.dex .item:nth-of-type(3) {
    background: url(../../flash/dex3.jpg) top center no-repeat;
    background-size: cover;
}

.dex .item:nth-of-type(4) {
    background: url(../../flash/dex4.jpg) top center no-repeat;
    background-size: cover;
}

/***dex_block***/
.dex_block {
    position: relative;
    z-index: 1;
}

/***dex***/
.dex {
    position: relative;
    height: 100vh;
    width: 100%;
    z-index: 0;
    overflow-x: hidden;
}

.dex:before {
    content: '';
    background: url(../../images/dex_deco01.png) top left no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    max-width: 100%;
    min-height: 100%;
    z-index: 0;
    pointer-events: none;
}

.dex:after {
    content: '';
    background: url(../../images/dex_deco02.png) top right no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    width: 613px;
    max-width: 100%;
    min-height: 100%;
    z-index: 0;
    pointer-events: none;
}

.carousel-text {
    position: absolute;
    bottom: 0;
    left: 16rem;
    z-index: 2;
}

.carousel-text h3 {
    font-size: 24px;
    font-family: 'LXGW WenKai TC';
    background: #fff;
    padding: 4.3rem 6.8rem;
    text-align: center;

}

.carousel-text h2 {
    font-size: 30px;
    color: #fff;
    background: #2b569b;
    padding: 3.5rem 8.5rem;
}

.dex_logo {
    position: absolute;
    top: 10.7rem;
    right: 27.7rem;
    width: 8.3%;
    z-index: 1;
}


/***enter***/
.enter {
    position: absolute;
    width: 20%;
    margin: 0 auto;
    bottom: 26rem;
    left: 17rem;
    text-align: left;
}

.enter img {
    margin-top: 1em;
}

.enter p {
    font-family: 'Montserrat';
    font-size: 16px;
    color: #ffffff;
}

/*circle*/
.circle {
    width: 12px;
    height: 12px;
    border: 1px solid #ffffff;
    border-radius: 100%;
    background: transparent;
    margin: 0 0 10% 5%;
    animation: moving 1.5s infinite alternate;
}

/*line*/
.line {
    width: 1px;
    height: 75px;
    background-color: #ffffff;
    overflow: hidden;
    position: absolute;
    bottom: 30px;
    left: 2.5rem;
    z-index: 10;
    margin-right: auto;
    margin-left: auto;
}

@keyframes moving {
    0% {
        -webkit-transform: translateY(-160%);
        transform: translateY(-160%);
    }

    100% {
        -webkit-transform: translateY(160%);
        transform: translateY(160%);
    }
}

@media screen and (max-width:1536px) {
    .dex:before {
        max-width: 9%;
    }

    .dex:after {
        right: -9rem;
    }

    .dex_logo {
        right: 18rem;
        width: 11%;
    }

    .enter {
        bottom: 26rem;
    }

    .carousel-text {
        left: 13rem;
    }

    .circle {
        margin: 0 0 10% 6.2%;
    }
}

@media screen and (max-width: 1366px) {
    .dex:after {
        right: -13rem;
    }

    .dex_logo {
        right: 14rem;
    }

    .carousel-text {
        left: 12rem;
    }

    .circle {
        margin: 0 0 10% 7%;
    }
}

@media screen and (max-width:1200px) {
    .carousel-text {
        left: 10rem;
    }

    .enter {
        bottom: 25rem;
        left: 12rem;
    }

    .circle {
        margin: 0 0 10% 8%;
    }
}

@media screen and (max-width:1000px) {
    .dex_logo {
        right: 9rem;
        width: 17%;
        top: 8.7rem;
    }

    .dex:after {
        right: -17rem;
    }

    .carousel-text {
        left: 8rem;
    }

    .enter {
        bottom: 26rem;
    }

    .circle {
        margin: 0 0 10% 9.5%;
    }
}

@media screen and (max-width:834px) {
    .dex_logo {
        right: 7rem;
        top: 6rem;
    }

    .dex:before {
        max-width: 6%;
    }

    .dex:after {
        right: -24rem;
        min-height: 24%;
    }

    .carousel-text {
        left: 4rem;
    }

    .enter {
        bottom: 26rem;
        left: 6rem;
    }

    .circle {
        margin: 0 0 10% 11.5%;
    }
}

@media screen and (max-width:768px) {
    .dex_logo {
        top: 6rem;
    }

    .circle {
        margin: 0 0 10% 12.5%;
    }

    @keyframes moving {
        0% {
            -webkit-transform: translateY(-300%);
            transform: translateY(-300%);
        }

        100% {
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
        }
    }
}

@media screen and (max-width:650px) {
    .dex_logo {
        width: 23%;
    }

    .carousel-text h2 {
        padding: 2.5rem 3.5rem;
    }

    .carousel-text h3 {
        padding: 3.3rem 7.8rem;
    }

    .carousel-text {
        left: 3rem;
    }

    .enter {
        bottom: 21rem;
        left: 6rem;
    }

    .circle {
        margin: 0 0 10% 14.5%;
    }
}

@media screen and (max-width:576px) {
    .dex:before {
        display: none;
    }

    .dex:after {
        right: -27rem;
        min-height: 21%;
    }

    .dex_logo {
        top: 5rem;
        right: 4rem;
    }

    .carousel-text {
        left: 0;
    }

    .enter {
        bottom: 22rem;
        left: 2rem;
    }

    .circle {
        margin: 0 0 10% 16.5%;
    }
}

@media screen and (max-width:450px) {
    .dex {
        height: 85vh;
    }

    .dex_logo {
        top: 0;
        right: 0;
        background: #fff;
        padding: 2rem;
        width: 35%;
    }

    .dex:after {
        display: none;
    }

    .carousel-text h3 {
        padding: 3rem 2rem;
        font-size: 21px;
        text-align: center;
    }

    .carousel-text h2 {
        padding: 2rem 3rem;
        font-size: 25px;
    }

    .enter {
        bottom: 16rem;
        left: 2rem;
    }
 @keyframes moving {
        0% {
            -webkit-transform: translateY(-400%);
            transform: translateY(-400%);
        }

        100% {
            -webkit-transform: translateY(-30%);
            transform: translateY(-30%);
        }
    }
}
@media screen and (max-width: 414px) {
    .circle {
        margin: 0 0 10% 17%;
    }
.line {
    left: 2rem;
}
}
@media screen and (max-width: 393px) {
    .circle {
        margin: 0 0 10% 18%;
    }
}
}
@media screen and (max-width: 360px) {
        .circle {
            margin: 0 0 10% 19%;
        }
    }
@media screen and (max-width: 330px) {
    .circle {
        margin: 0 0 10% 21%;
    }
}
@media screen and (max-width:320px) {
    .carousel-text h2 {
        font-size: 20px;
    }

    .carousel-text h3 {
        font-size: 18px;
    }
}
@media screen and (max-width: 300px) {
    .circle {
        margin: 0 0 10% 23%;
    }
}
@media screen and (max-width:px) {}

/*---nav-------------------------------------------------------------------------------------------------------------------------------*/
/***mobile ibutton***/
.mibutton {
    z-index: 100;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: none;
    text-align: center;
    position: absolute;
    top: 2em;
    right: 2em;
}

.mibutton span {
    display: inline-block;
    width: 100%;
    height: 3px;
    transition: .3s ease-in-out;
    position: absolute;
    top: 0;
    right: 0;
    background: #000;
}

.mibutton span:nth-child(2) {
    top: 10px;
    width: 80%;
}

.mibutton span:nth-child(3) {
    top: 20px;
}

.mibutton_ani span:nth-child(1) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.mibutton_ani span:nth-child(2) {
    opacity: 0;
}

.mibutton_ani span:nth-child(3) {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

/*nav*/
.nav {
    width: 100%;
    z-index: 90;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    opacity: 0;
}



/*logo*/
.logo {
    text-align: left;
    padding: 3rem 7.8rem 3rem 23rem;
    width: 28.7%;
    display: inline-block;
    vertical-align: middle;
    background: rgba(255, 255, 255, .5);
}

.logo a {
    display: inline-block;
}

/*ibutton*/
.ibutton {
    min-height: auto;
    border: 0;
    margin: 0;
    border-radius: 0;
    vertical-align: middle;
    width: 71.3%;
    vertical-align: middle;
    text-align: left;
    background: rgba(43, 86, 155, 1.0);
    padding: 0 6rem 0 3.3rem;
}

.button {
    width: 80%;
    display: inline-block;
    vertical-align: middle;
}

.button ul {
    display: flex;
    justify-content: flex-start;
}

.button li {
    padding: 4.5rem 2.2rem;
    text-align: left;
    position: relative;
}


.button a {
    position: relative;
    display: block;
}

.language {
    width: 17%;
    padding: .7rem 1.4rem;
    background: #ffffff;
    border-radius: 100px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.language ul {}

.language ul li {
    display: inline-block;
    color: #07348b;
    font-size: 16px;
    font-weight: 500;

}

p.ch {
    color: #ffffff;
    font-size: 20px;
    transition: .2s ease all;
    position: relative;
    line-height: 1;
    text-align: right;
    padding-right: 1rem;
}


/***hover***/

.button li:hover {
    background: rgba(5, 52, 139, .5);
}


/*dropmenu*/
ul.dropmenu,
ul.mob_sub {
    position: absolute;
    width: 192px;
    top: 100px;
    left: -23px;
    color: #000;
    padding: 1em 0;
    border-radius: 2px;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out;
    font-weight: normal;
    flex-wrap: wrap;
}

ul.dropmenu span.ch {
    line-height: 1;
    position: relative;
}



ul.dropmenu span.ch,
ul.mob_sub span.ch {
    font-size: 20px;
}

ul.mob_sub {
    transition: unset;
}

ul.dropmenu li,
ul.mob_sub li {
    display: block;
    width: 100%;
    color: #07348b;
    font-size: 20px;
    text-align: center;
    padding: 0;
}

ul.dropmenu a,
ul.mob_sub a {
    color: #07348b;
    padding: 1rem 1rem 2rem;
    transition: .2s ease-in-out;
    position: relative;
    overflow: hidden;
}

ul.dropmenu a img,
ul.mob_sub a img {
    margin-right: 1rem;
}

ul.dropmenu li span,
ul.mob_sub span {
    z-index: 3;
    position: relative;
}


.button li:hover ul.dropmenu {
    visibility: visible;
    opacity: 1;
}

ul.dropmenu li:hover {
    background: rgba(7, 52, 139, .15);
}



/*mob_sub*/
.mob_sub {
    display: none;
}

.navtop,
.ontop {
    opacity: 1;
    transition: .5s cubic-bezier(0.76, 0, 0.24, 1);
}

@media screen and (max-width:1600px) {
    .ibutton {
        padding: 0 1rem;
    }
}

@media screen and (max-width:1536px) {
    .logo {
        padding: 3rem 2rem;
        width: 20%;
    }

    .ibutton {
        width: 80%;
        padding: 0 2rem;
    }

    .language {
        width: 19%;
    }
}

@media screen and (max-width:1366px) {
    p.ch {
        font-size: 18px;
    }

    .language ul li {
        font-size: 15px;
    }
}
@media screen and (max-width: 1280px) {
    p.ch {
        font-size: 17px;
    }
}
@media (max-width:1200px) {
    .nav {
        flex-wrap: wrap;
    }

    .logo {
        padding: 1em 1em 1em 3em;
        width: 100%;
    }

    .logo a {
        width: 200px;
    }

    .navbar {
        width: 100%;
    }

    .ibutton {
        width: 100%;
        max-height: 85vh;
        overflow-y: scroll;
    }

    .button {
        width: 100%;
        padding: 2rem 0;
    }

    .button ul {
        justify-content: center;
        flex-wrap: wrap;
    }

    .button li {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .button a {
        padding: 1em;
    }

    p.ch {
        font-size: 20px;
        text-align: center;
    }

    .mibutton {
        display: block;
    }

    .ibutton {
        display: none;
    }

    ul.dropmenu {
        display: none;
    }

    ul.mob_sub {
        position: relative;
        visibility: visible;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 5;
        opacity: 1;
        padding-bottom: 1em;
        display: none;
    }

    ul.mob_sub li {
        text-align: center;
    }

    .button li:hover p.ch {
        opacity: 1;
    }

    .button li:hover p.en {
        opacity: 0;
    }

    .button li:hover:after {
        display: none;
    }

    .language {
        width: 19%;
        margin: 0 auto 3rem;
        display: block;
    }
}

@media screen and (max-width:1000px) {
    .language {
        width: 25%;
    }
}

@media screen and (max-width:834px) {
    .language {
        width: 30%;
    }
}

@media (max-width:768px) {

    .logo {
        padding: .5em 1em;
    }

    .mibutton {
        top: 1.5em;
    }
}

@media screen and (max-width:650px) {
    .language {
        width: 40%;
    }
}

@media screen and (max-width:576px) {
    .language {
        width: 60%;
    }
}

@media screen and (max-width:450px) {
    .logo {
        padding: 1em;
    }

    .logo img {
        width: 70%;
    }

    .ibutton {
        padding: 0;
    }
}

@media screen and (max-width:393px) {
    .language {
        width: 70%;
    }
}

@media screen and (max-width:360px) {
    .logo a {
        width: 150px;
    }
}

@media screen and (max-width:320px) {
    .language {
        width: 80%;
    }
}

/***********************/
/***iabout1 start***/

.iabout1 {
    position: relative;
    padding: 23rem 0 0;
}

.iabout1 .iabt1 {}

.iabt1 .iabt1_title {
    width: 792px;
    max-width: 100%;
    margin: 0 auto 7rem;
    text-align: center;
}

.iabt1 .iabt1_title h2 {
    font-size: 31px;
    color: #07348b;
    font-weight: 500;
    position: relative;
    width: 36%;
    margin: 0 auto;
    letter-spacing: 0;
}

.iabt1 .iabt1_title h2:before,
.iabt1 .iabt1_title h2:after {
    content: '';
    background: url(../../images/iabt1_deco01.png) center left no-repeat;
    background-size: contain;
    width: 50px;
    max-width: 100%;
    min-height: 17px;
    position: absolute;
}

.iabt1 .iabt1_title h2:before {
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.iabt1 .iabt1_title h2:after {
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.iabt1 .iabt1_title h4 {
    font-size: 82px;
    color: #dee4ed;
    font-family: 'Montserrat';
    font-weight: 900;
}

.iabt1 .iabt1_title h3 {
    font-size: 24px;
    color: #2b569b;
    font-family: 'LXGW WenKai TC';
}


.iabt1 .iabt11 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto 8.5rem;
    padding: 0 3.4rem 0 4rem;
}

.iabt1 .iabt11 ul {
    display: flex;
    justify-content: space-between;
}

.iabt1 .iabt11 ul li {
    background: url(../../images/iabt1_circle.png) top left no-repeat;
    background-size: contain;
    width: 267px;
    max-width: 100%;
    min-height: 267px;
    position: relative;
    padding: 8rem 0 0 7rem;
}

.iabt1 .iabt11 ul li:before {
    content: '';
    font-size: 198px;
    color: #dee4ed;
    font-family: 'Montserrat';
    font-weight: 800;
    position: absolute;
    line-height: 0;
    top: 13.5rem;
}

.iabt1 .iabt11 ul li:nth-child(1):before {
    content: '1';
    left: -4rem;
}

.iabt1 .iabt11 ul li:nth-child(2):before {
    content: '2';
    left: -7rem;
}

.iabt1 .iabt11 ul li:nth-child(3):before {
    content: '3';
    left: -6rem;
}

.iabt1 .iabt11 ul li:nth-child(4):before {
    content: '4';
    left: -8rem;
}

.iabt1 .iabt11 ul li:after {
    content: '';
    font-size: 180px;
    background: url(../../images/iabt1_deco04.png) top left no-repeat;
    background-size: contain;
    width: 82px;
    max-width: 100%;
    min-height: 62px;
    position: absolute;
    top: 1.1rem;
    right: 1rem;

}

.iabt1 .iabt11 ul li p {
    font-size: 20px;
    color: #2b569b;
}

.iabt1 .iabt11 ul li h2 {
    font-size: 28px;
    color: #121212;
    font-weight: 700;
    letter-spacing: 0;
}

.iabt1 .iabt11 ul li h3 {
    font-size: 20px;
    color: #121212;
    font-weight: 700;
    letter-spacing: 0;
}


.iabt1 .iabt12 {
    position: relative;
    padding: 0 43rem 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.iabt1 .iabt12:before {
    content: '';
    background: url(../../images/iabt1_deco03.png) top right no-repeat;
    background-size: contain;
    width: 608px;
    max-width: 100%;
    min-height: 323px;
    position: absolute;
    top: 0;
    right: 0;
}

.iabt12 .iabt12_lt {
    width: 55%;
}

.iabt12 .iabt12_rt {
    width: 36%;
}

.iabt12_rt .iabt12_title {
    margin-bottom: 3rem;
}

.iabt12_rt .iabt12_title h2 {
    font-size: 31px;
    color: #07348b;
    position: relative;
    width: 52%;
    letter-spacing: 0;
    text-align: center;

}

.iabt12_rt .iabt12_title h2:before,
.iabt12_rt .iabt12_title h2:after {
    content: '';
    background: url(../../images/iabt1_deco01.png) center left no-repeat;
    background-size: contain;
    width: 50px;
    max-width: 100%;
    min-height: 17px;
    position: absolute;
}

.iabt12_rt .iabt12_title h2:before {
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.iabt12_rt .iabt12_title h2:after {
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.iabt12_rt .iabt12_txt {}

.iabt12_rt .iabt12_txt p {
    font-size: 18px;
    text-align: justify;
    letter-spacing: 1px;
}

@media screen and (max-width:1600px) {
    .iabt1 .iabt11 {
        padding: 0 2rem 0 6rem;
    }

    .iabt1 .iabt12:before {
        max-width: 30%;
        min-height: 260px;
    }

    .iabt12_rt .iabt12_title h2 {
        width: 65%;
    }
}

@media screen and (max-width:1400px) {
    .iabt1 .iabt12 {
        padding: 0 33rem 0 0;
    }

    .iabt12_rt .iabt12_title h2 {
        width: 71%;
    }
}

@media screen and (max-width:1200px) {
    .iabt1 .iabt11 ul {
        flex-wrap: wrap;
        justify-content: flex-end;

    }

    .iabt1 .iabt11 ul li {
        width: 40%;
        margin-bottom: 4rem;
    }

    .iabt1 .iabt11 ul li:after {
        right: 20rem;
    }

    .iabt1 .iabt12 {
        padding: 0 18rem 0 0;
    }

    .iabt12 .iabt12_rt {
        width: 41%;
    }
}

@media screen and (max-width:1000px) {
    .iabout1 {
        padding: 8rem 0 0;
    }

    .iabt1 .iabt11 {
        padding: 0 2rem 0 12rem;
    }

    .iabt1 .iabt11 ul li:after {
        right: 16rem;
    }

    .iabt1 .iabt11 ul li {
        width: 48%;
    }

    .iabt1 .iabt12 {
        padding: 0 2rem 0 0;
    }

    .iabt1 .iabt12:before {
        max-width: 21%;
        min-height: 120px;
    }

}

@media screen and (max-width:834px) {
    .iabt1 .iabt11 ul li {
        width: 50%;
    }

    .iabt1 .iabt11 {
        padding: 0 2rem 0 9rem;
    }

    .iabt1 .iabt11 ul li:after {
        right: 11rem;
    }

    .iabt1 .iabt12:before {
        min-height: 80px;
        top: -2rem;
    }

    .iabt12_rt .iabt12_title h2 {
        width: 85%;
    }
}

@media screen and (max-width:768px) {
    .iabt1 .iabt11 {
        padding: 0 2rem;
    }

    .iabt1 .iabt11 ul li {
        background-position: top center;
        text-align: left;
        padding: 8rem 0 0 12rem;
    }

    .iabt1 .iabt11 ul li:nth-child(1):before {
        left: 1rem;
    }

    .iabt1 .iabt11 ul li:nth-child(2):before {
        left: -1rem;
    }

    .iabt1 .iabt11 ul li:nth-child(3):before {
        left: 0rem;
    }

    .iabt1 .iabt11 ul li:nth-child(4):before {
        left: -3rem;
    }

    .iabt1 .iabt11 ul li:after {
        right: 6rem;
    }

    .iabt1 .iabt12:before {
        top: -6rem;
    }
}

@media screen and (max-width:650px) {
    .iabt1 .iabt1_title h4 {
        font-size: 62px;
    }

    .iabt1 .iabt11 ul li:before {
        font-size: 140px;
    }

    .iabt1 .iabt11 ul li {
        padding: 8rem 0 0 9rem;
    }

    .iabt1 .iabt11 ul li:nth-child(1):before {
        left: -1rem;
    }

    .iabt1 .iabt11 ul li:nth-child(3):before {
        left: -1rem;
    }

    .iabt1 .iabt11 ul li:nth-child(4):before {
        left: -2rem;
    }

    .iabt1 .iabt11 ul li:after {
        right: 2rem;
    }

    .iabt1 .iabt12 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .iabt12 .iabt12_lt {
        width: 100%;
    }

    .iabt12_rt .iabt12_title h2 {
        width: 55%;
    }

    .iabt12 .iabt12_rt {
        width: 80%;
        order: -1;
        margin-bottom: 5rem;
    }
}

@media screen and (max-width:576px) {
    .iabt1 .iabt1_title h2 {
        width: 47%;
    }

    .iabt1 .iabt11 ul li {
        padding: 5rem 0 0 6rem;
        min-height: 200px;
    }

    .iabt1 .iabt11 ul li:before {
        font-size: 90px;
        top: 9.5rem;
    }

    .iabt1 .iabt11 ul li h2 {
        font-size: 24px;
    }

    .iabt1 .iabt11 ul li h3 {
        font-size: 17px;
    }

    .iabt1 .iabt11 ul li:nth-child(1):before {
        left: 1rem;
    }

    .iabt1 .iabt11 ul li:nth-child(2):before {
        left: 0rem;
    }

    .iabt1 .iabt11 ul li:nth-child(3):before {
        left: 0rem;
    }

    .iabt1 .iabt11 ul li:nth-child(4):before {
        left: -1rem;
    }

    .iabt1 .iabt11 ul li:after {
        right: 5rem;
        max-width: 17%;
        min-height: 32px;
    }

    .iabt12 .iabt12_rt {
        width: 90%;
    }
}

@media screen and (max-width:450px) {
    .iabout1 {
        padding: 5rem 0 0;
    }

    .iabt1 .iabt1_title h2 {
        width: 70%;
    }

    .iabt1 .iabt1_title h4 {
        font-size: 40px;
    }

    .iabt1 .iabt1_title h3 {
        font-size: 18px;
    }

    .iabt1 .iabt11 {
        margin: 0 auto 5rem;
    }

    .iabt1 .iabt11 ul li {
        padding: 3rem 0 0 5rem;
        min-height: 170px;
    }

    .iabt1 .iabt11 ul li h2 {
        font-size: 20px;
    }

    .iabt1 .iabt11 ul li h3 {
        font-size: 15px;
    }

    .iabt1 .iabt11 ul li:before {
        top: 8rem;
        font-size: 70px;
    }

    .iabt1 .iabt11 ul li:nth-child(1):before {
        left: 0rem;
    }

    .iabt1 .iabt11 ul li:nth-child(2):before {
        left: 0rem;
    }

    .iabt1 .iabt11 ul li:after {
        right: 3rem;
        min-height: 25px;
    }

    .iabt1 .iabt12 {
        padding: 0;
    }

    .iabt12 .iabt12_rt {
        width: 100%;
        padding: 0 2rem;
    }

    .iabt12_rt .iabt12_title h2 {
        width: 70%;
    }
}

@media screen and (max-width:414px) {
    .iabt1 .iabt11 ul li {
        padding: 3rem 0 0 4rem;
        min-height: 160px;
    }

    .iabt1 .iabt11 ul li:before {
        font-size: 55px;
    }

    .iabt1 .iabt11 ul li:nth-child(4):before {
        left: -.5rem;
    }

    .iabt12_rt .iabt12_title h2 {
        width: 77%;
        margin: 0 auto;
    }
}

@media screen and (max-width:393px) {
    .iabt1 .iabt11 {
        padding: 0 1rem;
    }
}

@media screen and (max-width:370px) {
    .iabt1 .iabt1_title h2 {
        width: 90%;
    }

    .iabt1 .iabt1_title h4 {
        font-size: 30px;
    }

    .iabt1 .iabt1_title h3 {
        font-size: 14px;
    }

    .iabt12_rt .iabt12_title h2 {
        width: 90%;
    }
}

@media screen and (max-width:360px) {
    .iabt1 .iabt1_title {
        margin: 0 auto 5rem;
    }

    .iabt1 .iabt11 {
        margin: 0 auto 3rem;
    }

    .iabt1 .iabt11 ul li {
        padding: 3rem 0 0 3.5rem;
        min-height: 145px;
    }

    .iabt1 .iabt11 ul li:before {
        font-size: 45px;
        top: 7rem;
    }

    .iabt1 .iabt11 ul li:after {
        top: 0.5rem;
    }

    .iabt1 .iabt11 ul li p {
        font-size: 15px;
    }

    .iabt1 .iabt11 ul li h2 {
        font-size: 18px;
    }

    .iabt1 .iabt11 ul li h3 {
        font-size: 12px;
    }

    .iabt12 .iabt12_rt {
        padding: 0 1rem;
    }
}

@media screen and (max-width:340px) {
    .iabt1 .iabt11 ul li {
        min-height: 135px;
    }
}

@media screen and (max-width:320px) {
    .iabt1 .iabt11 ul li h2 {
        font-size: 16px;
    }
}

@media screen and (max-width:310px) {
    .iabt1 .iabt1_title h2 {
        width: 85%;
    }

    .iabt1 .iabt1_title h4 {
        font-size: 25px;
    }

    .iabt1 .iabt1_title h3 {
        font-size: 12px;
    }

    .iabt1 .iabt11 ul li {
        padding: 3rem 0 0 3rem;
        min-height: 125px;
        margin-bottom: 3rem;
    }

    .iabt1 .iabt11 ul li:before {
        top: 6rem;
    }
}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

/***iabout1 end****/
/***********************/
/***iabout2 start***/

.iabout2 {}

.iabout2 .marquee {
    min-height: 180px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.iabout2 .marquee div {
    display: block;
    width: 200%;
    position: absolute;
    overflow: hidden;
    -webkit-animation: marquee 20s linear infinite;
    animation: marquee 20s linear infinite;
}

.iabout2 .marquee span {
    float: left;
    width: 50%;
    font-size: 175px;
    color: #dee4ed;
    letter-spacing: 2px;
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1;
}

@-webkit-keyframes marquee {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

@keyframes marquee {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

@media screen and (max-width:1700px) {
    .iabout2 .marquee {
        min-height: 160px;
    }

    .iabout2 .marquee span {
        font-size: 155px;
    }
}

@media screen and (max-width:1536px) {
    .iabout2 .marquee span {
        font-size: 147px;
    }
}

@media screen and (max-width:1366px) {
    .iabout2 .marquee {
        min-height: 130px;
    }

    .iabout2 .marquee span {
        font-size: 129px;
    }

}

@media screen and (max-width:1200px) {
    .iabout2 .marquee {
        min-height: 110px;
    }

    .iabout2 .marquee span {
        font-size: 113px;
    }
}

@media screen and (max-width:1100px) {
    .iabout2 .marquee span {
        font-size: 103px;
    }
}

@media screen and (max-width:1000px) {
    .iabout2 .marquee {
        min-height: 100px;
    }

    .iabout2 .marquee span {
        font-size: 94px;
    }
}

@media screen and (max-width:991px) {
    .iabout2 .marquee span {
        font-size: 90px;
    }
}

@media screen and (max-width:834px) {
    .iabout2 .marquee {
        min-height: 85px;
    }

    .iabout2 .marquee span {
        font-size: 76px;
    }
}

@media screen and (max-width:768px) {
    .iabout2 .marquee {
        min-height: 70px;
    }

    .iabout2 .marquee span {
        font-size: 70px;
    }
}

@media screen and (max-width:650px) {
    .iabout2 .marquee {
        min-height: 60px;
    }

    .iabout2 .marquee span {
        font-size: 58px;
    }
}

@media screen and (max-width:576px) {
    .iabout2 .marquee {
        min-height: 57px;
    }

    .iabout2 .marquee span {
        font-size: 52px;
    }
}

@media screen and (max-width:450px) {
    .iabout2 {
        margin: 1.5rem 0 0 0;
    }

    .iabout2 .marquee {
        min-height: 40px;
    }

    .iabout2 .marquee span {
        font-size: 39px;
    }
}

@media screen and (max-width:414px) {
    .iabout2 .marquee span {
        font-size: 36px;
    }
}

@media screen and (max-width:393px) {
    .iabout2 .marquee {
        min-height: 36px;
    }

    .iabout2 .marquee span {
        font-size: 34px;
    }
}

@media screen and (max-width:370px) {
    .iabout2 .marquee span {
        font-size: 32px;
    }
}

@media screen and (max-width:350px) {
    .iabout2 .marquee {
        min-height: 31px;
    }

    .iabout2 .marquee span {
        font-size: 30px;
    }
}

@media screen and (max-width:330px) {
    .iabout2 .marquee span {
        font-size: 28px;
    }
}

@media screen and (max-width:310px) {
    .iabout2 .marquee {
        min-height: 29px;
    }

    .iabout2 .marquee span {
        font-size: 26px;
    }
}

@media screen and (max-width:px) {}

/***iabout2 end****/
/***********************/
/***iabout3 start***/
.iabout3 {
    position: relative;
    padding: 5rem 0;
}

.iabt3 .iabt3_title {
    text-align: center;
    margin: 0 0 4.8rem 0;
}

.iabt3 .iabt3_title h2 {
    font-size: 31px;
    color: #07348b;
    font-weight: 500;
    position: relative;
    width: 15%;
    margin: 0 auto;
    letter-spacing: 0;
}

.iabt3 .iabt3_title h2:before,
.iabt3 .iabt3_title h2:after {
    content: '';
    background: url(../../images/iabt1_deco01.png) center left no-repeat;
    background-size: contain;
    width: 50px;
    max-width: 100%;
    min-height: 17px;
    position: absolute;
}

.iabt3 .iabt3_title h2:before {
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.iabt3 .iabt3_title h2:after {
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.iabt3 .iservice_btn {
    width: 1330px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 7rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.iservice_btn .isvc_card {
    position: relative;
    margin-bottom: 5rem;
    margin: 0 1rem 5rem;
    width: 31.5%;
}

.iservice_btn .isvc_card a {}

.isvc_card a .isvc_img {
    transition: .5s all;
}

.isvc_card a .isvc_img img {}

.isvc_card a .isvc_no {
    position: absolute;
    width: 60px;
    max-width: 100%;
    min-height: 60px;
    top: -1rem;
    left: 1rem;
    background: #2b569b;
    text-align: center;
}

.isvc_card a .isvc_no p {
    font-size: 28px;
    color: #dee4ed;
    font-weight: 500;
    font-family: 'Montserrat';
    padding: 1rem 0 0 0;
}

.isvc_card a .isvc_txt {
    width: 96%;
    margin: 1.5rem 0 0 0;
    position: relative;
}

.isvc_card a .isvc_txt:before {
    content: '';
    background: #05348b;
    width: 29%;
    max-width: 100%;
    min-height: 1px;
    position: absolute;
    top: 2.5rem;
    left: 0;
    transition: .5s all;
}

.isvc_card a .isvc_txt h3 {
    font-size: 28px;
    font-weight: 500;
    text-align: right;
}

.isvc_card a:hover .isvc_img {
    opacity: 0.5;
}

.isvc_card a:hover .isvc_txt:before {
    width: 57%;
}

@media screen and (max-width:1536px) {
    .iabt3 .iabt3_title h2 {
        width: 20%;
    }
}

@media screen and (max-width:1366px) {
    .iabt3 .iabt3_title h2 {
        width: 21%;
    }
}

@media screen and (max-width:1200px) {
    .iabt3 .iabt3_title h2 {
        width: 26%;
    }

    .iabt3 .iservice_btn {
        padding: 0 2rem;
    }

    .iservice_btn .isvc_card {
        width: 30.5%;
    }

    .isvc_card a .isvc_txt {
        width: 100%;
    }
}

@media screen and (max-width:1100px) {
    .iservice_btn .isvc_card {
        width: 31%;
    }
}

@media screen and (max-width:1000px) {
    .iabt3 .iabt3_title h2 {
        width: 29%;
    }
}

@media screen and (max-width:834px) {
    .iabt3 .iabt3_title h2 {
        width: 35%;
    }

    .iabt3 .iservice_btn {
        justify-content: space-around;
    }

    .iservice_btn .isvc_card {
        width: 44%;
    }
}

@media screen and (max-width:650px) {
    .iabt3 .iabt3_title h2 {
        width: 44%;
    }
}

@media screen and (max-width:576px) {
    .iabt3 .iabt3_title h2 {
        width: 48%;
    }

    .iservice_btn .isvc_card {
        width: 46%;
    }
}

@media screen and (max-width:450px) {
    .iabt3 .iabt3_title h2 {
        width: 62%;
    }

    .iservice_btn .isvc_card {
        width: 45%;
    }

    .isvc_card a .isvc_no {
        max-width: 20%;
        min-height: 30px;
    }

    .isvc_card a .isvc_no p {
        padding: 0;
        font-size: 20px;
    }

    .isvc_card a .isvc_txt:before {
        top: 2rem;
    }

    .isvc_card a:hover .isvc_txt:before {
        width: 40%;
    }

    .isvc_card a .isvc_txt h3 {
        font-size: 20px;
    }
}

@media screen and (max-width:430px) {

    .iabt3 .iservice_btn {
        padding: 0;
    }

    .iservice_btn .isvc_card {
        width: 44%;
        margin: 0 1rem 4rem;
    }
}

@media screen and (max-width:414px) {
    .iabt3 .iabt3_title h2 {
        width: 70%;
    }
        .iabt3 .iservice_btn {
        justify-content: flex-start;
    }
}

@media screen and (max-width:370px) {
    .iabt3 .iabt3_title h2 {
        width: 90%;
    }
}

@media screen and (max-width:330px) {
    .iservice_btn .isvc_card {
        width: 95%;
    }

    .isvc_card a .isvc_no {
        min-height: 50px;
    }

    .isvc_card a .isvc_no p {
        padding: .5rem;
    }
}

/***iabout3 end****/
/***********************/
/***********************/
/***inbanner start***/
.inbanner {
    position: relative;

}

.inbanner .inban_bg {
    width: 1600px;
    max-width: 100%;
    min-height: 505px;
    margin: 0 auto;
    position: relative;
}


.inbanner_product01 {
    background: url(../../images/inbanner_product01.jpg) no-repeat top center / cover;
}

.inbanner_product02 {
    background: url(../../images/inbanner_product02.jpg) no-repeat top center / cover;
}

.inbanner_product03 {
    background: url(../../images/inbanner_product03.jpg) no-repeat top center / cover;
}

.inbanner_product04 {
    background: url(../../images/inbanner_product04.jpg) no-repeat top center / cover;
}

.inbanner_product05 {
    background: url(../../images/inbanner_product05.jpg) no-repeat top center / cover;
}

.inbanner_case01 {
    background: url(../../images/inbanner_case01.jpg) no-repeat top center / cover;
}

.inbanner_case02 {
    background: url(../../images/inbanner_case02.jpg) no-repeat top center / cover;
}

.inbanner_case03 {
    background: url(../../images/inbanner_case03.jpg) no-repeat top center / cover;
}

.inbanner_case04 {
    background: url(../../images/inbanner_case04.jpg) no-repeat top center / cover;
}

.inbanner_case05 {
    background: url(../../images/inbanner_case05.jpg) no-repeat top center / cover;
}

.inbanner_about01 {
    background: url(../../images/inbanner_about01.jpg) no-repeat top center / cover;
}

.inbanner_about02 {
    background: url(../../images/inbanner_about02.jpg) no-repeat top center / cover;
}

.inbanner_about03 {
    background: url(../../images/inbanner_about03.jpg) no-repeat top center / cover;
}

.inbanner_about04 {
    background: url(../../images/inbanner_about04.jpg) no-repeat top center / cover;
}

.inbanner_honor {
    background: url(../../images/inbanner_honor.jpg) no-repeat top center / cover;
}

.inbanner_patent {
    background: url(../../images/inbanner_patent.jpg) no-repeat top center / cover;
}

.inbanner_news {
    background: url(../../images/inbanner_news.jpg) no-repeat top center / cover;
}

.inbanner .inban_deco img:nth-child(1) {
    position: absolute;
    bottom: 7rem;
    left: 0;
    z-index: -1;
}

.inbanner .inban_deco img:nth-child(2) {
    position: absolute;
    bottom: 3.2rem;
    right: 0;
}


.title {
    background: #ffffff;
    width: 372px;
    max-width: 100%;
    min-height: 169px;
    position: absolute;
    bottom: -1px;
    left: -1px;
    text-align: center;
    padding: 3rem 4.5rem 0;
}

.title .title_en {
    margin-bottom: 1rem;
}

.title .title_en h3 {
    font-size: 42px;
    color: #dee4ed;
    font-family: 'Montserrat';
    font-weight: 900;
    text-transform: uppercase
}

.title .title_ch {
    position: relative;
}

.title .title_ch:before,
.title .title_ch:after {
    content: '';
    background: url(../../images/title_deco01.png) center left no-repeat;
    background-size: contain;
    width: 50px;
    max-width: 100%;
    min-height: 17px;
    position: absolute;
}

.title .title_ch:before {
    top: 0;
    bottom: 0;
    left: 0;
}

.title .title_ch:after {
    top: 0;
    bottom: 0;
    right: 0;
}

.title .title_ch h2 {
    font-size: 31px;
    color: #07348b;
    font-weight: 700;
}

@media screen and (max-width:1800px) {
    .inbanner .inban_deco img:nth-child(1) {
        width: 7%;
    }
}

@media screen and (max-width:1600px) {
    .inbanner .inban_bg {
        max-width: 95%;
    }

    .inbanner .inban_deco img:nth-child(1) {
        width: 5%;
        left: -4rem;
    }

    .inbanner .inban_deco img:nth-child(2) {
        width: 47%;
    }
}

@media screen and (max-width:1536px) {
    .inbanner .inban_bg {
        min-height: 465px;
    }

    .inbanner .inban_deco img:nth-child(1) {
        width: 6%;
        left: -5rem;
    }
}

@media screen and (max-width:1400px) {
    .inbanner .inban_bg {
        min-height: 420px;
    }

    .inbanner .inban_deco img:nth-child(2) {
        width: 43%;
    }
}

@media screen and (max-width:1366px) {
    .inbanner .inban_bg {
        min-height: 400px;
    }

    .inbanner .inban_deco img:nth-child(1) {
        width: 6%;
        bottom: 4rem;
    }
}

@media screen and (max-width:1200px) {
    .inbanner .inban_bg {
        min-height: 360px;
    }

    .inbanner .inban_deco img:nth-child(1) {
        width: 7%;
        left: -4rem;
        bottom: 4rem;
    }

    .inbanner .inban_deco img:nth-child(2) {
        width: 45%;
    }
}

@media screen and (max-width:1100px) {
    .inbanner .inban_bg {
        min-height: 320px;
    }
}

@media screen and (max-width:991px) {
    .title {
        width: 36%;
        min-height: 160px;
        padding: 2rem 3rem;
        min-height: auto;
    }
}

@media screen and (max-width:834px) {
    .inbanner .inban_bg {
        min-height: 260px;
    }

    .title {
        width: 34%;
        padding: 1rem 2rem;
    }

    .title .title_en {
        margin-bottom: 0;
    }

    .title .title_en h3 {
        font-size: 32px;
    }

    .title .title_ch h2 {
        font-size: 23px;
    }

    .inbanner .inban_deco img:nth-child(1) {
        left: -3rem;
        bottom: 2.5rem;
    }

    .inbanner .inban_deco img:nth-child(2) {
        bottom: 2.2rem;
    }
}

@media screen and (max-width:768px) {
    .inbanner .inban_deco img:nth-child(2) {
        bottom: 3rem;
    }
}

@media screen and (max-width:650px) {
    .inbanner .inban_bg {
        min-height: 220px;
    }

    .title {
        width: 45%;
        padding: 2rem 2rem;
    }

    .inbanner .inban_deco img:nth-child(1) {
        left: -4rem;
        width: 10%;
    }
}

@media screen and (max-width:576px) {
    .inbanner .inban_deco img:nth-child(1) {
        left: -3rem;
        bottom: 3.5rem;
    }

    .inbanner .inban_deco img:nth-child(2) {
        bottom: 3rem;
        width: 50%;
    }
}

@media screen and (max-width:450px) {
    .inbanner {
        overflow: hidden;
    }

    .inbanner .inban_bg {
        min-height: 200px;
    }

    .title {
        width: 63%;
        padding: 1rem 2rem;
    }

    .inbanner .inban_deco img:nth-child(1) {
        display: none;
    }

    .inbanner .inban_deco img:nth-child(2) {
        bottom: 7rem;
        width: 59%;
        right: -3rem;
    }
}

@media screen and (max-width:430px) {
    .inbanner .inban_bg {
        min-height: 260px;
        max-width: 100%;
    }

    .inbanner .inban_deco img:nth-child(2) {
        bottom: 7rem;
        width: 57%;
        right: -9rem;
    }
}

@media screen and (max-width:414px) {
    .title .title_en h3 {
        font-size: 25px;
    }

    .title .title_ch h2 {
        font-size: 20px;
    }

    .title .title_ch:before,
    .title .title_ch:after {
        max-width: 20%;
    }
}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:360px) {
    .inbanner .inban_bg {
        min-height: 220px;
    }

    .title {
        width: 70%;
    }
}

@media screen and (max-width:330px) {
    .inbanner .inban_bg {
        min-height: 200px;
    }

    .title {
        width: 75%;
    }
}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}


/***inbanner end****/
/***********************/
/***********************/
/***main start***/

.main {
    position: relative;
    /*padding: 0 0 6.5rem 0; */
}

.main:before {
    content: '';
    background: rgba(43, 86, 155, .25);
    width: 25px;
    max-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 83px;
    z-index: -1;
}

/*.main:after {
    content: '';
    background: rgba(43, 86, 155, .25);
    background-size: contain;
    width: 75%;
    min-height: 25px;
    position: absolute;
    bottom: 6.5%;
    left: 10.8rem;
}*/
.main .main_top {
    position: absolute;
    top: 0;
    left: 0;
}

.main .main_top img {
    vertical-align: top;
}

.main_bot {
    position: relative;
    width: 100%;
    text-align: right;
    padding-right: 4.8rem;
    min-height: 84px;
}

.main_bot:before {
    content: '';
    background: rgba(43, 86, 155, .25);
    width: 75%;
    min-height: 25px;
    position: absolute;
    top: 0;
    left: 108px;
}

.main_bot:after {
    content: '';
    background: rgba(43, 86, 155, .25);
    width: 25px;
    max-width: 100%;
    min-height: 25px;
    position: absolute;
    top: 0;
    left: 83px;
}

.main_bot h5 {
    font-size: 24px;
    display: inline-block;
}

.main_bot img {
    padding-left: 1.3rem;
}

@media screen and (max-width:1700px) {
    .main .main_top {
        width: 2.5%;
    }

    .main:before {
        max-width: 1%;
        left: 10px;
    }

    .main_bot:before {
        width: 75%;
        min-height: 17px;
        top: 10px;
        left: 26px;
    }

    .main_bot:after {
        max-width: 1%;
        min-height: 27px;
        top: 0;
        left: 10px;
    }
}

@media screen and (max-width:1536px) {
    .main_bot:before {
        left: 25px;
    }
}

@media screen and (max-width:1400px) {
    .main_bot:before {
        left: 24px;
    }
}

@media screen and (max-width:1366px) {
    .main_bot:before {
        width: 70%;
    }
}

@media screen and (max-width:1200px) {

    .main_bot:before {
        min-height: 14px;
        top: 13px;
        left: 22px;
    }
}

@media screen and (max-width:1100px) {
    .main_bot:before {
        min-height: 14px;
        top: 13px;
        left: 21px;
        width: 63%;
    }
}

@media screen and (max-width:1000px) {
    .main_bot:before {
        left: 20px;
        min-height: 12px;
        top: 15px;
    }
}

@media screen and (max-width:834px) {
    .main_bot {
        min-height: 60px;
    }

    .main_bot:before {
        left: 18px;
        min-height: 10px;
        top: 17px;
        width: 54%;
    }
}

@media screen and (max-width:768px) {
    .main:before {
        left: 5px;
    }

    .main_bot:before {
        left: 13px;
    }

    .main_bot:after {
        left: 5px;
    }

    .main_bot h5 {
        vertical-align: bottom;
    }

    .main_bot img {
        width: 4%;
    }
}

@media screen and (max-width:650px) {
    .main_bot:before {
        left: 12px;
        min-height: 8px;
        top: 19px;
        width: 45%;
    }
}

@media screen and (max-width:576px) {
    .main_bot {
        min-height: 45px;
    }

    .main_bot h5 {
        font-size: 21px;
        vertical-align: text-bottom;
    }

    .main_bot:before {
        left: 11px;
        min-height: 6px;
        top: 12px;
        width: 40%;
    }

    .main_bot:after {
        min-height: 18px;
    }
}

@media screen and (max-width:450px) {
    .main_bot {
        padding-right: 2.8rem;
    }

    .main_bot:before {
        left: 9px;
        width: 30%;
    }

    .main_bot img {
        width: 6%;
    }
}

@media screen and (max-width:414px) {
    .main:before {
        left: 3px;
    }

    .main_bot:before {
        min-height: 5px;
        top: 13px;
        left: 7px;
    }

    .main_bot:after {
        left: 3px;
    }

    .main_bot img {
        width: 6%;
    }
}

@media screen and (max-width:393px) {
    .main_bot h5 {
        font-size: 18px;
        vertical-align: baseline;
    }
}

@media screen and (max-width:350px) {
    .main_bot {
        padding-right: 2rem;
    }

    .main_bot:before {
        width: 25%;
    }
}

@media screen and (max-width:340px) {
    .main_bot:before {
        min-height: 4px;
        top: 14px;
        left: 6px;
    }

    .main_bot img {
        width: 7%;
    }
}

@media screen and (max-width:310px) {
    .main_bot:before {
        width: 20%;
    }
}

@media screen and (max-width:px) {}


/***main end****/
/***********************/
/***********************/
/***wrap1 start***/

.wrap1 {
    position: relative;
}



/***wrap1 end****/
/***********************/
/***********************/
/***league start***/

.league {
    position: relative;
}


/*league1*/

.league .league1 {
    width: 1360px;
    max-width: 100%;
    padding-top: 6rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.league1 .league1_txt {
    position: relative;
    padding: 5.2rem 8rem 0;
    width: 50.6%;
}

.league1 .league1_txt p {
    font-size: 18px;
    text-align: justify;
}

.league1 .league1_txt img {
    position: absolute;
    bottom: 2rem;
    left: 0;
}

.league1 .league1_img {
    width: 47.8%;
}


@media screen and (max-width:1400px) {
    .league .league1 {
        padding: 6rem 4rem 0;
    }

    .league1 .league1_txt {
        padding: 5.2rem 4rem 0;
    }
}

@media screen and (max-width:1100px) {
    .league1 .league1_txt {
        padding: 3rem 4rem 3rem;
    }
}

@media screen and (max-width:1000px) {
    .league1 .league1_txt {
        padding: 2rem 2rem 4rem;
    }
}

@media screen and (max-width:834px) {
    .league .league1 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .league1 .league1_txt {
        width: 70%;
    }

    .league1 .league1_img {
        width: 100%;
        text-align: center;
    }

}

@media screen and (max-width:768px) {
    .league1 .league1_txt {
        width: 80%;
    }
}

@media screen and (max-width:650px) {
    .league .league1 {
        padding: 4rem 3rem 0;
    }

    .league1 .league1_txt {
        width: 100%;
        padding: 2rem 2rem 7rem;
    }
}

@media screen and (max-width:576px) {
    .league .league1 {
        padding: 2rem 3rem 0;
    }
}

@media screen and (max-width:450px) {
    .league1 .league1_txt {
        padding: 2rem 1rem 5rem;
    }
}

@media screen and (max-width:402px) {
    .league .league1 {
        padding: 2rem 2rem 0;
    }
}

@media screen and (max-width:360px) {
    .league .league1 {
        padding: 2rem 1rem 0;
    }
}


/*league2*/

.league .league2 {
    width: 1469px;
    max-width: 100%;
    margin: 4.3rem auto 5.2rem;
}

.league2 .league2_vido {
    width: 1469px;
    max-width: 100%;
    min-height: 758px;
    position: relative;
    margin-bottom: 1.8rem;
}

.league2 .league2_vido iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

.league2 .league2_title {
    text-align: center;
}

.league2 .league2_title img {}

@media screen and (max-width:1536px) {
    .league .league2 {
        padding: 0 2rem;
    }
}

@media screen and (max-width:1400px) {
    .league .league2 {
        padding: 0 4rem;
    }
}

@media screen and (max-width:834px) {
    .league2 .league2_vido {
        min-height: 600px;
    }
}

@media screen and (max-width:768px) {
    .league2 .league2_vido {
        min-height: 500px;
    }
}

@media screen and (max-width:650px) {
    .league .league2 {
        margin: 3rem auto 4rem;
        padding: 0 3rem;
    }

    .league2 .league2_vido {
        min-height: 390px;
    }
}

@media screen and (max-width:450px) {
    .league .league2 {
        margin: 2rem auto;
    }

    .league2 .league2_vido {
        min-height: 250px;
    }
}

@media screen and (max-width:402px) {
    .league .league2 {
        padding: 0 2rem;
    }

    .league2 .league2_vido {
        min-height: 200px;
    }
}


/*league3*/
.league3 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto 5.2rem;
    padding: 0 13.5rem 0 0;
    display: flex;
    justify-content: space-between;
}

.league3 .league3_img {
    width: 49.6%;
}

.league3 .league3_cont {
    width: 46%;
    padding-top: 3.5rem;
}

.league3_cont .league3_title {
    margin-bottom: 2rem;
}

.league3_cont .league3_title img {
    display: inline-block;
    vertical-align: middle;
    padding-right: 2rem;
}

.league3_cont .league3_title h3 {
    font-size: 30px;
    color: #2c569b;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}

.league3_cont .league3_title h4 {
    font-size: 26px;
    color: #98abcf;
    font-family: 'Montserrat';
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}

.league3_cont .league3_txt {
    margin-bottom: 6rem;
}

.league3_cont .league3_txt p {
    font-size: 18px;
    text-align: justify;
    letter-spacing: 1px;
}

.league3_cont .league3_set {
    text-align: center;
}

.league3_cont .league3_set ul {
    display: flex;
    justify-content: space-around;
}

.league3_cont .league3_set ul li {
    width: 23%;
    padding: 0 1rem;
}

.league3_cont .league3_set ul li img {
    margin-bottom: .7rem;
}

.league3_cont .league3_set ul li .league3_desc {
    background: #2c569b;
    border-radius: 100px;
}

.league3_cont .league3_set ul li .league3_desc p {
    font-size: 24px;
    color: #ffffff;
    font-family: 'LXGW WenKai TC';
}

@media screen and (max-width:1800px) {
    .league3 {
        padding: 0 4rem;
    }
}

@media screen and (max-width:1200px) {
    .league3 .league3_cont {
        width: 47%;
        padding-top: 2rem;
    }

    .league3_cont .league3_set ul li {
        width: 25%;
    }
}

@media screen and (max-width:1100px) {
    .league3 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .league3 .league3_img {
        width: 100%;
        text-align: center;
    }

    .league3 .league3_cont {
        width: 75%;
        padding: 0;
        margin-bottom: 3rem;
        order: -1;
    }
}

@media screen and (max-width:834px) {
    .league3 .league3_cont {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    .league3 {
        margin: 0 auto 4rem;
    }
}

@media screen and (max-width:650px) {
    .league3 {
        padding: 0 3rem;
    }
}

@media screen and (max-width:450px) {
    .league3 .league3_cont {
        margin-bottom: 2rem;
    }

    .league3_cont .league3_title img {
        padding-right: 1rem;
        width: 14%;
    }

    .league3_cont .league3_title h3 {
        font-size: 26px;
    }

    .league3_cont .league3_title h4 {
        font-size: 20px;
        vertical-align: sub;
    }

    .league3_cont .league3_set ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .league3_cont .league3_set ul li {
        width: 50%;
        padding: 0 1rem 2rem;
    }
}

@media screen and (max-width:414px) {
    .league3_cont .league3_txt {
        margin-bottom: 3rem;
    }
}

@media screen and (max-width:402px) {
    .league3 {
        padding: 0 2rem;
    }
}

@media screen and (max-width: 390px) {
    .league3_cont .league3_title h3 {
        font-size: 23px;
    }

    .league3_cont .league3_title h4 {
        font-size: 16px;
    }
}

@media screen and (max-width:360px) {

    .league3_cont .league3_title img {
        padding-right: .5rem;
        width: 12%;
    }
}

@media screen and (max-width:350px) {
    .league3_cont .league3_title h3 {
        font-size: 23px;
    }

}

@media screen and (max-width:320px) {
    .league3_cont .league3_title h4 {
        font-size: 13px;
    }

}


/*league4*/

.league .league4 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
}

.league4 .league4_title {
    padding: 0 0 0 2.9rem;
}

.league4 .league4_title img {
    display: inline-block;
    vertical-align: middle;
    padding-right: 2rem;
}

.league4 .league4_title h3 {
    font-size: 30px;
    color: #2c569b;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}

.league4 .league4_title h4 {
    font-size: 26px;
    color: #98abcf;
    font-family: 'Montserrat';
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}


.league4 .league4_cont {
    margin-bottom: 5.7rem;
    padding: 1.9rem 2.4rem 0 12.6rem;
    display: flex;
}

.league4_cont .league4_set {
    width: 16.67%;
    background: rgba(44, 86, 155, .75);
    border-radius: 40px;
    padding: 3.3rem 1.9rem 8.3rem;
    margin: 0 1rem;
    position: relative;
}

.league4_set:before {
    content: 'Product';
    font-size: 14px;
    color: #cad5e6;
    position: absolute;
    bottom: 1.6rem;
    right: 5.2rem;
    text-transform: uppercase;
    letter-spacing: 1px;

}

.league4_cont .league4_set p {
    font-size: 22px;
    color: #ffffff;
    text-align: justify;
    letter-spacing: 0;
}

.league4_set .league4_no {
    background: #cad5e6;
    width: 55px;
    max-width: 100%;
    min-height: 50px;
    position: absolute;
    bottom: -0.3rem;
    right: -1rem;
    border-radius: 100px;

}

.league4_set .league4_no p {
    font-size: 35px;
    color: #2c569b;
    font-family: 'Montserrat';
    font-weight: 900;
    text-align: center;
}




@media screen and (max-width:1600px) {
    .league .league4 {
        padding: 0 4rem;
    }

    .league4 .league4_cont {
        padding: 1.9rem 0 0 7rem;
    }
}

@media screen and (max-width:1536px) {
    .league4 .league4_cont {
        padding: 1.9rem 0 0 2rem;
    }
}

@media screen and (max-width:1400px) {
    .league4_cont .league4_set {
        padding: 3.3rem 1.9rem 5rem;
    }
}

@media screen and (max-width:1200px) {
    .league4 .league4_cont {
        flex-wrap: wrap;
        margin-bottom: 2rem;
    }

    .league4_cont .league4_set {
        margin: 0 1rem 2rem;
        padding: 3.3rem 1.9rem 8rem;
        width: 31%;
    }
}

@media screen and (max-width:834px) {
    .league4 .league4_title {
        padding: 0;
    }

    .league4 .league4_cont {
        padding: 1.9rem 0 0 0;
    }

    .league4_cont .league4_set {
        width: 30%;
    }
}

@media screen and (max-width:768px) {
    .league4_cont .league4_set {
        width: 47%;
    }
}

@media screen and (max-width:650px) {
    .league .league4 {
        padding: 0 3rem;
    }

    .league4 .league4_cont {
        justify-content: space-between;
    }

    .league4_cont .league4_set {
        width: 45%;
        padding: 3.3rem 1.9rem 6rem;
    }
}

@media screen and (max-width:450px) {
    .league4 .league4_title img {
        padding-right: 1rem;
        width: 14%;
    }

    .league4 .league4_title h3 {
        font-size: 26px;
    }

    .league4 .league4_title h4 {
        font-size: 20px;
        vertical-align: sub;
    }

    .league4_cont .league4_set {
        width: 47%;
        padding: 3.3rem 1rem 5rem;
        margin: 0 .5rem 2rem;
    }

}

@media screen and (max-width:430px) {
    .league4 .league4_title h4 {
        letter-spacing: -1px;
    }

    .league4_cont .league4_set {
        padding: 2rem 1rem 5rem;
    }
}

@media screen and (max-width:402px) {
    .league .league4 {
        padding: 0 2rem;
    }
}

@media screen and (max-width:390px) {
    .league4 .league4_title h3 {
        font-size: 23px;
    }

    .league4 .league4_title h4 {
        font-size: 16px;
    }
}

@media screen and (max-width:370px) {
    .league4_cont .league4_set {
        padding: 3rem 2rem 8rem;
        margin: 0 0 2rem;
        width: 100%;
    }
}

@media screen and (max-width:360px) {
    .league4 .league4_title img {
        padding-right: .5rem;
        width: 12%;
    }
}

@media screen and (max-width:350px) {
    .league4 .league4_cont {
        margin-bottom: 1rem;
    }
}

@media screen and (max-width:320px) {
    .league4 .league4_title h4 {
        font-size: 13px;
    }
}

@media screen and (max-width:px) {}

/*league5*/

.league5 {
    width: 1760px;
    max-width: 100%;
    margin: 2.2rem 0 4.7rem auto;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.league5 .league5_img {
    width: 50.3%;
}

.league5 .league5_cont {
    width: 1088px;
    max-width: 100%;
    min-height: 361px;
    background: #07348b;
    position: relative;
    padding: 7.5rem 50.2rem 0 6rem;
    margin: 2rem 0 0 -21rem;
}

.league5 .league5_cont:before {
    content: '';
    background: url(../../images/league5_deco01.png) bottom right no-repeat;
    background-size: contain;
    width: 295px;
    max-width: 100%;
    min-height: 253px;
    position: absolute;
    bottom: 2.9rem;
    right: 14.8rem;
}

.league5_cont .league5_title {
    margin-bottom: 1.9rem;
}

.league5_cont .league5_title img {
    display: inline-block;
    vertical-align: middle;
    padding-right: 2rem;
}

.league5_cont .league5_title h3 {
    font-size: 30px;
    color: #ffffff;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}

.league5_cont .league5_title h4 {
    font-size: 26px;
    color: #98abcf;
    font-family: 'Montserrat';
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}

.league5_cont .league5_txt {}

.league5_cont .league5_txt p {
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 1px;
    text-align: justify;
}


@media screen and (max-width:1600px) {
    .league5 {
        padding: 0 0 0 4rem;
    }

    .league5 .league5_img {
        width: 72%;
    }

    .league5 .league5_cont {
        padding: 7.5rem 17rem 0 6rem;
    }

    .league5 .league5_cont:before {
        min-height: 150px;
        right: 2rem;
    }
}

@media screen and (max-width:1400px) {
    .league5 .league5_cont {
        max-width: 54%;
    }
}

@media screen and (max-width:1366px) {
    .league5 .league5_cont {
        padding: 4rem 17rem 0 3rem;
    }
}

@media screen and (max-width:1200px) {
    .league5 .league5_cont {
        padding: 4rem 2rem 0 2rem;
        max-width: 49%;
    }

    .league5 .league5_cont:before {
        min-height: 110px;
        max-width: 23%;
        bottom: 1rem;
    }
}

@media screen and (max-width:1000px) {
    .league5 {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 4rem;
    }

    .league5 .league5_cont {
        padding: 4rem 2rem 0 2rem;
        max-width: 100%;
        margin: 0 0 3rem 0;
        order: -1;
    }

    .league5 .league5_cont:before {
        min-height: 140px;
    }

    .league5 .league5_img {
        width: 100%;
    }
}

@media screen and (max-width:650px) {
    .league5 {
        padding: 0 3rem;
    }
}

@media screen and (max-width:450px) {
    .league5_cont .league5_title img {
        padding-right: 1rem;
        width: 14%;
    }

    .league5_cont .league5_title h3 {
        font-size: 26px;
    }

    .league5_cont .league5_title h4 {
        font-size: 20px;
        vertical-align: sub;
    }
}

@media screen and (max-width:414px) {
    .league5 .league5_cont {
        padding: 3rem 1rem 0;
    }

    .league5_cont .league5_title h4 {
        letter-spacing: -1px;
    }
}

@media screen and (max-width:402px) {
    .league5 {
        padding: 0 2rem;
    }
}

@media screen and (max-width:390px) {
    .league5_cont .league5_title h3 {
        font-size: 23px;
    }

    .league5_cont .league5_title h4 {
        font-size: 16px;
        letter-spacing: 0;
    }
}

@media screen and (max-width:360px) {
    .league5 {
        margin: 2.2rem 0 1rem;
    }

    .league5_cont .league5_title img {
        padding-right: 0.5rem;
        width: 12%;
    }
}

@media screen and (max-width:320px) {
    .league5_cont .league5_title h3 {
        font-size: 21px;
    }

    .league5_cont .league5_title h4 {
        font-size: 13px;
    }
}

@media screen and (max-width:px) {}

/***league end****/
/***********************/
/***changqun start***/

.changqun {}

/*changqun1*/

.changqun .changqun1 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 8.3rem;
    display: flex;
    justify-content: space-between;
}

.changqun1 .changqun1_lt {
    width: 41.2%;
    padding: 3rem 0 0 7.3rem;
}

.changqun1_lt .changqun1_txt {
    padding: 0 4rem 8rem 0;
}

.changqun1_lt .changqun1_txt p {
    font-size: 18px;
    margin-bottom: 4.5rem;
    text-align: justify;
}

.changqun1 .changqun1_rt {
    width: 54.6%;
}

.changqun1 .changqun1_rt img {}

@media screen and (max-width:1600px) {
    .changqun .changqun1 {
        padding: 8.3rem 4rem 0;
    }
}

@media screen and (max-width:1366px) {
    .changqun1 .changqun1_lt {
        padding: 3rem 0 0 4rem;
    }

    .changqun1_lt .changqun1_txt {
        padding: 0 4rem 0 0;
    }
}

@media screen and (max-width:1000px) {
    .changqun1 .changqun1_lt {
        padding: 1rem 0 0 0;
        width: 43%;
    }

    .changqun1_lt .changqun1_txt {
        padding: 0;
    }

    .changqun1_lt .changqun1_txt p {
        margin-bottom: 2rem;
    }
}

@media screen and (max-width:834px) {
    .changqun .changqun1 {
        padding: 4rem 4rem 0;
    }
}

@media screen and (max-width:768px) {
    .changqun .changqun1 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .changqun1 .changqun1_lt {
        width: 80%;
        padding: 1rem 0 3rem 0;
    }

    .changqun1 .changqun1_rt {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width:650px) {
    .changqun .changqun1 {
        padding: 4rem 3rem 0;
    }

    .changqun1 .changqun1_lt {
        width: 90%;
    }
}

@media screen and (max-width:576px) {
    .changqun1 .changqun1_lt {
        width: 100%;
    }
}

@media screen and (max-width:414px) {}

@media screen and (max-width:402px) {
    .changqun .changqun1 {
        padding: 3rem 2rem 0;
    }
}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}


/*changqun2*/

.changqun .changqun2 {
    width: 1469px;
    max-width: 100%;
    margin: 8rem auto 5.2rem;
}

.changqun2 .changqun2_vido {
    width: 1469px;
    max-width: 100%;
    min-height: 758px;
    position: relative;
    margin-bottom: 1.8rem;
}

.changqun2 .changqun2_vido iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

.changqun2 .changqun2_title {
    text-align: center;
}

.changqun2 .changqun2_title img {}

@media screen and (max-width:1536px) {
    .changqun .changqun2 {
        padding: 0 2rem;
    }
}

@media screen and (max-width:1400px) {
    .changqun .changqun2 {
        padding: 0 4rem;
    }
}

@media screen and (max-width:1200px) {
    .changqun .changqun2 {
        margin: 5rem auto 5.2rem;
    }
}

@media screen and (max-width:834px) {
    .changqun2 .changqun2_vido {
        min-height: 600px;
    }
}

@media screen and (max-width:768px) {
    .changqun .changqun2 {
        margin: 4rem auto;
    }

    .changqun2 .changqun2_vido {
        min-height: 500px;
    }
}

@media screen and (max-width:650px) {
    .changqun .changqun2 {
        margin: 3rem auto 4rem;
        padding: 0 3rem;
    }

    .changqun2 .changqun2_vido {
        min-height: 390px;
    }
}

@media screen and (max-width:450px) {
    .changqun .changqun2 {
        margin: 2rem auto;
    }

    .changqun2 .changqun2_vido {
        min-height: 250px;
    }
}

@media screen and (max-width:402px) {
    .changqun .changqun2 {
        padding: 0 2rem;
    }

    .changqun2 .changqun2_vido {
        min-height: 200px;
    }
}


/*changqun3*/

.changqun3 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.changqun3 .changqun3_lt {
    width: 49.6%;
    padding: 0 0 0 4.5rem;
}

.changqun3 .changqun3_lt img {}


.changqun3 .changqun3_rt {
    width: 41.2%;
    padding: 8rem 13.5rem 0 0;
}

.changqun3 .changqun3_rt p {
    font-size: 18px;
    margin-bottom: 4rem;
    text-align: justify;
    letter-spacing: 1px;
}

@media screen and (max-width:1600px) {
    .changqun3 {
        padding: 0 4rem;
    }

    .changqun3 .changqun3_lt {
        padding: 0;
    }

    .changqun3 .changqun3_rt {
        padding: 5rem 10rem 0 0;
    }
}

@media screen and (max-width:1366px) {
    .changqun3 .changqun3_rt {
        padding: 5rem 0 0 0;
    }

    .changqun3 .changqun3_lt {
        width: 56%;
    }
}

@media screen and (max-width:1200px) {
    .changqun3 .changqun3_rt {
        padding: 1rem 0 0 0;
    }
}

@media screen and (max-width:1000px) {
    .changqun3 .changqun3_rt {
        padding: 1rem 0 0 2rem;
        width: 53%;
    }
}

@media screen and (max-width:834px) {
    .changqun3 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .changqun3 .changqun3_lt {
        width: 100%;
    }

    .changqun3 .changqun3_rt {
        padding: 0;
        width: 80%;
        order: -1;
    }
}

@media screen and (max-width:650px) {
    .changqun3 {
        padding: 0 3rem;
    }
}

@media screen and (max-width:576px) {
    .changqun3 .changqun3_rt {
        width: 100%;
    }
}

@media screen and (max-width:402px) {
    .changqun3 {
        padding: 0 2rem;
    }
}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}



/*changqun4*/

.changqun4 {
    padding: 4.6rem 0 0 0;
}

.changqun4 .hangqun4_title {
    width: 1330px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 4rem 5.2rem;
}

.changqun4 .hangqun4_title img {
    display: inline-block;
    vertical-align: middle;
    padding-right: 2rem;
}

.changqun4 .hangqun4_title h3 {
    font-size: 30px;
    color: #2c569b;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}

.changqun4 .hangqun4_title h4 {
    font-size: 26px;
    color: #98abcf;
    font-family: 'Montserrat';
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}

.changqun4 .changqun41 {
    width: 1330px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.changqun41 .changqun41_set {
    width: 49.5%;
    padding: 0 3.3rem 0 5.9rem;
    display: flex;
    align-items: flex-start;
}

.changqun41 .changqun41_set img {
    margin-right: 2.6rem;
}

.changqun41_set .changqun41_cont {
    background: rgba(193, 204, 226, .15);
    padding: 2rem 0 0 2.8rem;
    width: 356px;
    max-width: 100%;
    min-height: 153px;
    border-radius: 20px;
    position: relative;
}

.changqun41_set .changqun41_cont:after {
    content: '- Changqun Fine Industry';
    font-size: 10px;
    font-family: 'Montserrat';
    position: absolute;
    bottom: -4rem;
    left: 2.9rem;
    letter-spacing: 0;
}

.changqun41_set .changqun41_cont h3 {
    font-size: 24px;
    font-family: 'LXGW WenKai TC';
    margin-bottom: 1rem;
}

.changqun41_set .changqun41_cont h3 font {
    font-size: 16px;
    font-family: 'Montserrat';
    letter-spacing: 0;
}

.changqun41_set .changqun41_cont h4 {
    font-size: 22px;
    font-family: 'LXGW WenKai TC';
    letter-spacing: 1px;
    line-height: 1.5;
}

@media screen and (max-width:1600px) {
    .changqun4 {
        padding: 4.6rem 4rem 5rem;
    }
}

@media screen and (max-width:1200px) {

    .changqun4 .hangqun4_title {
        padding: 0 0 4rem 2rem;
    }

    .changqun41 .changqun41_set {
        padding: 0;
    }

    .changqun41 .changqun41_set img {
        margin-right: 2rem;
        width: 32%;
    }
}

@media screen and (max-width:1100px) {
    .changqun4 {
        padding: 0 4rem 5rem;
    }

    .changqun41 .changqun41_set img {
        margin-right: 1rem;
        width: 25%;
    }
}

@media screen and (max-width:991px) {
    .changqun41_set .changqun41_cont {
        padding: 2rem 0 0 1.5rem;
    }
}

@media screen and (max-width:834px) {
    .changqun4 {
        padding: 4.6rem 4rem 0;
    }

    .changqun4 .changqun41 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .changqun41 .changqun41_set {
        width: 85%;
        margin-bottom: 5rem;
    }

    .changqun41 .changqun41_set img {
        width: 35%;
    }

    .changqun41_set .changqun41_cont {
        padding: 2rem 2rem 0 2rem;
    }
}

@media screen and (max-width:650px) {
    .changqun4 {
        padding: 4.6rem 3rem 0;
    }

    .changqun41 .changqun41_set {
        width: 100%;
    }
}

@media screen and (max-width:576px) {
    .changqun41 .changqun41_set img {
        width: 28%;
    }
}

@media screen and (max-width:450px) {
    .changqun4 .hangqun4_title img {
        padding-right: 1rem;
        width: 14%;
    }

    .changqun4 .hangqun4_title h3 {
        font-size: 26px;
    }

    .changqun4 .hangqun4_title h4 {
        font-size: 20px;
        vertical-align: sub;
    }

    .changqun41_set .changqun41_cont {
        padding: 2rem;
        min-height: auto;
    }

    .changqun41_set .changqun41_cont h3 {
        font-size: 20px;
    }

    .changqun41_set .changqun41_cont h3 font {
        font-size: 12px;
    }

    .changqun41_set .changqun41_cont h4 {
        font-size: 16px;
        line-height: 1.5;
    }
}

@media screen and (max-width:430px) {
    .changqun41 .changqun41_set img {
        width: 20%;
    }
}

@media screen and (max-width:414px) {
    .changqun41_set .changqun41_cont:after {
        bottom: -3rem;
    }
}

@media screen and (max-width:402px) {
    .changqun4 {
        padding: 3rem 2rem 0;
    }
}

@media screen and (max-width:390px) {
    .changqun4 .hangqun4_title h3 {
        font-size: 23px;
    }

    .changqun4 .hangqun4_title h4 {
        font-size: 16px;
    }

}

@media screen and (max-width:370px) {
    .changqun41_set .changqun41_cont {
        padding: 1rem;
    }
}

@media screen and (max-width:360px) {
    .changqun4 .hangqun4_title img {
        padding-right: 0.5rem;
        width: 12%;
    }
}

@media screen and (max-width:350px) {
    .changqun41_set .changqun41_cont h4 {
        font-size: 14px;
    }
}

@media screen and (max-width:320px) {
    .changqun4 .hangqun4_title h3 {
        font-size: 21px;
    }

    .changqun4 .hangqun4_title h4 {
        font-size: 13px;
    }

    .changqun41_set .changqun41_cont:after {
        bottom: -2.5rem;
        left: 0.9rem;
    }

    .changqun41_set .changqun41_cont h3 {
        font-size: 16px;
    }

    .changqun41_set .changqun41_cont h4 {
        font-size: 12px;
    }
}

@media screen and (max-width:px) {}



/*changqun5*/

.changqun5 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    padding: 7rem 0 5rem 13.6rem;
    display: flex;
    justify-content: space-between;
}

.changqun5 .changqun5_lt {
    width: 45%;
    padding: 5.7rem 6.4rem 0 7.1rem;
}

.changqun5 .changqun5_lt p {
    font-size: 18px;
    text-align: justify;
    letter-spacing: 1px;
}

.changqun5 .changqun5_rt {
    width: 54.2%;
}

.changqun5 .changqun5_rt img {}

@media screen and (max-width:1600px) {
    .changqun5 {
        padding: 7rem 4rem 5rem 13rem;
    }
}

@media screen and (max-width:1366px) {
    .changqun5 {
        padding: 7rem 4rem 5rem 4rem;
    }
}

@media screen and (max-width:1200px) {
    .changqun5 .changqun5_lt {
        padding: 2rem 2rem 0 2rem;
    }
}

@media screen and (max-width:1000px) {
    .changqun5 {
        padding: 4rem 4rem 5rem 4rem;
    }

    .changqun5 .changqun5_lt {
        padding: 0 2rem 0 0;
    }

    .changqun5 .changqun5_rt {
        width: 65%;
    }
}

@media screen and (max-width:834px) {
    .changqun5 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .changqun5 .changqun5_lt {
        padding: 0;
        width: 80%;
        margin-bottom: 3rem;
    }

    .changqun5 .changqun5_rt {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width:650px) {
    .changqun5 {
        padding: 2rem 3rem 5rem 3rem;
    }

    .changqun5 .changqun5_lt {
        width: 100%;
    }
}

@media screen and (max-width:430px) {
    .changqun5 {
        padding: 2rem 3rem 2rem 3rem;
    }
}

@media screen and (max-width:402px) {
    .changqun5 {
        padding: 2rem 2rem 3rem 2rem;
    }
}




/*changqun6*/

.changqun6 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto 6.4rem;
    padding: 0 0 0 13.6rem;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.changqun6 .changqun6_lt {
    width: 26.6%;
    padding: 0 7.4rem 0 8.3rem;
}

.changqun6 .changqun6_lt img {}

.changqun6 .changqun6_rt {
    width: 72.6%;
    padding: 2rem 0 0 0;
}

.changqun6_rt .changqun6_title {
    margin-bottom: 2.8rem;
}

.changqun6_rt .changqun6_title img {
    display: inline-block;
    vertical-align: middle;
    padding-right: 2rem;
}

.changqun6_rt .changqun6_title h3 {
    font-size: 30px;
    color: #2c569b;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}

.changqun6_rt .changqun6_title h4 {
    font-size: 26px;
    color: #98abcf;
    font-family: 'Montserrat';
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}

.changqun6_rt .changqun6_cont {
    padding: 0 5rem 0 4rem;
    display: flex;
}

.changqun6_cont .league6_set {
    width: 24%;
    background: rgba(44, 86, 155, .75);
    border-radius: 40px;
    padding: 6rem 1.9rem 7.3rem;
    margin: 0 1rem;
    position: relative;
}

.changqun6_cont .league6_set:before {
    content: 'Product';
    font-size: 14px;
    color: #cad5e6;
    position: absolute;
    bottom: 1.6rem;
    right: 5.2rem;
    text-transform: uppercase;
    letter-spacing: 1px;

}

.changqun6_cont .league6_set p {
    font-size: 22px;
    color: #ffffff;
    text-align: center;
    letter-spacing: 0;
}

.league6_set .league6_no {
    background: #cad5e6;
    width: 55px;
    max-width: 100%;
    min-height: 50px;
    position: absolute;
    bottom: -0.3rem;
    right: -1rem;
    border-radius: 100px;

}

.league6_set .league6_no p {
    font-size: 35px !important;
    color: #2c569b;
    font-family: 'Montserrat';
    font-weight: 900;
    text-align: center;

}

@media screen and (max-width:1600px) {
    .changqun6 {
        padding: 0 4rem 0 13.6rem;
    }
}

@media screen and (max-width:1536px) {
    .changqun6_rt .changqun6_cont {
        padding: 0;
    }

    .changqun6 .changqun6_lt {
        padding: 0 3rem;
    }

    .changqun6 .changqun6_rt {
        width: 88%;
    }
}

@media screen and (max-width:1366px) {
    .changqun6 {
        padding: 0 4rem;
        align-items: center;
    }

    .changqun6 .changqun6_lt {
        width: 20%;
    }
}

@media screen and (max-width:1200px) {
    .changqun6 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .changqun6 .changqun6_lt {
        width: 11%;
        margin: 0;
        position: absolute;
        top: 0;
        left: 54rem;
    }

    .changqun6 .changqun6_rt {
        width: 100%;
        order: -1;
    }
}

@media screen and (max-width:1000px) {
    .changqun6 .changqun6_lt {
        top: 2rem;
    }

    .changqun6_cont .league6_set {
        padding: 6rem 1rem 7.3rem;
    }
}

@media screen and (max-width:834px) {
    .changqun6 .changqun6_lt {
        width: 13%;
    }

    .changqun6_rt .changqun6_cont {
        flex-wrap: wrap;
        justify-content: center;
    }

    .changqun6_cont .league6_set {
        width: 40%;
        margin: 0 1rem 3rem;
    }
}

@media screen and (max-width:650px) {
    .changqun6 {
        padding: 0 3rem;
    }

    .changqun6 .changqun6_lt {
        width: 16%;
        left: 52rem;
    }
}

@media screen and (max-width:576px) {
    .changqun6 .changqun6_lt {
        width: 16%;
        left: auto;
        right: 0rem;
        top: 7rem;
    }
}

@media screen and (max-width:450px) {
    .changqun6 {
        margin: 0 auto 3rem;
    }

    .changqun6 .changqun6_lt {
        width: 20%;
        top: 5rem;
    }

    .changqun6_rt .changqun6_title {
        margin-bottom: 4rem;
    }

    .changqun6_rt .changqun6_title img {
        padding-right: 1rem;
        width: 14%;
    }

    .changqun6_rt .changqun6_title h3 {
        font-size: 26px;
    }

    .changqun6_rt .changqun6_title h4 {
        font-size: 20px;
        vertical-align: sub;
    }

    .changqun6_cont .league6_set {
        width: 44%;
    }

    .changqun6_cont .league6_set p {
        font-size: 18px;
    }
}

@media screen and (max-width:430px) {
    .changqun6_cont .league6_set p {
        font-size: 16px;
    }

    .changqun6 .changqun6_lt {
        top: 6rem;
    }

    .changqun6_rt .changqun6_title h3 {
        letter-spacing: -1px;
    }

    .changqun6_rt .changqun6_title h4 {
        letter-spacing: -2px;
    }

}

@media screen and (max-width:414px) {
    .changqun6_cont .league6_set {
        padding: 5rem 1rem 6rem;
    }
}

@media screen and (max-width:402px) {
    .changqun6 {
        padding: 0 2rem;
    }
}

@media screen and (max-width:393px) {
    .changqun6 .changqun6_lt {
        top: 6rem;
        width: 22%;
    }
}

@media screen and (max-width:390px) {
    .changqun6 .changqun6_lt {
        top: 5.5rem;
        width: 23%;
    }

    .changqun6_rt .changqun6_title h3 {
        font-size: 23px;
        letter-spacing: 0;
    }

    .changqun6_rt .changqun6_title h4 {
        font-size: 16px;
        letter-spacing: 0;
    }

    .changqun6_cont .league6_set {
        padding: 5rem .5rem 7rem;
    }
}

@media screen and (max-width:370px) {
    .changqun6_cont .league6_set {
        width: 43%;
    }
}

@media screen and (max-width:360px) {
    .changqun6 {
        margin: 0 auto;
    }

    .changqun6_cont .league6_set {
        width: 80%;
        padding: 6rem .5rem 8rem;
    }

    .changqun6_cont .league6_set p {
        font-size: 22px;
    }
}

@media screen and (max-width:320px) {
    .changqun6 .changqun6_lt {
        width: 26%;
    }

    .changqun6_rt .changqun6_title h3 {
        font-size: 21px;
    }

    .changqun6_rt .changqun6_title h4 {
        font-size: 13px;
    }

}

@media screen and (max-width:310px) {
    .changqun6_rt .changqun6_title h3 {
        letter-spacing: -1px;
    }

    .changqun6_rt .changqun6_title h4 {
        letter-spacing: -1px;
    }
}

@media screen and (max-width:px) {}




/***changqun end****/
/***********************/
/***lianqing start***/

.lianqing {}

.lianqing .lianqing1 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    padding: 12rem 0 0;
    display: flex;
    justify-content: space-between;
}


.lianqing1 .lianqing1_lt {
    width: 49.5%;
    padding: 0 0 1.4rem 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.lianqing1_lt .lianqing1_txt {
    padding: 0 19.6rem 0 7.4rem;
    letter-spacing: 1px;
}

.lianqing1_lt .lianqing1_txt p {
    font-size: 18px;
    text-align: justify;
}

.lianqing1_lt .lianqing1_img {
    padding: 0 0 0 7.1rem;
}

.lianqing1 .lianqing1_rt {
    width: 49.5%;
    text-align: center;
}

@media screen and (max-width:1600px) {
    .lianqing .lianqing1 {
        padding: 8rem 4rem 0;
    }

    .lianqing1_lt .lianqing1_txt {
        padding: 0 7rem 0 3rem;
    }

    .lianqing1_lt .lianqing1_img {
        padding: 0 0 0 3rem;
    }
}

@media screen and (max-width:1000px) {
    .lianqing1_lt .lianqing1_txt {
        padding: 0;
    }

    .lianqing1_lt .lianqing1_img {
        padding: 0;
    }
}

@media screen and (max-width:768px) {
    .lianqing .lianqing1 {
        padding: 4rem 4rem 0;
        flex-wrap: wrap;
        justify-content: center;
    }

    .lianqing1 .lianqing1_lt {
        width: 80%;
        padding: 0 0 3rem 0;
    }

    .lianqing1_lt .lianqing1_txt {
        padding: 0 0 5rem 0;
    }

    .lianqing1 .lianqing1_rt {
        width: 100%;
    }
}

@media screen and (max-width:650px) {
    .lianqing .lianqing1 {
        padding: 4rem 3rem 0;
    }

    .lianqing1 .lianqing1_lt {
        width: 100%;
    }
}

@media screen and (max-width:402px) {
    .lianqing .lianqing1 {
        padding: 4rem 2rem 0;
    }
}

@media screen and (max-width:px) {}


/*lianqing2*/

.lianqing2 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}


.lianqing2 .lianqing2_lt {
    width: 45%;
    padding: 0 0 0 7.1rem;
}

.lianqing2 .lianqing2_lt img {}


.lianqing2 .lianqing2_rt {
    width: 52.75%;
    margin-top: 9.6rem;
    position: relative;

}

.lianqing2 .lianqing2_rt:before {
    content: '';
    background: url(../../images/lianqing2_deco01.png) top left no-repeat;
    background-size: contain;
    width: 157px;
    max-width: 100%;
    min-height: 157px;
    position: absolute;
    top: 0;
    left: 0;
}

.lianqing2_rt .lianqing2_txt {
    padding: 1.3rem 8.6rem 7rem 23rem;
}

.lianqing2_rt .lianqing2_txt p {
    font-size: 18px;
    text-align: justify;
    letter-spacing: 1px;
}

.lianqing2_rt .lianqing2_deco {
    padding: 0 0 0 15.3rem;
}

.lianqing2_rt .lianqing2_deco img {}

@media screen and (max-width:1600px) {
    .lianqing2 {
        padding: 0 4rem;
    }

    .lianqing2 .lianqing2_lt {
        padding: 0 0 0 3rem;
    }
}

@media screen and (max-width:1400px) {
    .lianqing2_rt .lianqing2_txt {
        padding: 1.3rem 2rem 7rem 18rem;
    }
}

@media screen and (max-width:1200px) {
    .lianqing2 .lianqing2_rt {
        margin-top: 5rem;
    }

    .lianqing2 .lianqing2_rt:before {
        max-width: 20%;
        min-height: 110px;
    }

    .lianqing2_rt .lianqing2_txt {
        padding: 0 2rem 3rem 14rem;
    }

    .lianqing2_rt .lianqing2_deco {
        padding: 0 0 0 5rem;
    }

}

@media screen and (max-width:1000px) {
    .lianqing2 .lianqing2_lt {
        padding: 0;
    }

    .lianqing2 .lianqing2_rt {
        margin-top: 3rem;
    }

    .lianqing2 .lianqing2_rt:before {
        min-height: 70px;
    }

    .lianqing2_rt .lianqing2_txt {
        padding: 0 2rem 1rem 8rem;
    }

    .lianqing2_rt .lianqing2_deco {
        padding: 0 0 0 2rem;
    }
}

@media screen and (max-width:834px) {
    .lianqing2 .lianqing2_lt {
        padding: 0;
    }
}

@media screen and (max-width:768px) {
    .lianqing2 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .lianqing2 .lianqing2_lt {
        width: 100%;
        text-align: center;
    }

    .lianqing2 .lianqing2_rt {
        margin: 6rem 0 3rem;
        width: 100%;
        order: -1;
    }

    .lianqing2 .lianqing2_rt:before {
        min-height: 90px;
    }

    .lianqing2_rt .lianqing2_txt {
        padding: 0 7rem 1rem 10rem;
    }

}

@media screen and (max-width:650px) {
    .lianqing2 {
        padding: 0 3rem;
    }
}

@media screen and (max-width:576px) {
    .lianqing2 .lianqing2_rt:before {
        min-height: 50px;
        top: -5rem;
    }

    .lianqing2_rt .lianqing2_txt {
        padding: 0 0 3rem 0;
    }

    .lianqing2_rt .lianqing2_deco {
        padding: 0;
    }
}

@media screen and (max-width:450px) {
    .lianqing2 .lianqing2_rt {
        margin: 7rem 0 3rem;
    }
}

@media screen and (max-width:402px) {
    .lianqing2 {
        padding: 0 2rem;
    }
}

@media screen and (max-width:px) {}


/*lianqing3*/

.lianqing3 {
    width: 1600px;
    max-width: 100%;
    margin: 7.3rem auto 4.5rem;
}


.lianqing3 .lianqing3_top {
    padding: 0 13.5rem 0 38rem;
    display: flex;
    justify-content: space-between;
}

.lianqing3_top .lianqing3_title {
    width: 45.2%;
    padding-top: 5.5rem;
}

.lianqing3_top .lianqing3_title img {
    display: inline-block;
    vertical-align: middle;
    padding-right: 2rem;
}

.lianqing3_top .lianqing3_title h3 {
    font-size: 30px;
    color: #2c569b;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}

.lianqing3_top .lianqing3_title h4 {
    font-size: 26px;
    color: #98abcf;
    font-family: 'Montserrat';
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}


.lianqing3_top .lianqing3_txt {
    width: 54.4%;
    padding: 0 7rem 0 0;
}

.lianqing3_top .lianqing3_txt p {
    font-size: 18px;
    text-align: justify;
    letter-spacing: 1px;
}

.lianqing3 .lianqing3_bot {
    margin-top: -4.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.lianqing3_bot .lianqing3_lt {
    width: 24.4%;
}

.lianqing3_bot .lianqing3_lt img {}

.lianqing3_bot .lianqing3_rt {
    width: 74.8%;
    padding: 0 2.2rem 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lianqing3_bot .lianqing3_rt img {}

.lianqing3_bot .lianqing3_rt img:first-child {}

.lianqing3_bot .lianqing3_rt img:last-child {}

@media screen and (max-width:1600px) {
    .lianqing3 {
        margin: 6rem auto 4rem;
        padding: 0 4rem 0 6rem;
    }

    .lianqing3 .lianqing3_top {
        padding: 0 13.5rem 0 9rem;
        margin-bottom: 3rem;
    }

    .lianqing3 .lianqing3_bot {
        margin-top: 0;
    }
}

@media screen and (max-width:1536px) {
    .lianqing3 .lianqing3_top {
        padding: 0 5rem 0 3rem;
    }

    .lianqing3_top .lianqing3_title {
        padding-top: 2rem;
    }

    .lianqing3_bot .lianqing3_lt {
        width: 22%;
    }

    .lianqing3 {
        padding: 0 4rem;
    }

    .lianqing3_bot .lianqing3_rt img:first-child {
        width: 80%;
    }

    .lianqing3_bot .lianqing3_rt img:last-child {
        width: 15%;
    }
}

@media screen and (max-width:1400px) {
    .lianqing3 {
        margin: 5rem auto 4rem;
    }
}

@media screen and (max-width:1366px) {
    .lianqing3 .lianqing3_top {
        padding: 0 3rem;
    }
}

@media screen and (max-width:1200px) {
    .lianqing3_top .lianqing3_txt {
        padding: 0;
    }
}

@media screen and (max-width:1100px) {
    .lianqing3 .lianqing3_top {
        padding: 0;
    }
}

@media screen and (max-width:1000px) {
    .lianqing3 .lianqing3_top {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .lianqing3_top .lianqing3_title {
        padding-top: 0;
        width: 100%;
        margin-bottom: 2rem;
    }

    .lianqing3_top .lianqing3_txt {
        width: 100%;
    }
}

@media screen and (max-width:650px) {
    .lianqing3 {
        padding: 0 3rem;
    }
}

@media screen and (max-width:576px) {
    .lianqing3_bot .lianqing3_rt {
        padding: 0;
    }
}

@media screen and (max-width:450px) {
    .lianqing3 {
        margin: 4rem auto 3rem;
    }

    .lianqing3_top .lianqing3_title img {
        padding-right: 1rem;
        width: 14%;
    }

    .lianqing3_top .lianqing3_title h3 {
        font-size: 26px;
    }

    .lianqing3_top .lianqing3_title h4 {
        font-size: 20px;
    }

    .lianqing3_bot .lianqing3_lt {
        width: 15%;
    }

    .lianqing3_bot .lianqing3_rt {
        width: 85%;
    }

    .lianqing3_bot .lianqing3_rt img:first-child {
        width: 85%;
    }
}

@media screen and (max-width:414px) {
    .lianqing3 {
        margin: 3rem auto 2rem;
    }

    .lianqing3_top .lianqing3_title {
        margin-bottom: 1rem;
    }
}

@media screen and (max-width:402px) {
    .lianqing3 {
        padding: 0 2rem;
    }
}

@media screen and (max-width:390px) {
    .lianqing3_top .lianqing3_title h3 {
        font-size: 23px;
    }

    .lianqing3_top .lianqing3_title h4 {
        font-size: 16px;
    }
}

@media screen and (max-width:360px) {
    .lianqing3_top .lianqing3_title img {
        padding-right: 0.5rem;
        width: 12%;
    }
}

@media screen and (max-width:320px) {
    .lianqing3_top .lianqing3_title h3 {
        font-size: 21px;
    }

    .lianqing3_top .lianqing3_title h4 {
        font-size: 13px;
    }
}

@media screen and (max-width:px) {}

/***lianqing end****/
/***********************/
/***leiqing start***/

.leiqing {}

.leiqing .leiqing1 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 7.5rem 13.5rem 1rem 6.5rem;
    display: flex;
    justify-content: space-between;
}

.leiqing1 .leiqing1_lt {
    width: 71.6%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.leiqing1_lt .leiqing1_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.leiqing1_lt .leiqing1_top img {
    width: 34.3%;
}

.leiqing1_lt .leiqing1_top p {
    width: 60%;
    padding-right: 5rem;
    font-size: 18px;
    text-align: justify;
}

.leiqing1_lt .leiqing1_bot {}

.leiqing1_lt .leiqing1_bot img {}


.leiqing1 .leiqing1_rt {
    width: 27.9%;
    text-align: right;
}

.leiqing1 .leiqing1_rt img {}

@media screen and (max-width:1600px) {
    .leiqing .leiqing1 {
        padding: 7.5rem 5rem 1rem 7rem;
    }
}

@media screen and (max-width:1400px) {
    .leiqing .leiqing1 {
        padding: 5rem 4rem 1rem 4rem;
    }
}

@media screen and (max-width:1100px) {
    .leiqing1_lt .leiqing1_top {
        margin-bottom: 2rem;
    }

    .leiqing1_lt .leiqing1_bot {
        width: 80%;
    }
}

@media screen and (max-width:834px) {
    .leiqing1_lt .leiqing1_bot {
        width: 60%;
    }

    .leiqing1_lt .leiqing1_top p {
        width: 60%;
        padding-right: 0;
    }

    .leiqing1 .leiqing1_rt {
        width: 20%;
    }
}

@media screen and (max-width:768px) {
    .leiqing .leiqing1 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .leiqing1 .leiqing1_lt {
        width: 100%;
    }

    .leiqing1_lt .leiqing1_bot {
        width: 60%;
    }

    .leiqing1 .leiqing1_rt {
        width: 15%;
        text-align: right;
        margin: 0 0 0 auto;
        position: absolute;
        bottom: 1rem;
        right: 4rem;
    }
}

@media screen and (max-width:650px) {
    .leiqing .leiqing1 {
        padding: 5rem 3rem 1rem 3rem;
    }
}

@media screen and (max-width:450px) {
    .leiqing1_lt .leiqing1_top img {
        width: 30%;
    }

    .leiqing1_lt .leiqing1_top {
        flex-wrap: wrap;
        align-items: center;
    }

    .leiqing1_lt .leiqing1_top img {
        width: 20%;
        margin-bottom: 1rem;
    }

    .leiqing1_lt .leiqing1_top p {
        width: 100%;
        margin-bottom: 3rem;
    }

    .leiqing1 .leiqing1_rt {
        right: 3rem;
    }
}

@media screen and (max-width:414px) {
    .leiqing .leiqing1 {
        padding: 3rem 3rem 1rem 3rem;
    }

    .leiqing1 .leiqing1_rt {
        right: 3rem;
    }
}

@media screen and (max-width:402px) {
    .leiqing .leiqing1 {
        padding: 3rem 2rem 1rem 2rem;
    }

    .leiqing1 .leiqing1_rt {
        right: 2rem;
    }
}

@media screen and (max-width:px) {}


/*leiqing2*/

.leiqing2 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto 6.8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.leiqing2 .leiqing2_lt {
    width: 49.5%;
    padding: 0 7.7rem 0 7.1rem;
}

.leiqing2 .leiqing2_lt img {}

.leiqing2 .leiqing2_rt {
    width: 49.5%;
    padding: 0 8rem 0 7.9rem;
}

.leiqing2_rt .leiqing2_title {
    padding: 0 12rem 3.5rem 0;
}

.leiqing2_rt .leiqing2_title img {
    display: inline-block;
    vertical-align: middle;
    padding-right: 2rem;
}

.leiqing2_rt .leiqing2_title h3 {
    font-size: 30px;
    color: #2c569b;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}

.leiqing2_rt .leiqing2_title h4 {
    font-size: 26px;
    color: #98abcf;
    font-family: 'Montserrat';
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}

.leiqing2_rt .leiqing2_txt {
    padding: 0 11rem 0 0;
}

.leiqing2_rt .leiqing2_txt p {
    font-size: 18px;
    text-align: justify;
    letter-spacing: 1px;
}

@media screen and (max-width:1600px) {
    .leiqing2 {
        padding: 0 4rem;
    }

    .leiqing2 .leiqing2_lt {
        padding: 0 5rem 0 3rem;
    }

    .leiqing2 .leiqing2_rt {
        padding: 0 8rem 0 2rem;
    }

}

@media screen and (max-width:1400px) {
    .leiqing2 .leiqing2_lt {
        padding: 0;
    }

    .leiqing2_rt .leiqing2_title {
        padding: 0 0 3rem 0;
    }

    .leiqing2_rt .leiqing2_txt {
        padding: 0 3rem 0 0;
    }
}

@media screen and (max-width:1200px) {

    .leiqing2_rt .leiqing2_txt {
        padding: 0;
    }

}

@media screen and (max-width:1100px) {
    .leiqing2 .leiqing2_rt {
        padding: 0 0 0 2rem;
    }
}

@media screen and (max-width:1000px) {
    .leiqing2 .leiqing2_lt {
        width: 45%;
    }

    .leiqing2 .leiqing2_rt {
        width: 55%;
    }
}

@media screen and (max-width:834px) {
    .leiqing2 {
        flex-wrap: wrap;
        justify-content: center;
        padding: 3rem 4rem;
        margin: 0 auto;
    }

    .leiqing2 .leiqing2_lt {
        width: 100%;
        text-align: center;
    }

    .leiqing2 .leiqing2_rt {
        width: 80%;
        padding: 0;
        margin: 0 0 3rem;
        order: -1;
    }
}

@media screen and (max-width:768px) {
    .leiqing2 .leiqing2_rt {
        width: 100%;
    }
}

@media screen and (max-width:650px) {
    .leiqing2 {
        padding: 2rem 3rem;
    }
}

@media screen and (max-width:450px) {
    .leiqing2_rt .leiqing2_title {
        padding: 0 0 2rem 0;
    }

    .leiqing2_rt .leiqing2_title img {
        padding-right: 1rem;
        width: 14%;
    }

    .leiqing2_rt .leiqing2_title h3 {
        font-size: 26px;
    }

    .leiqing2_rt .leiqing2_title h4 {
        font-size: 20px;
        vertical-align: sub;
    }
}

@media screen and (max-width:402px) {
    .leiqing2 {
        padding: 2rem 2rem;
    }
}

@media screen and (max-width:390px) {
    .leiqing2_rt .leiqing2_title h3 {
        font-size: 23px;
    }

    .leiqing2_rt .leiqing2_title h4 {
        font-size: 16px;
    }
}

@media screen and (max-width:360px) {
    .leiqing2_rt .leiqing2_title {
        padding: 0 0 1rem 0;
    }

    .leiqing2_rt .leiqing2_title img {
        padding-right: 0.5rem;
        width: 12%;
    }
}

@media screen and (max-width:320px) {
    .leiqing2_rt .leiqing2_title h3 {
        font-size: 21px;
    }

    .leiqing2_rt .leiqing2_title h4 {
        font-size: 13px;
    }
}

@media screen and (max-width:px) {}


/***leiqing end****/
/***********************/
/***location start***/

.location {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    padding: 0 0 5rem 0;
}

.location .loc_cont {
    width: 50%;
    background: url(../../images/loc_bg.png) top left;
    position: relative;
    padding: 7.8rem 0 0 13.6rem;
}

.location .loc_cont:after {
    content: '';
    background: url(../../images/loc_deco01.png) bottom center no-repeat;
    background-size: contain;
    width: 757px;
    max-width: 100%;
    min-height: 129px;
    position: absolute;
    bottom: 1.2rem;
    left: 0;
    right: 0;
    margin: auto;
}

.loc_cont .loc_title {
    padding: 0 0 0 3rem;
    margin-bottom: 4rem;
}

.loc_cont .loc_title img {
    display: inline-block;
    vertical-align: middle;
    padding-right: 2rem;
}

.loc_cont .loc_title h3 {
    font-size: 30px;
    color: #2c569b;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}

.loc_cont .loc_title h4 {
    font-size: 26px;
    color: #98abcf;
    font-family: 'Montserrat';
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}

.loc_cont .loc_info {}

.loc_cont .loc_info ul {}

.loc_cont .loc_info ul li {
    line-height: 1.8;
}

.loc_cont .loc_info ul li p:nth-of-type(1) {
    display: inline-block;
    margin-right: 1rem;
    vertical-align: middle;
}

.loc_cont .loc_info ul li p:nth-of-type(2) {
    display: inline-block;
    font-size: 16px;
    word-wrap: break-word;
    word-break: break-all;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    vertical-align: middle;
}


.loc_info .loc_name {
    margin-bottom: 1rem;
}

.loc_info .loc_name h2 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1px;
}




.location .loc_map {
    width: 50%;
    min-height: 525px;
    position: relative;
}

.location .loc_map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

.br {
    display: inline-block;
}

@media screen and (max-width:1600px) {
    .location {
        padding: 0 4rem 5rem;
    }
}

@media screen and (max-width:1536px) {
    .location .loc_cont:after {
        min-height: 110px;
    }
}

@media screen and (max-width:1366px) {
    .location .loc_cont:after {
        min-height: 90px;
    }

    .location .loc_cont {
        padding: 4rem 0 0 3rem;
    }
}

@media screen and (max-width:1100px) {
    .location .loc_cont:after {
        min-height: 70px;
    }

    .loc_cont .loc_title {
        padding: 0;
        margin-bottom: 3rem;
    }

    .location .loc_map {
        min-height: 450px;
    }
}

@media screen and (max-width:1000px) {
    .location {
        flex-wrap: wrap;
        justify-content: center;
    }

    .location .loc_cont {
        padding: 4rem 3rem 13rem;
        width: 90%;
    }

    .location .loc_cont:after {
        min-height: 130px;
    }

    .location .loc_map {
        min-height: 500px;
        width: 90%;
    }
}

@media screen and (max-width:834px) {
    .location {
        margin: 0 auto;
    }

    .location .loc_cont {
        width: 100%;
    }

    .location .loc_cont:after {
        min-height: 115px;
    }

    .location .loc_map {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    .location .loc_cont:after {
        min-height: 105px;
    }
}

@media screen and (max-width:650px) {
    .location {
        padding: 0 3rem 4rem;
    }

    .location .loc_cont:after {
        min-height: 90px;
    }
}

@media screen and (max-width:576px) {

    .location .loc_map {
        min-height: 450px;
    }
}

@media screen and (max-width:450px) {

    .location .loc_cont {
        padding: 3rem 1rem 9rem;
    }

    .location .loc_cont:after {
        min-height: 60px;
    }

    .loc_cont .loc_title img {
        padding-right: 1rem;
        width: 14%;
    }

    .loc_cont .loc_title {
        margin-bottom: 2rem;
    }

    .loc_cont .loc_title h3 {
        font-size: 26px;
    }

    .loc_cont .loc_title h4 {
        font-size: 20px;
        vertical-align: sub;
    }

    .location .loc_map {
        min-height: 350px;
    }
}

@media screen and (max-width: 430px) {
    .br {
        display: block;
        margin-left: -1.5rem;
    }
}

@media screen and (max-width:402px) {
    .location {
        padding: 0 2rem 3rem;
    }

    .location .loc_cont:after {
        min-height: 55px;
    }

    .location .loc_map {
        min-height: 300px;
    }
}

@media screen and (max-width:390px) {
    .loc_cont .loc_title h3 {
        font-size: 23px;
    }

    .loc_cont .loc_title h4 {
        font-size: 16px;
    }
}

@media screen and (max-width:370px) {
    .loc_info .loc_name h2 {
        font-size: 21px;
    }

    .location .loc_cont:after {
        min-height: 50px;
    }

    .loc_cont .loc_info ul li p:nth-of-type(1) {
        margin-right: .5rem;
    }

    .location .loc_map {
        min-height: 250px;
    }
}

@media screen and (max-width:360px) {
    .location .loc_cont {
        padding: 3rem 1rem 7rem;
    }

    .loc_cont .loc_info ul li p:nth-of-type(2) {
        font-size: 14px;
    }

    .loc_cont .loc_title img {
        padding-right: 0.5rem;
        width: 12%;
    }
}

@media screen and (max-width:330px) {
    .location .loc_cont:after {
        min-height: 40px;
    }

    .loc_info .loc_name h2 {
        font-size: 19px;
    }

    .loc_cont .loc_info ul li p:nth-of-type(2) {
        font-size: 12px;
    }
}

@media screen and (max-width:320px) {
    .loc_cont .loc_title h3 {
        font-size: 21px;
    }

    .loc_cont .loc_title h4 {
        font-size: 13px;
    }
}

@media screen and (max-width: 310px) {
    .loc_info .loc_name h2 {
        font-size: 17px;
    }
}

@media screen and (max-width:px) {}


/***location end****/
/***********************/
/***********************/
/***vrm-equipment start***/

.vrm-equipment {}

.vrm-equipment .vrm1 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto 3.8rem;
    padding: 6.4rem 0 0 7.1rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.vrm1 .vrm1_lt {
    width: 41%;
    position: relative;
    padding: 0 3rem 0 6.5rem;
    text-align: center;
}

.vrm1 .vrm1_lt img {
    margin-bottom: 2.8rem;
}

.vrm1 .vrm1_lt h3 {
    font-size: 22px;
    text-align: center;
}

.vrm1 .vrm1_lt:before {
    content: '';
    background: url(../../images/vrm1_deco01.png) bottom right no-repeat;
    background-size: contain;
    width: 621px;
    max-width: 100%;
    min-height: 127px;
    position: absolute;
    bottom: -2rem;
    right: 0;
}

.vrm1 .vrm1_rt {
    width: 59.4%;
}

.vrm1_rt .vrm1_txt {
    margin: 0 8.6rem 16.2rem 4.1rem;
    padding: 0 0 0 22.8rem;
    position: relative;
}

.vrm1_rt .vrm1_txt:before {
    content: '';
    background: url(../../images/vrm_deco02.png) top left no-repeat;
    background-size: contain;
    width: 793px;
    max-width: 100%;
    min-height: 196px;
    position: absolute;
    top: 5rem;
    left: 0;
}

.vrm1_rt .vrm1_txt h4 {
    font-size: 30px;
    font-family: 'Montserrat';
    margin-bottom: 5rem;
    letter-spacing: 1px;
}

.vrm1_rt .vrm1_txt p {
    font-size: 18px;
    letter-spacing: 1px;
    padding-right: 3rem;
    text-align: justify;
}



.vrm1_rt .vrm1_cont {}

.vrm1_rt .vrm1_cont ul {
    display: flex;
    flex-wrap: wrap;
}

.vrm1_rt .vrm1_cont ul li {
    width: 25%;
    margin-bottom: 3.2rem;
}

.vrm1_rt .vrm1_cont ul li img {
    margin-bottom: 1.6rem;
}

.vrm1_rt .vrm1_cont ul li p {
    font-size: 22px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
}

@media screen and (max-width:1600px) {
    .vrm-equipment .vrm1 {
        padding: 6.4rem 4rem 0 4rem;
    }
}

@media screen and (max-width:1536px) {
    .vrm1_rt .vrm1_txt {
        margin: 0 2rem 16.2rem 2rem;
    }
}

@media screen and (max-width:1400px) {
    .vrm1_rt .vrm1_txt {
        padding: 0 0 0 18rem;
    }
}

@media screen and (max-width:1366px) {
    .vrm1_rt .vrm1_txt {
        margin: 0 2rem 8rem 2rem;
    }

    .vrm1_rt .vrm1_cont ul li p {
        font-size: 18px;
    }
}

@media screen and (max-width:1200px) {
    .vrm1_rt .vrm1_txt:before {
        min-height: 126px;
        top: 4rem;
        left: 5rem;
    }

    .vrm1_rt .vrm1_txt h4 {
        font-size: 22px;
        margin-bottom: 3rem;
    }

    .vrm1_rt .vrm1_cont ul li p {
        font-size: 14px;
    }
}

@media screen and (max-width:1100px) {
    .vrm-equipment .vrm1 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .vrm1 .vrm1_lt {
        width: 60%;
        padding: 0 1rem 0 6.5rem;
        margin-bottom: 5rem;
    }

    .vrm1 .vrm1_rt {
        width: 100%;
        order: -1;
        margin-bottom: 3rem;
    }

    .vrm1_rt .vrm1_txt {
        margin: 0 2rem 16rem 2rem;
        padding: 0 0 0 27rem;
    }

    .vrm1_rt .vrm1_txt:before {
        min-height: 196px;
        top: 5rem;
        left: 5rem;
    }

    .vrm1_rt .vrm1_txt h4 {
        font-size: 30px;
        margin-bottom: 5rem;
    }

    .vrm1_rt .vrm1_txt p {
        padding-right: 19rem;
    }

    .vrm1_rt .vrm1_cont {
        text-align: center;
    }

    .vrm1_rt .vrm1_cont ul li p {
        font-size: 22px;
    }
}

@media screen and (max-width:1000px) {
    .vrm1_rt .vrm1_txt p {
        padding-right: 9rem;
    }
}

@media screen and (max-width:834px) {
    .vrm1_rt .vrm1_txt {
        margin: 0 2rem 8rem 2rem;
        padding: 0 0 0 19rem;
    }

    .vrm1_rt .vrm1_txt:before {
        min-height: 170px;
        top: 5rem;
        left: 0;
    }

    .vrm1_rt .vrm1_txt p {
        padding-right: 4rem;
    }

    .vrm1_rt .vrm1_cont ul li p {
        font-size: 16px;
    }
}

@media screen and (max-width:768px) {
    .vrm1_rt .vrm1_txt h4 {
        font-size: 24px;
        margin-bottom: 3rem;
    }

    .vrm1_rt .vrm1_txt:before {
        top: 4rem;
    }

    .vrm1_rt .vrm1_cont ul li {
        width: 33.33%;
    }
}

@media screen and (max-width:650px) {
    .vrm-equipment .vrm1 {
        padding: 6.4rem 3rem 0 3rem;
    }

    .vrm1 .vrm1_lt {
        width: 100%;
    }

    .vrm1_rt .vrm1_txt {
        margin: 0 2rem 6rem 2rem;
        padding: 0 0 0 14rem;
    }

    .vrm1_rt .vrm1_txt h4 {
        font-size: 21px;
    }

    .vrm1_rt .vrm1_txt p {
        padding-right: 3rem;
    }

    .vrm1_rt .vrm1_cont ul {
        justify-content: space-between;
    }

    .vrm1_rt .vrm1_cont ul li {
        width: 49%;
        margin-bottom: 2rem;
    }

    .vrm1_rt .vrm1_cont ul li p {
        font-size: 22px;
    }


}

@media screen and (max-width:576px) {
    .vrm1_rt .vrm1_txt:before {
        top: 4rem;
        min-height: 90px;
    }

    .vrm1_rt .vrm1_txt {
        padding: 0 0 0 9rem;
        margin: 0 0 6rem 0;
    }
}

@media screen and (max-width:450px) {
    .vrm-equipment .vrm1 {
        padding: 5rem 3rem 0 3rem;
    }

    .vrm1 .vrm1_lt {
        padding: 0 1rem 0 4rem;
    }

    .vrm1 .vrm1_lt h3 {
        font-size: 16px;
    }

    .vrm1 .vrm1_lt img {
        margin-bottom: 2rem;
    }

    .vrm1_rt .vrm1_txt {
        padding: 0;
        margin: 0 0 4rem 0;
    }

    .vrm1_rt .vrm1_txt p {
        padding-right: 0;
    }

    .vrm1_rt .vrm1_txt:before {
        background: #2b569b;
        width: 100%;
        min-height: 1px;
        top: 4rem;
        left: 0;
    }

    .vrm1_rt .vrm1_txt:after {
        content: '';
        background: #2b569b;
        width: 14px;
        height: 14px;
        position: absolute;
        top: 3.5rem;
        right: 0;
        border-radius: 100%;
        z-index: -1;
    }

    .vrm1_rt .vrm1_cont ul li p {
        font-size: 16px;
    }

}

@media screen and (max-width:430px) {
    .vrm1_rt .vrm1_txt h4 {
        font-size: 20px;
        letter-spacing: 0;
    }
}

@media screen and (max-width:402px) {
    .vrm-equipment .vrm1 {
        padding: 6.4rem 2rem 0 2rem;
    }
}

@media screen and (max-width:360px) {
    .vrm1_rt .vrm1_txt h4 {
        font-size: 18px;
    }
}

@media screen and (max-width:350px) {
    .vrm-equipment .vrm1 {
        padding: 4rem 2rem 0 2rem;
    }

    .vrm1_rt .vrm1_cont ul li p {
        font-size: 14px;
    }
}

@media screen and (max-width:330px) {
    .vrm1_rt .vrm1_txt h4 {
        font-size: 16px;
    }
}

@media screen and (max-width:310px) {
    .vrm1_rt .vrm1_cont ul li p {
        font-size: 12px;
    }
}

@media screen and (max-width:px) {}



/*vrm2*/

.vrm-equipment .vrm2 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    background: url(../../images/vrm2_bg.jpg);
    position: relative;
    padding: 9.6rem 7rem 11rem 9.3rem;
    z-index: 0;
}

.vrm-equipment .vrm2:before {
    content: '';
    background: url(../../images/vrm2_deco01.png) top left no-repeat;
    background-size: contain;
    width: 874px;
    max-width: 100%;
    min-height: 205px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.vrm-equipment .vrm2:after {
    content: '';
    background: url(../../images/vrm2_deco02.png) bottom right no-repeat;
    background-size: contain;
    width: 698px;
    max-width: 100%;
    min-height: 285px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.vrm2 .vrm2_title {
    margin-bottom: 3.9rem;
    display: flex;
    justify-content: flex-end;

}

.vrm2 .vrm2_title img {
    padding-right: 1.6rem;
}

.vrm2_title .vrm2_txt {}

.vrm2_title .vrm2_txt h2 {
    font-size: 30px;
    color: #ffffff;
}

.vrm2_title .vrm2_txt h3 {
    font-size: 26px;
    color: #ffffff;
    font-family: 'Montserrat';
    text-transform: uppercase;
    letter-spacing: 0px;
}

.vrm2 .vrm_cont {
    width: 1417px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.vrm_cont .vrm2_lt {
    width: 52.6%;
    padding: 5.3rem 0 0 0;
    display: flex;
    justify-content: space-between;
}

.vrm2_lt .vrm2_set {
    text-align: center;
}

.vrm2_set .vrm2_tag {
    background: #c1cce2;
    width: 156px;
    max-width: 100%;
    min-height: 156px;
    margin: 0 auto 3rem;
    border-radius: 100%;
    padding: 4.4rem 6.3rem;
    position: relative;
}

.vrm2_set .vrm2_tag:before {
    content: '';
    background: url(../../images/vrm2_deco03.png) top center no-repeat;
    background-size: contain;
    width: 15px;
    max-width: 100%;
    min-height: 48px;
    position: absolute;
    bottom: -3rem;
    left: 0;
    right: 0;
    margin: auto;
}

.vrm2_set .vrm2_tag h4 {
    font-size: 30px;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;


}

.vrm2_set .vrm2_ch {}

.vrm2_set .vrm2_ch p {
    font-size: 40px;
    color: #ffffff;
    font-family: 'Montserrat';
    font-weight: 700;
    text-transform: uppercase;
    font-style: italic;
}

.vrm2_set .vrm2_en {}

.vrm2_set .vrm2_en p {
    font-size: 20px;
    color: #ffffff;
}

.vrm_cont .vrm2_rt {
    width: 40%;
}



.vrm2_rt .vrm2_img {}

.vrm2_rt .vrm2_img img {}


@media screen and (max-width:1600px) {
    .vrm-equipment .vrm2 {
        max-width: 95%;
    }
}

@media screen and (max-width:1536px) {
    .vrm-equipment .vrm2 {
        padding: 7.6rem 2rem 6rem 2rem;
    }
}

@media screen and (max-width:1366px) {
    .vrm-equipment .vrm2:before {
        min-height: 160px;
    }

    .vrm-equipment .vrm2:after {
        min-height: 200px;
    }
}

@media screen and (max-width:1200px) {
    .vrm-equipment .vrm2 {
        margin: 0 auto 3rem;
    }

    .vrm-equipment .vrm2:before {
        min-height: 100px;
        max-width: 40%;
    }

    .vrm-equipment .vrm2:after {
        min-height: 150px;
        max-width: 35%;
    }

    .vrm2 .vrm2_title {
        justify-content: flex-start;
        align-items: center;
    }

    .vrm2 .vrm_cont {
        flex-wrap: wrap;
        justify-content: center;
    }

    .vrm_cont .vrm2_lt {
        width: 70%;
        padding: 0;
        margin-bottom: 4rem;
    }

    .vrm_cont .vrm2_rt {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width:1000px) {
    .vrm_cont .vrm2_lt {
        width: 80%;
    }
}

@media screen and (max-width:834px) {
    .vrm_cont .vrm2_lt {
        width: 100%;
    }
}

@media screen and (max-width:768px) {

    .vrm2_title .vrm2_txt h3 {
        font-size: 20px;
    }

    .vrm2_set .vrm2_ch p {
        font-size: 25px;
    }

    .vrm2_set .vrm2_en p {
        font-size: 17px;
    }

}

@media screen and (max-width:576px) {
    .vrm-equipment .vrm2 {
        padding: 5rem 2rem 6rem 2rem;
    }

    .vrm2 .vrm2_title img {
        width: 15%;
    }

    .vrm2_title .vrm2_txt h2 {
        font-size: 25px;
    }

    .vrm2_title .vrm2_txt h3 {
        font-size: 16px;
        letter-spacing: -1px;
    }

    .vrm2_set .vrm2_tag {
        max-width: 80%;
        min-height: auto;
        padding: 3rem 5rem;
    }

    .vrm2_set .vrm2_tag h4 {
        font-size: 25px;
    }
}

@media screen and (max-width:450px) {
    .vrm2_title .vrm2_txt h3 {
        font-size: 12px;
    }

    .vrm_cont .vrm2_lt {
        flex-wrap: wrap;
        justify-content: space-around;
        margin-bottom: 2rem;
    }

    .vrm2_lt .vrm2_set {
        margin-bottom: 2rem;
        width: 50%;
    }

    .vrm2_set .vrm2_tag {
        padding: 4rem 6rem;
    }
}

@media screen and (max-width:414px) {
    .vrm-equipment .vrm2 {
        padding: 3rem 2rem 3rem 2rem;
    }

    .vrm2_set .vrm2_tag {
        padding: 4rem 5.5rem;
    }
}

@media screen and (max-width:393px) {
    .vrm2_set .vrm2_tag {
        padding: 3.5rem 5.2rem;
    }
}

@media screen and (max-width:350px) {
    .vrm-equipment .vrm2 {
        padding: 3rem 1rem 3rem 1rem;
    }

    .vrm2_set .vrm2_tag {
        max-width: 80%;
        padding: 3rem 4.5rem;
    }

    .vrm2_set .vrm2_ch p {
        font-size: 20px;
    }

    .vrm2_set .vrm2_en p {
        font-size: 15px;
    }
}

@media screen and (max-width:320px) {
    .vrm2_set .vrm2_tag {
        padding: 3rem 4rem;
    }
}

@media screen and (max-width:300px) {
    .vrm2_set .vrm2_tag {
        padding: 3rem 4rem;
    }

    .vrm2_set .vrm2_tag h4 {
        font-size: 20px;
    }
}

@media screen and (max-width:px) {}



/***vrm-equipment end****/
/***********************/
/***steel-fabrication start***/

.steel-fabrication {
    padding: 6.8rem 0 0 0;
}

.steel-fabrication .fab1 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 0 6.8rem;
}

.fab1 .fab1_title {
    padding-left: 4.2rem;
    margin-bottom: 3.4rem;
}

.fab1 .fab1_title img {
    display: inline-block;
    padding-right: 1.5rem;
}

.fab1_title .fab1_txt {
    display: inline-block;
    vertical-align: top;
}

.fab1_title .fab1_txt h2 {
    font-size: 30px;
    color: #8399c5;
    font-weight: 600;
}

.fab1_title .fab1_txt h3 {
    font-size: 26px;
    color: #8399c5;
    font-weight: 500;
    font-family: 'Montserrat';
    text-transform: uppercase;
    letter-spacing: 0;
}

.fab1 .fab1_cont {
    display: flex;
    flex-wrap: wrap;
}

.fab1_cont .fab1_set {
    width: 25%;
    margin-bottom: 2.2rem;
    text-align: center;
}

.fab1_set .fab1_desc {}

.fab1_desc .fab1_desc_title {
    background: url(../../images/fab1_icon.png) bottom center no-repeat;
    background-size: contain;
    width: 329px;
    max-width: 100%;
    min-height: 35px;
    text-align: center;
    margin: 0.8rem auto 1rem;
}

.fab1_desc .fab1_desc_title h2 {
    font-size: 22px;
    font-weight: 900;
}

.fab1_desc .fab1_desc_txt {
    text-align: center;
    width: 67%;
    margin: 0 auto;
    letter-spacing: 1px;
}

.fab1_desc .fab1_desc_txt p {
    font-size: 16px;

}

@media screen and (max-width:1700px) {
    .steel-fabrication .fab1 {
        padding: 0 4rem;
    }
}

@media screen and (max-width:1400px) {
    .fab1_cont .fab1_set {
        width: 33.33%;
    }
}

@media screen and (max-width:1100px) {
    .fab1_cont .fab1_set {
        width: 50%;
    }
}

@media screen and (max-width:768px) {
    .fab1 .fab1_cont {
        justify-content: space-between;
    }

    .fab1_cont .fab1_set {
        width: 48%;
    }

    .fab1_desc .fab1_desc_txt {
        width: 78%;
    }
}

@media screen and (max-width:650px) {
    .steel-fabrication .fab1 {
        padding: 0 3rem;
    }

    .fab1 .fab1_title {
        padding-left: 0;
        margin-bottom: 3rem;
    }

    .fab1_desc .fab1_desc_txt {
        width: 80%;
    }

    .fab1_desc .fab1_desc_txt p {
        text-align: justify;
    }
}

@media screen and (max-width:450px) {
    .steel-fabrication {
        padding: 4rem 0 0 0;
    }

    .fab3 .fab3_title {
        padding: 0 1rem;
    }

    .fab1_title .fab1_txt {
        vertical-align: middle;
    }

    .fab1 .fab1_title img {
        padding-right: 1rem;
        width: 14%;
    }

    .fab1_title .fab1_txt h2 {
        font-size: 25px;
    }

    .fab1_title .fab1_txt h3 {
        font-size: 20px;
    }

    .fab1_cont .fab1_set {
        width: 49%;
    }

    .fab1_desc .fab1_desc_title h2 {
        font-size: 18px;
    }

    .fab1_desc .fab1_desc_txt p {
        font-size: 14px;
    }
}

@media screen and (max-width:414px) {
    .steel-fabrication {
        padding: 3rem 0 0 0;
    }

    .fab1_desc .fab1_desc_title {
        min-height: 27px;
    }

    .fab1_desc .fab1_desc_title h2 {
        font-size: 15px;
        letter-spacing: 0;
    }

    .fab1_desc .fab1_desc_txt {
        width: 90%;
    }

    .fab1_desc .fab1_desc_txt p {
        letter-spacing: 0px;
    }
}

@media screen and (max-width:402px) {
    .steel-fabrication .fab1 {
        padding: 0 2rem;
    }
}

@media screen and (max-width:390px) {
    .fab1 .fab1_title img {
        padding-right: 0.5rem;
        width: 12%;
    }

    .fab1_title .fab1_txt h2 {
        font-size: 23px;
    }

    .fab1_title .fab1_txt h3 {
        font-size: 16px;
    }
}

@media screen and (max-width:px) {}


/*fab2*/

.fab2 {
    width: 1600px;
    max-width: 100%;
    margin: 10rem auto 7rem;
}

.fab2 .fab2_top {
    position: relative;
    margin-bottom: 2rem;
}

.fab2 .fab2_top:before {
    content: '';
    background: url(../../images/fab2_deco01.png) center left no-repeat;
    background-size: contain;
    width: 1064px;
    max-width: 100%;
    min-height: 25px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.fab2_top .fab2_title {
    width: 27%;
    margin: 0 0 0 auto;
}

.fab2_top .fab2_title img {
    display: inline-block;
    padding-right: 1.5rem;
}

.fab2_title .fab2_txt {
    display: inline-block;
    vertical-align: top;
}

.fab2_title .fab2_txt h2 {
    font-size: 30px;
    color: #8399c5;
    font-weight: 600;
}

.fab2_title .fab2_txt h3 {
    font-size: 26px;
    color: #8399c5;
    font-weight: 500;
    font-family: 'Montserrat';
    text-transform: uppercase;
    letter-spacing: 0;
}


.fab2 .fab2_cont {}


.fab2_cont .fab21 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.fab21 .fab21_lt {
    width: 66.4%;
    padding-bottom: 1.7rem;
    display: flex;
}

.fab21_lt .fab21_set {
    width: 50%;
}

.fab21_set .fab21_title {
    margin-bottom: 2.1rem;
    padding-left: 1.5rem;
}

.fab21_set .fab21_title img {
    display: inline-block;
    padding-right: 2rem;
}

.fab21_set .fab21_title h2 {
    display: inline-block;
    font-size: 22px;
}

.fab21_set .fab21_img {}

.fab21_set .fab21_img img {}


.fab21 .fab21_rt {
    width: 25.3%;
}

.fab21 .fab21_rt img {}


.fab2_cont .fab22 {
    margin-top: 3.8rem;
    padding-left: 7.1rem;
    display: flex;
    justify-content: space-between;
}

.fab22 .fab22_lt {
    width: 30.7%;
}

.fab22_lt .fab22_title {
    margin-bottom: 2.1rem;
    padding-left: 1.5rem;
}

.fab22_lt .fab22_title img {
    display: inline-block;
    padding-right: 2rem;
}

.fab22_lt .fab22_title h2 {
    display: inline-block;
    font-size: 22px;
}

.fab22_lt .fab22_img {
    display: flex;
    justify-content: space-between;
}

.fab22_lt .fab22_img img {
    width: 49%;
}

.fab22 .fab22_rt {
    width: 62.8%;
}

.fab22_rt .fab22_title {
    margin-bottom: 2.1rem;
    padding-left: 1.5rem;
}

.fab22_rt .fab22_title img {
    display: inline-block;
    padding-right: 2rem;
}

.fab22_rt .fab22_title h2 {
    display: inline-block;
    font-size: 22px;
}

.fab22_rt .fab22_img {
    display: flex;
    justify-content: space-between;
}

.fab22_rt .fab22_img img {
    width: 24%;
}

@media screen and (max-width:1600px) {
    .fab2 {
        padding: 0 4rem;
    }

    .fab2 .fab2_top:before {
        max-width: 60%;
    }

    .fab2_top .fab2_title {
        width: 33%;
    }
}

@media screen and (max-width:1400px) {
    .fab21 .fab21_lt {
        justify-content: space-between;
    }

    .fab21_lt .fab21_set {
        width: 48%;
    }

    .fab2_cont .fab22 {
        padding-left: 0
    }
}

@media screen and (max-width:1200px) {
    .fab2 {
        margin: 4rem auto;
    }

    .fab2_top .fab2_title {
        width: 40%;
    }

    .fab2 .fab2_top:before {
        max-width: 50%;
    }
}

@media screen and (max-width:1100px) {
    .fab2 .fab2_top:before {
        max-width: 40%;
    }

    .fab2_top .fab2_title {
        width: 50%;
    }
}

@media screen and (max-width:834px) {
    .fab2_top .fab2_title {
        width: 100%;
    }

    .fab2 .fab2_top:before {
        left: auto;
        right: 0;
    }

    .fab2_cont .fab21 {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .fab21 .fab21_lt {
        width: 100%;
    }

    .fab21 .fab21_rt {
        width: 100%;
        text-align: center;
    }

    .fab2_cont .fab22 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .fab22 .fab22_lt {
        width: 100%;
        margin-bottom: 3rem;
    }

    .fab22_lt .fab22_img {
        justify-content: flex-start;
    }

    .fab22_lt .fab22_img img {
        width: auto;
        margin-right: 2rem;
    }

    .fab22 .fab22_rt {
        width: 100%;
    }

    .fab22_rt .fab22_img {
        flex-wrap: wrap;
    }
}

@media screen and (max-width:650px) {
    .fab2 {
        padding: 0 3rem;
    }

    .fab22_rt .fab22_img {
        justify-content: flex-start;
    }

    .fab22_rt .fab22_img img {
        width: 40%;
        margin: 0 2rem 2rem 0;
    }
}

@media screen and (max-width:450px) {
    .fab2 .fab2_top:before {
        display: none;
    }

    .fab2_top .fab2_title img {
        padding-right: 1rem;
        width: 14%;
    }

    .fab2_title .fab2_txt {
        vertical-align: middle;
    }

    .fab2_title .fab2_txt h2 {
        font-size: 25px;
    }

    .fab2_title .fab2_txt h3 {
        font-size: 20px;
    }

    .fab21_set .fab21_title img {
        padding-right: 1rem;
        width: 15%;
    }

    .fab21 .fab21_lt {
        flex-wrap: wrap;
        justify-content: center;
    }

    .fab21_lt .fab21_set {
        width: 100%;
        margin-bottom: 3rem;
    }

    .fab21_set .fab21_title {
        padding-left: 0;
        margin-bottom: 1rem;
    }

    .fab22_lt .fab22_title {
        padding-left: 0;
        margin-bottom: 1rem;
    }

    .fab22_lt .fab22_title img {
        padding-right: 1rem;
    }

    .fab22_lt .fab22_img {
        justify-content: space-around;
    }

    .fab22_lt .fab22_img img {
        width: 49%;
        margin-right: 0;
    }

    .fab22_rt .fab22_title {
        padding-left: 0;
        margin-bottom: 1rem;
    }

    .fab22_rt .fab22_title img {
        padding-right: 1rem;
    }

    .fab22_rt .fab22_img img {
        width: 49%;
        margin: 0 0 2rem 0;
    }

    .fab22_rt .fab22_img {
        justify-content: space-between;
    }

}

@media screen and (max-width:414px) {
    .fab21_set .fab21_title img {
        width: 12%;
    }

    .fab21_set .fab21_title h2 {
        vertical-align: bottom;
    }

    .fab22_lt .fab22_title img {
        width: 12%;
    }

    .fab22_lt .fab22_title h2 {
        vertical-align: bottom;
    }

    .fab22_rt .fab22_title img {
        width: 12%;
    }

    .fab22_rt .fab22_title h2 {
        vertical-align: bottom;
    }
}

@media screen and (max-width:402px) {
    .fab2 {
        padding: 0 2rem;
    }
}

@media screen and (max-width:390px) {
    .fab2_top .fab2_title img {
        padding-right: 0.5rem;
        width: 12%;
    }

    .fab2_title .fab2_txt h2 {
        font-size: 23px;
    }

    .fab2_title .fab2_txt h3 {
        font-size: 16px;
    }
}

@media screen and (max-width:360px) {
    .fab2 {
        margin: 2rem auto;
    }
}

@media screen and (max-width:320px) {
    .fab2_title .fab2_txt h2 {
        font-size: 21px;
    }

    .fab2_title .fab2_txt h3 {
        font-size: 13px;
    }
}

/*fab3*/

.fab3 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 0 3rem 7.1rem;
}

.fab3 .fab3_title {
    margin-bottom: 2.5rem;
    position: relative;
}

.fab3 .fab3_title:before {
    content: '';
    background: url(../../images/fab3_deco01.png) top left no-repeat;
    background-size: contain;
    width: 1003px;
    max-width: 100%;
    min-height: 315px;
    position: absolute;
    top: 6rem;
    left: 34.8rem;
}

.fab3 .fab3_title img {
    display: inline-block;
    padding-right: 1.5rem;
}

.fab3_title .fab3_txt {
    display: inline-block;
    vertical-align: top;
}

.fab3_title .fab3_txt h2 {
    font-size: 30px;
    color: #8399c5;
    font-weight: 600;
}

.fab3_title .fab3_txt h3 {
    font-size: 26px;
    color: #8399c5;
    font-weight: 500;
    font-family: 'Montserrat';
    text-transform: uppercase;
    letter-spacing: 0;
}


.fab3 .fab3_cont {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;

}

.fab3 .fab3_cont:before {
    content: '';
    background: url(../../images/fab3_bg.png)top left;
    width: 1465px;
    max-width: 100%;
    min-height: 447px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.fab3_cont .fab3_lt {
    width: 56%;
    padding: 0 2.4rem 0 8.6rem;
}

.fab3_cont .fab3_lt ul {}

.fab3_cont .fab3_lt ul li {
    display: inline-block;
    width: 32%;
    text-align: center;
    margin-bottom: 2.4rem;
}

.fab3_cont .fab3_lt ul li img {
    margin-bottom: 1.7rem;
}

.fab3_cont .fab3_lt ul li h2 {
    font-size: 22px;
    font-weight: 500;
}


.fab3_cont .fab3_rt {
    width: 40%;
    padding-bottom: 9.5rem;
}

@media screen and (max-width:1600px) {
    .fab3 {
        padding: 0 0 3rem 4rem;
    }
}

@media screen and (max-width:1536px) {
    .fab3 .fab3_title:before {
        top: 6rem;
    }
}

@media screen and (max-width:1400px) {
    .fab3 .fab3_title:before {
        min-height: 270px;
        max-width: 65%;
    }

    .fab3 .fab3_cont:before {
        max-width: 96%;
        min-height: 480px;
    }

    .fab3_cont .fab3_lt {
        padding: 0 2rem;
    }
}

@media screen and (max-width:1200px) {
    .fab3 .fab3_title:before {
        min-height: 200px;
    }
}

@media screen and (max-width:1000px) {
    .fab3 .fab3_cont:before {
        min-height: 530px;
    }

    .fab3 .fab3_title:before {
        min-height: 150px;
        max-width: 50%;
    }

    .fab3_cont .fab3_lt {
        width: 70%;
    }

    .fab3_cont .fab3_rt {
        width: 30%;
    }
}

@media screen and (max-width:834px) {
    .fab3 .fab3_cont:before {
        min-height: 480px;
    }
}

@media screen and (max-width:768px) {
    .fab3 {
        padding: 0 2rem 4rem;
    }

    .fab3 .fab3_title:before {
        min-height: 90px;
        max-width: 40%;
        top: 2rem;
        left: 26rem;
    }

    .fab3 .fab3_cont {
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        padding: 0 2rem;
    }

    .fab3 .fab3_cont:before {
        min-height: 720px;
        max-width: 100%;
    }

    .fab3_cont .fab3_lt {
        width: 100%;
        padding: 0;
    }

    .fab3_cont .fab3_lt ul li {
        width: 32.5%;
    }

    .fab3_cont .fab3_rt {
        width: 100%;
        padding-bottom: 5rem;
    }
}

@media screen and (max-width:576px) {
    .fab3 .fab3_cont:before {
        min-height: 580px;
    }
}

@media screen and (max-width:450px) {
    .fab3 {
        padding: 0 2rem 1rem;
    }

    .fab3 .fab3_title:before {
        top: 1.5rem;
        left: 19rem;
        min-height: 60px;
    }

    .fab3 .fab3_title img {
        padding-right: 1rem;
        width: 14%;
    }

    .fab3_title .fab3_txt {
        vertical-align: middle;
    }

    .fab3_title .fab3_txt h2 {
        font-size: 25px;
    }

    .fab3_title .fab3_txt h3 {
        font-size: 20px;
    }

    .fab3 .fab3_cont:before {
        min-height: 840px;
    }

    .fab3_cont .fab3_lt ul li {
        width: 49%;
    }
}

@media screen and (max-width:414px) {
    .fab3 .fab3_cont {
        padding: 0 1rem;
    }

    .fab3_cont .fab3_rt {
        padding-bottom: 3rem;
    }
}

@media screen and (max-width:402px) {
    .fab3 {
        padding: 0 1rem 1rem;
    }
}

@media screen and (max-width:390px) {
    .fab3 .fab3_title img {
        padding-right: 0.5rem;
        width: 12%;
    }

    .fab3_title .fab3_txt h2 {
        font-size: 23px;
    }

    .fab3_title .fab3_txt h3 {
        font-size: 16px;
    }
}

@media screen and (max-width:360px) {
    .fab3 .fab3_title:before {
        min-height: 45px;
        left: 17rem;
    }

    .fab3 .fab3_cont:before {
        min-height: 760px;
    }
}

@media screen and (max-width:320px) {
    .fab3 .fab3_title:before {
        left: 15rem;
    }

    .fab3_title .fab3_txt h2 {
        font-size: 21px;
    }

    .fab3_title .fab3_txt h3 {
        font-size: 13px;
    }
}

@media screen and (max-width:310px) {
    .fab3 .fab3_cont:before {
        min-height: 670px;
    }

    .fab3_cont .fab3_lt ul li {
        width: 48%;
    }

}

@media screen and (max-width:px) {}


/***steel-fabrication end****/
/***********************/
/***powder-processing start***/

.powder-processing {}


/*pp1*/

.powder-processing .pp1 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto 5rem;
    padding: 5.5rem 13.5rem 0 7.6rem;
    display: flex;
    justify-content: space-between;
}

.pp1 .pp1_lt {
    width: 56.8%;
}

.pp1 .pp1_lt img {}

.pp1 .pp1_rt {
    width: 39%;
    padding-top: 6rem;
}

.pp1 .pp1_rt p {
    font-size: 18px;
    text-align: justify;
}

@media screen and (max-width:1600px) {
    .powder-processing .pp1 {
        padding: 5.5rem 6rem 0 6rem;
    }
}

@media screen and (max-width:1400px) {
    .pp1 .pp1_rt {
        padding-top: 3rem;
    }
}

@media screen and (max-width:1200px) {
    .powder-processing .pp1 {
        padding: 5.5rem 4rem 0 4rem;
    }

    .pp1 .pp1_rt {
        padding-top: 0;
    }
}

@media screen and (max-width:1100px) {
    .pp1 .pp1_rt {
        width: 41%;
    }
}

@media screen and (max-width:834px) {
    .powder-processing .pp1 {
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 auto 3rem;
    }

    .pp1 .pp1_lt {
        width: 100%;
    }

    .pp1 .pp1_rt {
        width: 100%;
        margin-bottom: 3rem;
        order: -1;
    }
}

@media screen and (max-width:650px) {
    .powder-processing .pp1 {
        padding: 4rem 3rem 0 3rem;
    }
}

@media screen and (max-width:402px) {
    .powder-processing .pp1 {
        padding: 3rem 2rem 0 2rem;
    }
}

@media screen and (max-width:414px) {
    .powder-processing .pp1 {
        margin: 0 auto 2rem;
    }

    .pp1 .pp1_rt {
        margin-bottom: 2rem;
    }
}



/*pp2*/

.powder-processing .pp2 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto 8rem;
    padding: 0 0 0 20rem;
}

.pp2 .pp21 {
    margin-bottom: 6.5rem;
    display: flex;
    justify-content: space-between;
}

.pp21 .pp21_lt {
    width: 39.3%;
    padding-top: 4rem;
}

.pp21 .pp21_lt p {
    font-size: 18px;
    text-align: justify;
}

.pp21 .pp21_rt {
    width: 49.6%;
}

.pp21 .pp21_rt img {}

.pp2 .pp22 {
    display: flex;
    justify-content: space-between;
}

.pp22 .pp22_lt {
    width: 42.4%;
    padding-top: 5rem;
}

.pp22 .pp22_lt img {
    display: inline-block;
    padding-right: 1rem;
}

.pp22_lt .pp22_txt {
    display: inline-block;
    vertical-align: text-top;
}

.pp22_lt .pp22_txt h5 {
    font-size: 24px;
    color: #2b569b;
    font-family: 'LXGW WenKai TC';
    letter-spacing: 1px;
}

.pp22_lt .pp22_txt p {
    font-size: 10px;
    color: #2b569b;
    font-family: 'Montserrat';
    letter-spacing: -1px;
    font-weight: 700;
}


.pp22 .pp22_rt {
    width: 47.1%;
    padding-right: 13.5rem;
}

.pp22 .pp22_rt p {
    font-size: 18px;
    text-align: justify;
}

@media screen and (max-width:1536px) {
    .powder-processing .pp2 {
        padding: 0 2rem 0 18rem;
    }
}

@media screen and (max-width:1400px) {
    .powder-processing .pp2 {
        padding: 0 2rem 0 6rem;
    }
}

@media screen and (max-width:1366px) {
    .pp21 .pp21_lt {
        width: 44%;
    }

    .pp22 .pp22_lt {
        width: 48%;
    }

    .pp22 .pp22_rt {
        padding-right: 5rem;
    }
}

@media screen and (max-width:1200px) {
    .pp22 .pp22_lt img {
        width: 14%;
    }
}

@media screen and (max-width:1000px) {
    .pp21 .pp21_lt {
        padding-top: 1rem;
    }

    .pp22 .pp22_lt {
        width: 70%;
    }

    .pp22 .pp22_rt {
        padding-right: 0;
    }
}

@media screen and (max-width:834px) {
    .powder-processing .pp2 {
        padding: 0 4rem;
        margin: 0 auto 3rem;
    }

    .pp2 .pp21 {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 3rem;
    }

    .pp21 .pp21_lt {
        padding-top: 0;
        width: 100%;
        margin-bottom: 3rem;
    }

    .pp21 .pp21_rt {
        width: 100%;
        text-align: center;
    }

    .pp2 .pp22 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .pp22 .pp22_lt {
        width: 100%;
        padding-top: 0;
        text-align: center;
    }

    .pp22_lt .pp22_txt {
        text-align: left;
    }

    .pp22 .pp22_rt {
        width: 100%;
        margin-bottom: 3rem;
        order: -1;
    }
}

@media screen and (max-width:650px) {
    .powder-processing .pp2 {
        padding: 0 3rem;
    }
}

@media screen and (max-width:576px) {
    .pp22 .pp22_lt img {
        width: 10%;
        padding-right: 0.5rem;
    }

    .pp22_lt .pp22_txt h5 {
        font-size: 18px;
    }
}

@media screen and (max-width:450px) {
    .pp22 .pp22_lt {
        display: flex;
        align-items: flex-start;
    }
}

@media screen and (max-width:430px) {
    .pp22_lt .pp22_txt h5 {
        font-size: 15px;
    }
}

@media screen and (max-width:414px) {
    .powder-processing .pp2 {
        margin: 0 auto 2rem;
    }

    .pp2 .pp21 {
        margin-bottom: 2rem;
    }

    .pp21 .pp21_lt {
        margin-bottom: 2rem;
    }

}

@media screen and (max-width:402px) {
    .powder-processing .pp2 {
        padding: 0 2rem;
    }

}

@media screen and (max-width:px) {}


/*pp3*/

.powder-processing .pp3 {}

.pp3 .pp3_tilte {
    width: 1760px;
    max-width: 100%;
    margin: 0 0 0 auto;
    position: relative;
    padding: 1.5rem 0 5.9rem 7.6rem;
}

.pp3 .pp3_tilte:before {
    content: '';
    background: #8399c5;
    width: 70.8%;
    min-height: 133px;
    position: absolute;
    top: 0;
    right: 0;
}

.pp3 .pp3_tilte img {
    display: inline-block;
    padding-right: 1.5rem;
}

.pp3_tilte .pp3_txt {
    display: inline-block;
    vertical-align: top;
}

.pp3_tilte .pp3_txt h2 {
    font-size: 30px;
    color: #8399c5;
    font-weight: 600;
}

.pp3_tilte .pp3_txt h3 {
    font-size: 26px;
    color: #8399c5;
    font-weight: 500;
    font-family: 'Montserrat';
    text-transform: uppercase;
    letter-spacing: 0;
}

.pp3 .pp3_cont {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 5.3rem 0 7.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pp3_cont .pp3_lt {
    width: 57.8%;
}

.pp3_cont .pp3_lt img {}

.pp3_cont .pp3_rt {
    width: 37.3%;
}

.pp3_cont .pp3_rt p {
    font-size: 18px;
    text-align: justify;
}

@media screen and (max-width:1536px) {
    .pp3 .pp3_tilte {
        padding: 1.5rem 0 5.9rem 6rem;
    }

    .pp3 .pp3_cont {
        padding: 0 6rem;
    }
}

@media screen and (max-width:1400px) {
    .pp3 .pp3_tilte:before {
        width: 60%;
    }
}

@media screen and (max-width:1000px) {
    .pp3 .pp3_tilte:before {
        width: 50%;
    }
}

@media screen and (max-width:834px) {
    .pp3 .pp3_tilte {
        padding: 1.5rem 0 5.9rem 4rem;
    }

    .pp3 .pp3_tilte:before {
        width: 40%;
    }

    .pp3 .pp3_cont {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 4rem;
    }

    .pp3_cont .pp3_lt {
        width: 100%;
    }

    .pp3_cont .pp3_rt {
        width: 100%;
        margin-bottom: 3rem;
        order: -1;
    }
}

@media screen and (max-width:650px) {
    .pp3 .pp3_tilte {
        padding: 1.5rem 0 5rem 3rem;
    }

    .pp3 .pp3_tilte:before {
        width: 30%;
    }

    .pp3 .pp3_cont {
        padding: 0 3rem;
    }
}

@media screen and (max-width:450px) {
    .pp3 .pp3_tilte {
        padding: 1rem 0 3rem 3rem;
    }

    .pp3 .pp3_tilte:before {
        min-height: 85px;
    }

    .pp3 .pp3_tilte img {
        padding-right: 1rem;
        width: 14%;
    }

    .pp3_tilte .pp3_txt {
        vertical-align: middle;
    }

    .pp3_tilte .pp3_txt h2 {
        font-size: 25px;
    }

    .pp3_tilte .pp3_txt h3 {
        font-size: 20px;
    }
}

@media screen and (max-width:414px) {
    .pp3 .pp3_tilte {
        padding: 1rem 0 2rem 2rem;
    }

    .pp3 .pp3_tilte:before {
        width: 20%;
        min-height: 75px;
    }

    .pp3_cont .pp3_rt {
        margin-bottom: 2rem;
    }
}

@media screen and (max-width:402px) {
    .pp3 .pp3_cont {
        padding: 0 2rem;
    }

}

@media screen and (max-width:390px) {
    .pp3 .pp3_tilte img {
        padding-right: 0.5rem;
        width: 12%;
    }

    .pp3_tilte .pp3_txt h2 {
        font-size: 23px;
    }

    .pp3_tilte .pp3_txt h3 {
        font-size: 16px;
    }
}

@media screen and (max-width:360px) {
    .pp3 .pp3_tilte:before {
        min-height: 70px;
    }
}

@media screen and (max-width:320px) {
    .pp3_tilte .pp3_txt h2 {
        font-size: 21px;
    }

    .pp3_tilte .pp3_txt h3 {
        font-size: 13px;
    }
}

@media screen and (max-width:px) {}



/*pp4*/

.powder-processing .pp4 {
    width: 1760px;
    max-width: 100%;
    margin: 0 0 0 auto;
    padding: 0 0 0 7rem;
    display: flex;
}

.pp4 .pp4_lt {
    width: 33.2%;
    padding: 5.8rem 0 0 0;
    text-align: center;
}

.pp4_lt .pp4_lt_title {
    width: 34%;
    border: 1px #2b569b solid;
    padding: 1.7rem 2rem;
    text-align: center;
    margin: 0 auto 1.3rem;
}

.pp4_lt .pp4_lt_title h3 {
    font-size: 22px;
    font-weight: 500;
    color: #2b569b;
}

.pp4_lt .pp4_lt_txt {
    padding-right: 3.5rem;
    margin: 2.2rem 0 12rem 0;
}

.pp4_lt .pp4_lt_txt p {
    font-size: 18px;
    text-align: justify;
    letter-spacing: 1px;
}

.pp4_lt .pp4_lt_img {}

.pp4_lt .pp4_lt_img img {}



.pp4 .pp4_rt {
    width: 66.8%;
    background: rgba(182, 189, 200, .15);
    padding: 5.8rem 16.1rem 0.3rem 4rem;
}

.pp4_rt .pp4_rt_top {
    margin-bottom: 4.3rem;
}

.pp4_rt_top .pp4_rt_top_title {
    background: #2b569b;
    border-radius: 100px;
    padding: 1.4rem 0;
    width: 22%;
    margin: 0 auto 4.4rem;
    text-align: center;

}

.pp4_rt_top .pp4_rt_top_title h3 {
    font-size: 22px;
    color: #ffffff;
    font-weight: 500;
}

.pp4_rt .pp4_rt_top ul {
    padding: 0 2.6rem 0 2.5rem;
    display: flex;
    justify-content: space-between;
}

.pp4_rt .pp4_rt_top ul li {
    background: rgba(43, 86, 155, 0.15);
    padding: 2.3rem 2.2rem;
    width: 22%;
    border-radius: 20px;

}

.pp4_rt_top ul li .pp4_rt_top_no {}

.pp4_rt_top ul li .pp4_rt_top_no span {
    font-size: 12px;
    font-family: 'Montserrat';
    display: inline-block;
    padding-right: 1.5rem;
    text-transform: uppercase;
}

.pp4_rt_top ul li .pp4_rt_top_no p {
    font-size: 72px;
    color: #2b569b;
    font-family: 'Montserrat';
    font-weight: 900;
    opacity: .25;
    display: inline-block;
    line-height: 1;
}

.pp4_rt .pp4_rt_top ul li hr {
    width: 100%;
    height: 4px;
    background: rgba(43, 86, 155, 0.15);
    margin: 1.5rem 0 2rem;
    border-top: none;
}

.pp4_rt_top ul li .pp4_rt_top_txt {
    margin-top: 2rem;
    text-align: center;
}

.pp4_rt_top ul li .pp4_rt_top_txt p {
    font-size: 24px;
    font-family: 'LXGW WenKai TC';
    letter-spacing: 0;
}


.pp4_rt .pp4_rt_bot {}

.pp4_rt_bot .pp4_rt_bot_title {
    background: #2b569b;
    border-radius: 100px;
    padding: 1.4rem 0;
    margin: 0 auto 4rem;
    width: 22%;
    text-align: center;
}

.pp4_rt_bot .pp4_rt_bot_title h3 {
    font-size: 22px;
    color: #ffffff;
    font-weight: 500;
}

.pp4_rt .pp4_rt_bot ul {
    padding: 0 10rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pp4_rt .pp4_rt_bot ul li {
    width: 49%;
    margin-bottom: 3rem;
    text-align: center;
}

.pp4_rt .pp4_rt_bot ul li img {
    margin-bottom: 1.4rem;
}

.pp4_rt .pp4_rt_bot ul li h4 {
    font-size: 22px;
}

@media screen and (max-width:1700px) {
    .pp4_lt .pp4_lt_title {
        width: 40%;
    }

    .pp4_rt .pp4_rt_top ul {
        padding: 0;
    }

    .pp4_rt .pp4_rt_bot ul {
        padding: 0 7rem;
    }
}

@media screen and (max-width:1536px) {
    .powder-processing .pp4 {
        padding: 0 0 0 6rem;
    }

    .pp4 .pp4_rt {
        padding: 5.8rem 4rem 0.3rem 4rem;
    }
}

@media screen and (max-width:1400px) {
    .pp4_lt .pp4_lt_title {
        width: 45%;
    }

    .pp4 .pp4_rt {
        padding: 5.8rem 4rem 0.3rem 2rem;
    }

    .pp4_rt .pp4_rt_top ul li {
        width: 24%;
    }
}

@media screen and (max-width:1200px) {
    .pp4_lt .pp4_lt_title {
        width: 55%;
    }

    .pp4_rt_top ul li .pp4_rt_top_txt p br {
        display: none;
    }

    .pp4_rt .pp4_rt_bot ul {
        padding: 0 3rem;
    }
}

@media screen and (max-width:1100px) {
    .powder-processing .pp4 {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 0 0 4rem;
        margin: 0 0 3rem 0;
    }

    .pp4 .pp4_lt {
        width: 75%;
        margin-bottom: 3rem;
    }

    .pp4_lt .pp4_lt_title {
        width: 30%;
    }

    .pp4_lt .pp4_lt_txt {
        padding-right: 0;
        margin: 2.2rem 0 5rem 0;
    }

    .pp4 .pp4_rt {
        padding: 5.8rem 4rem 0.3rem 4rem;
        width: 100%;
    }
}

@media screen and (max-width:834px) {
    .pp4 .pp4_lt {
        width: 90%;
    }
}

@media screen and (max-width:768px) {
    .pp4_rt_top .pp4_rt_top_title {
        width: 30%;
    }

    .pp4_rt .pp4_rt_top ul {
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .pp4_rt .pp4_rt_top ul li {
        width: 34%;
        margin-bottom: 3rem;
    }

    .pp4_rt_bot .pp4_rt_bot_title {
        width: 30%;
    }

    .pp4_rt .pp4_rt_bot ul {
        padding: 0;
    }
}

@media screen and (max-width:650px) {
    .powder-processing .pp4 {
        padding: 0 3rem;
    }

    .pp4 .pp4_lt {
        width: 100%;
    }

    .pp4_lt .pp4_lt_title {
        width: 40%;
    }

    .pp4 .pp4_rt {
        padding: 5.8rem 1rem 0.3rem 1rem;
    }

    .pp4_rt_top .pp4_rt_top_title {
        width: 40%;
    }

    .pp4_rt .pp4_rt_top ul li {
        width: 40%;
        margin-bottom: 3rem;
    }

    .pp4_rt_bot .pp4_rt_bot_title {
        width: 40%;
    }
}

@media screen and (max-width:450px) {
    .pp4 .pp4_lt {
        padding: 5rem 0 0 0;
    }

    .pp4_lt .pp4_lt_title {
        width: 60%;
    }

    .pp4 .pp4_rt {
        padding: 5rem 1rem 0.3rem 1rem;
    }

    .pp4_rt_top .pp4_rt_top_title {
        width: 60%;
        margin: 0 auto 3rem;
    }

    .pp4_rt .pp4_rt_top ul li {
        width: 48%;
        margin-bottom: 1rem;
    }

    .pp4_rt_bot .pp4_rt_bot_title {
        width: 60%;
        margin: 0 auto 3rem;
    }
}

@media screen and (max-width:414px) {
    .powder-processing .pp4 {
        padding: 0 2rem;
    }

    .pp4 .pp4_lt {
        padding: 5rem 1rem 0 1rem;
    }

    .pp4_rt_top ul li .pp4_rt_top_no span {
        padding-right: 1rem;
    }

    .pp4_rt_top ul li .pp4_rt_top_no p {
        font-size: 65px;
    }

    .pp4_rt .pp4_rt_top ul li hr {
        margin: 1rem 0;
    }

    .pp4_rt_top ul li .pp4_rt_top_txt {
        margin-top: 0;
    }

    .pp4_rt_top ul li .pp4_rt_top_txt p {
        font-size: 20px;
    }

    .pp4_rt .pp4_rt_bot ul li h4 {
        font-size: 18px;
    }
}

@media screen and (max-width:402px) {
    .powder-processing .pp4 {
        padding: 0 1rem;
    }

    .pp4 .pp4_lt {
        padding: 5rem 1rem 0 1rem;
    }

}

@media screen and (max-width:360px) {
    .pp4_rt_top ul li .pp4_rt_top_no p {
        font-size: 60px;
    }

    .pp4 .pp4_rt {
        padding: 5rem 0.5rem 0.3rem 0.5rem;
    }

    .pp4_rt .pp4_rt_bot ul li h4 {
        font-size: 16px;
    }
}

@media screen and (max-width:350px) {
    .pp4_lt .pp4_lt_title {
        width: 70%;
    }

    .pp4_rt_top .pp4_rt_top_title {
        width: 70%;
    }

    .pp4_rt_bot .pp4_rt_bot_title {
        width: 70%;
    }
}

@media screen and (max-width:330px) {
    .pp4_rt .pp4_rt_top ul li {
        padding: 1rem;
    }
}

@media screen and (max-width:300px) {
    .pp4_lt .pp4_lt_title {
        width: 90%;
    }
}

@media screen and (max-width:px) {}


/*pp5*/

.powder-processing .pp5 {
    width: 1600px;
    max-width: 100%;
    margin: 5.3rem auto 6.4rem;
    padding: 0 0 0 7rem;
    display: flex;
    justify-content: space-between;
}

.pp5 .pp5_lt {
    width: 38.5%;
    text-align: center;
}

.pp5_lt .pp5_lt_title {
    width: 34%;
    border: 1px #2b569b solid;
    padding: 1.7rem 2rem;
    text-align: center;
    margin: 0 auto 1.3rem;
}

.pp5_lt .pp5_lt_title h3 {
    font-size: 22px;
    font-weight: 500;
    color: #2b569b;
}

.pp5 .pp5_lt img {}

.pp5 .pp5_lt ul {
    margin-top: 1.6rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: center;
}

.pp5 .pp5_lt ul li {
    background: #8399c5;
    width: 32%;
    border-radius: 20px;
    padding: 2.2rem 0;
    text-align: center;
    margin-bottom: 2rem;
    min-height: 117px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pp5 .pp5_lt ul li p {
    font-size: 18px;
    color: #ffff;
    letter-spacing: 1px;
}


.pp5 .pp5_rt {
    width: 60.6%;
    padding: 0 4.9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pp5 .pp5_rt img {
    width: 48%;
}

@media screen and (max-width:1600px) {
    .powder-processing .pp5 {
        padding: 0 6rem;
    }

    .pp5 .pp5_rt {
        padding: 0 0 0 2rem;
    }
}

@media screen and (max-width:1366px) {
    .pp5 .pp5_lt {
        width: 45%;
    }
}

@media screen and (max-width:1200px) {
    .powder-processing .pp5 {
        padding: 0 4rem;
    }
}

@media screen and (max-width:1100px) {
    .powder-processing .pp5 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .pp5 .pp5_lt {
        width: 70%;
        margin-bottom: 3rem;
    }

    .pp5 .pp5_rt {
        padding: 0;
        width: 81%;
    }
}

@media screen and (max-width:834px) {
    .pp5 .pp5_lt {
        width: 90%;
    }

    .pp5 .pp5_rt {
        width: 100%;
    }

    .pp5 .pp5_rt img {
        width: 49%;
    }
}

@media screen and (max-width:650px) {
    .powder-processing .pp5 {
        padding: 0 3rem;
    }
}

@media screen and (max-width:576px) {
    .powder-processing .pp5 {
        margin: 5rem auto 0;
    }

    .pp5_lt .pp5_lt_title {
        width: 40%;
    }

    .pp5 .pp5_lt {
        width: 100%;
    }

    .pp5 .pp5_lt ul {
        justify-content: space-around;
    }

    .pp5 .pp5_lt ul li {
        width: 45%;
    }

    .pp5 .pp5_rt {
        flex-wrap: wrap;
        justify-content: center;
    }

    .pp5 .pp5_rt img {
        width: auto;
        margin-bottom: 3rem;
    }
}

@media screen and (max-width:450px) {
    .pp5_lt .pp5_lt_title {
        width: 60%;
    }

    .pp5 .pp5_lt ul li {
        width: 49%;
    }
}

@media screen and (max-width:402px) {
    .powder-processing .pp5 {
        padding: 0 2rem;
    }
}

@media screen and (max-width:370px) {
    .pp5 .pp5_lt ul li {
        width: 90%;
        min-height: 110px;
    }
}

@media screen and (max-width:350px) {
    .pp5_lt .pp5_lt_title {
        width: 70%;
    }
}

@media screen and (max-width:300px) {
    .pp5_lt .pp5_lt_title {
        width: 90%;
    }
}

@media screen and (max-width:px) {}



/*pp6*/

.powder-processing .pp6 {
    width: 1700px;
    max-width: 100%;
    margin: 0 0 0 auto;
    background: rgba(182, 189, 200, .15);
    padding: 3rem 16.1rem 0 18.5rem;
    display: flex;
    justify-content: space-between;
}

.pp6 .pp6_lt {
    width: 20%;
    text-align: center;
    padding-right: 4.7rem;
}

.pp6_lt .pp6_lt_title {
    width: 90%;
    border: 1px #2b569b solid;
    padding: 1.7rem 2rem;
    text-align: center;
    margin: 5.5rem 0 1.3rem 1.5rem;
}

.pp6_lt .pp6_lt_title h3 {
    font-size: 22px;
    font-weight: 500;
    color: #2b569b;
}

.pp6 .pp6_lt img {}

.pp6_lt .pp6_lt_txt {
    margin-top: 1.2rem;
    text-align: left;
}

.pp6_lt .pp6_lt_txt p {
    font-size: 18px;
}

.pp6 .pp6_rt {
    width: 79%;
}

.pp6 .pp6_rt ul {
    display: flex;
    flex-wrap: wrap;
}

.pp6 .pp6_rt ul li {
    margin-bottom: 3rem;
    width: 33%;
}

.pp6 .pp6_rt ul li img {
    padding-right: 1.6rem;
    display: inline-block;
}

.pp6 .pp6_rt ul li p {
    font-size: 22px;
    display: inline-block;
}

@media screen and (max-width:1700px) {
    .powder-processing .pp6 {
        max-width: 96%;
        padding: 3rem 4rem 0 4rem;
    }
}

@media screen and (max-width:1400px) {
    .pp6 .pp6_lt {
        padding-right: 2rem;
    }
}

@media screen and (max-width:1200px) {
    .powder-processing .pp6 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .pp6 .pp6_lt {
        padding-right: 0;
        width: 30%;
        margin-bottom: 5rem;
    }

    .pp6_lt .pp6_lt_title {
        margin: 3rem auto 1.3rem;
    }

    .pp6_lt .pp6_lt_txt {
        text-align: center;
    }

    .pp6 .pp6_rt {
        width: 100%;
    }
}

@media screen and (max-width:1000px) {
    .powder-processing .pp6 {
        padding: 3rem 2rem 0 2rem;
    }

    .pp6 .pp6_rt ul li {
        margin-bottom: 2rem;
    }

    .pp6 .pp6_rt ul li img {
        padding-right: 1rem;
    }

    .pp6 .pp6_rt ul li p {
        letter-spacing: 0;
    }
}

@media screen and (max-width:834px) {
    .pp6 .pp6_rt {
        width: 90%;
    }

    .pp6 .pp6_rt ul li {
        width: 50%;
    }
}

@media screen and (max-width:768px) {
    .pp6 .pp6_lt {
        width: 33%;
    }
}

@media screen and (max-width:650px) {
    .powder-processing .pp6 {
        padding: 3rem 1rem 0 1rem;
    }

    .pp6 .pp6_lt {
        width: 40%;
    }

    .pp6 .pp6_rt {
        width: 100%;
    }

}

@media screen and (max-width:576px) {
    .pp6 .pp6_rt ul li img {
        padding-right: 0.5rem;
        width: 18%;
    }
}

@media screen and (max-width:450px) {
    .pp6 .pp6_lt {
        width: 60%;
    }

    .pp6 .pp6_rt ul li p {
        font-size: 18px;
    }

}

@media screen and (max-width:430px) {
    .pp6 .pp6_rt ul {
        justify-content: flex-end;
    }

    .pp6 .pp6_rt ul li {
        width: 80%;
    }
}

@media screen and (max-width:402px) {
    .pp6 .pp6_lt {
        width: 80%;
    }

    .pp6 .pp6_rt ul li {
        width: 90%;
    }
}

@media screen and (max-width:390px) {
    .pp6 .pp6_rt {
        padding: 0 1rem;
    }

    .pp6 .pp6_rt ul li {
        width: 100%;
    }
}

@media screen and (max-width:350px) {
    .pp6 .pp6_lt {
        width: 70%;
    }
}

@media screen and (max-width:300px) {
    .pp6 .pp6_lt {
        width: 90%;
    }
}

@media screen and (max-width:px) {}

/***powder-processing end****/
/***********************/
/***steel-construction start***/

.steel-construction {}


/*sc1*/

.steel-construction .sc1 {
    padding: 6.8rem 0 0 0;
}

.sc1 .sc1_title {
    width: 529px;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 8.4rem;
}

.sc1 .sc1_title img {
    padding-right: 1.6rem;
    display: inline-block;
}

.sc1_title .sc1_txt {
    display: inline-block;
    vertical-align: middle;
}

.sc1_title .sc1_txt h2 {
    font-size: 30px;
    color: #8399c5;
}

.sc1_title .sc1_txt h3 {
    font-size: 26px;
    color: #8399c5;
    font-family: 'Montserrat';
    text-transform: uppercase;
    letter-spacing: 0px;
}

.sc1 .sc1_cont {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    padding: 3.4rem 0 0 5.9rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.sc1_cont .sc1_set {
    position: relative;
    width: 16%;
    margin-bottom: 4rem;
    text-align: center;
}

.sc1_set .sc1_no {
    width: 110px;
    max-width: 100%;
    min-height: 110px;
    padding: 3rem .5rem;
    background: #2b569b;
    border: 8px #fff solid;
    border-radius: 100px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: baseline;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;

}

.sc1_set .sc1_no p {
    font-size: 40px;
    color: #ffffff;
    font-family: 'Montserrat';
    font-weight: 700;
    display: inline-block;
    line-height: .8;
    padding-right: 0.5rem;
}

.sc1_set .sc1_no span {
    font-size: 20px;
    color: #fff;
    display: inline-block;
    line-height: .8;
}

.sc1_set .sc1_desc {
    background: rgba(182, 189, 200, 0.15);
    padding: 9.5rem 2rem 0;
    min-height: 227px;
    margin-top: 4.2rem;
    border-radius: 20px;
}

.sc1_set .sc1_desc p {
    font-size: 22px;
    text-align: center;
}

@media screen and (max-width:1600px) {
    .steel-construction .sc1 {
        padding: 6.8rem 4rem 0 4rem;
    }
}

@media screen and (max-width:1200px) {
    .sc1 .sc1_cont {
        padding: 3.4rem 0 0 0;
    }
}

@media screen and (max-width:1100px) {
    .sc1_cont .sc1_set {
        width: 24%;
    }
}

@media screen and (max-width:768px) {
    .sc1_cont .sc1_set {
        width: 32%;
    }
}

@media screen and (max-width:650px) {
    .steel-construction .sc1 {
        padding: 6.8rem 3rem 0 3rem;
    }

    .sc1 .sc1_title {
        padding-left: 0;
        text-align: center;
    }
}

@media screen and (max-width:576px) {
    .sc1_cont .sc1_set {
        width: 49%;
    }
}

@media screen and (max-width:450px) {
    .sc1 .sc1_title img {
        padding-right: 1rem;
        width: 14%;
    }

    .sc1_title .sc1_txt {
        text-align: left;
    }

    .sc1_title .sc1_txt h2 {
        font-size: 25px;
    }

    .sc1_title .sc1_txt h3 {
        font-size: 20px;
    }

    .sc1_set .sc1_desc {
        padding: 8rem 2rem 0;
        min-height: 210px;
    }
}

@media screen and (max-width:430px) {
    .steel-construction .sc1 {
        padding: 4rem 3rem 0 3rem;
    }

    .sc1_set .sc1_desc p {
        font-size: 18px;
    }
}

@media screen and (max-width:414px) {
    .sc1_cont .sc1_set {
        margin-bottom: 1rem;
    }

    .sc1_set .sc1_no {
        width: 100px;
        min-height: 100px;
        padding: 2.5rem .5rem;
    }

    .sc1_set .sc1_no p {
        font-size: 35px;
    }

    .sc1_set .sc1_no span {
        font-size: 15px;
    }

    .sc1_set .sc1_desc {
        padding: 7.5rem 2rem 0;
        min-height: 180px;
    }

}

@media screen and (max-width:402px) {
    .steel-construction .sc1 {
        padding: 4rem 2rem 0 2rem;
    }
}

@media screen and (max-width:393px) {
    .sc1 .sc1_cont {
        padding: 2rem 0 0 0;
    }
}

@media screen and (max-width:390px) {
    .sc1 .sc1_title img {
        padding-right: 0.5rem;
        width: 12%;
    }

    .sc1_title .sc1_txt h2 {
        font-size: 23px;
    }

    .sc1_title .sc1_txt h3 {
        font-size: 16px;
    }

    .sc1_set .sc1_desc {
        padding: 6.5rem 2rem 0;
    }
}

@media screen and (max-width:320px) {

    .sc1_title .sc1_txt h2 {
        font-size: 21px;
        letter-spacing: 0;
    }

    .sc1_title .sc1_txt h3 {
        font-size: 13px;
    }

    .sc1_set .sc1_no {
        width: 90px;
        min-height: 90px;
        padding: 2.2rem .5rem;
    }

    .sc1_set .sc1_no p {
        font-size: 30px;
    }

    .sc1_set .sc1_desc {
        padding: 6.5rem 1rem 0;
        min-height: 160px;
    }

    .sc1_set .sc1_desc p {
        font-size: 16px;
    }
}

@media screen and (max-width:px) {}

/***steel-construction end****/
/***********************/
/***civil-engineering start***/

.civil-engineering {}


.civil-engineering .ce1 {
    width: 1690px;
    max-width: 100%;
    margin: 0 0 0 auto;
    position: relative;
    padding: 6.8rem 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.ce1 .ce1_lt {
    width: 34.8%;
    padding: 3.9rem 0 0 11.6rem;
    position: relative;

}

.ce1 .ce1_lt:before {
    content: '';
    background: url(../../images/ce1_deco02.png) top left no-repeat;
    background-size: contain;
    width: 83px;
    max-width: 100%;
    min-height: 62px;
    position: absolute;
    top: 0;
    left: 0;
}

.ce1_lt .ce1_lt_txt {}

.ce1_lt .ce1_lt_txt h3 {
    font-size: 22px;
    color: #2b569b;
    font-family: 'LXGW WenKai TC';
    margin-bottom: 2.6rem;
    letter-spacing: 1px;
}

.ce1_lt .ce1_lt_txt p {
    font-size: 16px;
    font-family: 'Montserrat';
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.ce1 .ce1_rt {
    width: 64.3%;
}

.ce1_rt .ce1_rt_wrap {
    padding: 0 22.1rem 8.8rem 7.2rem;
    position: relative;
}

.ce1_rt .ce1_rt_wrap:before {
    content: '';
    background: url(../../images/ce1_deco01.png) bottom right no-repeat;
    background-size: contain;
    width: 350px;
    max-width: 100%;
    min-height: 296px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.ce1_rt_wrap .ce1_rt_txt {
    background: rgba(43, 86, 155, 0.15);
    padding: 14.5rem 14rem;
}

.ce1_rt_wrap .ce1_rt_txt p {
    font-size: 18px;
    letter-spacing: 1px;
    text-align: justify;
}

.ce1_rt_wrap .ce1_rt_txt p:first-child {
    margin-bottom: 4.7rem;
}

@media screen and (max-width:1700px) {
    .civil-engineering .ce1 {
        padding: 6.8rem 0 0 6rem;
    }
}

@media screen and (max-width:1536px) {
    .ce1 .ce1_lt {
        width: 39.8%;
    }

    .ce1 .ce1_rt {
        width: 59.3%;
    }

    .ce1_rt .ce1_rt_wrap {
        padding: 0 7rem 8.8rem 7.2rem;
    }

    .ce1_rt .ce1_rt_wrap:before {
        min-height: 160px;
    }
}

@media screen and (max-width:1400px) {
    .ce1 .ce1_lt {
        padding: 2rem 0 0 9rem;
    }
}

@media screen and (max-width:1366px) {
    .ce1 .ce1_lt {
        width: 41%;
    }

    .ce1_rt_wrap .ce1_rt_txt {
        padding: 12rem 4rem;
    }
}

@media screen and (max-width:1200px) {
    .ce1 .ce1_lt {
        width: 47%;
    }

    .ce1 .ce1_rt {
        width: 53%;
    }

    .ce1_rt .ce1_rt_wrap {
        padding: 0 3rem 4rem 3rem;
    }
}

@media screen and (max-width:1100px) {
    .ce1 .ce1_lt {
        padding: 1rem 0 0 5rem;
    }

    .ce1 .ce1_lt:before {
        max-width: 12%;
        min-height: 40px;
    }
}

@media screen and (max-width:1000px) {
    .civil-engineering .ce1 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .ce1 .ce1_lt {
        width: 56%;
        padding: 1rem 0 0 6rem;
        margin-bottom: 3rem;
    }

    .ce1 .ce1_rt {
        width: 80%;
    }

    .ce1_rt .ce1_rt_wrap {
        padding: 0 8rem 6rem 3rem;
    }

    .ce1_rt .ce1_rt_wrap:before {
        min-height: 180px;
    }
}

@media screen and (max-width:834px) {
    .ce1 .ce1_lt {
        width: 70%;
    }

    .ce1 .ce1_rt {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    .civil-engineering .ce1 {
        padding: 6.8rem 4rem 0 4rem;
    }

    .ce1 .ce1_lt {
        width: 75%;
    }

    .ce1_rt .ce1_rt_wrap {
        padding: 0 0 5rem 0;
    }

    .ce1_rt_wrap .ce1_rt_txt {
        padding: 9rem 4rem 13rem;
    }
}

@media screen and (max-width:650px) {
    .civil-engineering .ce1 {
        padding: 6.8rem 3rem 0 3rem;
    }

    .ce1 .ce1_lt {
        width: 90%;
    }
}

@media screen and (max-width:576px) {
    .ce1 .ce1_lt {
        width: 100%;
    }
}

@media screen and (max-width:450px) {
    .civil-engineering .ce1 {
        padding: 4rem 3rem 0 3rem;
    }

    .ce1 .ce1_lt {
        padding: 4rem 0 0 0;
    }

    .ce1_lt .ce1_lt_txt h3 {
        font-size: 19px;
        margin-bottom: 1rem;
    }

    .ce1_rt .ce1_rt_wrap:before {
        min-height: 130px;
        max-width: 40%;
    }

    .ce1_rt_wrap .ce1_rt_txt {
        padding: 4rem 4rem 8rem;
    }
}

@media screen and (max-width:430px) {
    .ce1 .ce1_lt {
        padding: 3rem 0 0 0;
    }

    .ce1_lt .ce1_lt_txt h3 {
        font-size: 17px;
    }

    .ce1_lt .ce1_lt_txt p {
        font-size: 12px;
    }

    .ce1 .ce1_lt:before {
        min-height: 25px;
    }

    .ce1_rt .ce1_rt_wrap {
        padding: 0 0 2rem 0;
    }

    .ce1_rt_wrap .ce1_rt_txt {
        padding: 3rem 3rem 8rem;
    }

    .ce1_rt .ce1_rt_wrap:before {
        min-height: 90px;
        max-width: 30%;
    }
}

@media screen and (max-width:402px) {
    .civil-engineering .ce1 {
        padding: 4rem 2rem 0 2rem;
    }

    .ce1_rt_wrap .ce1_rt_txt {
        padding: 3rem 3rem 6rem;
    }
}

@media screen and (max-width:393px) {
    .ce1_rt_wrap .ce1_rt_txt {
        padding: 3rem 2rem 6rem;
    }
}

@media screen and (max-width:360px) {
    .ce1_lt .ce1_lt_txt h3 {
        font-size: 15px;
        margin-bottom: 0.5rem;
    }
}

@media screen and (max-width:340px) {
    .ce1_lt .ce1_lt_txt h3 {
        font-size: 13px;
    }
}

@media screen and (max-width:px) {}


/***civil-engineering end****/
/***********************/
/***proinews start***/

.proinews {
    width: 1600px;
    max-width: 100%;
    margin: 6.7rem auto 0;
    padding: 0 13.5rem 5rem 7.1rem;
    position: relative;
    z-index: 0;
}

.proinews .pronews_top {
    background: url(../../images/pronews_bg01.jpg) bottom left no-repeat;
    background-size: contain;
    width: 100%;
    min-height: 244px;
    position: relative;
    top: 1px;
}

.pronews_top .proinews_title {
    position: absolute;
    top: 8rem;
    right: 7.3rem;
}

.proinews_title img {
    display: inline-block;

}

.proinews_title .proinews_txt {
    display: inline-block;
    vertical-align: middle;
}

.proinews_title .proinews_txt h2 {
    font-size: 30px;
    color: #8399c5;
    font-weight: 600;
}

.proinews_title .proinews_txt h3 {
    font-size: 26px;
    color: #8399c5;
    font-weight: 500;
    font-family: 'Montserrat';
    text-transform: uppercase;
    letter-spacing: 1px;
}


/***proinews end****/
/***********************/
/***pronews*************************************************************************************************/
.pronews {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    padding: 7.2rem 0 5rem 7.1rem;
}

.pronews .pronews_outer {
    padding: 0 12.1rem 0 0;
    position: relative;
}




.pronews .pronews_inner {
    width: 1600px;
    max-width: 100%;
    position: relative;
    text-align: left;
    z-index: 0;
    padding: 0 7.1rem 0 0;
}


.pronewslist {
    padding: 4rem 0 4rem 19.9rem;
    position: relative;
    z-index: 0;
}

.proinews .pronewslist:after {
    content: '';
    background: url(../../images/pronews_bg02.jpg) top left;
    width: 992px;
    max-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

/***pronewslist_rwd***/
.pronewslist_rwd {
    margin-bottom: 3rem;
}


.pronewslist .pronewslist_rwd a {
    transition: .5s all;
    position: relative;
    display: flex;
}

.pronewslist .pronewslist_rwd a:hover {
    -webkit-filter: drop-shadow(2px 2px 7px rgba(25, 25, 25, 0.5));
    filter: drop-shadow(2px 2px 7px rgba(25, 25, 25, 0.5));
}



/*pronpic*/
.pronpic {
    position: relative;
    width: 50.7%;
    min-height: 445px;
    transition: .3s ease all;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, .5);
}

.pronpicimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
}

/*prontitle*/
.prontitle {
    text-align: left;
    position: relative;
    margin: 0;
    width: 49.6%;
    padding: 7.8rem 6rem 3.5rem 5.4rem;
    display: inline-block;
    vertical-align: top;
    background: url(../../images/pronews_bg03.jpg) top left;
}

.prontitle:before {
    content: '';
    background: url(../../images/pronews_deco01.png) bottom left no-repeat;
    background-size: contain;
    width: 104px;
    max-width: 100%;
    min-height: 73px;
    position: absolute;
    bottom: 2.7rem;
    left: 5.2rem;
}

.prontitle h6 {
    font-size: 24px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-weight: bold;
}

.prontitle h6 a {
    display: inline-block;
    font-size: 16px;
}

.prontitle h6 a:nth-of-type(1) {
    display: block;
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.prontitle p {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 18px;
    margin: 2rem 0;
    font-weight: 400;
    letter-spacing: 1px;
    border-top: 2px #fff solid;
    padding-top: 2.5rem;
}

.prontitle p a {
    display: inline-block;
}

.prontitle p a:nth-of-type(1) {
    display: block;
    overflow: hidden;
}

.prontitle .morenews {
    width: 30%;
    border: #2b569b 1px solid;
    border-radius: 100px;
    padding: 1rem 2rem;
    margin: 0 0 0 auto;
    position: absolute;
    bottom: 3.8rem;
    right: 6.3rem;
    transition: .5s all;
    color: #2b569b;
    text-align: center;
}

.prontitle:hover .morenews {
    background: #2b569b;
    color: #dfdfde;
}

.prontitle .morenews img {
    display: inline-block;
    vertical-align: inherit;
    padding-right: 1.1rem;
    color: #2b569b;
}

.prontitle:hover .morenews img {
    filter: brightness(5.5);
}

.prontitle .morenews span {
    display: inline-block;
    font-size: 18px;

}




/*page_num*/
.page_num {
    padding: 1em 0;
}

.page_num a {
    display: inline-block;
}

.inews .page_num {
    display: none;
}




.tableimg .newstitle {
    font-size: 20px;
}

.tableimg .detail {
    font-size: 16px;
}

.tableimg .date {
    text-align: right;
}

.tableimg .back {
    text-align: right;
}




@media screen and (max-width:1400px) {
    .pronews .pronews_outer:before {
        max-width: 16%;
        min-height: 200px;
    }

   

    .pronewslist {
        padding: 2rem 0 4rem 4rem;
    }
}

@media screen and (max-width:1200px) {
    

    .proinews {
        padding: 0 4rem 5rem 4rem;
    }
}

@media screen and (max-width:1100px) {
    .pronews .pronews_outer {
        padding: 0 10rem 0 0;
    }

   

    .pronews .pronews_outer .pronewslist:after {
        max-width: 80%;
    }

    

    .proinews_title img {
        width: 25%;
    }

    .proinews_title .proinews_txt h2 {
        font-size: 25px;
    }

    .proinews_title .proinews_txt h3 {
        font-size: 20px;
    }

    .prontitle .morenews {
        width: 35%;
    }
}

@media screen and (max-width:1000px) {

    .proinews .pronews_top {
        min-height: 181px;
        background-size: 80%;
    }

    .pronews {
        padding: 7.2rem 0 5rem 4rem;
    }

    .pronews .pronews_outer {
        padding: 0 4rem 0 0;
    }

    
    .pronewslist:after {
        max-width: 80%;
    }

    .prontitle {
        padding: 4rem 3rem 3.5rem 3rem;
    }

    .prontitle .morenews {
        bottom: 3rem;
        right: 3rem;
    }
}

@media screen and (max-width:834px) {
    .proinews {
        margin: 3rem auto 0;
    }

    .pronewslist {
        padding: 2rem 0 4rem 2rem;
    }

    .pronewslist .pronewslist_rwd a {
        flex-wrap: wrap;
        justify-content: center;
    }

    .pronpic {
        width: 90%;
    }

    .prontitle {
        width: 90%;
        padding: 4rem 3rem 11rem 3rem;
    }
}

@media screen and (max-width:768px) {
    .proinews .pronews_top {
        min-height: 140px;
    }
}

@media screen and (max-width:650px) {
    .proinews {
        padding: 0 3rem 4rem 3rem;
    }

   

    .pronews .pronews_outer:before {
        min-height: 70px;
    }

   
    .proinews_title img {
        width: 20%;
    }

    .proinews_title .proinews_txt h2 {
        font-size: 20px;
    }

    .proinews_title .proinews_txt h3 {
        font-size: 15px;
    }

    .pronewslist {
        padding: 2rem 0 1rem 2rem;
    }

    .pronpic {
        width: 100%;
    }

    .prontitle {
        width: 100%;
    }
}

@media screen and (max-width:650px) {
    .pronews {
        padding: 7.2rem 0 4rem 3rem;
    }

    .pronews .pronews_outer {
        padding: 0 3rem 0 0;
    }

    .pronews .pronews_inner {
        padding: 0 3rem 0 0;
    }
}

@media screen and (max-width:576px) {
    .pronews_top .proinews_title {
        right: -3rem;
        top: 2rem;
    }
}

@media screen and (max-width:450px) {
    .pronews {
        padding: 4rem 0 4rem 2rem;
    }

    .pronews_top .proinews_title {
        right: 0;
        top: 0;
        left: 0;
    }

    .proinews_title img {
        width: 10%;
    }

    .pronews .pronews_outer:before {
        min-height: 120px;
        max-width: 16%;
    }

   

    .prontitle:before {
        min-height: 45px;
        bottom: 2rem;
        left: 2rem;
    }

    .pronpic {
        min-height: 260px;
    }

    .prontitle .morenews {
        width: 45%;
    }
}

@media screen and (max-width:402px) {
    .proinews {
        padding: 0 2rem 4rem 2rem;
    }

    .pronews .pronews_outer {
        padding: 0 2rem 0 0;
    }

    .pronews .pronews_outer:before {
        min-height: 100px;
        max-width: 22%;
    }

    

    .pronews .pronews_inner {
        padding: 0 2rem 0 0;
    }

    .pronewslist {
        padding: 1rem 0 1rem 1rem;
    }
}

@media screen and (max-width:380px) {
    .prontitle .morenews {
        width: 50%;
    }
}

@media screen and (max-width:340px) {
    .prontitle .morenews {
        width: 55%;
    }
}

@media screen and (max-width:320px) {
    .proinews .pronews_top {
        min-height: 120px;
    }

    .pronpic {
        min-height: 200px;
    }

    .prontitle .morenews {
        width: 60%;
        bottom: 2rem;
        right: 2rem;
    }

    .prontitle:before {
        min-height: 30px;
        bottom: 1rem;
        left: 1rem;
    }
}

@media screen and (max-width:px) {}

/*************************

/*---footer----------------------------------------------------------------------*/
footer {
    background: #dee4ed;
    text-align: center;
}

footer a {
    display: inline-block;
}

.wrap3 {
    width: 1330px;
    margin: 0 auto;
    max-width: 100%;
    text-align: left;
}

/*ftlogo*/
.ftlogo {
    text-align: center;
    width: 20%;
    margin: 0 auto;
    padding-top: 4rem;
}


/*ftbtn*/
.ftbtn {
    text-align: center;
    width: 35%;
    margin: 0 auto;
    padding: 6rem 0 0 0;
}

.ftbtn a {
    padding: 0 0 .7rem 0;
    position: relative;
    width: 32%;
    text-align: center;
}

.ftbtn a:before {
    content: '';
    background: #fff;
    width: 94px;
    max-width: 100%;
    min-height: 6px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 100px;

}

.ftbtn a img {
    transition: .6s cubic-bezier(0.22, 1, 0.36, 1);
}

.ftbtn a p {
    color: #05348b;
    font-size: 18px;
    font-weight: bold;
}

.ftbtn a:hover img {
    transform: translateY(-10px);
    -webkit-filter: drop-shadow(0px 12px 3px rgba(24, 30, 50, .3));
    filter: drop-shadow(0px 12px 3px rgba(24, 30, 50, .3));
}

.ftinner {
    padding: 5rem 0;
    display: flex;
    flex-wrap: wrap;
}

/*ftinfo*/
.ftinfo {
    text-align: left;
    width: 50%;
    margin-bottom: 4rem;
}

.ftinfo .ftinfo_title {
    margin-bottom: 2rem;
}

.ftinfo .ftinfo_title img {
    display: inline-block;
    margin-right: 2rem;
}

.ftinfo .ftinfo_title h2 {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
}

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

.ftinfo li {
    padding: 0 0 .7rem 0;
    width: 60%;
}

.ftinfo li:nth-child(1),
.ftinfo li:nth-child(3) {
    width: 35%;
}

.ftinfo li p:nth-of-type(1) {
    display: inline-block;
    margin-right: 1rem;
}

.ftinfo li p:nth-of-type(2) {
    display: inline-block;
    font-size: 16px;
    word-wrap: break-word;
    word-break: break-all;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    vertical-align: bottom;
}

.ftinfo:nth-child(2),
.ftinfo:nth-child(4) {
    padding-left: 5rem;
}

/*site*/
.site {
    width: 540px;
    margin: 0 auto 4rem;
    max-width: 100%;
    padding: 2rem 6rem;
    background: #b6bdc8;
    border-radius: 60px;
}

.site ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.site ul li {
    position: relative;
    padding-right: 1rem;
}

.site ul li:not(:last-child):after {
    content: '';
    background: #121212;
    width: 1px;
    min-height: 18px;
    position: absolute;
    top: .4rem;
    right: 0;
}

.site li a {
    color: #000;
    font-size: 16px;
    position: relative;
    font-weight: 500;
    transition: .3s cubic-bezier(0.22, 1, 0.36, 1);
}

.site li a:hover {
    color: #394148;
}

.site li a:after {
    content: '';
    background: #394148;
    width: 0;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: .6s cubic-bezier(0.22, 1, 0.36, 1);
}

.site li a:hover:after {
    width: 100%;
}


.site ul li>ul{
    display: flex;
    flex-direction: column;

}

.site ul li>ul li{
    display: block;
    color: #000;
}
.site ul li>ul li a{
    color: #000;
    font-size: 16px;
    position: relative;
    font-weight: 500;
    transition: .3s cubic-bezier(0.22, 1, 0.36, 1);
}

.site ul li>ul li:after {
    display: none;
}



.wrap4 {
    padding: 2rem 26rem;
    background: #2b569b;
}

/*copyright*/
.copyright {
    color: #dee4ed;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    width: 60%;
    text-align: right;
    letter-spacing: 1px;
}

.copyright a {
    color: #dee4ed;
    font-size: 14px;
    transition: .3s cubic-bezier(0.22, 1, 0.36, 1);
}

.copyright a h1 {
    color: #dee4ed;
    font-size: 14px;
    transition: .3s cubic-bezier(0.22, 1, 0.36, 1)
}

.copyright a:hover,
.copyright a:hover h1 {
    color: #121212;
}

/*icon*/
.icon {
    color: #dee4ed;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    width: 35%;
    text-align: left;
}

.icon a {
    vertical-align: middle;
    padding: 0 3px;
    transition: .3s cubic-bezier(0.22, 1, 0.36, 1);
}

.icon a:hover {
    transform: translateY(-5px);
}

@media screen and (max-width:1366px) {
    .wrap4 {
        padding: 2rem;
    }
}

@media screen and (max-width:1330px) {
    .wrap3 {
        padding: 0 2rem;
    }
}

@media screen and (max-width:1100px) {
    .ftinfo li {
        width: 65%;
    }

    .ftinfo li p:nth-of-type(1) {
        margin-right: .5rem;
    }

    .ftinfo li p:nth-of-type(2) {
        vertical-align: middle;
    }
}

@media screen and (max-width:1000px) {
    .ftinfo {
        width: 70%;
        margin: 0 auto 4rem;
    }

    .ftinfo:nth-child(2),
    .ftinfo:nth-child(4) {
        padding-left: 0;
    }

    .site {
        padding: 2rem;
    }
}

@media screen and (max-width:834px) {
    .ftlogo {
        width: 35%;
    }

    .ftbtn {
        width: 60%;
    }

    .site {
        padding: 2rem 2rem 1rem;
         width: 70%;
    }

    .site ul {
        justify-content: center;
    }

    .site ul li {
        padding: 0 1rem;
        width: 25%;
        text-align: center;
    }
    .site ul li>ul li {
    width: 100%;
}

    .icon {
        width: 100%;
        text-align: center;
        padding-bottom: 2rem;
    }

    .copyright {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width:768px) {
    .ftinfo {
        width: 85%;
        margin: 0 auto 3rem;
    }

        .site {
        width: 90%;
    }
}

@media screen and (max-width:650px) {
    .ftinfo {
        width: 100%;
    }
    .site {
        width: 100%;
    }
    
}

@media screen and (max-width:576px) {
    .site ul li {
        width: 25%;
    }
}

@media screen and (max-width:450px) {
    .ftlogo {
        width: 60%;
    }

    .ftinfo {
        margin: 0 auto 4rem;
    }

    .ftinfo .ftinfo_title {
        margin-bottom: 1rem;
    }

    .ftbtn {
        width: 90%;
    }

    .ftinner {
        padding: 5rem 0 0;
    }

    .ftinfo li {
        width: 100%;
    }

    .ftinfo li:nth-child(1),
    .ftinfo li:nth-child(3) {
        width: 100%;
    }

    .site {
        border-radius: 40px;
        margin: 0 auto 2rem;
    }

        .site ul li>ul li {
        padding: 0;
    }
}

@media screen and (max-width:414px) {
    .ftbtn {
        width: 100%;
    }

    .ftinfo .ftinfo_title img {
        margin-right: 1rem;
    }
        .site {
        padding: 2rem 1rem 1rem;
    }
        .site ul li {
        padding: 0;
    }
}

@media screen and (max-width:393px) {
    
}

@media screen and (max-width:360px) {
    .wrap3 {
        padding: 0 1rem;
    }

    .ftlogo {
        width: 70%;
    }
}

@media screen and (max-width:330px) {
   .site ul li, .site ul li a{
        font-size: 14px;
    }
    .site ul li>ul li a{
        font-size: 14px;
    }

    .ftinfo li p:nth-of-type(2) {
        font-size: 13px;
    }
}

@media screen and (max-width:300px) {
    .site ul li, .site ul li a{
        font-size: 13px;
    }
    .site ul li>ul li a{
        font-size: 13px;
    }
}



/***********************/

/***news*************************************************************************************************/
.news {
    width: 1330px;
    max-width: 100%;
    margin: 0 auto;
    padding: 7.1rem 0 5rem 0;
}

.newslist {
    padding-right: 0;
}

.newslist table {
    width: 100%;

}

/***newslist_rwd***/
.newslist_rwd {
    text-align: center;
    position: relative;
    vertical-align: top;
    width: 49%;
    display: inline-block;
}


.newslist .newslist_rwd a {
    transition: .5s all;
    position: relative;
}

.newslist .newslist_rwd a:hover {
    -webkit-filter: drop-shadow(2px 2px 7px rgba(25, 25, 25, 0.5));
    filter: drop-shadow(2px 2px 7px rgba(25, 25, 25, 0.5));
}

.newslist .newslist_rwd .npic {}


/*npic*/
.npic {
    position: relative;
    width: 523px;
    max-width: 100%;
    min-height: 385px;
    transition: .3s ease all;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, .5);
    margin-bottom: 1.5rem;
}

.npicimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
}

/*ntitle*/
.ntitle {
    text-align: left;
    position: relative;
    width: 80%;
    display: inline-block;
    vertical-align: top;
}

.ntitle h6 {
    color: #000;
    font-size: 24px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-weight: bold;
    margin-bottom: 1.3rem;
}

.ntitle h6 a {
    display: inline-block;
    font-size: 16px;
}

.ntitle h6 a:nth-of-type(1) {
    display: block;
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}


.ntitle .news_bot {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ntitle .news_bot .news_txt {
    width: 25%;
    display: flex;
}

.ntitle .news_bot .news_txt img {
    display: inline-block;
    padding-right: 0.9rem;
}

.ntitle .news_bot .news_txt p {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    letter-spacing: 0;
}

.ntitle .news_bot .news_lin {
    background: #383839;
    width: 52%;
    min-height: 1px;
}

.ntitle .news_bot .news_date {
    width: 20%;
}

.ntitle .news_bot .news_date p {
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    letter-spacing: 1px;
}


/*page_num*/
.page_num {
    padding: 1em 0;
}

.page_num a {
    display: inline-block;
}

/*tableimg*/
.tableimg {
    width: 1400px;
    max-width: 100%;
    position: relative;
    text-align: left;
    z-index: 0;
    padding: 2rem 0;
}


@media screen and (max-width:1400px) {
    .news .tableimg {
        padding: 2rem 4rem;
    }

    .newslist table {
        width: 95%;
        margin: 0 auto;
    }
}

@media screen and (max-width:1200px) {
    .news {
        margin: 0 auto;
        padding: 7.1rem 4rem 5rem;
    }

    .ntitle {
        width: 95%;
    }
}

@media screen and (max-width:1100px) {
    .ntitle {
        width: 100%;
    }
}

@media screen and (max-width:1000px) {
    .ntitle .news_bot .news_txt img {
        padding-right: 0;
    }

    .newslist_rwd {
        width: 49%;
        padding: 0 1rem;
    }
}

@media screen and (max-width:834px) {
    .newslist_rwd {
        width: 70%;
        margin: 0 auto 3rem;
        display: block;
    }

    .ntitle .news_bot .news_txt img {
        padding-right: 1rem;
    }
}

@media screen and (max-width:768px) {
    .news .tableimg {
        padding: 2rem
    }
}

@media screen and (max-width:650px) {
    .news {
        padding: 6rem 3rem 4rem;
    }

    .newslist_rwd {
        width: 90%;
    }
}

@media screen and (max-width:576px) {
    .newslist_rwd {
        width: 100%;
    }
}

@media screen and (max-width:450px) {
    .news {
        padding: 4rem 2rem 4rem;
    }

    .ntitle .news_bot .news_txt {
        width: 30%;
    }

    .ntitle .news_bot .news_lin {
        width: 40%;
    }

    .ntitle .news_bot .news_date {
        width: 25%;
    }

    .npic {
        min-height: 330px;
    }

    .news .tableimg {
        padding: 2rem 1rem;
    }
}

@media screen and (max-width:430px) {
    .npic {
        min-height: 275px;
    }
}

@media screen and (max-width:414px) {
    .news {
        padding: 3rem 2rem 4rem;
    }

    .npic {
        min-height: 255px;
    }

    .ntitle h6 {
        font-size: 20px;
    }

    .ntitle .news_bot .news_txt {
        width: 35%;
    }

    .ntitle .news_bot .news_lin {
        width: 30%;
    }

    .ntitle .news_bot .news_date {
        width: 23%;
    }
}

@media screen and (max-width:390px) {
    .npic {
        min-height: 240px;
    }
}

@media screen and (max-width:360px) {
    .ntitle .news_bot .news_txt {
        width: 40%;
    }
}

@media screen and (max-width:320px) {
    .npic {
        min-height: 190px;
    }

    .ntitle .news_bot .news_txt {
        width: 45%;
    }

    .ntitle .news_bot .news_lin {
        width: 20%;
    }

    .ntitle .news_bot .news_date {
        width: 32%;
    }
}

@media screen and (max-width:px) {}

/*************************
*******service_album*******
**************************/

.photo {
    width: 1400px;
    max-width: 100%;
    margin: 0 auto;
}

#service_album {
    padding-bottom: 40px;
    padding-top: 40px;
    min-height: 40vh;
}

#service_album a {
    color: #d0791d;
    display: inline-block;
}

#service_album a:visited,
#service_album a:focus {
    color: #513c26;
}

#service_album a:hover {
    color: #7f4d18;
}

.table1 table {
    min-width: 23%;
}

.table2 td {
    max-width: 200px;
    height: 30px;
}

@media(max-width:992px) {
    .contactm {
        margin-bottom: 20px
    }

    .table1 table {
        width: 100%;
    }

    table.tablegrid {
        width: 23%;
    }
}

@media(max-width:768px) {

    .table1 table {
        width: 98%;
    }

    table.tablegrid {
        width: 47%;
    }
}

@media(max-width:500px) {
    table.tablegrid {
        width: 95%;
    }
}

/*album*/
.album {
    z-index: 0;
    position: relative;
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
    padding: 5rem 0;
}

.photo .album table {
    width: 100%;
}

.photo .album table.table-responsive {
    width: 20%;
}

table.tablegrid{
    width: 20% !important;
}

.album a {
    display: inline-block;
    color: #063827;
}

.album tr.photo {
    transition: .2s ease-in-out;
}

.album tr.photo:hover {
    opacity: .6;
}

.table-responsive {
    border: 0;
    margin: 10px 0;
}
@media screen and (max-width:768px){
    .photo .album table.table-responsive {
    width: 31%;
}
table.tablegrid {
    width: 31% !important;
}
}


@media screen and (max-width:650px) {
    .album {
        padding: 4rem 0;
    }
    table.tablegrid {
    width: 30% !important;
}
}
@media screen and (max-width:450px){
    .photo .album table.table-responsive {
    width: 48%;
}
table.tablegrid {
    width: 46% !important;
}
}
@media screen and (max-width:370px){
    table.tablegrid {
    width: 45% !important;
}
}

@media screen and (max-width:350px) {
    .photo .album table {
        width: 100%;
    }
}
@media screen and (max-width:340px){
    table.tablegrid {
    width: 44% !important;
}
}
@media screen and (max-width:px){}
@media screen and (max-width:px){}

/***********************/
/***height start***/
.height {
    transform: translateY(-90px);
}

/***height end****/
/***********************/
/***honor start***/

.honor {
    padding-top: 7.4rem;
}

.honor .honor1 {
    width: 1062px;
    max-width: 100%;
    margin: 0 auto 5rem;
    display: flex;
    justify-content: space-between;
}

.honor1 .honor1_set {
    width: 33%;
    text-align: center;
}

.honor1 .honor1_set:not(:last-child) {
    border-right: 0.5px solid rgba(43, 86, 155, .5);
}

.honor1_set .honor1_title {
    background: url(../../images/honor1_deco01.png) top center no-repeat;
    width: 123px;
    max-width: 100%;
    min-height: 151px;
    padding: 3.4rem 4.9rem 0;
    margin: 0 auto 1.4rem;
}

.honor1_set .honor1_title h2 {
    font-size: 24px;
    color: #ffffff;
    font-family: 'LXGW WenKai TC';
    font-weight: 700;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    line-height: 1;

}

.honor1_set .honor1_en {
    margin-bottom: 1.2rem;
}

.honor1_set .honor1_en h3 {
    font-size: 12px;
    color: #2b569b;
    font-family: 'Montserrat';
}

.honor1_set .honor1_ch {}

.honor1_set .honor1_ch p {
    font-size: 18px;
}

@media screen and (max-width:768px) {
    .honor .honor1 {
        padding: 0 2rem;
    }

    .honor1 .honor1_set {
        width: 31%;
    }

    .honor1_set .honor1_ch p {
        letter-spacing: 0px;
    }
}

@media screen and (max-width:650px) {
    .honor1_set .honor1_ch p {
        font-size: 15px;
    }
}

@media screen and (max-width:576px) {
    .honor .honor1 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .honor1 .honor1_set {
        width: 46%;
        margin-bottom: 2rem;
    }

    .honor1 .honor1_set:nth-child(2) {
        border: none;
    }
}

@media screen and (max-width:450px) {
    .honor {
        padding-top: 4rem;
    }
}

@media screen and (max-width:414px) {
    .honor1 .honor1_set {
        width: 50%;
    }
}

@media screen and (max-width:393px) {
    .honor1_set .honor1_title {
        margin: 0 auto 0.5rem;
    }

    .honor1_set .honor1_en {
        margin-bottom: .5rem;
    }

    .honor1_set .honor1_ch p {
        font-size: 12px;
    }
}

@media screen and (max-width:320px) {
    .honor .honor1 {
        padding: 0 1rem;
    }
}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}


/***honor end****/
/***********************/
/***********************/
/***patent-certificate start***/

.patent-certificate {}


.patent-certificate .pc1 {
    width: 1760px;
    max-width: 100%;
    margin: 0 0 0 auto;
    padding: 7.2rem 0 5rem 5.5rem;
    display: flex;
    justify-content: space-between;
}


.pc1 .pc1_lt {
    width: 51.6%;
}

.pc1_lt .pc1_lt_txt {
    width: 69%;
    padding-left: 7.9rem;
    margin-bottom: 16.5rem;
}

.pc1_lt .pc1_lt_txt p {
    font-size: 18px;
    text-align: justify;
    letter-spacing: 1px;
}

.pc1_lt .pc1_lt_patent {
    display: flex;
    justify-content: space-between;
}

.pc1_lt .pc1_lt_patent a {
    transition: .5s all;
}

.pc1_lt .pc1_lt_patent a img {
    transition: .5s all;
}

.pc1_lt .pc1_lt_patent a img:hover {
    opacity: .5;
}



.pc1 .pc1_rt {
    width: 45.6%;
    padding-left: 4.2rem;
}

.pc1_rt .pc1_rt_img {
    margin-bottom: 2.5rem;
}

.pc1_rt .pc1_rt_img img {}

.pc1_rt .pc1_rt_award {
    padding-left: 2.9rem;
    display: flex;
}

.pc1_rt .pc1_rt_award img {
    padding-right: 1.7rem;
}

.pc1_rt_award .pc1_rt_mark {
    width: 62%;
}

.pc1_rt_award .pc1_rt_mark p {
    font-size: 24px;
    font-family: 'LXGW WenKai TC';
    margin-bottom: 1.9rem;
    padding: 0 0 0 1.4rem;
}

.pc1_rt_award .pc1_rt_mark ul {
    display: flex;
    justify-content: space-between;
}

.pc1_rt_award .pc1_rt_mark ul li {
    background: rgba(149, 170, 205, 1.0);
    padding: 1.4rem 2.9rem;
    width: 32%;
    border-radius: 100px;
    text-align: center;
}

.pc1_rt_award .pc1_rt_mark ul li span {
    font-size: 18px;
    color: #ffffff;
    font-family: 'Montserrat';
    font-weight: 700;
    letter-spacing: 0;
}

@media screen and (max-width:1536px) {
    .pc1_lt .pc1_lt_txt {
        width: 80%;
    }

    .pc1_lt .pc1_lt_patent a {
        width: 48%;
    }

    .pc1_rt_award .pc1_rt_mark {
        width: 70%;
    }
}

@media screen and (max-width:1366px) {
    .pc1_lt .pc1_lt_txt {
        padding-left: 2rem;
        margin-bottom: 12rem;
    }

    .pc1_rt .pc1_rt_award {
        padding-left: 1rem;
    }

    .pc1_rt_award .pc1_rt_mark {
        width: 75%;
    }
}

@media screen and (max-width:1200px) {
    .pc1_lt .pc1_lt_txt {
        width: 92%;
        margin-bottom: 10rem;
    }

    .pc1_rt .pc1_rt_award {
        align-items: flex-start;
    }

    .pc1_rt .pc1_rt_award img {
        padding-right: 1rem;
        width: 20%;
    }

    .pc1_rt_award .pc1_rt_mark ul li {
        padding: 1rem;
    }
}

@media screen and (max-width:1000px) {
    .pc1_lt .pc1_lt_txt {
        width: 100%;
        padding-left: 0;
    }

    .pc1_rt .pc1_rt_img {
        margin-bottom: 1rem;
    }

    .pc1_rt .pc1_rt_award {
        flex-wrap: wrap;
        justify-content: center;
    }

    .pc1_rt_award .pc1_rt_mark {
        width: 100%;
        text-align: center;
    }

    .pc1_rt_award .pc1_rt_mark p {
        margin-bottom: 1rem;
    }

}

@media screen and (max-width:834px) {

    .patent-certificate .pc1 {
        flex-wrap: wrap;
        justify-content: center;
        padding: 4rem 4rem 0 4rem;
        margin: 0 0 0 auto;
    }

    .pc1 .pc1_lt {
        width: 85%;
        margin-bottom: 5rem;
    }

    .pc1_lt .pc1_lt_txt {
        margin-bottom: 5rem;
    }

    .pc1 .pc1_rt {
        width: 100%;
        padding-left: 0;
    }

    .pc1_rt .pc1_rt_img {
        margin-bottom: 3rem;
    }

    .pc1_rt .pc1_rt_award {
        flex-wrap: nowrap;
    }

    .pc1_rt_award .pc1_rt_mark {
        text-align: left;
    }
}

@media screen and (max-width:650px) {
    .patent-certificate .pc1 {
        flex-wrap: wrap;
        justify-content: center;
        padding: 4rem 3rem 4rem 3rem;
    }
}

@media screen and (max-width:576px) {
    .pc1 .pc1_lt {
        width: 100%;
    }
}

@media screen and (max-width:450px) {
    .pc1 .pc1_lt {
        margin-bottom: 3rem;
    }
}

@media screen and (max-width:430px) {
    .pc1_rt .pc1_rt_award {
        flex-wrap: wrap;
    }

    .pc1_rt_award .pc1_rt_mark {
        text-align: center;
    }

    .pc1_rt_award .pc1_rt_mark p {
        padding: 0;
    }

    .pc1_rt .pc1_rt_img {
        margin-bottom: 1rem;
    }
}

@media screen and (max-width:414px) {
    .patent-certificate .pc1 {
        padding: 3rem 2rem 4rem 2rem;
    }
}

@media screen and (max-width:402px) {
    .patent-certificate .pc1 {
        padding: 4rem 2rem 0 2rem;
    }
}

@media screen and (max-width:360px) {
    .pc1_rt .pc1_rt_award {
        padding-left: 0;
    }
}

@media screen and (max-width:340px) {
    .pc1_rt_award .pc1_rt_mark ul li span {
        font-size: 15px;
    }
}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

/***patent-certificate end****/
/***********************/