@charset "utf-8";/* CSS Document */
@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: fontawesome;
    src: url(//:) format("no404"),url(../font-awesome/fontawesome-webfont.woff) format("woff"),url(../fonts/fontawesome-webfont.ttf) format("truetype")
}

@font-face {
    font-weight: 200;
    font-style: normal;
    font-family: Oswald;
    src: local('Oswald Light'),local('Oswald-Light'),url(../fonts/oswald-light.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 300;
    font-style: normal;
    font-family: Oswald;
    src: local('Oswald Regular'),local('Oswald-Regular'),url(../fonts/oswald-regular.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: Oswald;
    src: local('Oswald Medium'),local('Oswald-Medium'),url(../fonts/oswald-medium.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 600;
    font-style: normal;
    font-family: Oswald;
    src: local('Oswald Bold'),local('Oswald-Bold'),url(../fonts/oswald-bold.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 100;
    font-style: normal;
    font-family: Lato;
    src: local('Lato-Thin'),local('Lato-Thin'),url(../fonts/lato-thin.woff2) format('woff2');
    font-display: swap;
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 200;
    font-style: normal;
    font-family: Lato;
    src: local('Lato-Light'),local('Lato-Light'),url(../fonts/lato-light.woff2) format('woff2');
    font-display: swap;
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 300;
    font-style: normal;
    font-family: Lato;
    src: local('Lato-Regular'),local('Lato-Regular'),url(../fonts/lato-regular.woff2) format('woff2');
    font-display: swap;
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    src: local('Lato-Medium'),local('Lato-Medium'),url(../fonts/lato-medium.woff2) format('woff2');
    font-display: swap;
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 500;
    font-style: normal;
    font-family: Lato;
    src: local('Lato-Semibold'),local('Lato-Semibold'),url(../fonts/lato-semibold.woff2) format('woff2');
    font-display: swap;
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 600;
    font-style: normal;
    font-family: Lato;
    src: local('Lato-Bold'),local('Lato-Bold'),url(../fonts/lato-bold.woff2) format('woff2');
    font-display: swap;
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 700;
    font-style: normal;
    font-family: Lato;
    src: local('Lato-Black'),local('Lato-Black'),url(../fonts/lato-black.woff2) format('woff2');
    font-display: swap;
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 100;
    font-style: normal;
    font-family: Montserrat;
    src: local('Montserrat-ExtraLight'),local('Montserrat-ExtraLight'),url(../fonts/montserrat-extralight.woff2) format('woff2');
    font-display: swap;
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 200;
    font-style: normal;
    font-family: Montserrat;
    src: local('Montserrat-Light'),local('Montserrat-Light'),url(../fonts/montserrat-light.woff2) format('woff2');
    font-display: swap;
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 300;
    font-style: normal;
    font-family: Montserrat;
    src: local('Montserrat-Regular'),local('Montserrat-Regular'),url(../fonts/montserrat-regular.woff2) format('woff2');
    font-display: swap;
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: Montserrat;
    src: local('Montserrat-Medium'),local('Montserrat-Medium'),url(../fonts/montserrat-medium.woff2) format('woff2');
    font-display: swap;
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 500;
    font-style: normal;
    font-family: Montserrat;
    src: local('Montserrat-SemiBold'),local('Montserrat-SemiBold'),url(../fonts/montserrat-semibold.woff2) format('woff2');
    font-display: swap;
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 600;
    font-style: normal;
    font-family: Montserrat;
    src: local('Montserrat-Bold'),local('Montserrat-Bold'),url(../fonts/montserrat-bold.woff2) format('woff2');
    font-display: swap;
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 700;
    font-style: normal;
    font-family: Montserrat;
    src: local('Montserrat-ExtraBold'),local('Montserrat-ExtraBold'),url(../fonts/montserrat-extrabold.woff2) format('woff2');
    font-display: swap;
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 200;
    font-style: normal;
    font-family: Poppins;
    src: local('Poppins Light'),local('Poppins Light'),url(../fonts/poppins-light.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 300;
    font-style: normal;
    font-family: Poppins;
    src: local('Poppins Regular'),local('Poppins Regular'),url(../fonts/poppins-regular.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: Poppins;
    src: local('Poppins Medium'),local('Poppins Medium'),url(../fonts/poppins-medium.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 500;
    font-style: normal;
    font-family: Poppins;
    src: local('Poppins SemiBold'),local('Poppins SemiBold'),url(../fonts/poppins-semibold.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 600;
    font-style: normal;
    font-family: Poppins;
    src: local('Poppins Bold'),local('Poppins Bold'),url(../fonts/poppins-bold.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-weight: 700;
    font-style: normal;
    font-family: Poppins;
    src: local('Poppins Black'),local('Poppins Black'),url(../fonts/poppins-black.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: iconfont;
    src: url(../fonts/iconfont.ttf) format('truetype')
}

/****basic****/
body {
    color: #333;
    font-family: Montserrat,Arial,Helvetica,sans-serif;
    font-size: 0.95rem;
    background: #fff;
    font-weight: 200;
    line-height: 1.5rem;
}

*,li,ol,ul {
    margin: 0;
    padding: 0
}

li,ol,ul {
    list-style: none
}

img {
    max-width: 100%
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0
}

.clear {
    clear: both;
    margin: 0;
    padding: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    width: 0
}

a {
    color: #333;
    transition: .3s all ease-in-out;
    blr: expression(this.onFocus=this.blur())
}

a:hover {
    color: #0e734f
}

a:focus {
    outline: 0;
    text-decoration: none
}

a,a:hover {
    text-decoration: none
}

a.link {
    color: #124ca0;
    text-decoration: underline;
    font-weight: 400;
    font-style: oblique
}

a.link:hover {
    color: #289fe1;
    text-decoration: underline
}

b {
    color: #454545;
    font-size: 1rem;
    line-height: 1.3rem;
    margin: 15px 0 6px 0;
    display: block;
    font-weight: 500
}

strong {
    color: #111;
    font-size: 1rem;
    font-weight: 600;
}

.etw_hometitle {
    font-size: 2.6rem;
    line-height: 3rem;
    padding: 1rem 0;
    color: #243238;
    margin: 0 0 1rem 0;
    font-weight: 700;
}

.etw_hometitle small {
    display: block;
    color: #555;
    font-size: 70%;
    line-height: 2rem;
    font-weight: 500;
}

h2 {
    font-size: 2.6rem;
    line-height: 3rem;
    padding: 1rem 0;
    color: #243238;
    margin: 0 0 1rem 0;
    font-weight: 700;
}

h2 span {
    display: block;
}

h2 small {
    display: block;
    font-weight: 600;
    color: #111;
    font-size: 100%;
}

.h2_big {
    font-size: 3.8rem;
    line-height: 4rem;
}

h3 {
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-weight: 700;
    color: #999;
    margin: 1rem 0;
}

h4 {
    display: block;
    color: #333;
    font-size: 1.2rem;
    padding: 0;
    line-height: 1.3rem;
    margin: 0;
    font-weight: 600;
}

.title_box {
    display: flex;
    position: relative;
    align-items: center;
    margin: 0 0 1rem 0;
}

.title_left {
    float: left;
    margin: 0 3% 0 0;
    max-width: 84px;
}

.title_right {
    float: right;
}

.title_right span {
    color: #999;
    font-size: .95rem;
    line-height: 1.5rem;
    display: block;
    font-weight: 400;
}

small {
    display: block;
}

.proname {
    display: block;
    font-size: 1.8rem;
    line-height: 2.2rem;
    padding: 0 0 1.5rem 0;
    color: #111;
    margin: 0;
    font-weight: 300
}

hr {
    border: none;
    background: linear-gradient(90deg,transparent,#ccc,transparent);
    margin: 2rem 0;
    width: 100%;
    height: 1px;
}

.hr1 {
    border-bottom: none;
    margin: 2rem 0;
    background: repeating-linear-gradient(-45deg,#ccc,#999 1px,#fff 0,#fff 5px);
    width: 100%;
    height: 11px
}

.etw_certitle {
    text-align: center;
    font-size: 28px
}

inquiry,u.inquiry {
    text-decoration: none;
    color: #c32e24;
    display: inline;
    margin: 2px 0;
    font-weight: 100;
    float: left
}

u.inquiry:after {
    content: "INQUIRY";
    background: #0267b1;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    line-height: 1;
    padding: 4px 8px;
    font-size: 12px;
    display: inline-block
}

u.inquiry:hover:after {
    opacity: .6
}

.nolr {
    padding-left: 0;
    padding-right: 0
}

.no_bd {
    border: none!important
}

.table-responsive {
    margin: 0 0 1.5rem 0
}

.table {
    margin-bottom: 0!important
}

.table,td {
    border: none
}

.table1 {
    height: 500px;
    overflow-y: auto;
}

.table tr td {
    vertical-align: middle!important;
    padding: 10px 8px!important;
    font-size: 0.8rem;
    line-height: 1.1rem;
    font-weight: 200;
    border: 1px solid #fff;
}

.table tr.top td {
    color: #fff;
    padding: 12px 8px!important;
    font-weight: 200;
    background: #0e734f;
    font-size: 0.9rem;
}

.tables tr td:first-child {
    color: #fff;
    padding: 12px 8px!important;
    font-weight: 300;
    background: #0e734f;
    font-size: 0.9rem;
}

.table2,.table2 tr:first-child td {
    border-top: none!important
}

.table tr td img {
    width: 40%;
}

.indent {
    padding-left: 4rem
}

.line1 {
    width: 90%;
    margin: 2rem auto;
    background: linear-gradient(to right,#fff 0,#333 50%,#fff 100%);
    height: 1px;
    border: none
}

.clearfix::after {
    display: table;
    clear: both
}

.brief {
    color: #555;
    margin: 2rem 0;
    position: relative;
    font-size: 1rem;
    line-height: 1.6rem;
}

.first {
    font-size: 1.1rem;
    line-height: 1.8rem;
}

.first strong {
    font-size: 1.2rem
}

.first1 {
    font-size: .9rem;
    line-height: 1.3rem;
}

.more_btn {
    font-size: 0.75rem;
    line-height: 0.75rem;
    font-weight: 300;
    text-align: center;
    display: inline-block;
    min-width: 120px;
    position: relative;
    overflow: hidden;
    margin: 1rem 0;
    text-transform: uppercase;
}

.more_btn a {
    color: #111;
    width: 100%;
    display: block;
    border: 2px solid #111;
    padding: 0.8rem 1.5rem;
}

.more_btn a:hover {
    background: #303030;
    color: #fff;
}

.small_info p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.4rem;
}

.proline_bg {
    overflow: hidden;
    width: 100%;
    text-align: center;
    margin: 1rem 0;
}

.pro_line {
    display: inline-block;
    position: relative;
}

.pro_line:before {
    position: absolute;
    top: 40%;
    display: block;
    right: 100%;
    margin-right: 15px;
    width: 2000px;
    height: 0;
    border-top-style: solid;
    border-top-width: 1px;
    border-color: #c4c4c4;
    content: " ";
}

.pro_line:after {
    position: absolute;
    top: 40%;
    display: block;
    left: 100%;
    margin-left: 15px;
    width: 2000px;
    height: 0;
    border-top-style: solid;
    border-top-width: 1px;
    border-color: #c4c4c4;
    content: " ";
}

.pro_line a {
    padding: 0.2rem;
}

.pro_line i {
    display: inline-block;
    font-size: 2rem;
    width: 40px;
    height: 40px;
}

.pro_line i:before {
    content: '\f103';
    font-family: FontAwesome;
    color: #0e734f;
    font-size: 2rem;
}

@media (max-width: 1199.98px) {
    .h2_big {
        font-size: 2.6rem;
        line-height: 3rem;
    }
}

@media (max-width: 991.98px) {
    h2 {
        font-size:2rem;
        line-height: 2.2rem;
    }

    h2 small {
        line-height: 1.4rem
    }

    .first {
        font-size: 1rem;
        line-height: 1.6rem;
    }
}

/****header****/
#header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #191919;
    visibility: visible;
    transition: .5s all ease-in-out;
    z-index: 1000;
    box-shadow: 4px 4px 100px 0 rgb(0 0 0 / 13%);
}

#header:before {
    position: absolute;
    content: '';
    background: #303030;
    width: 50%;
    height: 63px;
    right: 0;
    top: 34px;
    display: none;
}

.nav-fixed {
    background-color: #191919!important;
    margin: 0 auto;
    box-shadow: 4px 4px 100px 0 rgb(0 0 0 / 13%);
    -webkit-animation: .5s ease-in-out 0s normal none 1 running fadeInDown;
    animation: .5s ease-in-out 0s normal none 1 running fadeInDown
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.header_top {
    width: 100%;
    background: #fff;
    height: 46px;
    transition: .5s all ease-in-out;
}

.headerin {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1600px;
    z-index: 100
}

.top_contact {
    width: 160px;
    visibility: visible;
    float: right;
    height: 32px;
    padding: 0.4rem 0;
    font-weight: 400;
    transition: .5s all ease-in-out;
}

.top_contact .cot_email:before {
    color: #253041;
}

.top_contact a:hover {
    color: #199eda;
}

#etw_logo {
    float: left;
    width: 110px;
    text-align: center;
    position: relative;
    padding: 1rem 0;
    transition: .3s all ease-in-out;
    z-index: 1;
}

#etw_logo a {
    display: block;
    position: relative;
}

.top_video {
    float: right;
    margin: 0.2rem 1rem;
    position: relative;
    background: url(../images/video.png)no-repeat center;
    width: 110px;
    height: 42px;
}

.top_video a {
    width: 100%;
    display: block;
    height: 100%;
}

.etw_language {
    transition: .5s all ease-in-out;
    width: auto;
    background: #555;
    height: 63px;
    float: right;
    visibility: visible;
    margin: 0 0 0 1rem;
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -ms-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
}

.etw_language>ul {
    position: relative;
    margin: 0
}

.etw_language>ul>li {
    position: relative
}

.etw_language>ul>li>a {
    display: block
}

.etw_language ul li text {
    width: 110px;
    border-radius: 2rem;
    color: #fff;
    font-size: 0.9rem;
    position: relative;
    background: #555;
    text-align: center;
    line-height: 0.9rem;
    padding: 0.5rem 0;
    margin: 1rem 0;
}

.etw_language ul li text img {
    border-radius: 50%;
    overflow: hidden;
}

.etw_language ul li ol {
    position: absolute;
    width: 110px;
    left: 0;
    top: 0;
    background: #fff;
    transition: .3s all ease-in-out;
    z-index: 999;
    opacity: 0;
    overflow: hidden;
    height: 0
}

.etw_language ul li:hover ol {
    opacity: 1;
    overflow: inherit;
    height: auto;
    top: 1.9rem;
}

#etw_language {
    width: auto;
    text-align: center;
    margin: 0;
    background-color: #555;
}

#etw_language .dropdown-item {
    display: block;
    width: auto;
    font-size: 0.8rem;
    line-height: 0.8rem;
    padding: 0.6rem 0.3rem 0.6rem 1.1rem;
    color: #fff;
    min-width: auto!important;
    font-weight: 200;
    background: 0;
    text-align: left;
}

#etw_language .dropdown-item img {
    padding: 0 0.3rem 0.05rem 0;
}

#etw_language .dropdown-item:hover {
    color: #30e4a4;
    background: 0
}

.etw_language a:not([href]):not([tabindex]) {
    color: #fff;
    cursor: pointer
}

.iconfont {
    font-family: iconfont!important;
    font-size: 1.8rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    -webkit-animation: scaleout 2.5s infinite ease-in-out;
    animation: scaleout 2.5s infinite ease-in-out
}

@-webkit-keyframes scaleout {
    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@keyframes scaleout {
    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

.iconfont1 {
    font-size: 0.95rem;
    color: #fff;
    margin: 0 0.2rem 0 0;
}

#etw_top {
    position: fixed;
    width: 40px;
    height: 40px;
    right: 55px;
    bottom: 120px;
    text-align: center;
    background: #999;
    z-index: 100;
    cursor: pointer;
    line-height: 38px;
    border-radius: 50%;
    transition: .5s all ease-in-out
}

#etw_top a {
    color: #fff;
    font-size: .9rem
}

#etw_top:hover {
    background: #999;
    transform: translateY(-.5rem)
}

#etw_top:after {
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: radial-gradient(ellipse at center,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 80%)
}

@media (max-width: 1599.98px) {
    #etw_logo {
        margin-left:1rem;
    }
}

@media (max-width: 991.98px) {
    #header {
        position:inherit
    }

    #header:before {
        display: none;
    }

    .header_top {
        width: auto;
        height: auto;
    }

    .top_video {
        display: none;
    }

    .nav-fixed {
        background: #fff!important;
        position: inherit;
        animation: none
    }

    .etw_language {
        width: auto;
        height: auto;
        margin: 0;
        background: 0;
    }

    .etw_language>ul>li::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        background-color: #ccc;
        top: -2%;
        right: 1.4rem;
    }

    .etw_language>ul>li>a {
        margin: 1.4rem 3rem 1rem 0;
        text-align: center;
        width: 40px;
        z-index: 100;
        display: block;
    }

    .etw_language ul li ol {
        position: absolute;
        width: 110px;
        left: -1.8rem;
        top: 1.6rem;
        transition: .3s all ease-in-out;
        box-shadow: 0 1px 5px #ccc;
        z-index: 1010;
        display: none
    }

    #etw_language {
        width: 100%;
        background: #fff;
        margin: 0
    }

    #etw_language .dropdown-item {
        width: auto;
        color: #333;
        line-height: 1rem;
        clear: inherit;
        display: block;
        background: 0 0;
    }

    #etw_language .dropdown-item:hover {
        background: #fff
    }
}

@media (max-width: 575.98px) {
    #header {
        border-bottom:none;
    }
}

/*menu*/
.top-nav {
    z-index: 999;
    width: auto;
    display: flex;
    flex-flow: wrap;
    justify-content: space-around;
    align-items: center;
    float: right;
    position: relative;
}

.top-nav:before {
    content: "";
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-right: 25px solid #303030;
    border-bottom: 0px solid transparent;
    border-top: 63px solid transparent;
    left: -25px;
    top: 0px;
}

.navbar {
    padding: 0
}

.navbar-collapse {
    justify-content: flex-end
}

.navbar-light .navbar-nav li.nav-item {
    position: relative
}

.navbar-light .navbar-nav a.nav-link {
    color: #fff;
    font-size: 1.05rem;
    line-height: 1.05rem;
    position: relative;
    margin: 0 1.8rem;
    font-weight: 200;
    padding: 1.4rem 0;
    letter-spacing: 0.02rem;
}

.navbar-light .navbar-nav a.nav-link:before {
    content: "";
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 1px;
    width: 0;
    background: #30e4a4;
    transition-delay: .1s;
    transition: .3s all linear;
    border-radius: 2rem;
}

.navbar-light .navbar-nav .active a.nav-link:before,.navbar-light .navbar-nav .show a.nav-link:before,.navbar-light .navbar-nav a.nav-link:hover:before {
    width: 100%;
}

.navbar-nav .dropdown-menu {
    box-shadow: 0 15px 22px -10px rgb(0 51 153 / 30%);
    border: none;
    padding: 0.5rem 1rem;
    left: 1rem;
    border-radius: 0;
    top: 3.84rem;
    background-color: rgba(25,25,25,0.95);
    margin: 0;
}

.navbar-light .navbar-nav a.nav-link i {
    color: #999
}

.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
    background: 0;
    color: #30e4a4
}

.navbar-light .navbar-nav .dropdown-item {
    font-size: 0.8rem;
    padding: 0.3rem;
    font-weight: 200;
    color: #fff;
    position: relative;
    letter-spacing: 0.02rem;
    border-bottom: 1px dotted rgba(255 255 255 / 30%);
}

.navbar-light .navbar-nav li:last-child .dropdown-item {
    border-bottom: none;
}

.navbar-nav .dropdown-menu1 {
    min-width: 15rem;
    left: 1rem;
    padding: 0.3rem 1.5rem;
}

.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item {
    background: 0;
    position: relative;
    padding: 0.5rem 0 0.5rem 0.3rem;
    font-size: 0.95rem;
    color: #fff;
    font-weight: 200;
    letter-spacing: 0;
}

.navbar-light .navbar-nav .dropdown-menu1 li:last-child .dropdown-item {
    border-bottom: 1px dotted rgba(255 255 255 / 30%);
}

.navbar-nav .dropdown-menu li ol {
    padding: 0.3rem 0;
}

.navbar-nav .dropdown-menu li ol li a {
    width: 100%;
    display: block;
    position: relative;
    padding: 0.3rem 0 0.3rem 0.5rem;
    font-size: .8rem;
    font-weight: 200;
    color: #fff;
    line-height: 1rem;
    letter-spacing: 0.02rem;
}

.navbar-nav .dropdown-menu li ol li a:before {
    position: absolute;
    display: none;
    content: '';
    background: #fff;
    width: 4px;
    height: 4px;
    top: 11px;
    left: 3px;
    border-radius: 50%;
    transition: .3s all ease-in-out;
}

.navbar-nav .dropdown-menu li ol li a.dq,.navbar-nav .dropdown-menu li ol li a:hover {
    background: 0;
    color: #30e4a4
}

.navbar-nav .dropdown-menu li ol li a.dq:before,.navbar-nav .dropdown-menu li ol li a:hover:before {
    background: #30e4a4;
}

.navbar-light .navbar-nav .dropdown-item.active,.navbar-light .navbar-nav .dropdown-item:active,.navbar-light .navbar-nav .dropdown-item:hover {
    background: 0;
    color: #30e4a4
}

.navbar-nav .dropdown-menu li ol li a.active span,.navbar-nav .dropdown-menu li ol li a:hover span {
    color: #30e4a4
}

.navbar-light .navbar-nav .show>.nav-link {
    color: #30e4a4
}

.dropdown-toggle:after {
    position: relative;
    content: "\f107";
    font-family: FontAwesome;
    color: #fff;
    width: auto;
    margin-left: 0.1rem;
    height: auto;
    vertical-align: top;
    font-size: 20px;
    border: none;
    transition: .3s all ease-in-out;
}

.navbar-light .navbar-nav .active .dropdown-toggle:after,.navbar-light .navbar-nav .show .dropdown-toggle:after,.navbar-light .navbar-nav a.dropdown-toggle:hover:after {
    transform: rotate(180deg);
    color: #30e4a4;
    top: 58%;
    right: 0px;
}

.nav-item span.pro_icon {
    position: absolute;
    top: 8px;
    right: 0;
    color: #999;
    padding: 0;
    font-size: 40px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: none;
    text-align: center;
    font-weight: 200;
}

@media (max-width: 1399.98px) {
    .navbar-light .navbar-nav a.nav-link {
        margin:0 0.7rem;
        font-size: 0.9rem;
    }
}

@media (max-width: 991.98px) {
    .top-nav {
        width:100%;
        float: left;
        background: #fff;
        margin: 0;
        display: block;
        padding: 0
    }

    .top-nav:after,.top-nav:before {
        display: none;
    }

    .navbar-nav .dropdown-menu {
        background: #fff;
        box-shadow: none;
        padding: .3rem 0;
        position: relative!important;
        left: 0!important;
        top: 0!important;
        margin-left: 0!important;
        min-width: auto!important
    }

    .top-nav .navbar-nav .row {
        width: 100%!important;
        box-shadow: none;
        margin: 0;
    }

    .navbar-light .navbar-nav .dropdown-item,.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item {
        background: #fff;
        padding: .4rem 1rem .4rem 2.4rem;
        border-bottom: none;
        font-size: .9rem;
        color: #333;
        white-space: normal;
        font-weight: 200
    }

    .navbar-light .navbar-nav .dropdown-menu1 li:last-child .dropdown-item {
        border-bottom: none;
    }

    .navbar-light .navbar-nav .dropdown-item:before {
        content: normal
    }

    .navbar-nav .dropdown-menu1>li {
        width: 100%;
        float: none;
        margin: 0
    }

    .navbar-nav .dropdown-menu li ol {
        display: none
    }

    .navbar-light .navbar-nav .dropdown-menu1 .dropdown-item img {
        display: none
    }

    .navbar-light .navbar-nav .show>.nav-link {
        color: #333
    }

    .navbar-light .navbar-nav li.nav-item {
        margin: 0
    }

    .navbar-light .navbar-nav li.nav-item:before {
        content: normal
    }

    .navbar-light .navbar-nav a.nav-link:before {
        content: normal
    }

    .navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover {
        color: #0e734f;
        background: 0 0
    }

    .navbar-light .navbar-nav .show>.nav-link {
        background: 0 0
    }

    .navbar-light .navbar-nav a.nav-link {
        font-size: 1rem;
        border-bottom: 1px solid rgba(0,0,0,.1);
        color: #333;
        padding: 1rem;
        margin: 0 1rem
    }

    .navbar-light .navbar-nav li.nav-item:last-child a.nav-link {
        border-bottom: none
    }

    .dropdown-menu {
        border: none
    }

    .navbar-light .navbar-toggler {
        color: #fff;
        font-size: 2.2rem;
        margin: 0.75rem 1rem 0 0;
        border: none;
        outline: 0;
        z-index: 200;
        position: relative
    }

    .nav-item span.pro_icon {
        display: block
    }

    .nav-item span.caret {
        display: none
    }

    .nav-item .dropdown-toggle::after {
        display: none;
    }

    .navbar-light .navbar-nav li.nav-item:nth-child(5) a.nav-link:after {
        display: none;
    }
}

/****header END****/
/****banner****/
#etw_banner {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
    text-align: center;
    flex-flow: wrap;
    justify-content: center;
    display: flex;
    align-items: center
}

.carousel-caption {
    position: absolute;
    text-align: left;
    padding: 0;
    left: 12%;
    top: 24%;
    bottom: auto;
    right: auto;
    width: 590px;
}

.carousel-caption h1 {
    color: #fff;
    margin: 0;
    position: relative;
}

.carousel-caption h1:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 200px;
    height: 2px;
    left: 0;
    bottom: -15px;
}

.carousel-caption h1 small {
    display: block
}

.carousel-caption span {
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 1.6rem;
    display: block;
    margin: 2rem 0;
    padding: 0;
}

.carousel-caption a.more {
    border: 2px solid #fff;
    color: #fff;
    padding: 0.8rem 1.5rem;
    font-size: 0.75rem;
    line-height: 0.75rem;
    font-weight: 200;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 0.02rem;
}

.carousel-caption a.more:hover {
    background: rgba(153 153 153 / 50%);
}

.banner_txt {
    position: absolute;
    width: 560px;
    color: #fff;
    text-align: left;
    top: 35%;
    left: 12%;
}

.banner_txt h1 {
    font-size: 4rem;
    line-height: 4.2rem;
    font-weight: 500;
    color: #fff;
    font-family: 'Montserrat';
}

.banner_txt h3 {
    display: block;
    color: #fff;
    line-height: 2.2rem;
    font-size: 2rem;
    font-weight: 500;
    font-style: oblique;
    text-transform: uppercase;
}

.banner_txt span {
    font-size: 1.5rem;
    position: relative;
    line-height: 1.8rem;
    text-align: left;
    display: block;
    font-family: 'Montserrat';
    font-weight: 200;
    width: 60%;
    color: #fff;
}

.banner_txt1 {
    width: 450px;
    left: 14%;
    margin: 0 auto;
    top: 16%;
    text-align: left;
}

.banner_txt1 h1 {
    font-size: 4rem;
    line-height: 4.2rem;
    color: #fff;
    font-weight: 500;
}

.banner_txt1 span {
    width: 100%;
    text-align: left;
    font-weight: 200;
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: #fff;
}

.banner_txt2 {
    width: 550px;
    left: 14%;
    margin: 0 auto;
    top: 15%;
    text-align: left;
}

.banner_txt2 h1 {
    font-size: 4rem;
    line-height: 4.2rem;
    color: #fff;
    padding: 0;
    font-weight: 500;
}

.banner_txt2 i {
    font-size: 4rem;
    line-height: 4.2rem;
    display: block;
    font-style: normal;
}

.banner_txt2 span {
    width: 70%;
    text-align: left;
    font-weight: 200;
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: #fff;
}

.banner_txt3 {
    width: 820px;
    left: 9%;
    top: 18%;
    text-align: center;
}

.banner_txt3 h1 {
    color: #2f3e57;
    display: block;
    text-align: center;
    font-size: 3.2rem;
    line-height: 3.6rem;
    text-transform: uppercase;
}

.banner_txt3 span {
    color: #2f3e57;
    display: block;
    text-align: center;
    font-size: 3rem;
    line-height: 3.4rem;
    text-transform: uppercase;
    font-weight: 200;
}

.banner_txt3 h3 {
    font-family: 'Montserrat';
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
}

.carousel-indicators {
    bottom: 1rem;
    padding: 1rem 0;
    margin: 0;
}

.carousel-indicators li {
    width: 12px;
    height: 12px;
    margin: 10px 8px 0 8px;
    background-color: rgba(255 255 255 / 50%);
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    transition: .3s all ease-in-out;
}

.carousel-indicators li.active {
    background-color: #0e734f;
}

.carousel-indicators li::after {
    position: absolute;
    bottom: 0;
    left: -6px;
    display: inline-block;
    width: 300%;
    height: 100%;
    content: "";
}

.carousel-indicators li::before {
    position: absolute;
    top: 0;
    left: 0px;
    display: inline-block;
    width: 300%;
    height: 100%;
    content: "";
}

.carousel-control-next,.carousel-control-prev {
    background: 0;
    border: none;
    transition: .5s all ease-in-out;
    width: 10%;
    left: -1.5rem;
    opacity: .3;
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -ms-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
}

.carousel-control-next {
    left: auto;
    right: -1.5rem
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    width: 30px;
    height: 69px;
    cursor: pointer
}

.carousel-control-prev-icon {
    background: url(../images/carousel-control-left.png) no-repeat;
    background-size: cover;
}

.carousel-control-next-icon {
    background: url(../images/carousel-control-right.png) no-repeat;
    background-size: cover;
}

.carousel-control-next:hover {
    right: -1rem
}

.carousel-control-prev:hover {
    left: -1rem
}

.bannerin {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: url(../images/bannerin01.jpg) no-repeat;
    background-size: cover;
    min-height: 350px;
    background-position: 0 40%;
}

.bannerin1 {
    background: url(../images/bannerin02.jpg) no-repeat;
    background-size: cover;
    background-position: 0 95%;
}

.bannerin2 {
    background: url(../images/bannerin03.jpg) no-repeat;
    background-size: cover;
    background-position: 0 52%;
    min-height: 400px;
}

.bannerin3 {
    background: url(../images/bannerin04.jpg) no-repeat;
    background-size: cover;
    background-position: 0 57%;
}

.bannerin4 {
    background: url(../images/bannerin05.jpg) no-repeat;
    background-size: cover;
    background-position: 0 11%;
    min-height: 500px;
}

.bannerin5 {
    background: url(../images/bannerin06.jpg) no-repeat;
    background-size: cover;
    background-position: 0 20%;
    min-height: 400px;
}

.bannerin:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: #010818;
    opacity: .4;
}

.bannerin6:before,.bannerin7:before,.bannerin8:before,.bannerin9:before,.bannerin11:before,.bannerin12:before {
    opacity: .3;
}

.bannerin3:before {
    opacity: 0;
}

.banner_box {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    width: 94%;
    z-index: 4;
    padding: 3% 0 2rem 0;
}

.bannerin3 .banner_box {
    padding: 1rem 0 3rem 0;
}

.banner_box h2,.banner_box h4,.banner_box .etw_hometitle,.banner_box #quicknav,.banner_box #quicknav a {
    color: #fff;
    background: 0;
}

.banner_box h2,.banner_box .etw_hometitle {
    font-size: 3.2rem;
    padding: 2rem 0;
    font-weight: 600;
    position: relative;
    line-height: 3.4rem;
    text-align: center;
}

.banner_box1 .etw_hometitle {
    font-size: 2.6rem;
    line-height: 3rem;
}

.banner_box .etw_hometitle:before,.banner_box h2:before {
    bottom: -25px;
    display: none;
    right: -82px;
    left: 0;
    transform: rotate(-110deg);
    z-index: -1;
    opacity: .5;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 20px solid #fff;
    border-top: 35px solid transparent;
    border-bottom: 58px solid transparent;
    margin: 0 auto;
}

.banner_box .etw_hometitle:after,.banner_box h2:after {
    bottom: -25px;
    display: none;
    right: 0;
    left: -82px;
    transform: rotate(110deg);
    z-index: -1;
    content: "";
    position: absolute;
    width: 0;
    opacity: .5;
    height: 0;
    border-right: 20px solid #fff;
    border-top: 35px solid transparent;
    border-bottom: 58px solid transparent;
    margin: 0 auto;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
}

.banner_box p {
    color: #fff;
    font-weight: 200;
    font-size: 1.2rem;
    line-height: 2rem;
    width: 70%;
    margin: 0 auto;
}

.banner_box #quicknav {
    border-top: none;
    font-size: 1rem;
    text-align: center;
}

.banner_box #quicknav a:hover {
    color: #30e4a4;
}

.banner_box #quicknav ul {
    width: 100%;
}

.banner_box #quicknav li+li::before {
    color: #ddd;
}

@media (max-width: 1499.98px) {
    .banner_txt {
        top:6%;
        left: 8%;
    }

    .banner_txt1 {
        left: 10%;
        top: 10%;
    }

    .banner_txt2 {
        top: 10%;
        left: 15%;
    }
}

@media (max-width: 1199.98px) {
    .carousel-caption span {
        display:none;
    }

    .banner_txt {
        top: 10%;
        width: 500px;
        left: 8%;
    }

    .banner_txt h1,.banner_txt1 h1,.banner_txt2 h1,.banner_txt2 h1 i {
        font-size: 3rem;
        line-height: 3.4rem;
        margin: 0 0 1rem 0;
    }

    .banner_txt h1:before,.banner_txt1 h1:before,.banner_txt2 h1:before {
        display: none;
    }

    .banner_txt1 {
        top: 8%;
        width: 320px;
        left: 10%;
    }

    .banner_txt2 {
        top: 8%;
        left: 8%;
    }
}

@media (max-width: 991.98px) {
    .carousel-control-next,.carousel-control-prev {
        display:none
    }

    .banner_more,.banner_txt span {
        display: none;
    }

    .banner_txt1 span,.banner_txt2 span,.etw_banner img,.etw_banner:before,.etw_banner:after {
        display: none
    }

    .banner_box h2,.banner_box .etw_hometitle,.banner_box #quicknav,.banner_box #quicknav a {
        text-align: left;
    }

    .banner_box h2,.banner_box .etw_hometitle {
        font-size: 2.4rem;
        line-height: 2.6rem;
        width: 100%;
        padding: 1rem 0;
    }

    .bannerin {
        min-height: auto;
    }

    .banner_box p {
        width: 100%;
        font-size: 1rem;
        line-height: 1.6rem;
        text-align: left !important;
    }
}

@media (max-width: 767.98px) {
    .banner_txt1,.banner_txt2,.banner_txt {
        display:none
    }

    .carousel-indicators {
        display: none
    }
}

@media (max-width: 575.98px) {
    .etw_banner {
        border-top:none;
        padding: 1rem 0 0 0;
    }

    .banner_txt h1 {
        display: none;
    }

    .banner_box {
        padding: 2rem 0;
    }
}

/****banner END****/
/*mainpro*/
.homehub_bg {
    position: relative;
    overflow: hidden;
    margin: 44px 0 0 0;
}

.homehub_bg::before {
    position: absolute;
    content: '';
    background: #f7f7f7;
    width: 53%;
    height: 180px;
    left: 0;
    top: 0;
}

.homehub {
    width: 94%;
    margin: 0 auto;
    max-width: 1200px;
}

.homehub ul {
    display: flex;
    flex-wrap: wrap;
    margin: 3rem auto;
    width: 80%;
}

.homehub>ul>li {
    width: 32%;
    margin: 0 2% 1rem 0;
}

.homehub>ul>li:last-child {
    margin-right: 0
}

.homehub ul li ol li.product_img {
    position: relative;
    text-align: center;
}

.homehub ul li ol li.product_img a {
    display: inline-block;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 50%;
    padding: 1rem;
}

.homehub ul li ol li.product_img img {
    display: block;
    margin: 0 auto;
    transition: .3s all ease-in-out;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -ms-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
}

.homehub ul li ol:hover li.product_img a {
    box-shadow: 0px 0px 20px #ccc;
}

.homehub ul li ol li.product_con {
    position: relative;
}

.homehub ul li ol li.product_con a {
    width: 100%;
    display: block;
    position: relative;
    margin: 1rem 0;
    font-size: 1.8rem;
    line-height: 2rem;
    font-family: Athene;
    text-align: center;
}

.homehub ul li ol:hover li.product_con a {
    color: #0e734f;
}

.mainpro_bg {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #f5f5f5;
}

.mainpro {
    width: 100%;
    margin: 0 auto;
    background: linear-gradient(180deg,#bfbfbf,#343434);
}

.mainpro .webtitle {
    font-weight: 500;
    position: relative;
    margin: 1.5rem 0;
    padding: 0;
    font-size: 3rem;
    line-height: 3rem;
    text-align: center;
    color: #0e734f;
    text-transform: uppercase;
}

.mainpro .webtitle span {
    color: #0e734f;
}

.mainpro .webtitle a {
    color: #111;
    background: #0e734f;
    padding: 1rem 3rem;
}

.mainpro .webtitle a:hover {
    color: #555
}

.mainpro p {
    font-size: 1rem;
    line-height: 1.4rem;
    color: #fff;
    text-align: center;
    font-family: 'Lato';
    letter-spacing: 0.02rem;
}

.mainpro ul {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    position: relative;
}

.mainpro>ul>li {
    width: 33.33%;
    position: relative;
    padding: 4rem 0;
    overflow: hidden;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 0;
    transition: .3s all ease-in-out;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -ms-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
}

.mainpro>ul>li:nth-child(3n) {
    border-right: none;
}

.mainpro>ul>li:nth-child(3n+1) {
    clear: both;
}

.mainpro>ul>li:nth-child(4),.mainpro>ul>li:nth-child(5),.mainpro>ul>li:nth-child(6) {
    border-bottom: none;
}

.mainpro>ul>li.products_title ol {
    width: 60%;
}

.mainpro>ul>li.products_title a {
    color: #fff;
    font-size: 3rem;
    line-height: 3.4rem;
    font-weight: 500;
    text-align: center;
    padding: 1rem;
    margin: 1rem 0;
}

.mainpro>ul>li.products_title .more a {
    font-size: 0.75rem;
    line-height: 0.75rem;
    font-weight: 200;
    letter-spacing: 0.02rem;
    text-align: center;
    padding: 0.5rem 1rem;
    border: 2px solid #fff;
    display: inline-block;
    margin: 1rem auto;
    text-transform: uppercase;
}

.mainpro>ul>li.products_title .more a:hover {
    background: #707070;
}

.mainpro ul li ol {
    width: 55%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.mainpro ul li ol li.product_img {
    width: 100%;
    position: relative;
}

.mainpro ul li ol li.product_img a {
    width: 100%;
    display: block;
    position: relative;
    text-align: center
}

.mainpro ul li ol li.product_img img {
    transition: .6s all ease-in-out;
    -webkit-transition: .6s all ease-in-out;
    -moz-transition: .6s all ease-in-out;
    -ms-transition: .6s all ease-in-out;
    -o-transition: .6s all ease-in-out;
}

.mainpro ul li ol:hover li.product_img img {
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
}

.mainpro ul li ol li.product_con {
    position: relative;
    display: block;
    width: 100%;
    transition: .5s all ease-in-out;
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -ms-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
}

.mainpro ul li ol li.product_con a {
    color: #fff;
    font-size: 1.5rem;
    display: block;
    position: relative;
    line-height: 1.8rem;
    padding: 1rem 0;
    font-weight: 300;
    text-align: center;
}

.mainpro ul li ol li.product_con small {
    display: block;
    font-size: 100%;
}

.mainpro ul li ol li.product_con span {
    color: #fff;
    font-size: 1rem;
    line-height: 1.4rem;
    display: block;
    text-align: center;
    font-weight: 200;
    font-family: 'Lato';
    letter-spacing: 0.02rem;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 限制行数为3 */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mainpro ul li ol li.product_con a:hover {
    color: #30e4a4;
}

.mainpro ul li ol li.product_con a.more {
    padding: 0;
    font-size: 1rem;
    line-height: 1rem;
    text-align: right;
    display: block;
    position: absolute;
    font-family: 'Montserrat';
    top: 10px;
    right: 6px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
}

.mainpro ul li ol.product_more a.more:hover:before {
    background: #0e734f;
}

.mainpro1 {
    width: 94%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 0;
}

.mainpro1 ul {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.mainpro1>ul>li {
    width: 30.66%;
    margin: 0 4% 2rem 0;
    border-radius: 1rem;
    overflow: hidden;
    border: 1px solid #ccebf7;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%),0 2px 6px 2px rgb(60 64 67 / 15%);
}

.mainpro1>ul>li:nth-child(3) {
    margin-right: 0;
}

.mainpro1 ul li ol li.product_img {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.mainpro1 ul li ol li.product_con {
    width: 100%;
    position: relative;
}

.mainpro1 ul li ol li.product_con a {
    color: #111;
    font-size: 1.2rem;
    display: block;
    position: relative;
    width: 100%;
    font-weight: 500;
    line-height: 1.4rem;
    padding: 1rem 1.5rem;
    text-transform: uppercase;
}

.mainpro1 ul li ol li.product_con span {
    color: #555;
    font-size: 0.95rem;
    padding: 0 1.5rem;
    line-height: 1.4rem;
    display: block;
}

.mainpro1 ul li ol li.product_con a.more {
    color: #0e734f;
    padding: 0;
    font-size: .9rem;
    display: inline-block;
    margin: 1rem 1.5rem 1.5rem 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    width: auto;
}

.mainpro1 ul li ol li.product_con a.more:before {
    position: absolute;
    content: '';
    background: #0e734f;
    width: 0;
    height: 2px;
    left: 0;
    bottom: 0;
    transition: .3s all ease-in-out;
}

.mainpro1 ul li ol li.product_con a:hover {
    color: #0e734f;
}

.mainpro1 ul li ol li.product_con a.more:hover:before {
    width: 100%;
}

@media (max-width: 1199.98px) {
    .mainpro>ul>li {
        width:50%;
        padding: 3rem 0;
    }

    .mainpro>ul>li:nth-child(3n) {
        border-right: 1px solid #fff;
    }

    .mainpro>ul>li:nth-child(3n+1) {
        clear: none;
    }

    .mainpro>ul>li:nth-child(2n) {
        border-right: none;
    }

    .mainpro>ul>li:nth-child(2n+1) {
        clear: both;
    }

    .mainpro>ul>li:nth-child(4) {
        border-bottom: 1px solid #fff;
    }

    .mainpro ul li ol,.mainpro>ul>li.products_title ol {
        width: 70%;
    }
}

@media (max-width: 767.98px) {
    .mainpro_title {
        width:100%;
        margin: 0;
    }

    .mainpro_title span {
        text-align: left;
        font-size: 2.4rem;
        line-height: 2.8rem;
    }

    .mainpro_title p {
        text-align: left;
        font-size: 0.9rem;
    }

    .mainpro .webtitle {
        font-size: 2.2rem;
        line-height: 2.4rem;
    }

    .mainpro {
        padding: 1rem 0
    }

    .mainpro p {
        width: 100%;
        margin: 0 auto 1rem auto;
    }

    .mainpro>ul>li {
        width: 100%;
    }

    .mainpro>ul>li:nth-child(5) {
        border-bottom: 1px solid #fff;
    }

    .mainpro>ul>li.products_title,.mainpro>ul>li:nth-child(5) {
        border-right: none;
    }

    .mainpro>ul>li.products_title a {
        padding: 0 0 1rem 0;
        margin: 0;
        font-size: 2.5rem;
        line-height: 3rem;
    }

    .mainpro ul li ol li.product_img img {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .mainpro ul li ol,.mainpro>ul>li.products_title ol {
        width:90%;
    }
}

/****home about****/
.homeabout_bg {
    width: 100%;
    background: url(../images/about_bg.jpg) no-repeat;
    background-size: cover;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.homeabout {
    width: 94%;
    max-width: 1000px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    min-height: 900px;
    align-items: center;
}

.homeabout .webtitle {
    width: 100%;
    font-size: 4.5rem;
    line-height: 4.8rem;
    font-weight: 300;
    position: relative;
    margin: 0 0 3rem 0;
    padding: 0;
    text-align: center;
    font-family: 'Montserrat';
}

.homeabout p {
    color: #fff;
    font-size: 1.3rem;
    line-height: 2.2rem;
    font-weight: 100;
    text-align: center;
}

.about_img {
    width: 49%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    margin: 0 0 1.5rem 0;
}

.about_txt {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.about_txt .webtitle a {
    color: #fff;
}

.about_txt .webtitle a:hover {
    color: #30e4a4;
}

.homeabout a.more {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 0.75rem;
    border: 2px solid #fff;
    color: #fff;
    font-family: 'Montserrat';
    padding: 1rem 1.5rem;
    font-weight: 200;
    letter-spacing: 0.02rem;
    margin: 2rem auto;
    text-transform: uppercase;
}

.homeabout a.more:hover {
    background: #303030;
}

.application_bg {
    background: linear-gradient(180deg,#a1a1a1,#383838);
    position: relative;
    width: 100%;
    padding: 4rem 0;
}

.application {
    width: 90%;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.application .webtitle {
    width: 100%;
    font-size: 3.6rem;
    line-height: 4rem;
    font-weight: 300;
    position: relative;
    margin: 1rem 0 4rem 0;
    padding: 0;
    text-align: center;
    font-family: 'Montserrat';
}

.application .webtitle span {
    display: block;
}

.application .webtitle a {
    color: #fff;
    position: relative;
}

.application .webtitle a::before {
    position: absolute;
    content: '';
    background: #fff;
    width: 100px;
    height: 2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -20px;
    transition: .3s all ease-in-out;
}

.application .webtitle a:hover {
    color: #30e4a4;
}

.application .webtitle a:hover:before {
    width: 120px;
    background: #30e4a4;
}

.application p {
    color: #333;
    font-weight: 200;
    font-size: 1rem;
    margin: 0 0 1rem;
    line-height: 1.4rem;
}

.app_left {
    width: 48%;
    float: left;
    position: relative;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 40%);
}

.app_right {
    width: 52%;
    float: right;
    position: relative;
    padding: 0 0 0 4rem;
}

.application ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.application ul>li {
    width: 30.66%;
    margin: 0 4% 1rem 0;
    background: rgba(255 255 255 / 70%);
    position: relative;
    transition: .3s all ease-in-out;
}

.application ul>li:nth-child(3) {
    margin-right: 0;
    padding: 0 3rem 0 0;
}

.application ul li ol {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.application ul li ol li.product_img {
    position: relative;
    overflow: hidden;
}

.application ul li ol li.product_img a {
    display: block;
}

.application ul li ol li.product_con {
    width: 100%;
    position: relative;
    padding: 1rem 2rem;
}

.application ul li ol li.product_con a {
    display: block;
    width: 100%;
    color: #111;
    font-weight: 500;
    padding: 1rem 0;
    font-size: 1.3rem;
    line-height: 1.4rem;
    text-align: left;
}

.application ul li ol li.product_img img {
    transition: .3s all ease-in-out;
}

.application ul>li ol:hover li.product_img img {
    transform: scale(1.03);
}

.application ul>li ol li.product_con a:hover {
    color: #0e734f;
}

.application ul li ol li.product_con span {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #333;
    display: block;
    position: relative;
    font-family: 'Lato';
    font-weight: 300;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 限制行数为3 */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.application ul>li:nth-child(3) ol li.product_con a:before {
    position: absolute;
    content: '';
    background: #999;
    right: -11px;
    top: 100px;
    width: 25px;
    height: 1px;
    transition: .3s all ease-in-out;
}

.application ul>li:nth-child(3) ol li.product_con a:after {
    position: absolute;
    content: '';
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    right: -10px;
    top: 93px;
    transform: rotate(-45deg);
    width: 15px;
    height: 15px;
    transition: .3s all ease-in-out;
}

.application ul>li:nth-child(3) ol li.product_con a:hover:before,.application ul>li:nth-child(3) ol li.product_con a:hover:after {
    right: -15px;
}

.app_more a {
    font-weight: 200;
    letter-spacing: 0.02rem;
    text-align: center;
    padding: 1rem 1.5rem;
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    margin: 2rem auto;
    text-transform: uppercase;
    font-size: 0.75rem;
    line-height: 0.75rem;
}

.app_more a:hover {
    background: #303030;
}

.application_bg1 {
    background: url(../images/app_bg1.jpg) no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 5rem 0 8rem 0;
}

.application1 {
    width: 94%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.application1 .webtitle {
    width: 100%;
    font-size: 4.5rem;
    color: #fff;
    line-height: 4.8rem;
    font-weight: 300;
    position: relative;
    margin: 2rem 0;
    padding: 0;
    text-align: center;
    font-family: 'Montserrat';
}

.application1 .webtitle a span {
    font-weight: 300;
    color: #0e734f
}

.application1 .webtitle a {
    color: #fff;
    position: relative;
}

.application1 .webtitle a:hover {
    color: #0e734f
}

.application1 p {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: 100;
    text-align: center;
    margin: 0 0 2rem 0;
}

.application1 ul {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #fff;
    justify-content: center;
    align-items: center;
}

.application1 ul li {
    width: 33.33%;
    margin: 0;
    position: relative;
    background: rgba(255 255 255 / 30%);
    display: flex;
    border-right: 1px solid #fff;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    min-height: 140px;
    transition: .3s all ease-in-out;
}

.application1 ul li:nth-child(3n) {
    /* margin-right: 0; */
    /* border-right: none; */
}

.application1 ul li:nth-child(3n+1) {
    /* clear: both; */
}

.application1 ul li:hover {
    background: rgba(255 255 255 / 60%);
}

.application1 ul li span {
    color: #111;
    font-weight: 400;
    display: block;
    width: 100%;
    font-size: 1.35rem;
    line-height: 1.4rem;
    padding: 1rem 0.5rem 0.6rem;
}

.application1 ul li p {
    font-size: 1rem;
    line-height: 1.3rem;
    padding: 0 0.3rem 0 0.5rem;
}

.application2 {
    width: 94%;
    margin: -5rem auto 0 auto;
    position: relative;
    max-width: 1200px;
    padding: 2rem 0 2rem 3rem;
    background: linear-gradient(180deg,#0e734f 70%,#fff 70%);
}

.application2 .webtitle {
    display: block;
    width: 30%;
    font-size: 2rem;
    line-height: 2.4rem;
    letter-spacing: 0.06rem;
    text-transform: uppercase;
    font-weight: 300;
    text-align: left;
    padding: 0;
    margin: 0;
    float: left;
}

.application2 .webtitle a {
    color: #fff;
}

.application2 p {
    margin: 0;
    color: #fff;
    padding: 0 3rem 0 0;
    font-size: 1rem;
}

.application2 ul {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.application2 ul li {
    width: 23.5%;
    margin: 0 2% 1rem 0;
    position: relative;
    background: #028cd9;
    text-align: center;
    padding: 1rem 0 2rem 0;
}

.application2 ul li:nth-child(4) {
    margin-right: 0;
}

.application2 ul li span {
    width: 100%;
    display: block;
    margin: 1.5rem 0;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.4rem;
    transition: .3s all ease-in-out;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -ms-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
}

.application2 ul li a img {
    position: relative;
    transition: .3s all ease-in-out;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -ms-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
}

.application2 ul li a {
    display: block;
}

.application2 ul li a:hover span,.application2 ul li a:hover img {
    transform: translateY(-1rem);
    -webkit-transform: translateY(-1rem);
    -moz-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    -o-transform: translateY(-1rem);
}

@media (max-width: 1399.98px) {
    .application ul>li {
        width:48%;
    }

    .application ul>li:nth-child(2) {
        margin-right: 0;
    }

    .application ul>li:nth-child(3) {
        width: 100%;
    }
}

@media (max-width: 991.98px) {
    .homeabout {
        min-height:760px;
    }

    .homeabout .webtitle {
        font-size: 2.5rem;
        line-height: 3rem;
        margin: 0 0 2rem 0;
    }

    .homeabout p {
        font-size: 1rem;
        line-height: 1.8rem;
    }

    .about_title {
        display: none
    }

    .application_bg {
        padding: 2rem 0;
    }

    .application .webtitle {
        font-size: 2.5rem;
        line-height: 3rem;
        color: #333;
        margin: 1rem 0 3rem 0;
    }

    .app_right {
        width: 100%;
        padding: 0;
    }

    .app_right img {
        display: none;
    }

    .app_info {
        background: 0;
        position: relative;
        width: 100%;
        box-shadow: none;
        padding: 0;
        bottom: auto;
        right: auto;
    }

    .app_right .more {
        margin: 0.5rem 0;
    }

    .app_left {
        width: 100%;
        margin: 1rem 0;
    }

    .application_bg1 {
        padding: 3rem 0 6rem 0;
    }

    .application1 .webtitle {
        font-size: 2.5rem;
        line-height: 3rem;
    }

    .application1 p {
        font-size: 1rem;
        line-height: 1.8rem;
    }

    .application1 ul li {
        padding: 1rem;
    }
}

@media (max-width: 767.98px) {
    .about_img,.about_img img {
        width:100%;
    }

    .application>ul>li {
        width: 100%;
        margin: 0 0 2rem 0
    }

    .application ul li ol li.product_img {
        width: 100%;
    }

    .application ul li ol li.product_con {
        width: 100%;
        text-align: left;
    }

    .application>ul>li img {
        width: 100%
    }
}

@media (max-width: 575.98px) {
    .application ul>li:nth-child(3) {
        padding:0 0 1rem 0;
    }

    .application ul li ol li.product_con a:before,.application ul li ol li.product_con a:after {
        display: none;
    }
}

/*quick-link*/
#quicknav {
    position: relative;
    color: #0e734f;
    line-height: 1.2rem;
    font-size: .9rem;
    width: 100%;
    padding: 1rem 0;
    font-weight: 200;
}

#quicknav a {
    color: #777
}

#quicknav ul {
    width: 94%;
    margin: 0 auto;
    max-width: 1200px
}

#quicknav ul.small_width {
    max-width: 1100px;
}

#quicknav ul.content1 {
    max-width: 1100px
}

#quicknav li {
    display: inline-block;
    padding: 0 .2rem
}

#quicknav li+li::before {
    padding: 0 10px 0 5px;
    color: #555;
    content: "/\00a0"
}

#quicknav a:hover {
    color: #0e734f
}

#quicknav.quicknav {
    background: 0 0;
    color: #eee
}

#quicknav.quicknav a {
    color: #555
}

#quicknav.quicknav li+li::before {
    color: #fff
}

@media (max-width: 575.98px) {
    #quicknav {
        display:none
    }
}

/****container****/
#container {
    margin: 62px auto 0 auto;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.etw_container {
    overflow: hidden;
    background: #eff7fa;
}

.etw_container1 {
    background: url(../images/video_bg.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
    padding: 2rem 0;
}

.content_bg {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg,#bfbfbf,#343434);
    padding: 1rem 0;
}

.content_bg p,.content_bg .protitle2 {
    color: #fff;
    margin: 0 0 1.5rem 0;
}

.content_bg .protitle2:before {
    background: #fff;
}

.content_bg1 {
    width: 100%;
    position: relative;
    margin: 0 auto;
    background: url(../images/content_bg.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
    padding: 2rem 0 1rem 0;
}

.content_bg2 {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: url(../images/bg1.png) no-repeat #0e734f;
    background-size: cover;
    padding: 2rem 0;
}

.content {
    width: 94%;
    margin: 2rem auto;
    max-width: 1200px;
}

.content1 {
    width: 94%;
    margin: 2rem auto;
    max-width: 1060px;
}

.content2 {
    width: 100%;
    margin: 2rem auto;
}

.content3 {
    width: 94%;
    margin: 2rem auto;
    max-width: 1300px;
}

.content_bg1 .content {
    margin: 1.5rem auto;
    background: 0;
    box-shadow: none;
}

.about_hub {
    position: relative;
    margin: 3rem 0;
}

.about_hub ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.about_hub ul li {
    width: 23.5%;
    margin: 0 2% 1rem 0;
    border-right: 1px dotted #ccc;
    text-align: center;
    font-weight: 500;
    font-size: 1.1rem;
}

.about_hub ul li:last-child {
    margin-right: 0;
    border-right: none;
}

.about_hub ul li a {
    width: 100%;
    display: block;
}

.about_hub ul li a.dq {
    color: #0e734f;
}

.about_hub ul li span {
    margin: 0 0.5rem;
    display: inline-block;
}

.about_hub ul li img {
    transition: .3s all ease-in-out;
}

.about_hub ul li a:hover img {
    transform: translateY(-0.3rem);
    -webkit-transform: translateY(-0.3rem);
    -moz-transform: translateY(-0.3rem);
    -ms-transform: translateY(-0.3rem);
    -o-transform: translateY(-0.3rem);
}

.aboutbg_img {
    position: relative;
    padding: 0 3rem 0 0;
}

.aboutbg_img:before {
    position: absolute;
    content: '';
    background: #dde2e6;
    width: 80%;
    height: 100%;
    right: 0;
    top: 13%;
}

.aboutbg_img img {
    position: relative;
}

.img_bg {
    position: absolute;
    width: 46%;
    right: 0
}

.etw_container .img_bg {
    right: auto;
    left: 0;
}

.pro_infobox {
    width: 100%;
    position: relative;
}

.pro_infobox ul {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.pro_infobox ul li {
    width: 33.33%;
    margin: 0;
    color: #fff;
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    border-right: 1px solid #fff;
    padding: 0 2rem;
    font-weight: 400;
    text-align: center;
}

.pro_infobox ul li:nth-child(3) {
    border-right: none;
}

.pro_infobox ul li span {
    display: block;
    width: 100%;
    font-weight: 300;
    font-size: 1.3rem;
    padding: 0.3rem 0 0 0;
    text-transform: none;
    line-height: 1.6rem;
}

.caseinfo {
    background: #dde2e6;
    position: relative;
    margin: 0 2px;
    padding: 2.5rem 1rem 0.5rem 1rem;
}

.caseinfo:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 40px solid #eff7fa;
    border-left: 40px solid transparent;
    border-right: 0px solid transparent;
    bottom: 0;
    right: 0;
}

.app_item {
    background: #efefef;
    width: 100%;
}

.app_item span {
    display: block;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #212121;
    padding: 1rem 2rem;
}

.app_item p {
    padding: 0 2rem 1rem 2rem;
    font-size: 0.9rem;
    margin: 0;
    line-height: 1.4rem;
}

.app_img {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 1rem 1rem 0 0;
    -webkit-border-radius: 1rem 1rem 0 0;
    -moz-border-radius: 1rem 1rem 0 0;
    -ms-border-radius: 1rem 1rem 0 0;
    -o-border-radius: 1rem 1rem 0 0;
}

.app_img:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0 0 0 / 80%);
    transition: .3s all ease-in-out;
}

.app_img:hover:before {
    background: rgba(252 180 62 / 90%);
}

.app_img img {
    display: block;
    width: 100%;
}

.app_img .app_title {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
}

.app_img .app_title img {
    width: auto;
    margin: 0 auto;
}

.app_img .app_title span {
    display: block;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #fff;
    padding: 1.5rem 1rem 0 1rem;
    width: 100%;
    text-align: center;
    font-weight: 600;
}

.etw_certificate {
    position: relative;
}

.etw_certificate ul {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.etw_certificate ul li {
    width: 30.66%;
    margin: 0 4% 1rem 0;
    background: rgba(255 255 255 / 70%);
    padding: 3rem 4rem;
    text-align: center;
}

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

.etw_certificate ul li a {
    display: block;
    width: 100%;
    position: relative;
}

.etw_certificate ul li img {
    transition: .6s all ease-in-out;
    -webkit-transition: .6s all ease-in-out;
    -moz-transition: .6s all ease-in-out;
    -ms-transition: .6s all ease-in-out;
    -o-transition: .6s all ease-in-out;
}

.etw_certificate ul li img:hover {
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
}

.etw_certificate ul li span {
    display: block;
    width: 100%;
    padding: 0.5rem;
    text-align: center;
}

.about_box {
    width: 100%;
    margin: 0 auto;
    position: relative
}

.about_box ul {
    display: flex;
    flex-flow: wrap;
    margin: 0 auto
}

.about_box>ul>li {
    width: 49%;
    margin: 0 2% 1.5rem 0;
    border: 1px solid #ddd;
    transition: .5s all ease-in-out;
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -ms-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
}

.about_box>ul>li:nth-child(2n) {
    margin-right: 0
}

.about_box>ul>li:nth-child(2n+1) {
    clear: both
}

.about_box ul li ol {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.about_box ul li ol li.product_img {
    width: 45%;
    position: relative;
    overflow: hidden;
}

.about_box ul li ol li.product_img a {
    display: block;
    width: 100%;
    position: relative;
}

.about_box ul li ol li.product_img img {
    width: 100%;
    transition: .5s all ease-in-out;
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -ms-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
}

.about_box ul li ol li.product_img:hover img {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
}

.about_box ul li ol li.product_con {
    position: relative;
    width: 55%;
    display: block;
    padding: 0 1rem 0 1.5rem;
}

.about_box ul li ol li.product_con a {
    color: #384466;
    position: relative;
    padding: 1rem 0;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.2rem;
    text-align: left;
    display: block;
    text-transform: uppercase;
}

.about_box ul li ol li.product_con a:before {
    position: absolute;
    content: '';
    background: linear-gradient(180deg,transparent,#0e734f);
    width: 100px;
    height: 5px;
    left: 0;
    bottom: 10px;
}

.about_box ul li ol li.product_con span {
    color: #333;
    position: relative;
    font-weight: 200;
    font-size: 0.8rem;
    line-height: 1rem;
    text-align: left;
    display: block;
}

.about_box ul li ol li.product_con p {
    color: #091d3e;
    position: relative;
    font-size: 0.9rem;
    line-height: 1.3rem;
    text-align: left;
}

.about_box ul li ol:hover li.product_con a {
    color: #0e734f
}

.about_box ul li ol li.product_con a.more {
    color: #fff;
    display: inline-block;
    padding: 0.3rem 1rem;
    font-size: 0.75rem;
    line-height: 0.75rem;
    width: auto;
    margin: 0.8rem 0 0 0;
    text-transform: uppercase;
    font-weight: 300;
    background: #0e734f;
}

.about_box ul li ol li.product_con a.more:before {
    display: none;
}

.about_box ul li ol li.product_con a.more:hover {
    background: #384466;
}

.about_box1 {
    width: 100%
}

.about_box1 ul {
    display: flex;
    flex-flow: wrap;
    position: relative;
}

.about_box1>ul>li {
    width: 100%;
    overflow: hidden;
    margin: 0 0 1rem 0;
    background: #fff;
}

.about_box1 ul li ol {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

.about_box1 ul li:nth-child(2n) ol {
    flex-direction: row-reverse;
}

.about_box1 ul li ol li.product_name {
    width: 100%;
    color: #253041;
    font-size: 1.4rem;
    line-height: 1.6rem;
    display: block;
    padding: 1rem 0;
    font-weight: 600;
}

.about_box1 ul li ol li.product_name span {
    display: block;
    padding: 1rem 0;
    font-size: 1rem;
    line-height: 1.4rem;
    color: #111;
    font-weight: 300;
}

.about_box1 ul li ol li.product_img {
    width: 42%;
    overflow: hidden
}

.about_box1 ul li ol li.product_img a {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    justify-content: center;
    align-items: center;
}

.about_box1 ul li ol li.product_img a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0 0 0 / 60%);
}

.about_box1 ul li ol li.product_img span {
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,51,153,.8);
}

.about_box1 ul li ol li.product_img span:after {
    position: absolute;
    content: '';
    left: 4%;
    top: 4%;
    width: 92%;
    height: 92%;
    border: 2px solid rgba(255 255 255 / 50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.about_box1 ul li ol li.product_img img {
    transition: .3s all ease-in-out
}

.about_box1 ul li ol li.product_img a:hover span img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.about_box1 ul li ol li.product_con {
    width: 58%;
    position: relative;
    padding: 0 3rem;
}

.about_box1 ul li ol li.product_con>a {
    color: #111;
    padding: 1rem 0;
    text-align: left;
    font-size: 2rem;
    line-height: 2rem;
    display: flex;
    font-weight: 400;
}

.about_box1 ul li ol li.product_con span {
    display: block;
    font-size: 1.05rem;
    font-weight: 200;
    line-height: 1.6rem;
    color: #111;
}

.about_box1 ul li ol li.product_con p {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #111;
    margin: 0 0 1.5rem;
    display: block;
}

.about_box1 ul li ol li.product_con .more {
    font-size: 1rem;
    line-height: 1rem;
    display: inline-block;
    padding: 0.4rem 1.2rem;
    text-align: center;
    color: #111;
    font-weight: 300;
    border: 2px solid #333;
    margin: 1rem 0;
}

.about_box1 ul li ol li.product_con a:hover {
    color: #0e734f
}

.about_box1 ul li ol li.product_con .more:hover {
    color: #fff;
    background: #333;
}

.about_box1_sm ul li ol li.product_img {
    width: 20%;
}

.about_box1_sm ul li ol li.product_con {
    width: 80%;
}

.about_box2 {
    width: 100%;
    max-width: 1200px;
    margin: 2rem auto;
    position: relative
}

.about_box2>ul {
    display: flex;
    flex-wrap: wrap
}

.about_box2>ul>li {
    margin: 0 2% 2rem 0;
    width: 32%;
    background: #fff;
    border-radius: 5rem 0;
    overflow: hidden;
}

.about_box2>ul>li:nth-child(3n) {
    margin-right: 0
}

.about_box2>ul>li:nth-child(3n+1) {
    clear: both
}

.about_box2 ul li ol li.product_img {
    width: 100%;
    position: relative;
    overflow: hidden
}

.about_box2 ul li ol li.product_img a {
    display: block;
    width: 100%
}

.about_box2 ul li ol li.product_img img {
    transition: .3s all ease-in-out
}

.about_box2 ul li ol:hover li.product_img img {
    transform: scale(1.06)
}

.about_box2 ul li ol li.product_con {
    width: 100%;
    position: relative;
}

.about_box2 ul li ol li.product_con a {
    color: #333;
    padding: 1.5rem;
    display: block;
    width: 100%;
    font-weight: 600;
    text-align: left;
    line-height: 1.4rem;
    font-size: 1.2rem;
}

.about_box2 ul li ol li.product_con strong {
    font-size: 1rem;
    line-height: 1.6rem;
    padding: 0 0 .5rem 0;
    display: block;
    font-weight: 400
}

.about_box2 ul li ol li.product_con span {
    font-size: .9rem;
    color: #333;
    padding: 0 .5rem;
    line-height: 1.4rem;
    display: block
}

.about_box2 ul li ol:hover li.product_con a {
    color: #1e2b50
}

.about_box2 ul li ol li.product_con a.more {
    font-size: .8rem;
    line-height: 1.2rem;
    background: #1e2b50;
    color: #fff;
    font-size: .85rem;
    font-weight: 300;
    text-align: center;
    display: inline-block;
    padding: .4rem 1rem .3rem 1rem;
    width: auto;
    margin: 1rem 0 2rem .5rem
}

.about_box2 ul li ol:hover li.product_con a.more {
    background: #333
}

.about_box3 {
    width: 100%;
    margin: 0 auto;
}

.about_box3 ul {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.about_box3>ul>li {
    width: 32%;
    margin: 0 2% 2rem 0;
    overflow: hidden;
    background: #d9d9d9;
    transition: .3s all ease-in-out;
}

.about_box3>ul>li:nth-child(3n) {
    margin-right: 0;
}

.about_box3>ul>li:nth-child(3n+1) {
    clear: both;
}

.about_box3>ul>li:hover {
    box-shadow: 0 12px 18px 0 rgba(25,42,70,.33);
}

.about_box3 ul li ol li.product_img {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.about_box3 ul li ol li.product_img a {
    position: relative;
}

.about_box3 ul li ol li.product_img img {
    transition: .3s all ease-in-out;
}

.about_box3 ul li ol:hover li.product_img img {
    transform: scale(1.03);
}

.about_box3 ul li ol li.product_con {
    width: 100%;
    position: relative;
}

.about_box3 ul li ol li.product_con a {
    color: #333;
    font-size: 1.2rem;
    display: block;
    position: relative;
    text-transform: uppercase;
    line-height: 1.2rem;
    padding: 1.5rem 1rem 1.5rem 1.5rem;
    font-weight: 600;
    text-align: left;
}

.about_box3 ul li ol li.product_con span {
    color: #555;
    width: 100%;
    font-size: 1.1rem;
    font-weight: 600;
    padding: 0.5rem 0;
    text-align: left;
    line-height: 1.4rem;
    display: block;
}

.about_box3 ul li ol li.product_con p {
    font-size: 0.8rem;
    margin: 0;
    line-height: 1.1rem;
}

.about_box3 ul li ol li.product_con a.more {
    color: #0e734f;
    padding: 0;
    font-size: .9rem;
    display: inline-block;
    margin: 1rem 1.5rem 1.5rem 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    width: auto;
}

.about_box3 ul li ol li.product_con a.more:before {
    position: absolute;
    content: '';
    background: #0e734f;
    width: 0;
    height: 2px;
    left: 0;
    bottom: 0;
    transition: .3s all ease-in-out;
}

.about_box3 ul li ol:hover li.product_con a {
    color: #0e734f;
}

.about_box3 ul li ol li.product_con a.more:hover:before {
    width: 100%;
}

.about_box4 {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.about_box4 ul {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
}

.about_box4 ul>li {
    width: 23.5%;
    margin: 0 2% 1.5rem 0;
}

.about_box4 ul>li:nth-child(4n) {
    margin-right: 0;
}

.about_box4 ul li ol {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.about_box4 ul li ol li.product_img {
    position: relative;
    width: 100%;
    box-shadow: 0 12px 18px 0 rgba(25,42,70,.33);
    transition: .3s all ease-in-out;
}

.about_box4 ul li ol:hover li.product_img {
    box-shadow: 0 12px 18px 0 rgba(25,42,70,.73);
}

.about_box4 ul li ol li.product_img a {
    display: flex;
    width: 100%;
    position: relative;
}

.about_box4 ul li ol li.product_img a:before {
    position: absolute;
    content: '';
    background: rgba(0 0 0 / 70%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: .3s all ease-in-out;
}

.about_box4 ul li ol:hover li.product_img a:before {
    background-color: rgba(0,51,153,.8);
}

.about_box4 ul li ol li.product_con {
    position: absolute;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.about_box4 ul li ol li.product_con a {
    width: 100%;
    display: block;
    text-align: center;
}

.about_box4 ul li ol li.product_con span {
    font-size: 1.2rem;
    display: block;
    width: 100%;
    font-weight: 300;
    line-height: 1.4rem;
    color: #fff;
    text-align: center;
    padding: 0.5rem 0;
}

.about_box4 ul li ol li.product_con p {
    font-size: .9rem;
    line-height: 1.4rem;
    color: #fff;
    width: 100%;
}

.about_box4 ul li ol:hover li.product_con a,.about_box4 ul li ol li.product_con a.dq {
    color: #0e734f;
}

.about_box5 {
    width: 100%;
    position: relative;
}

.about_box5 ul {
    display: flex;
    flex-flow: wrap;
    position: relative;
}

.about_box5>ul>li {
    width: 100%;
    margin: 0 0 2rem 0;
    padding: 1rem 2rem 2rem 2rem;
    background: #efefef;
}

.about_box5 ul li ol {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.about_box5 ul li ol li.product_name a {
    width: 100%;
    color: #253041;
    font-size: 1.6rem;
    line-height: 2rem;
    display: block;
    padding: 1rem 0 0 0;
    font-weight: 600;
}

.about_box5 ul li ol li.product_name span {
    display: block;
    padding: 1rem 0;
    font-size: 1rem;
    line-height: 1.4rem;
    color: #111;
    font-weight: 300;
}

.about_box5 ul li ol li.product_name a.more {
    font-size: 0.95rem;
    line-height: 0.95rem;
    font-weight: 300;
    background: #253041;
    display: block;
    float: right;
    text-align: center;
    width: 120px;
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 2rem;
}

.about_box5 ul li ol li.product_name a:hover {
    color: #0e734f;
}

.about_box5 ul li ol li.product_img {
    width: 50%;
    overflow: hidden
}

.about_box5 ul li ol li.product_img a {
    display: block;
    width: 100%
}

.about_box5 ul li ol li.product_img img {
    transition: .3s all ease-in-out
}

.about_box5 ul li ol li.product_img img:hover {
    transform: scale(1.06)
}

.about_box5 ul li ol li.product_con {
    width: 50%;
    position: relative;
    padding: 0 0 0 1.5rem
}

.about_box5 ul li ol li.product_con>a {
    color: #fff;
    padding: 2rem 1rem .5rem 2rem;
    text-align: left;
    font-size: 1.3rem;
    display: flex;
    font-family: Poppins
}

.about_box5 ul li ol li.product_con span {
    display: block;
    padding: 0 0 1rem 0;
    font-size: 0.9rem;
    line-height: 1.2rem;
    color: #111;
}

.about_box5 ul li ol li.product_con ol li {
    width: 30.66%;
    margin: 0 4% 0 0;
    border-radius: 50%;
    position: relative;
}

.about_box5 ul li ol li.product_con ol li:nth-child(3n) {
    margin-right: 0;
}

.about_box5 ul li ol li.product_con ol li img {
    position: relative;
}

.about_box5 ul li ol li.product_con .more {
    position: absolute;
    right: 2rem;
    bottom: 2rem
}

.about_box5 ul li ol li.product_con .more a {
    color: #fff;
    font-size: .95rem;
    text-decoration: underline;
    font-style: oblique
}

.about_box5 ul li ol li.product_con a:hover {
    color: #0e734f
}

.app_hub {
    width: 100%;
    position: relative;
    padding: 0 2rem;
    margin: 1rem 0;
}

.app_hub ul {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.app_hub>ul>li {
    position: relative;
    margin: 0;
    text-align: center;
}

.app_hub>ul.hub_item>li {
    width: 49%;
    margin: 0 2% 0 0;
}

.app_hub>ul.hub_item>li:last-child {
    margin-right: 0;
}

.app_hub ul li ol {
    position: relative;
}

.app_hub ul li ol li.product_img {
    position: relative;
    display: block;
    margin: 0 auto;
}

.app_hub ul li ol li.product_img img {
    position: relative;
    transition: .3s all ease-in-out;
}

.app_hub ul li ol li.product_con {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.app_hub ul li ol li.product_con a {
    display: block;
    width: 100%;
    padding: 1rem 0;
    text-align: center;
    color: #111;
    font-size: 1rem;
    line-height: 1.1rem;
    text-shadow: 1px 1px 1px #fff;
    font-weight: 500;
}

.app_hub ul li ol:hover li.product_con a {
    color: #0e734f;
}

.small_box {
    padding: 1rem 5rem;
}

@media (max-width: 991.98px) {
    #container {
        margin-top:0
    }

    .content1 {
        width: 100%;
        margin: 0 auto 5rem auto;
        padding: 1.5rem;
    }

    .about_box1>ul>li {
        width: 100%;
        margin: 0 0 1.5rem 0;
        padding: 1rem;
    }

    .about_box3 ul li ol li.product_con p {
        font-size: .85rem;
        line-height: 1.5rem
    }

    .about_box3 ul li ol li.product_con strong {
        font-size: 1.1rem;
        line-height: 1.2rem
    }

    .app_hub>ul>li {
        width: 49.75%;
    }

    .app_hub>ul>li:nth-child(3n) {
        margin-right: 0.5%;
    }

    .app_hub>ul>li:nth-child(3n+1) {
        clear: none;
    }

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

    .app_hub>ul>li:nth-child(2n+1) {
        clear: both;
    }

    .about_hub ul li span {
        display: block;
        line-height: 1.3rem;
    }
}

@media (max-width: 767.98px) {
    .about_box>ul>li {
        width:100%;
        margin: 0 0 2rem 0
    }

    .about_box ul li ol li.product_con span {
        font-size: .95rem;
        line-height: 1.4rem;
        padding: 1rem;
    }

    .about_box1 ul li ol li.product_con,.about_box1 ul li ol li.product_img {
        width: 100%;
        padding: 0
    }

    .about_box1 ul li ol li.product_img figure,.about_box1 ul li ol li.product_img img {
        width: 100%
    }

    .about_box2>ul>li {
        width: 49%
    }

    .about_box2>ul>li:nth-child(3n) {
        margin-right: 2%
    }

    .about_box2>ul>li:nth-child(3n+1) {
        clear: none
    }

    .about_box2>ul>li:nth-child(2n) {
        margin-right: 0
    }

    .about_box2>ul>li:nth-child(2n+1) {
        clear: both
    }

    .about_box4 ul>li {
        width: 49%
    }

    .about_box4 ul>li:nth-child(2n) {
        margin-right: 0
    }

    .about_box4 ul>li:nth-child(2n+1) {
        clear: both
    }

    .about_box5 ul li.pro_box {
        width: 100%;
        margin: 0 0 1.5rem 0;
    }
}

@media (max-width: 575.98px) {
    .about_box ul li ol li.product_con,.about_box ul li ol li.product_img {
        width:100%
    }

    .about_box3 ul>li {
        width: 100%;
        margin: 0 0 1rem 0;
    }

    .about_box3 ul li ol li.product_img img {
        width: 100%
    }

    .about_box3 ul li ol li.product_con a {
        font-size: 1rem;
        line-height: 1.2rem;
    }

    .about_box4 ul>li {
        width: 100%;
        margin: 0 0 1.5rem 0
    }

    .app_hub>ul>li {
        width: 100%;
        margin: 0 0 1rem 0;
    }

    .app_hub>ul>li:nth-child(3n) {
        margin-right: 0;
    }

    .about_hub ul li {
        width: 49%;
    }

    .about_hub ul li:nth-child(2n) {
        margin-right: 0;
        border-right: none;
    }

    .about_hub ul li:nth-child(2n+1) {
        clear: both;
    }
}

@media (max-width: 419.98px) {
    .about_box>ul>li {
        width:100%;
        margin: 0 0 1.5rem 0
    }

    .about_box2>ul>li {
        width: 100%;
        margin: 0 0 2rem 0
    }

    .about_box2>ul>li:nth-child(3n) {
        margin-right: 0
    }
}

/****container END****/
/****bg box****/
.about_item {
    position: relative;
}

.about_item:before {
    position: absolute;
    content: '';
    border-left: 2px solid #0e734f;
    border-top: 2px solid #0e734f;
    left: -40px;
    top: -30px;
    width: 100px;
    height: 80px;
}

.about_item:after {
    position: absolute;
    content: '';
    border-right: 2px solid #0e734f;
    border-bottom: 2px solid #0e734f;
    right: -40px;
    bottom: -25px;
    width: 100px;
    height: 80px;
}

.right_box {
    width: 50%;
    float: right;
    margin: 0 0 4rem 2%;
}

.right_box a {
    position: relative;
    padding: 0 3rem 0 0;
    display: block;
    width: 100%;
}

.right_box a:before {
    position: absolute;
    content: '';
    background: #eaeaea;
    width: 90%;
    height: 90%;
    left: 10%;
    top: 22%;
}

.right_box a img {
    position: relative;
}

.right_box1 {
    width: 50%;
    float: right;
    margin: 0 0 1rem 3%;
}

.box_bg {
    width: 100%;
    padding: 2rem;
    background: #dde2e6;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 20rem 4rem 4rem 1rem;
    -webkit-border-radius: 20rem 4rem 4rem 1rem;
    -moz-border-radius: 20rem 4rem 4rem 1rem;
    -ms-border-radius: 20rem 4rem 4rem 1rem;
    -o-border-radius: 20rem 4rem 4rem 1rem;
}

.item_box_shadow {
    position: relative;
    transition: .3s all ease-in-out;
}

.item_box_shadow:hover {
    filter: drop-shadow(0 0 10px rgba(0 0 0 / 25%));
    -webkit-filter: drop-shadow(0 0 10px rgba(0 0 0 / 25%));
}

.item_box {
    background: #ebecf0;
    padding: 1.5rem;
    clip-path: polygon(0 0,0 100%,calc(100% - 76px) 100%,100% calc(100% - 56px),100% 0,0 0);
}

.item_box p strong {
    color: #fff;
    position: relative;
    font-size: 1rem;
    font-weight: 300;
    background: linear-gradient(45deg,#0e734f,#0e734f);
    padding: 0.5rem 1rem 0.5rem 0.5rem;
    clip-path: polygon(0 0,0 100%,calc(100% - 15px) 100%,100% calc(100% - 12px),100% 0,0 0);
}

.aboutbox {
    border: 10px solid rgba(221 221 221 / 30%);
    padding: 2rem 3rem 1rem 3rem;
    transition: .3s all ease-in-out;
    background: #efefef;
}

.hub_bg {
    background: #efefef;
    padding: 2rem;
    margin: 0 0 3rem 0;
    position: relative;
    border-radius: 2rem;
}

.hub_bg::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 20px solid #efefef;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    left: 65px;
    top: -20px;
}

.hub_bg p {
    margin: 0;
}

.proinfo_bg {
    background-color: #3d3d3d;
    position: relative;
    padding: 1rem 2rem;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
}

.proimg_bg {
    position: relative;
    background: linear-gradient(180deg,#efefef 80%,#8c98ab);
    padding: 3rem 0;
}

.proimg_bg img {
    text-align: center;
    display: block;
    box-shadow: 1px 25px 23px -20px #666;
    max-width: 1000px;
    margin: 0 auto;
}

.info_bg {
    background: #efefef;
}

.info_bg p.first {
    font-size: 1.2rem;
    padding: 1rem;
}

.icon_img {
    margin: 0 auto 1rem auto;
    text-align: center;
    width: 60px;
    border: 5px solid rgba(255 193 7 / 50%);
    border-radius: 50%;
    background: #fff;
}

@media (max-width: 991.98px) {
    .img_bg {
        position:relative;
        right: auto;
        left: auto;
        margin: 0 0 1rem 0;
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .right_box {
        width:100%;
        margin: 0 0 1rem 0;
    }

    .right_box a {
        padding: 0;
    }

    .right_box a:before {
        display: none;
    }

    .item_box {
        padding: 1.5rem;
    }
}

/****link list****/
.about_link ul li a {
    display: block;
    color: #333;
    padding: .5rem 1rem;
    position: relative;
    border: 1px solid #333;
    font-size: 1rem;
    border-radius: .3rem
}

.about_link ul li a:before {
    content: "\f178";
    position: absolute;
    right: 20px;
    top: 8px;
    font-family: FontAwesome;
    color: #333;
    font-size: 16px;
    transition: .3s all ease-in-out
}

.about_link ul li a:hover {
    color: #fff;
    background: #0e734f;
    border-color: #0e734f
}

.about_link ul li a:hover:before {
    color: #fff
}

.tab_li {
    border: none;
    position: relative;
    margin: 2rem 0 0 0;
}

.tab_li ul {
    width: 100%;
    margin: 0 auto;
    background: #dde2e6;
}

.tab_li li {
    position: relative;
}

.tab_li li:before {
    position: absolute;
    content: '';
    background: #333;
    width: 0;
    height: 1px;
    left: 0;
    bottom: 8px;
    transition: .3s all ease-in-out;
    display: none;
}

.tab_li li:hover:before,.tab_li li.dq:before {
    width: 100%;
}

.tabfixed {
    position: fixed;
    top: 83px;
    left: 0;
    margin: 0;
    z-index: 999;
    width: 100%;
    background: #091d3e;
    right: 0;
}

.tabfixed ul {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    background: #091d3e;
}

.tabfixed ul li {
    color: #fff;
}

.tabfixed li:before {
    background: #fff;
}

@media (max-width: 991.98px) {
    .tabfixed {
        position:relative;
        top: auto;
        left: auto;
        right: auto;
    }

    .tabfixed ul {
        background: #dde2e6;
    }

    .tabfixed ul li {
        color: #333;
    }

    .tabfixed li:before {
        background: #333;
    }
}

/****card****/
.card {
    background: 0;
    border: none;
}

.card-header {
    transition: .3s all ease-in-out;
    border-bottom: 1px solid #ddd;
}

.card-header:hover {
    background: rgba(0,0,0,.09);
}

.card-header .btn {
    font-size: 1.3rem;
    color: #1e2b50;
    position: relative;
    line-height: 1.4rem;
    white-space: normal;
    padding: 0.5rem;
    font-family: AvenirNextLTPro;
}

.card-header .btn a {
    color: #333;
}

.card-header .btn:hover a {
    color: #1e2f97;
}

.btn:hover,.btn.focus,.btn-link:focus {
    text-decoration: none;
    color: #166dd4;
}

.card-body {
    padding: 1rem 1.5rem;
    position: relative;
    background: #eff7fa;
}

.card-header .btn span {
    float: right;
    font-size: 2rem;
    color: #999;
    font-weight: 200;
    transition: .3s all ease-in-out;
}

.card-header .btn:hover span {
    transform: rotate(90deg);
}

/****products list****/
#etw_right {
    float: right;
    width: 73%;
    position: relative;
}

#etw_sidebar {
    float: left;
    width: 24%;
    position: relative;
    margin: 0 auto;
}

#etw_sidebar .webtitle {
    text-align: left;
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding: 0;
    color: #333;
    font-weight: 300;
    position: relative;
    margin: 1.5rem 0 0 0;
    width: 100%;
    transition: .3s all ease-in-out;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -ms-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
}

#etw_sidebar .webtitle:hover {
    width: 100%;
}

#etw_sidebar .webtitle:hover:after {
    opacity: 0;
}

#etw_sidebar .webtitle span {
    display: block;
    padding: 0 0 0 2rem;
    color: #111;
}

#etw_sidebar .webtitle a {
    color: #111;
    display: block;
    width: 100%;
    padding: 1.5rem 1.2rem;
}

#etw_sidebar .webtitle a:hover {
    color: #0e734f
}

#etw_right1 {
    float: left;
    width: 75%;
    position: relative;
}

#etw_sidebar1 {
    float: right;
    width: 22%;
    position: relative;
    margin: 0 auto;
}

#etw_sidebar1 .webtitle {
    text-align: left;
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding: 0;
    color: #333;
    font-weight: 300;
    position: relative;
    margin: 0;
    width: 100%;
    transition: .3s all ease-in-out;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -ms-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
}

#etw_sidebar1 .webtitle a {
    color: #111;
    display: block;
    width: 100%;
    padding: 1.5rem 1.2rem;
}

#etw_sidebar1 .webtitle a:hover {
    color: #0e734f
}

.sidepdf {
    position: relative;
    background: #ebecf0;
}

.sidepdf ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.sidepdf ul li {
    position: relative;
    display: block;
    width: 100%;
}

.sidepdf ul li a {
    position: relative;
    display: block;
    padding: 0.5rem 1rem 0.5rem 2rem;
    font-weight: 300;
}

.sidepdf ul li a:before {
    color: #ff0000;
    transition: .3s all ease-in-out;
    content: "\f1c1";
    font-size: 1rem;
    font-family: fontawesome;
    margin: 0 .5rem 0 0
}

.sidepdf a.more {
    margin: 1rem 0 1rem 2rem;
    color: #0e734f;
    text-transform: uppercase;
    font-size: .9rem;
    line-height: .9rem;
    text-decoration: underline;
    display: block;
    font-weight: 400;
}

.sidepdf a.more:hover {
    color: #15bb80;
    text-decoration: none;
}

#etw_productlist {
    position: relative;
    margin: 0 auto;
    padding: 1rem 0;
    background: #ebecf0;
}

#etw_productlist>ul {
    position: relative;
    border: 1px solid #eee;
}

#etw_productlist>ul>li {
    width: 100%;
    position: relative
}

#etw_productlist>ul>li>a {
    padding: 1.5rem 1rem 0.6rem 2rem;
    color: #111;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 500;
    position: relative;
    display: block;
}

#etw_productlist>ul>li>a::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 5px solid #303030;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    left: 16px;
    top: 33px;
}

#etw_productlist>ul>li:last-child>a {
    border-bottom: none;
}

#etw_productlist>ul.aboutlist>li>a {
    font-size: 1rem;
    line-height: 1.2rem
}

#etw_productlist>ul>li>a.dq,#etw_productlist>ul>li>a:hover {
    color: #0e734f;
    background: #e8edf0;
}

#etw_productlist ul li ol li a {
    position: relative;
    display: block;
    padding: 0.5rem 1rem 0.5rem 3.2rem;
    color: #111;
    font-size: 0.9rem;
    line-height: 1.2rem;
    font-weight: 300;
    font-family: 'Lato';
    letter-spacing: 0.02rem;
}

#etw_productlist ul li ol li a::before {
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    border: 2px solid #aaa;
    background: #fff;
    box-shadow: inset 0 0 1px 1px #fff;
    left: 32px;
    top: 12px;
    transition: .3s all ease-in-out;
    border-radius: 0.15rem;
    -webkit-border-radius: 0.15rem;
    -moz-border-radius: 0.15rem;
    -ms-border-radius: 0.15rem;
    -o-border-radius: 0.15rem;
}

#etw_productlist ul li ol li a:hover:before,#etw_productlist ul li ol li a.dq:before {
    background: #0e734f;
}

#etw_productlist ul li ol li ol li a {
    position: relative;
    display: block;
    font-weight: 300;
    padding: 0.5rem 1rem 0.5rem 2.2rem;
    color: #333;
    font-size: .8rem;
    line-height: 0.9rem;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ffff;
}

#etw_productlist ul li ol li ol li a:before {
    content: "\f105";
    position: absolute;
    left: 24px;
    top: 6px;
    font-family: FontAwesome;
    color: #333;
    font-size: 16px;
    transition: .3s all ease-in-out;
}

#etw_productlist ul li ol li a.dq,#etw_productlist>ul>li ol li a.dq:before,#etw_productlist>ul>li ol li a:hover,#etw_productlist>ul>li ol li a:hover:before {
    color: #0e734f
}

.about_info p {
    padding: 1rem;
    line-height: 1.3rem;
}

#etw_aboutlist {
    position: relative;
    width: 100%;
}

#etw_aboutlist ul li {
    position: relative;
    width: 100%;
    display: block;
}

#etw_aboutlist ul li a {
    width: 100%;
    display: block;
    position: relative;
    float: left;
    background: linear-gradient(180deg,#0e734f,#028cd9);
    padding: 1rem 3rem 1rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    overflow: hidden;
    color: #fff;
    text-transform: uppercase;
}

#etw_aboutlist ul li a:before {
    position: absolute;
    content: '';
    background: url(../images/icon5.png) no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
    right: -4rem;
    top: 12px;
    transition: .3s all ease-in-out;
}

#etw_aboutlist ul li a span {
    position: absolute;
    left: 0;
    color: #333;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 300;
    padding: 0 1.5rem;
    transition: .3s all ease-in-out;
}

#etw_aboutlist ul li a:hover:before,#etw_aboutlist ul li a.dq:before {
    right: 1rem;
}

#etw_aboutlist ul li a:hover span,#etw_aboutlist ul li a.dq span {
    color: #0e734f;
    text-shadow: 1px 1px 1px #333;
}

#left_contact {
    border-right: 1px solid #0e734f;
    border-bottom: 1px solid #0e734f;
    padding: 1rem .5rem .5rem .5rem
}

#left_contact p {
    font-size: .8rem;
    line-height: 1.2rem;
    margin: 0 0 .8rem 0
}

#left_contact p strong {
    font-size: .8rem
}

#left_contact p a {
    color: #0b3b6f
}

#left_contact p a:hover {
    text-decoration: underline
}

.side_pro {
    position: relative;
    margin: 2rem 0 0 0;
}

.side_pro ul {
    position: relative;
}

.side_pro ul li {
    width: 100%;
    position: relative;
    margin: 0 0 1rem 0;
}

.side_pro ul li a {
    display: block;
    width: 100%;
    position: relative;
}

.side_pro ul li a span {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0 0 0 / 80%);
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.1rem;
    font-weight: 200;
    padding: 0.8rem 1rem;
    border-left: 50px solid #0e734f;
    text-align: right;
    letter-spacing: 0.06rem;
    transition: .3s all ease-in-out;
}

.side_pro ul li a:hover span {
    padding-right: 2rem;
    color: #a1ddff;
}

.side_pro ul li a.dq span {
    color: #a1ddff;
}

@media (max-width: 991.98px) {
    #etw_right,#etw_sidebar,#etw_sidebar1,#etw_right1 {
        width:100%
    }

    #etw_productlist,#etw_sidebar .webtitle,#left_contact,#etw_aboutlist,#etw_sidebar1 {
        display: none
    }
}

/****Hub quote****/
.bottom_quote {
    position: relative;
    padding: 1rem 0;
    font-family: 'Montserrat';
    background-color: #303030;
}

.bottom_quote .content {
    margin: 1rem auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1100px;
    align-items: center;
}

.quote_text {
    position: relative;
}

.quote_title {
    color: #fff;
    text-transform: uppercase;
    font-size: 2.2rem;
    line-height: 2.2rem;
    font-weight: 400;
}

.bottom_quote p {
    font-size: 0.9rem;
    line-height: 1rem;
    margin: 0;
    color: #fff;
    font-weight: 200;
}

.bottom_inquiry {
    color: #fff;
    position: relative;
    padding: 0.8rem 2rem;
    text-align: center;
    display: inline-block;
    margin: 0 10% 0 0;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.2rem;
    border: 1px solid #fff;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    transition: .3s all ease-in-out;
}

.bottom_inquiry:hover {
    background: #707070;
}

@media (max-width: 991.98px) {
    .quote_text {
        width:100%;
        margin: 0 0 1rem 0;
    }
}

@media (max-width: 575.98px) {
    .quote_title {
        font-size:1.6rem;
        line-height: 1.8rem;
    }

    .bottom_inquiry {
        font-size: 1rem;
        line-height: 1rem;
        font-weight: 200;
    }
}

/****content title****/
.webtitle {
    color: #1d1d1d;
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
    padding-bottom: 1rem;
    font-family: Oswald
}

.webtitle1 {
    width: 100%;
    text-align: left
}

.webtitle1 a {
    font-size: 1.2rem;
    font-family: Oswald;
    padding: .5rem 0;
    display: block
}

.protitle {
    font-size: 1.4rem;
    color: #111;
    position: relative;
    padding: 1rem 0;
    line-height: 1.6rem;
    font-weight: 500;
    overflow: hidden;
    text-transform: uppercase;
}

.protitle:before {
    position: absolute;
    display: none;
    content: '';
    background: #0e734f;
    background-size: cover;
    width: 30px;
    height: 3px;
    left: 0;
    bottom: 14px;
    z-index: 1;
}

.protitle a {
    color: #111
}

.protitle a:hover {
    color: #0e734f
}

.protitle1 {
    display: block
}

.protitle1 {
    width: 100%;
    color: #111;
    display: block;
    font-size: 1.8rem;
    padding: 1rem 0;
    line-height: 2rem;
    position: relative;
    font-weight: 600;
    border-bottom: 1px solid #666;
    margin: 1rem 0;
}

.small_title {
    display: inline-block;
    margin: 0 0 0.5rem 0;
    background: rgba(83 106 96 / 50%);
    padding: 0.4rem 1.2rem;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.2rem;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    font-weight: 600;
}

.protitle2 {
    font-size: 2rem;
    line-height: 2.2rem;
    font-weight: 500;
    text-align: center;
    margin: 0 0 1rem 0;
    position: relative;
    padding: 1rem 0;
    color: #111;
    text-transform: uppercase;
}

.protitle2:before {
    position: absolute;
    content: '';
    background: #0e734f;
    width: 120px;
    height: 3px;
    left: 0;
    right: 0;
    bottom: 2px;
    margin: 0 auto;
}

.protitle2 span {
    color: #0e734f;
}

.protitle2s {
    color: #fff;
}

.protitle2s:before {
    display: none;
}

.protitle3 {
    font-weight: 500;
    position: relative;
    color: #111;
    padding: 1rem 0;
    font-size: 1.4rem;
    line-height: 1.6rem;
    text-align: left;
}

.protitle3 i {
    display: block;
    font-style: normal;
    font-size: 1.2rem;
    color: #777;
}

.protitle3 a {
    color: #333;
    display: block;
}

.protitle3 a:hover {
    color: #0e734f;
}

.protitle3 span {
    display: inline-block;
    right: -3px;
    top: -40px;
    font-size: 4rem;
    position: absolute;
    color: #0e734f;
    font-family: 'Poppins';
    font-weight: 700;
    opacity: .3;
    text-shadow: 3px 3px 0 #555;
    z-index: -1;
}

.protitle4 {
    font-size: 1.3rem;
    text-align: left;
    line-height: 1.4rem;
    font-weight: 500;
    position: relative;
    margin: 1rem 0;
    color: #333;
    padding: 1rem 0;
    display: block;
}

.protitle4 a {
    color: #111
}

.protitle4 a:hover {
    color: #15bb80
}

.protitle4:hover:after,.protitle4:hover:before {
    border-right-color: #90ceff
}

.protitle5 {
    font-weight: 500;
    position: relative;
    margin: 0 0 2rem 0;
    padding: 0 0 0 1.5rem;
    font-size: 2rem;
    line-height: 2rem;
    text-align: left
}

.protitle5:before {
    position: absolute;
    content: '';
    background: #0e734f;
    width: 4px;
    height: 110%;
    left: 0;
    top: 0
}

.inquirytitle {
    font-size: 1.6rem;
    float: left;
    padding: .3rem 8% .3rem 0;
    line-height: 1.8rem;
    color: #fff
}

.sendtop {
    margin-top: 1.2rem
}

.sendinquiry {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    position: relative;
    z-index: 1
}

.sendinquiry span {
    color: #111;
    padding: 0.8rem 1.5rem;
    font-size: 0.75rem;
    line-height: 0.75rem;
    text-align: center;
    display: inline-block;
    margin: 1rem 0;
    min-width: 120px;
    position: relative;
    overflow: hidden;
    border: 2px solid #333;
    font-weight: 300;
    text-transform: uppercase;
    z-index: 1;
    transition: .5s all ease-in-out;
}

.sendinquiry i {
    padding-right: .3rem;
    font-size: 1rem
}

.sendinquiry span:hover {
    background: #333;
    color: #fff;
    box-shadow: 1px 3px 10px #cccc;
}

.sendinquiry span:hover:before {
    left: 80%;
}

.download_box {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    position: relative;
    z-index: 1
}

.download_box a {
    color: #fff;
    background: #0e734f;
    margin: 1rem 0 2rem 1rem;
    padding: .5rem 1.5rem;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    transition: .3s all ease-in-out;
    min-width: 100px;
    position: relative;
    border-radius: .4rem;
    border: 3px solid #fff;
    min-width: 180px;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%),0 2px 6px 2px rgb(60 64 67 / 15%);
    transition: .3s all ease-in-out
}

.download_box a:hover {
    background: #228ce0
}

.send_box {
    width: 100%;
    box-shadow: 1px 1px 15px #e4e4e4;
    padding: 1rem;
    font-size: 1.1rem
}

.sendinquiry1 {
    font-size: 1.4rem;
    line-height: 1.4rem;
    cursor: pointer;
    position: relative;
    display: inline-block;
    transition: .3s all ease-in-out;
    margin: 1rem 0;
    color: #0e734f;
    font-weight: 500;
    border-bottom: 1px dashed #0e734f;
    padding: 0.5rem;
}

.sendinquiry1:hover {
    color: #15bb80;
}

.sendinquiry2 {
    width: 100%;
    white-space: nowrap
}

.sendinquiry2 span {
    font-size: .85rem;
    line-height: 1.1rem;
    text-decoration: underline;
    cursor: pointer;
    color: #384466;
    transition: .3s all ease-in-out;
    display: inline-block;
    white-space: nowrap;
    font-weight: 500;
}

.top .sendinquiry2 span {
    color: #fff;
}

.sendinquiry2 i {
    margin: 0 .3rem 0 0
}

.sendinquiry2 span:hover {
    text-decoration: none
}

.model_selection p {
    font-size: .85rem;
    line-height: 1.6rem
}

.btn.focus,.btn:focus {
    outline: 0;
    box-shadow: none
}

.btn1 {
    font-size: 0.9rem;
    line-height: 0.9rem;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 2rem;
    border: none;
    z-index: 1;
}

.btn1:before {
    content: '';
    position: absolute;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 300%;
    height: 300%;
    background: #0e734f;
    z-index: -1;
    left: -100%;
    top: 0;
    margin: 0;
    -webkit-transform: rotate(145deg);
    -ms-transform: rotate(145deg);
    -o-transform: rotate(145deg);
    transform: rotate(145deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: .3s all ease-in-out;
    -moz-transform: rotate(145deg);
}

.btn1:focus:before,.btn1:hover:before {
    left: 240%;
}

.btn1:focus,.btn1:hover {
    color: #fff;
}

.pro_line .btn1:hover i:before,.pro_line .btn1:focus i:before,.pro_line .btn1:active i:before {
    color: #fff;
}

.btn2 {
    position: relative;
    overflow: hidden;
    border-radius: 0;
    display: block;
    border: none;
    z-index: 1;
    padding: 0;
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: 600;
}

.pdf {
    width: 100%;
    margin: .8rem 0;
    border-bottom: 1px dashed #ddd;
}

.pdf a {
    position: relative;
    display: inline-block;
    color: #555;
    font-weight: 300;
    font-size: 0.95rem;
    padding: 0.3rem;
}

.pdf a:before {
    color: #ff0000;
    transition: .3s all ease-in-out;
    content: "\f1c1";
    font-size: 0.9rem;
    font-family: fontawesome;
    margin: 0 0.5rem 0 0;
}

.pdf a:hover {
    color: #0e734f;
}

.pdf1 {
    color: #0e734f;
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    text-decoration: underline;
    font-weight: 400
}

.pdf1 a i {
    padding-right: .3rem;
    font-size: 1rem
}

.pdf1 a:hover {
    background: #333
}

.color1 {
    color: #0e734f;
    font-style: normal;
    font-size: 1rem;
}

.pdf2 {
    display: inline-block;
    width: 15px;
    height: 17px;
    margin: 0 5px 0 0;
    text-align: center;
    position: relative
}

.pdf2:before {
    color: #d83d33;
    content: "\f1c1";
    font-size: 1rem;
    font-family: fontawesome
}

.product_pdf {
    width: 100%;
    position: relative;
}

.pdf_title a {
    font-size: .8rem;
    line-height: 1rem;
    color: #555;
    position: relative;
    padding: 0.3rem 0.5rem;
    text-align: left;
    font-weight: 400;
}

.pdf_title a:before {
    color: #ff0000;
    transition: .3s all ease-in-out;
    content: "\f1c1";
    font-size: 0.9rem;
    font-family: fontawesome;
    margin: 0 0.5rem 0 0;
}

.pdf_title1 {
    position: relative;
    border-bottom: 1px dashed #ddd;
    ;margin: 1rem 0 0.5rem 0;
}

.pdf_title1 a {
    font-size: 0.95rem;
    position: relative;
    padding: 0.3rem;
    font-weight: 300;
    white-space: normal;
}

.pdf_title a:hover {
    text-decoration: none;
    color: #0e734f;
}

.pdf_list {
    position: relative;
    padding: 0 0.5rem 1rem;
}

.pdf_list1 {
    padding: 0;
}

.pdf_list a {
    display: block;
    padding: 0.2rem 0.5rem;
    float: left;
    margin: 0 4% 0.3rem 0;
    position: relative;
    font-size: 0.8rem;
    line-height: 1.2rem;
    font-weight: 400;
    border-bottom: 1px dashed #ddd;
    width: 48%;
}

.pdf_list a:nth-child(2n) {
    margin-right: 0;
}

.pdf_list a:nth-child(2+1) {
    clear: both;
}

.pdf_list a:hover {
    color: #0e734f;
    text-decoration: underline;
}

@media (max-width: 1199.98px) {
    .inquirytitle {
        font-size:1.2rem
    }
}

@media (max-width: 991.98px) {
    .protitle1 {
        font-size:1.6rem;
        line-height: 1.8rem;
    }
}

@media (max-width: 767.98px) {
    .info_box {
        margin:1rem 0 2rem 0
    }

    .inquirytitle {
        width: 100%;
        padding: 0
    }

    .protitle2 {
        font-size: 1.6rem;
        line-height: 2rem;
    }
}

@media (max-width: 575.98px) {
    .pdf a {
        font-size:0.8rem;
    }

    .pdf_title1 a {
        font-size: 0.8rem;
    }
}

/****related img****/
figure {
    margin-bottom: 0;
    width: 100%;
    display: table;
    clear: both
}

.left_pic {
    width: 100%;
    height: auto;
    float: right;
    margin: 0 0 1rem 0;
}

.left_pics {
    width: 100%;
    overflow: hidden;
}

.left_pic img {
    max-width: 100%;
    text-align: center;
    transition: .3s all ease-in-out
}

.related_pic {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0.6rem 0 0 0;
    justify-content: center;
}

.related_pic ul {
    display: flex;
    flex-flow: wrap
}

.related_pic li {
    width: 32%;
    float: left;
    overflow: hidden;
    margin: 0 2% 0 0
}

.related_pic li:nth-child(3n) {
    margin-right: 0
}

.related_pic li:nth-child(3n+1) {
    clear: both
}

.related_pic li a {
    display: block;
    position: relative;
    border: 1px solid #eee;
}

.related_pic li a.imgdq {
    border: 1px solid #0e734f
}

.related_pic img {
    transition: .3s all ease-in-out;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -ms-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
}

.related_pic span {
    font-size: .75rem;
    line-height: .9rem;
    display: block;
    text-align: center
}

.related_pic1 img {
    margin: 0 0 12px 0;
}

@media (max-width: 767.98px) {
    .left_pic {
        float:none;
        text-align: center;
        margin: 0 0 1.5rem 0;
    }

    .related_pic {
        justify-content: start;
    }

    .related_pic li {
        width: 16%;
    }
}

/****photo****/
.etw_photo {
    margin: .5rem 0;
    width: 100%;
    height: auto
}

.etw_photo ul {
    display: flex;
    width: auto;
    height: auto;
    flex-flow: wrap
}

.etw_photo ul li {
    margin: 0 2% .5rem 0
}

.etw_photo ul li.bg_photo {
    background: linear-gradient(180deg,#ccc,#eee);
    text-align: center;
    padding: 1.5rem 0 1rem 0;
}

.etw_photo ul li.bg_photo a {
    width: 40%;
    margin: 0 auto;
}

.etw_photo ul li img {
    display: block;
    width: 100%;
    transition: .5s all ease-in-out;
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -ms-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
}

.etw_photo ul li a {
    display: block;
    overflow: hidden;
}

.etw_photo ul li a:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.etw_photo ul li span {
    display: block;
    text-align: center;
    font-size: 0.9rem;
    line-height: 1rem;
    font-weight: 400;
    clear: both;
    margin: 0.6rem 0;
    color: #333;
}

.etw_proimg {
    width: 100%;
    position: relative;
}

.etw_proimg ul {
    display: flex;
    flex-flow: wrap;
    position: relative;
}

.etw_proimg ul li {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.etw_proimg ul li a {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}

.etw_proimg ul li a span {
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: block;
    font-size: 0.95rem;
    line-height: 1.3rem;
    padding: 1.5rem;
    width: 100%;
    color: #fff;
    font-weight: 200;
    background: rgba(0 155 219 / 80%);
    transition: .3s all ease-in-out;
}

.etw_proimg ul li img {
    overflow: hidden;
    transition: .3s all ease-in-out
}

.etw_proimg ul li a:hover span {
    padding: 1rem 1.5rem;
}

.etw_proimg ul li a:hover img {
    transform: scale(1.06);
}

.center_pic {
    text-align: center;
    border: 2px solid #0e734f;
    border-radius: 12rem;
    padding: 1rem 2rem;
    background: #fff;
    transition: .3s all ease-in-out;
}

.center_pic img {
    width: 45%;
}

.center_pic:hover {
    box-shadow: 1px 3px 10px #999;
}

.etw_gallery {
    position: relative;
}

.etw_gallery ul {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.etw_gallery ul li {
    width: 25%;
    margin: 0 0 4px 0;
    padding: 0 2px;
    position: relative;
}

.etw_gallerys ul li {
    padding: 0;
    margin: 0;
}

.etw_gallery1 ul li {
    width: 100%;
}

.etw_gallery2 ul li {
    width: 50%;
}

.etw_gallery3 ul li {
    width: 33.33%;
}

.etw_gallery5 ul li {
    width: 20%;
}

.etw_gallery6 ul li {
    width: 16.66%;
}

.etw_gallery ul li a {
    width: 100%;
    display: flex;
    overflow: hidden;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.etw_gallery ul li a:before {
    position: absolute;
    content: '';
    background: rgba(0 0 0 / 80%);
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    transition: .3s all ease-in-out;
}

.etw_gallery ul li a:after {
    position: absolute;
    content: "\f00e";
    color: #fff;
    font-size: 3rem;
    line-height: 3rem;
    font-family: FontAwesome;
    opacity: 0;
    transition: .6s all ease-in-out;
}

.etw_gallery ul li a:hover:before {
    width: 100%;
    height: 100%;
}

.etw_gallery ul li a:hover:after {
    opacity: 1;
}

.etw_gallery ul li span {
    display: block;
    padding: 0.5rem;
    text-align: center;
    font-size: 0.95rem;
    line-height: 1rem;
    font-weight: 400;
}

.etw_gallery ul li span.bottom_box {
    position: absolute;
    background: rgba(0 0 0 / 70%);
    bottom: 0;
    left: 0;
    padding: 1rem;
    color: #fff;
    width: 100%;
    display: block;
}

.etw_gallery_bg ul li {
    background: #dde2e6;
    padding: 5px;
    margin: 0;
    border-right: 1px solid #eee;
}

.etw_gallery_bg ul li:last-child {
    border-right: 1px solid #dde2e6;
}

.etw_gallery_bg ul li span {
    position: absolute;
    left: 5px;
    bottom: 1.5rem;
    background: #eff7fa;
    padding: 0.5rem 1rem;
    border-radius: 0 1rem 1rem 0;
    -webkit-border-radius: 0 1rem 1rem 0;
    -moz-border-radius: 0 1rem 1rem 0;
    -ms-border-radius: 0 1rem 1rem 0;
    -o-border-radius: 0 1rem 1rem 0;
}

.etw_shadowpic {
    width: 100%;
    position: relative;
}

.etw_shadowpic ul {
    display: flex;
    flex-flow: wrap;
    position: relative;
}

.etw_shadowpic ul li {
    margin: 0 2% .5rem 0;
    position: relative;
}

.etw_shadowpic ul li a {
    display: block;
    overflow: hidden;
    width: 100%;
    border: 10px solid #fff;
    box-shadow: 0 12px 18px 0 rgb(25 42 70 / 33%);
}

.etw_shadowpic ul li span {
    display: block;
    text-align: center;
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 300;
    clear: both;
    margin: 0.6rem 0;
    color: #333;
}

.etw_shadowpic ul li img {
    transition: .3s all ease-in-out
}

.etw_shadowpic ul li a:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.etw_photo_wall {
    position: relative;
}

.etw_photo_wall ul {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.etw_photo_wall ul li {
    position: relative;
}

.etw_photo_wall ul li span {
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgb(0 0 0 / 60%);
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.3rem;
    padding: 1rem;
    text-align: center;
    font-weight: 300;
}

.etw_photo_wall ul li a {
    display: block;
    width: 100%;
    position: relative;
}

.etw_style ul li span {
    width: 100%;
    display: flex;
    overflow: hidden;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 1;
    border: 10px solid rgba(252 180 62 / 50%);
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%),0 2px 6px 2px rgb(60 64 67 / 15%);
}

.etw_pic2 ul,.etw_pic3 ul,.etw_pic4 ul,.etw_pic5 ul,.etw_pic6 ul {
    margin: 0
}

.etw_pic2 ul li {
    width: 49%
}

.etw_pic3 ul li {
    width: 32%
}

.etw_pic4 ul li {
    width: 23.5%
}

.etw_pic5 ul li {
    width: 18.4%
}

.etw_pic6 ul li {
    width: 15%
}

.etw_pic2 ul li:nth-child(2n),.etw_pic3 ul li:nth-child(3n),.etw_pic4 ul li:nth-child(4n),.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(6n) {
    margin-right: 0
}

.etw_pic2 ul li:nth-child(2n+1),.etw_pic3 ul li:nth-child(3n+1),.etw_pic4 ul li:nth-child(4n+1),.etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1) {
    clear: both
}

.etw_circular ul li a {
    border: 5px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.img_left,.img_right {
    float: left;
    margin: 0 2% 14px 0;
    width: 32%;
    text-align: center
}

.img_right {
    margin: 0;
    width: 100%;
    border-radius: 50%;
    box-shadow: 0 12px 18px 0 rgba(25,42,70,.33);
}

.img_right img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.img_left a,.img_right a {
    display: block;
    width: 100%
}

.img_left img,.img_right img,.img_right1 img {
    position: relative;
    z-index: 2;
    transition: .3s all ease-in-out
}

.img_center {
    width: 100%;
    margin: .5rem 0;
    overflow: hidden;
    text-align: center
}

.img_right1 {
    width: 48%;
    float: right;
    margin: 0 0 1rem 3%;
    position: relative;
}

@media (max-width: 767.98px) {
    .etw_pic5 ul li,.etw_pic6 ul li {
        width:32%
    }

    .etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(6n) {
        margin-right: 2%
    }

    .etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1) {
        clear: none
    }

    .etw_pic5 ul li:nth-child(3n),.etw_pic6 ul li:nth-child(3n) {
        margin-right: 0
    }

    .etw_pic5 ul li:nth-child(3n+1),.etw_pic6 ul li:nth-child(3n+1) {
        clear: both
    }

    .img_right {
        margin: 0 0 1rem 0;
        width: 100%;
        float: none
    }

    .img_left {
        width: 100%;
        margin: 0 0 1rem 0
    }

    .img_right1 {
        margin: 0 0 1rem 0;
        width: 100%;
        float: none
    }

    .etw_gallery ul li {
        width: 50%;
    }

    .etw_gallery3 ul li {
        width: 33.33%;
    }

    .etw_gallery5 ul li {
        width: 33.33%;
    }

    .etw_gallery6 ul li {
        width: 33.33%;
    }

    .etw_photo_wall ul li span {
        font-size: 0.9rem;
        line-height: 1.2rem;
        font-weight: 200;
    }
}

@media (max-width: 575.98px) {
    .etw_pic4 ul li {
        width:49%
    }

    .etw_pic4 ul li:nth-child(3n),.etw_pic5 ul li:nth-child(3n) {
        margin-right: 2%
    }

    .etw_pic4 ul li:nth-child(3n+1),.etw_pic5 ul li:nth-child(3n+1) {
        clear: none
    }

    .etw_pic4 ul li:nth-child(2n),.etw_pic5 ul li:nth-child(2n) {
        margin-right: 0
    }

    .etw_pic4 ul li:nth-child(2n+1),.etw_pic5 ul li:nth-child(2n+1) {
        clear: both
    }

    .etw_gallery ul li span {
        font-size: .8rem;
        line-height: 1rem;
    }
}

/****ul li style****/
ul.item {
    float: none;
    width: 100%
}

ul.item li {
    float: none;
    margin: 0 0 .5rem 14px;
    list-style: decimal;
    text-align: left
}

ul.item li.last {
    margin-left: 22px
}

ul.item1 {
    float: none;
    width: 100%;
}

ul.item1 li {
    float: none;
    padding: 0 0 0.6rem 1.4rem;
    width: 100%;
    position: relative;
    text-align: left;
    font-size: 0.9rem;
    line-height: 1.4rem;
}

ul.item1 li:before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #999;
    left: 10px;
    top: 8px;
}

ul.item1 li strong {
    font-size: 0.95rem;
}

ul.item2 {
    float: none;
    width: 100%;
}

ul.item2 li {
    float: none;
    padding: 0 0 0.8rem 1.5rem;
    width: 100%;
    position: relative;
    text-align: left;
    font-size: 1.1rem;
}

ul.item2 li:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background: #15bb80;
    left: 4px;
    top: 7px;
    border: 1px solid #333;
    transform: rotate(45deg);
}

ul.discitem {
    float: none;
    padding: 0 0 0 .5rem;
    margin: .5rem 0;
    overflow: hidden
}

ul.discitem li {
    position: relative;
    padding-left: 1.125rem;
    text-align: left;
    margin: 0 0 0.8rem 0;
    line-height: 1.4rem;
}

ul.discitem li:before {
    position: absolute;
    top: 9px;
    left: 3px;
    width: 5px;
    height: 5px;
    background: #0e734f;
    content: "";
    transform: rotate(45deg)
}

ul.discitem1 {
    width: 100%;
    margin: .5rem 0;
    overflow: hidden
}

ul.discitem1 li {
    position: relative;
    margin-bottom: 0.6rem;
    padding-left: 1.5rem;
    text-align: left;
    line-height: 1.4rem;
    color: #333;
}

ul.discitem1 li:before {
    position: absolute;
    content: "\f046";
    font-family: FontAwesome;
    left: 1px;
    top: 0;
    color: #0e734f
}

.proinfo_bg ul.discitem1 li {
    color: #fff;
}

ul.discitem2 {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
}

ul.discitem2 li {
    position: relative;
    text-align: left;
    margin: 0 0 0.3rem 0;
    width: 100%;
    border: 1px solid #e2e2e2;
    padding: 0.5rem 0.8rem 0.5rem 1rem;
    font-size: .85rem;
    line-height: 1rem;
}

ul.discitem2 li:before {
    position: absolute;
    content: '01';
    display: none;
    font-size: 2.5rem;
    left: 12px;
    top: 16px;
    width: 100%;
    height: 100%;
    font-weight: 600;
    opacity: .9;
    color: #111;
    font-family: 'Poppins';
}

ul.discitem2 li:first-child {
    border-top: 3px solid #0e734f;
}

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

ul.discitem2 li:nth-child(2n+1) {
    clear: both;
}

ul.discitem2 li strong {
    color: #384466;
    font-size: 1.05rem;
    line-height: 1.05rem;
    display: block;
    padding: 0 0 0.5rem 0;
    font-weight: 600;
}

ul.discitem3 {
    display: flex;
    margin: 4rem 0;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}

ul.discitem3 li {
    position: relative;
    width: 20%;
    text-align: center;
    font-size: 1.1rem;
    margin: 0 2% 1rem 0;
    line-height: 1.6rem;
    background: #fff;
    color: #fff;
    transform: rotate(45deg);
    padding: 2rem;
    overflow: hidden;
    border-radius: 2rem;
    transition: .3s all ease-in-out;
    -webkit-box-shadow: 10px 10px 10px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 10px 10px 10px 0 rgba(0,0,0,.2);
    box-shadow: 10px 10px 10px 0 rgb(0 0 0 / 20%);
}

ul.discitem3 li:nth-child(3n) {
    margin-right: 0;
}

ul.discitem3 li img {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transition: .3s all ease-in-out;
}

ul.discitem3 li:hover {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

ul.discitem3 li:hover img {
    transform: scale(1.06);
    transform: rotate(0deg);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
}

ul.discitem3 li span {
    font-size: 2.4rem;
    margin: 0 0 0.5rem 0;
    font-weight: 600;
    color: #fff;
    display: block;
    line-height: 2.8rem;
    position: relative;
    text-shadow: 3px 3px 0px #000;
}

ul.discitem3 li span:before {
    position: absolute;
    content: 'Who We Are';
    width: 100%;
    height: 100%;
    color: #999;
    top: 13px;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: .2;
    font-size: 2.2rem;
    text-shadow: none;
}

ul.discitem4 {
    width: 100%;
    margin: .5rem 0;
    overflow: hidden
}

ul.discitem4 li {
    position: relative;
    margin-bottom: 1rem;
    padding-left: 2rem;
    text-align: left;
    color: #333;
}

ul.discitem4 li:before {
    position: absolute;
    content: '';
    background: url(../images/checkbox-icon.png) no-repeat;
    background-size: cover;
    width: 23px;
    height: 20px;
    left: 0;
    top: 1px;
}

ul.discitem5 {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
}

ul.discitem5>li {
    position: relative;
    text-align: left;
    margin: 0 2% 1.2rem 0;
    width: 32%;
    background: #efefef;
    padding: 3rem 1.5rem 1.5rem;
    font-size: 1.05rem;
    color: #111;
}

ul.discitem5>li:nth-child(2n) {
    background: #caecff;
}

ul.discitem5 li:nth-child(3n) {
    margin-right: 0;
}

ul.discitem5 li:nth-child(3n+1) {
    clear: both;
}

ul.discitem5>li strong {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: 300;
    position: absolute;
    background: #0e734f;
    display: block;
    top: 10px;
    left: -6px;
    padding: 0.3rem 1.2rem;
}

ul.discitem5>li strong:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-bottom: 8px solid transparent;
    border-right: 6px solid #041f56;
    position: absolute;
    left: 0px;
    top: 28px;
}

ul.protable {
    width: 100%
}

ul.protable li {
    width: 100%;
    border-bottom: 1px solid #999;
    color: #555;
    padding: 0.5rem 1rem 0.5rem 2rem;
    font-size: 0.85rem;
}

ul.protable li:first-child {
    padding-top: 0;
}

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

ul.protable li strong {
    display: inline-block;
    display: flex;
    padding: .5rem 0;
    width: 25%;
    font-weight: 400;
    font-size: 1rem;
    font-family: Oswald;
    align-items: center
}

ul.protable li span {
    float: right;
    display: block;
    text-align: center;
    width: 65%;
    color: #384466;
}

.process {
    display: flex;
    width: 100%;
    flex-flow: wrap;
    margin: 0 0 1.5rem 0
}

.process li {
    position: relative;
    width: 23.5%;
    display: inline-block;
    margin: 0 2% 2rem 0;
    padding: 0.6rem 1.2rem 0.5rem 1.2rem;
    font-size: 0.95rem;
    line-height: 0.95rem;
    color: #111;
    text-align: center;
    font-weight: 400;
}

.process li:nth-child(4n) {
    margin-right: 0;
}

.process li img {
    display: block;
    margin: 0 auto;
}

.process li span {
    display: block;
    line-height: 1.2rem;
}

.process li strong {
    font-size: 1.2rem;
}

.process li:before {
    position: absolute;
    background: url(../images/arrow-right.png) no-repeat;
    background-size: cover;
    width: 56px;
    height: 24px;
    top: 100px;
    right: -40px;
    content: "";
}

.process li:last-child:before {
    display: none
}

.process li.process_down:before {
    background: url(../images/arrow-bottom.png) no-repeat;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
    bottom: -60px;
    background-size: cover;
    display: block;
    width: 24px;
    height: 56px;
}

.process1 {
    position: relative;
}

.process1 ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.process1 ul li {
    width: 49%;
    margin: 0 2% 1rem 0;
    position: relative;
    box-shadow: 0 6px 14px 0 rgb(0 0 0 / 25%);
}

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

.process1 ul li:before {
    position: absolute;
    background: url(../images/mecalac-arrow.png) no-repeat;
    background-size: cover;
    width: 50px;
    height: 30px;
    top: 40%;
    right: -40px;
    content: "";
    z-index: 1;
    opacity: .4;
}

.process1 ul li:nth-child(2)::before {
    top: auto;
    bottom: -12px;
    right: 3%;
    transform: rotate(90deg);
}

.process1 ul.last li {
    margin: 0 0 0 2%;
}

.process1 ul.last li:nth-child(1)::before {
    right: auto;
    left: -40px;
    top: auto;
    bottom: 40%;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.process1 ul.last li:nth-child(2) {
    margin-left: 0;
}

.process1 ul.last li:nth-child(2)::before {
    display: none;
}

.process1 ul li:nth-child(1):before {
    animation: rightin 2s ease-out infinite;
    -webkit-animation: rightin 2s ease-out infinite;
}

@-webkit-keyframes rightin {
    50% {
        right: -24px;
        opacity: .8;
    }

    100% {
        right: -17px;
        opacity: .4;
    }
}

@keyframes rightin {
    50% {
        right: -24px;
        opacity: .8;
    }

    100% {
        right: -17px;
        opacity: .4;
    }
}

.process1 ul li:nth-child(2):before {
    animation: bottomin 2s ease-out infinite;
    -webkit-animation: bottomin 2s ease-out infinite;
}

@-webkit-keyframes bottomin {
    50% {
        bottom: -24px;
        opacity: .8;
    }

    100% {
        bottom: -12px;
        opacity: .4;
    }
}

@keyframes bottomin {
    50% {
        bottom: -24px;
        opacity: .8;
    }

    100% {
        bottom: -12px;
        opacity: .4;
    }
}

.process1 ul.last li:nth-child(1)::before {
    animation: leftin 2s ease-out infinite;
    -webkit-animation: leftin 2s ease-out infinite;
}

@-webkit-keyframes leftin {
    50% {
        left: -24px;
        opacity: .8;
    }

    100% {
        left: -17px;
        opacity: .4;
    }
}

@keyframes leftin {
    50% {
        left: -24px;
        opacity: .8;
    }

    100% {
        left: -17px;
        opacity: .4;
    }
}

.process1 ul li a {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    padding: 10px;
    background: #fff;
}

.process1 ul li a img {
    transition: .3s all ease-in-out;
}

.process1 ul li a:hover img {
    opacity: 1 !important;
}

@media (max-width: 767.98px) {
    ul.discitem2 li {
        width:100%
    }

    ul.discitem li {
        width: 100%
    }

    ul.item2 li {
        font-size: 1rem;
    }

    ul.discitem3 li {
        width: 32%;
        padding: 1rem;
    }

    .process li,.process1 li {
        width: 49%;
        margin: 0 2% 1rem 0;
        padding: 0.5rem;
    }

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

    .process1 {
        flex-direction: row;
    }

    .process li:before,.process li.process_down:before {
        display: none;
    }
}

@media (max-width: 575.98px) {
    ul.discitem4 li {
        width:100%;
    }
}

/****ul li style END****/
/****nav tables****/
.nav-tabs-list {
    border-bottom: 1px solid #999;
    position: relative;
    margin: 1rem 0 0 0;
}

.nav-tabs-list li a {
    font-size: 1rem;
    line-height: 1.2rem;
    position: relative;
    display: inline-block;
    color: #111;
    font-weight: 600;
    margin: 0.8rem 4rem 0.8rem 0;
    text-transform: uppercase;
    padding: 0;
}

.nav-tabs-list li a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #999;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -13px;
    opacity: 0;
    transition: .3s all ease-in-out;
}

.nav-tabs-list li a.active {
    color: #111;
    background: #fff;
}

.nav-tabs-list li a.active:before,.nav-tabs-list li a:hover:before {
    opacity: 1;
}

.tab-content {
    padding: 1rem 0;
}

.tabs_bg {
    background: #ebecf0;
    padding: 0 1rem 0 2rem;
    overflow: hidden;
    position: relative;
    margin: 0 0 1rem 0;
}

.tabs_title {
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.4rem;
    font-weight: 600;
    position: relative;
    margin: 1rem 0;
    color: #333;
    text-transform: uppercase;
    padding: 0.6rem 2rem 0.6rem 0;
    border-right: 1px solid #999;
    display: block;
    float: left;
}

.nav-tabs-list1 {
    float: left;
    border-bottom: none;
    margin: 1rem 0 1rem 2rem;
}

.nav-tabs-list1 li a {
    font-size: 0.95rem;
    line-height: 1.2rem;
    position: relative;
    display: inline-block;
    color: #111;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    font-family: Poppins;
    padding: 0.8rem 2rem;
}

.nav-tabs-list1 li a::before {
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    border: 2px solid #aaa;
    background: #fff;
    box-shadow: inset 0 0 1px 1px #fff;
    left: 14px;
    top: 16px;
    border-radius: 3px;
    transition: .3s all ease-in-out;
}

.nav-tabs-list1 li a.active:before,.nav-tabs-list1 li a:hover:before {
    background: #0e734f;
}

@media (max-width: 991.98px) {
    .nav-tabs-list li a {
        margin:0.8rem 2rem 0.8rem 0;
    }
}

@media (max-width: 767.98px) {
    .nav-tabs-list {
        border-bottom:none;
        display: block;
    }

    .nav-tabs-list li a {
        background: #edeef1;
        margin: 0 0 0.3rem 0;
        padding: 1rem;
        width: 100%;
        display: block;
        font-size: 0.95rem;
        font-weight: 500;
    }

    .nav-tabs-list li a.active {
        background: #15bb80;
    }

    .nav-tabs-list li a:before {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .tabs_bg {
        padding:0 2rem;
    }

    .tabs_title {
        width: 100%;
        float: none;
        border-right: none;
        padding: 1rem 0 0 0;
    }

    .nav-tabs-list1 {
        margin: 0 0 1rem 0;
    }
}

/**products Hub**/
.etw_products,.etw_products ul {
    width: 100%
}

.etw_products>ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.etw_products ul>li {
    width: 100%;
    transition: .3s all ease-in-out;
    padding: 2rem 0;
    border-bottom: 1px solid #ccc;
}

.etw_products ul li ol,.etw_products ul li ol li {
    width: 100%
}

.etw_products ul li ol {
    display: flex;
    flex-wrap: wrap;
}

.etw_products ul li ol li.product_img {
    width: 26%;
    float: left;
    position: relative;
}

.etw_products ul li ol li.product_img a {
    width: 100%;
    display: block;
    overflow: hidden
}

.etw_products ul li ol li.product_img img {
    width: 100%;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s
}

.etw_products ul li ol li.product_name {
    width: 24%;
    position: relative;
    padding: 0 0 0 2rem;
}

.etw_products ul li ol li.product_name a {
    font-size: 1.6rem;
    font-weight: 600;
    color: #111;
    padding: 0;
    display: block;
    line-height: 2rem;
    text-align: right;
}

.etw_products ul li ol li.product_con {
    width: 50%;
    float: right;
    padding: 0 0 0 3rem;
}

.etw_products ul li ol li.product_con a {
    font-size: 1.6rem;
    font-weight: 600;
    color: #384466;
    padding: 1rem 0;
    display: block;
    line-height: 1.8rem;
    font-style: oblique;
}

.etw_products ul li ol li.product_con span {
    display: block;
    margin: 0.3rem 0 0 0;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #555;
}

.etw_products ul li ol li.product_con a.more {
    font-size: .75rem;
    padding: 0.6rem 1.5rem;
    display: inline-block;
    position: relative;
    line-height: .75rem;
    margin: 1.5rem 0 0 0;
    color: #111;
    font-weight: 300;
    border: 2px solid #999;
    font-style: normal;
    text-transform: uppercase;
}

.etw_products ul>li ol li.product_con a:hover {
    color: #0e734f
}

.etw_products ul li ol li.product_img img:hover {
    transform: scale(1.06)
}

.etw_products ul>li ol li.product_con a.more:hover {
    background: #444;
    color: #fff;
}

.etw_products1 {
    width: 100%;
    height: auto;
    float: left
}

.etw_products1>ul {
    width: 100%;
    display: flex;
    flex-flow: wrap;
}

.etw_products1 ul>li {
    width: 32%;
    margin: 0 2% 1.5rem 0;
    overflow: hidden;
    transition: .3s all ease-in-out;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -ms-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
}

.etw_products1 ul>li:nth-child(3n) {
    margin-right: 0
}

.etw_products1 ul>li:nth-child(3n+1) {
    clear: both
}

.etw_products1 ul>li ol {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.etw_products1 ul>li ol li.product_img {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.etw_products1 ul>li ol li.product_img a {
    display: block;
    width: 100%;
    position: relative;
}

.etw_products1 ul>li ol li.product_img img {
    position: relative;
    transition: .3s all ease-in-out
}

.etw_products1 ul>li ol li.product_con {
    width: 100%;
    position: relative;
}

.etw_products1 ul>li ol li.product_con a {
    color: #333;
    display: block;
    font-weight: 500;
    text-align: left;
    line-height: 1.2rem;
    font-size: 0.95rem;
    padding: 1rem;
    position: relative;
    background: #ebecf0;
}

.etw_products1_type ul>li ol li.product_con a {
    font-family: 'Montserrat';
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 500;
}

.etw_products1 ul>li ol li.product_con a:before {
    position: absolute;
    content: '';
    background: #0e734f;
    width: 0;
    height: 1px;
    left: 0;
    bottom: -1px;
    transition: .5s all ease-in-out;
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -ms-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
}

.etw_products1 ul>li ol li.product_con span {
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    padding: 0 1rem;
    line-height: 1.4rem;
    text-align: left;
    margin: 1rem 0;
    font-weight: 300;
}

.etw_products1 ul>li ol li.product_con a.more {
    padding: 0.4rem 1.5rem;
    color: #333;
    box-shadow: none;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(25,25,25,.1);
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 400;
    display: inline-block;
    margin: 0 1rem 1rem 1rem;
    line-height: 0.9rem;
}

.etw_products1 ul>li ol li.product_info span {
    font-size: 0.8rem;
    line-height: 1.2rem;
    display: block;
    margin: 1rem 0.5rem 0.5rem 0.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* 限制行数为3 */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

span {
}

.etw_products1 ul>li ol li.product_info strong {
    font-size: 0.8rem;
    line-height: 1.2rem;
    font-weight: 500;
}

.etw_products1 ul>li ol:hover li.product_con a {
    color: #0e734f
}

.etw_products1 ul>li ol:hover li.product_con a:before {
    width: 100%;
}

.etw_products1 ul>li:hover ol li.product_img img {
    transform: scale(1.03);
}

.etw_products1 ul>li:hover ol li.product_con a.more {
    color: #333
}

.etw_products1 ul>li ol li.product_con a.more:hover {
    background-image: linear-gradient(135deg,#667EAD,#0e734f);
    color: #fff;
    border-color: #f8f8f8;
    box-shadow: 0px 3px 6px 0px rgba(204,204,204,1);
}

.etw_products1_sec ul>li {
    width: 49%;
    margin: 0 2% 1.5rem 0;
    background: 0;
}

.etw_products1_sec ul>li:nth-child(2n) {
    margin-right: 0
}

.etw_products1_sec ul>li:nth-child(2n+1) {
    clear: both
}

.etw_products1_sec ul>li ol li.product_con a {
    line-height: 1.4rem;
    font-size: 1.3rem;
}

.etw_products1_th ul>li {
    width: 32%;
    margin: 0 2% 1.5rem 0;
    background: 0;
}

.etw_products1_th ul>li:nth-child(4n) {
    margin-right: 2%
}

.etw_products1_th ul>li:nth-child(4n+1) {
    clear: none
}

.etw_products1_th ul>li:nth-child(3n) {
    margin-right: 0
}

.etw_products1_th ul>li:nth-child(3n+1) {
    clear: both
}

.etw_products2 ul>li {
    width: 48%;
    margin: 0 4% 3rem 0
}

.etw_products2 ul>li:nth-child(3n) {
    margin-right: 4%
}

.etw_products2 ul>li:nth-child(3n+1) {
    clear: none
}

.etw_products2 ul>li:nth-child(2n) {
    margin-right: 0
}

.etw_products2 ul>li:nth-child(2n+1) {
    clear: both
}

.etw_products3>ul>li {
    width: 31.33%;
    margin: 0 3% 2rem 0
}

.etw_products3 ul>li:nth-child(2n) {
    margin-right: 3%
}

.etw_products3 ul>li:nth-child(3n) {
    margin-right: 0
}

.etw_products3 ul>li:nth-child(3n+1) {
    clear: both
}

.etw_products3 ul>li ol li.product_img {
    padding: 3rem 2rem 1rem 2rem
}

.etw_products4>ul>li {
    width: 23.5%;
    margin: 0 2% 1.5rem 0
}

.etw_products4>ul>li:nth-child(3n) {
    margin-right: 2%
}

.etw_products4>ul>li:nth-child(3n+1) {
    clear: none
}

.etw_products4>ul>li:nth-child(4n) {
    margin-right: 0
}

.etw_products4>ul>li:nth-child(4n+1) {
    clear: both
}

.toplist {
    width: 100%;
    padding: 0 0 1rem 0
}

.toplist ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.toplist ul li a {
    font-size: .8rem;
    font-weight: 600;
    margin: .5rem 1rem;
    color: #111;
    display: inline-block;
    position: relative
}

.toplist ul li a:before {
    position: absolute;
    content: '';
    background: #0e734f;
    width: 0;
    height: 2px;
    left: 0;
    bottom: 0;
    transition: .3s all ease-in-out
}

.toplist ul li a.dq,.toplist ul li a:hover {
    color: #0e734f
}

.toplist ul li a:hover:before {
    width: 100%
}

@media (max-width: 767.98px) {
    .etw_products ul>li {
        padding:1rem 0;
        border-bottom: none;
    }

    .etw_products ul li ol li.product_img {
        width: 100%
    }

    .etw_products ul li ol li.product_con {
        width: 100%;
        padding: 1rem 0;
    }

    .etw_products ul li ol li.product_name {
        width: 100%;
        padding: 1rem 0 0 0;
    }

    .etw_products ul li ol li.product_name a {
        text-align: left;
        font-size: 1.4rem;
        line-height: 1.6rem;
    }

    .etw_products1 ul>li {
        width: 49%;
        margin: 0 2% 1.5rem 0;
    }

    .etw_products1>ul>li:nth-child(2n) {
        margin-right: 0
    }

    .etw_products1>ul>li:nth-child(2n+1) {
        clear: both
    }
}

@media (max-width: 575.98px) {
    .etw_products1 ul>li {
        width:100%;
        margin: 0 0 1.5rem 0;
    }

    .etw_products2 ul>li {
        width: 100%;
        margin: 0 0 2rem 0
    }
}

/**products Hub End**/
/**related pro**/
.relatedpro {
    width: 100%;
    height: auto;
    margin: 2rem 0
}

.relatednames {
    font-size: 1.4rem;
    color: #313947;
    padding: .5rem 0;
    position: relative;
    font-family: Oswald
}

.relatednames::before {
    content: "";
    color: #036439;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 1px dotted #333;
    width: 150px
}

.relatedpro ul {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap
}

.relatedpro li {
    width: 49%;
    margin: 0 2% 0 0;
    position: relative
}

.relatedpro li:nth-child(2n) {
    margin-right: 0
}

.relatedpro li:nth-child(2n+1) {
    clear: both
}

.relatedpro li a {
    display: block;
    padding: 0.4rem 0.5rem 0.4rem 1.8rem;
    color: #111;
    font-size: .95rem;
    line-height: 1.2rem;
}

.relatedpro li a::before {
    content: '';
    position: absolute;
    left: 6px;
    top: 12px;
    background: #15bb80;
    width: 8px;
    height: 8px;
    transform: skewX(-45deg);
}

.relatedpro li a.dq,.relatedpro li a:hover {
    color: #15bb80
}

@media (max-width: 575.98px) {
    .relatedpro li {
        width:100%;
        margin-right: 0
    }
}

/*other pro*/
.otherpro_bg {
    position: relative;
    width: 100%;
    background: #eff7fa;
    overflow: hidden
}

.othertitle {
    display: block;
    width: 100%;
    margin: 1.5rem 0;
    padding: 0 0 1rem 0;
    position: relative;
    line-height: 2rem;
    font-size: 1.8rem;
    color: #333;
    overflow: hidden;
    font-weight: 400;
}

.othertitle:before {
    content: "";
    width: 180px;
    height: 5px;
    display: inline-block;
    transform-origin: bottom right;
    transform: skew(40deg,0);
    position: absolute;
    left: 0;
    bottom: 0;
    background: #0e734f;
}

.othertitle:after {
    content: "";
    width: 100%;
    margin-left: 187px;
    height: 8px;
    transform-origin: bottom right;
    transform: skew(40deg,0);
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(70deg,transparent,transparent);
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa
}

.other_pro {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

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

.other_pro ul>li {
    width: 23.5%;
    overflow: hidden;
    margin: 0 2% 1.5rem 0;
    background: #fff;
    transition: .3s all ease-in-out;
}

.other_pro ul>li:nth-child(4n) {
    margin-right: 0
}

.other_pro ul>li:nth-child(4n+1) {
    clear: both
}

.other_pro ul li ol {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.other_pro ul li ol li.product_img {
    width: 100%;
    position: relative;
    background: #fff;
}

.other_pro ul li ol li.product_img a {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.other_pro ul li ol li.product_img a:before {
    position: absolute;
    content: '';
    background: rgba(0 155 219 / 50%);
    width: 100%;
    height: 0;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
    transition: .3s all ease-in-out;
    display: none;
}

.other_pro ul li ol li.product_img img {
    width: 100%;
    transition: .3s all ease-in-out
}

.other_pro ul li ol li.product_con {
    text-align: left;
    margin: auto;
    width: 100%;
    position: relative;
}

.other_pro ul li ol li.product_con a {
    color: #333;
    display: block;
    padding: 1rem;
    font-size: 1.05rem;
    line-height: 1.2rem;
    font-weight: 200;
    text-align: center;
}

.other_pro ul li ol li.product_con i {
    display: block;
    font-size: .9rem;
    color: #888;
    line-height: 1.1rem;
    padding: .5rem 0
}

.other_pro ul li ol:hover li.product_con a {
    color: #fff;
    background: #0e734f;
}

.other_pro ul li ol:hover li.product_img a:before {
    height: 100%;
    opacity: 1;
}

.other_pro ul li ol:hover li.product_img img {
    transform: scale(1.06)
}

.other_pro2 ul>li {
    width: 48%;
    margin: 0 4% 1rem 0;
    float: left
}

.other_pro2 ul>li:nth-child(2n) {
    margin-right: 0
}

.other_pro2 ul>li:nth-child(2n+1) {
    clear: both
}

.other_pro3 ul>li {
    width: 32%;
    margin: 0 2% 1.5rem 0;
    box-shadow: 0 12px 18px 0 rgb(25 42 70 / 33%);
}

.other_pro3 ul>li:nth-child(4n) {
    margin-right: 2%
}

.other_pro3 ul>li:nth-child(4n+1) {
    clear: none
}

.other_pro3 ul>li:nth-child(3n) {
    margin-right: 0
}

.other_pro3 ul>li:nth-child(3n+1) {
    clear: both
}

.other_pro4 ul>li {
    width: 100%;
    margin: 0
}

.other_pro .more a {
    display: inline-block;
    padding: .5rem 1rem .3rem 1rem;
    border: 1px solid #555;
    color: #333;
    font-weight: 300;
    font-size: .8rem;
    line-height: 1rem
}

.other_pro .more a:hover {
    border-color: #0e734f;
    color: #0e734f
}

@media (max-width: 767.98px) {
    .othertitle {
        font-size:1.6rem
    }

    .other_pro ul>li {
        width: 49%;
        margin: 0 2% 1rem 0
    }

    .other_pro ul>li:nth-child(2n) {
        margin-right: 0
    }

    .other_pro3 ul>li {
        width: 32%;
        margin: 0 2% 1rem 0
    }

    .other_pro3 ul>li:nth-child(3n) {
        margin-right: 0
    }

    .other_pro3 ul>li:nth-child(2n) {
        margin-right: 2%
    }
}

@media (max-width: 575.98px) {
    .other_pro3 ul>li {
        width:100%;
        margin: 0 0 1.5rem 0
    }

    .other_pro3 ul>li:nth-child(2n) {
        margin-right: 0
    }
}

@media (max-width: 419.98px) {
    .other_pro ul>li {
        width:100%;
        margin: 0 0 1.5rem 0;
    }
}

/*other products END*/
/****footer contact****/
.cot_add,.cot_email,.cot_fax,.cot_mobile,.cot_people,.cot_tel,.cot_whatsapp {
    position: relative;
    padding-left: 25px;
    display: block;
    margin-bottom: 0.4rem;
    line-height: 1.2rem;
    font-size: 0.95rem;
}

.cot_add {
    padding-top: 0.2rem;
}

.cot_area {
    font-size: 1rem;
    margin-bottom: .7rem
}

.cot_add:before {
    content: '\f041';
    position: absolute;
    left: 2px;
    top: 5px;
    color: #fff;
    font-family: fontawesome;
    font-size: 16px
}

.cot_tel:before {
    content: "\f095";
    position: absolute;
    left: 0;
    top: 0px;
    color: #fff;
    font-family: fontawesome;
    font-size: 16px
}

.cot_email:before {
    content: "\f0e0";
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-family: fontawesome;
    font-size: 13px
}

.cot_people:before {
    content: "\f007";
    position: absolute;
    left: 1px;
    top: -1px;
    color: #fff;
    font-family: fontawesome;
    font-size: 15px
}

.cot_mobile:before {
    content: "\f10b";
    position: absolute;
    left: 2px;
    top: -1px;
    color: #fff;
    font-family: fontawesome;
    font-size: 20px
}

.cot_fax:before {
    content: "\f1ac";
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-family: fontawesome;
    font-size: 16px
}

.cot_whatsapp:before {
    content: "\f232";
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-family: fontawesome;
    font-size: 18px
}

.cot_name {
    font-size: 1.1rem;
    line-height: 1.5rem;
    padding: 1.5rem 0 .6rem 0;
    font-weight: 500
}

/*contact*/
#etw_form {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    margin: 3rem 0 2rem 0
}

#etw_form_title {
    font-size: 1.6rem;
    color: #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    padding: 2rem 0 0.5rem 0.8rem;
    line-height: 2rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
    text-transform: uppercase;
}

#etw_set_feedback_form {
    width: 100%;
    background: #eaeaea;
    padding: 2rem 2rem 0 2rem;
}

#floatchatiframe2011 {
    margin: 0 auto
}

.inquiry_bg {
    background: url(../images/inquiry_bg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    position: relative;
    padding: 0.5rem 0;
}

.inquiry_box {
    display: flex;
    margin: 1rem 0;
    width: 100%;
    flex-wrap: wrap;
}

.form_box {
    width: 50%;
}

.form_box #etw_set_feedback_form {
    background: 0;
    padding: 0 3rem 0 0;
}

.contact_box {
    position: relative;
    color: #fff;
    width: 50%;
    padding: 4rem 2rem 4rem 4rem;
}

.contact_box:before {
    position: absolute;
    content: '';
    background: url(../images/title_bg.png);
    background-size: cover;
    display: none;
    width: 119px;
    height: 50px;
    right: 30px;
    top: -1rem;
}

.contact_box .brief {
    color: #fff;
    margin: 0;
    font-size: 1.2rem;
    line-height: 2.4rem;
}

.contact_box .webtitle {
    font-size: 1.6rem;
    color: #384559;
    border-bottom: 1px solid #333;
    position: relative;
    padding: 2rem 0 0.5rem 0.8rem;
    line-height: 2rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
    text-transform: uppercase;
}

.contact_box .webtitle a {
    color: #fff
}

.contact_box a {
    color: #0e734f
}

.contact_box .cot_add,.contact_box .cot_email,.contact_box .cot_mobile,.contact_box .cot_people,.contact_box .cot_tel {
    margin: 0;
    width: 35px;
    height: 35px;
    padding: 0;
    font-size: 1rem;
    border: 2px solid rgba(0 0 0 / 30%);
    border-radius: 50%
}

.contact_box .cot_add:before,.contact_box .cot_email:before,.contact_box .cot_mobile:before,.contact_box .cot_people:before,.contact_box .cot_tel:before {
    color: #333;
    top: auto;
    left: auto
}

.contact_box .icon_box {
    margin-bottom: 1.5rem
}

.contact_box .con_txt {
    width: calc(100% - 50px);
    padding: 0 0 0 .5rem;
    line-height: 1.1rem
}

.contact_box .con_txt a:hover {
    text-decoration: underline
}

.container-fluid {
    margin: 0!important;
    padding: 0!important
}

.iframe {
    border: 1px #eee solid!important;
    background: #f8f8f8!important
}

.contact_info {
    line-height: 1.4rem;
    overflow: hidden;
    padding: 2rem 0;
}

.contact_info .inquiry_box {
    margin: 0;
    flex-direction: row-reverse
}

.contact_info .contact_box .con_txt {
    padding: 0 0 0 .4rem
}

.contact_info #etw_form_title {
    padding: 0 0 .5rem .8rem;
    color: #333;
    border-bottom: 1px solid #333;
}

.contact_info p {
    font-size: 1rem;
    margin-bottom: 0.8rem;
    line-height: 1.5rem;
}

.contact_info p strong {
    font-size: 1rem;
    font-weight: 600;
    font-family: 'Montserrat';
}

.contact_info .p_name {
    margin-bottom: 1.2rem;
}

.contact_info .p_name strong {
    font-size: 1.4rem;
    font-weight: 600;
    color: #253041;
}

.contact_info p a {
    color: #0e734f;
    text-decoration: underline
}

.contact_info p a:hover {
    text-decoration: none;
    color: #0e734f
}

.contact_info #floatchatiframe2011 {
    margin: 0;
    min-height: 460px;
    padding: 0;
    background: 0;
    border: none;
    box-shadow: none
}

.txt_indet {
    padding-left: 2rem
}

.etw_contactin {
    width: 46%;
    height: auto;
    padding: 0;
    background: #f5f5f5;
    padding: 1rem
}

.theme-title {
    color: #333!important;
    font-size: 1.2rem!important;
    border-bottom: 1px solid #555!important;
    margin: .5rem 0!important;
    text-align: center!important
}

.theme-title i {
    display: none!important
}

@media (max-width: 767.98px) {
    .inquiry_bg {
        background-attachment:inherit;
    }

    .contact_box {
        display: none;
    }

    .form_box {
        width: 100%
    }

    .contact_info {
        padding: 0;
    }

    .contact_info .contact_box {
        display: block;
        width: 100%
    }

    .contact_info #etw_set_feedback_form {
        margin: 2rem 0 0 0;
    }

    .cot_area {
        margin: 1rem 0 .7rem 0
    }

    .form_box #etw_set_feedback_form {
        padding: 0;
    }
}

@media (max-width: 575.98px) {
    #etw_set_feedback_form,.etw_contactin {
        width:100%;
        margin-right: 0
    }
}

/****footer****/
#footer {
    width: 100%;
    height: auto;
    margin: 0 auto;
    font-size: 1rem;
    color: #fff;
    overflow: hidden;
    position: relative;
}

.footercop {
    width: 100%;
    padding: 1rem 0;
    text-align: center;
    font-size: .8rem;
    margin: 0 auto;
    background: #191919;
}

.etw_footin {
    width: 100%;
    margin: 0 auto;
    background: linear-gradient(180deg,#505050,#212121);
}

#etw_coper {
    margin-top: 2px;
    width: 100%;
    line-height: 22px
}

#etw_coper a {
    display: block;
    color: #fff
}

#otherlink {
    clear: both;
    width: 100%;
    height: auto
}

#otherlink a {
    color: #fff;
    display: inline-block;
    padding: 0 8px;
    margin-right: 5px;
    line-height: 22px;
    margin-bottom: 5px
}

#otherlink a span {
    opacity: .5;
    position: relative;
    top: 0;
    font-size: 12px
}

#otherlink a:hover {
    color: #15bb80
}

#otherlink a:hover span {
    opacity: 1;
    top: -2px;
    transition: all .3s ease-in-out
}

#etw_bottom {
    width: 94%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 0 3rem 0;
    font-weight: 200;
}

#etw_bottom .webtitle {
    font-size: 1.2rem;
    line-height: 1.3rem;
    padding: 1.5rem 0 0.6rem 0;
    color: #fff;
    font-weight: 400;
    text-align: left;
    position: relative;
    margin: 0;
    font-family: 'Montserrat';
    text-transform: uppercase;
}

#etw_bottom .home_contact .webtitle a,#etw_bottom .webtitle a {
    color: #fff;
}

#etw_bottom .home_contact .webtitle a:hover,#etw_bottom .webtitle a:hover {
    color: #15bb80
}

#etw_bottom a {
    color: #fff
}

#etw_bottom a:hover {
    color: #0e734f
}

#etw_bottom ul {
    width: 100%;
    float: left;
    display: flex;
    flex-flow: wrap
}

#etw_bottom ul>li {
    width: 100%;
    float: left
}

#etw_bottom ul>li>a {
    display: block;
    color: #fff;
    padding: 0.3rem 0 0.3rem 1.1rem;
    position: relative;
    font-size: 0.9rem;
    line-height: 1.2rem;
    font-weight: 200;
}

#etw_bottom ul>li>a.more {
    color: #0e734f;
    text-decoration: underline;
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 0.8rem;
}

#etw_bottom ul>li>a.more:hover {
    text-decoration: none;
}

#etw_bottom ul>li>a:hover {
    color: #0e734f;
}

#etw_bottom ul li a:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    left: 2px;
    background: #15bb80;
    top: 11px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

#etw_bottom ul li ol li a {
    font-size: .8rem;
    line-height: 1.1rem;
    display: block;
    padding: 0 0 .6rem 0;
    color: #ddd
}

.bottom_logo {
    position: relative;
    padding: 0 3rem 1rem 0;
    width: 100%;
    text-align: center
}

.bottom_txt {
    padding-right: 2rem
}

.home_contact_bg {
    position: relative;
    background: #303030;
    overflow: hidden;
    padding: 2rem 0;
}

.home_contact {
    width: 94%;
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
}

.home_contact .webtitle a {
    color: #fff;
}

.home_contact_box {
    width: 60%;
    float: right;
    padding: 0 0 0 3rem;
    border-left: 1px solid #fff;
}

.home_contact a {
    color: #fff
}

.home_contact a:hover {
    color: #0e734f;
    text-decoration: none
}

@media (max-width: 991.98px) {
    #etw_bottom {
        padding:1rem 0 2rem 0
    }

    .bottom_logo,.bottom_txt {
        display: none
    }
}

@media (max-width: 767.98px) {
    #footer:before {
        display:none
    }

    .home_contact {
        width: 100%;
    }
}

/****Footer END****/
/*sitemap*/
#etw_map {
    width: 100%;
    margin: 0 auto
}

#etw_map .name {
    width: 100%;
    color: #111;
    margin: 0.5rem 0 1rem 0;
    display: block;
    padding: 0.5rem 0 0.5rem 0;
    border-bottom: 1px dashed #ddd;
    font-size: 1.3rem;
    text-decoration: none;
    font-weight: 500;
    position: relative;
}

#etw_map .name:before {
    position: absolute;
    content: '';
    background: #0e734f;
    width: 100px;
    height: 3px;
    left: 0;
    bottom: -2px;
    display: none;
}

#etw_map a {
    color: #333;
    text-decoration: underline;
    width: 100%;
    display: block;
    margin-top: 5px
}

#etw_map a:hover {
    text-decoration: none
}

#etw_map .name a {
    color: #111;
    margin: 0;
    font-weight: 700;
    text-decoration: none
}

#etw_map .name:hover {
    color: #0e734f
}

#etw_map .list_m {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
    padding: 0 0 0 1rem;
    overflow: hidden
}

#etw_map .list_m ul li {
    width: 50%;
    display: block;
    float: left;
    padding: .2rem .5rem
}

#etw_map .list_m ul li:nth-child(2n+1) {
    clear: both
}

#etw_map .list_m ul li a {
    color: #333;
    text-decoration: none;
    line-height: 1rem;
    font-size: .9rem;
    margin: 0 0 1rem 0;
    font-weight: 200
}

#etw_map .list_m ul li a:hover {
    text-decoration: underline;
    color: #0e734f
}

#etw_map a.subname {
    width: 100%;
    display: block;
    text-decoration: underline;
    padding-left: 0
}

@media (max-width: 767.98px) {
    .footlogo {
        width:100%
    }

    #etw_map .list_m ul li {
        width: 100%
    }
}

/*tags & biref*/
#tags {
    width: 100%;
    padding: .5rem 0 0 0
}

#tags li {
    margin: 0 .5rem 0 0;
    color: #ccc;
    display: inline-block;
    line-height: .9rem;
    font-size: .8rem;
    padding: .3rem 0;
    position: relative
}

#tags li#tags_title {
    display: inline-block;
    margin: 0 .5rem 0 0;
    color: #ccc;
    font-size: .9rem;
    line-height: .9rem;
    text-align: left;
    position: relative;
    font-weight: 400;
    padding: .3rem 0
}

#tags a:last-child:before {
    content: normal
}

@media (max-width: 767.98px) {
    #tags {
        display:none
    }
}

/****video****/
.video_title {
    display: block;
    font-size: 1.2rem;
    padding: .5rem 0;
    text-align: center
}

.video_show {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
    align-items: center
}

.video_btn {
    position: absolute;
    background: rgba(255 255 255 / 90%);
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border: 3px solid #384559;
    border-radius: 50%;
    padding: 18px 12px 16px 21px;
    cursor: pointer;
    visibility: visible;
    box-shadow: 1px 1px 5px #000;
    opacity: .9;
    transition: .3s all ease-in-out;
}

.video_btn:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    animation: pulse-border 2s ease-out infinite;
    -webkit-animation: pulse-border 2s ease-out infinite;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: .4
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.video_btn:hover {
    opacity: .7
}

.video_btn1 {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    width: 88px;
    height: 88px;
    cursor: pointer;
    z-index: 100;
    transition: .3s all ease-in-out;
    animation: scalein 5s ease-out infinite;
    -webkit-animation: scalein 5s ease-out infinite;
}

@-webkit-keyframes scalein {
    50% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
}

@keyframes scalein {
    50% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
}

.video_btn2 {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    width: 141px;
    height: 108px;
    cursor: pointer;
    z-index: 100;
    background: url(../images/video_btn.png) no-repeat;
    background-size: cover;
}

.video_btn3 {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    width: 80px;
    height: 80px;
    cursor: pointer;
    z-index: 100;
    background: url(../images/video_btn.png) no-repeat;
    background-size: cover;
}

.video_btn3:before {
    position: absolute;
    content: '';
    background: rgba(252 180 62 / 30%);
    width: 120%;
    height: 120%;
    left: -10%;
    top: -10%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.video_btn3 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    -webkit-animation: scaleout 2.5s infinite ease-in-out;
    animation: scaleout 2.5s infinite ease-in-out
}

@-webkit-keyframes scaleout {
    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@keyframes scaleout {
    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

.video_btn4 {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0 auto;
    width: 150px;
    height: 150px;
    opacity: 0.9;
    cursor: pointer;
    z-index: 100;
    background: url(../images/video_btn.png) no-repeat;
    background-size: cover;
}

.home_video {
    width: 76px;
    height: 76px;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    background: url(../images/video.png);
    opacity: .7;
    transition: .3s all ease-in-out
}

.home_video a {
    background: #0e734f;
    color: #fff;
    padding: .5rem 1.5rem;
    display: block;
    border-radius: 4px
}

.home_video i {
    padding-left: .3rem;
    color: #0b3b6f;
    font-size: 1.2rem
}

.home_video:hover {
    opacity: 1
}

.etw_videoshow {
    display: none;
    width: 100%;
    margin-bottom: 20px
}

.videoflow {
    overflow: hidden;
    max-height: 200px;
    position: relative;
    cursor: pointer;
    margin-bottom: 15px
}

.videoflow:before {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    border-radius: 50%;
    font-family: fontawesome;
    transform: translate(-50%,-50%);
    content: "\f04b";
    width: 64px;
    height: 64px;
    color: #0e734f;
    background: #fff;
    font-size: 2.4rem;
    padding: 1.2rem 0 0 1.4rem;
    line-height: 24px
}

.videoflow:hover:before {
    background: #0e734f;
    color: #fff
}

.videoflow img {
    width: 100%
}

.video_box {
    position: absolute;
    left: -8px;
    top: 1rem;
    padding: .4rem .8rem .3rem .8rem;
    background: linear-gradient(45deg,#e2001a,#ae2827);
    text-transform: uppercase;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1rem;
    font-weight: 400;
    cursor: pointer;
    transition: .3s all ease-in-out;
    border-radius: 0 1.5rem 1.5rem 0;
    font-family: Poppins
}

.video_box:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-right: 8px solid #742e2e;
    border-top: 0 solid transparent;
    border-bottom: 10px solid transparent;
    left: 0;
    bottom: -10px
}

.video_box a {
    color: #fff;
    display: flex!important;
    justify-content: center;
    align-items: center
}

.video_box i {
    display: inline-block;
    position: relative;
    margin: 0 .4rem 0 0;
    width: 21px;
    height: 21px;
    font-style: normal
}

.video_box i:before {
    content: "\f16a";
    font-family: fontawesome;
    font-size: 1.3rem;
    color: #fff;
    line-height: 1.3rem
}

.video_text {
    text-align: center;
    width: 100%;
    padding: 1rem 0;
    margin-bottom: 1rem;
}

.video_text a {
    font-size: 1.2rem;
    line-height: 1.3rem;
    font-weight: 600;
    position: relative;
}

.video_text a:after {
    position: absolute;
    content: "\f0a9";
    font-family: FontAwesome;
    margin: 2px 0 0 8px;
    transition: .3s all ease-in-out;
}

.video_text a:hover {
    color: #0e734f
}

.video_text a:hover:after {
    color: #0e734f;
    margin-left: 12px;
}

.plyr--video,.plyr__poster,.plyr__video-wrapper {
    background-color: #fff!important
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 0!important
}

.plyr__video-wrapper {
    background-color: #fff;
    background: var(--plyr-video-background,var(--plyr-video-background,#fff))
}

.video_h2 {
    font-size: 2rem;
    line-height: 2.2rem;
    padding: 0 0 1rem 0;
}

.video_details a {
    color: #253041;
    padding: 0.6rem 1.5rem;
    font-size: 0.95rem;
    line-height: 0.95rem;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    margin: 1rem 0;
    min-width: 120px;
    position: relative;
    overflow: hidden;
    border-bottom: 4px solid #ed9300;
    border-radius: 2rem;
    background: #0e734f;
    z-index: 1;
    transition: .5s all ease-in-out;
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -ms-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
}

.video_details a:hover {
    background: #555;
    color: #fff;
    border-bottom: 4px solid #212121;
}

@media (max-width: 575.98px) {
    .videoall ul li {
        width:100%;
        margin-right: 0
    }
}

/*history*/
.history-box ul {
    position: relative;
    padding-top: 50px
}

.history-box ul:before {
    top: 0;
    content: '';
    width: 4px;
    height: 100%;
    position: absolute;
    background: #0e734f;
    left: 180px
}

.history-box div>span {
    padding: 5px 20px;
    color: #0e734f;
    position: absolute;
    font-weight: 700;
    font-size: 24px;
    display: inline-block;
    vertical-align: top;
    left: 0;
    top: 0;
    border: 2px #0e734f solid
}

.history-box div>span:after {
    content: '';
    position: absolute;
    width: 51px;
    height: 1px;
    background: #0e734f;
    top: 23px;
    left: 125px
}

.history-box div>span:before {
    content: "";
    position: absolute;
    top: 16px;
    right: -66px;
    width: 16px;
    height: 15px;
    background: #fff;
    border: 3px solid #0e734f;
    z-index: 1
}

.history-box2 li>span {
    font-weight: 700;
    font-size: 30px;
    color: #0e734f;
    display: inline-block;
    margin-bottom: 20px;
    vertical-align: top
}

.history-box2 li {
    margin-bottom: 20px
}

.history-box div p>b {
    display: block;
    float: left;
    width: 12%;
    margin-top: 0
}

.history-box div p {
    line-height: 1.6;
    margin: 5px 0
}

.history-box div p:after {
    content: " ";
    clear: both;
    display: block
}

.history-box div p>span {
    display: block;
    float: right;
    width: 88%
}

.history-box li div {
    padding: 20px 30px;
    border: 1px solid #eee
}

.history-box li:nth-child(even) div p>b {
    display: block;
    float: left;
    width: 12%
}

.history-box li:before {
    position: absolute;
    content: '';
    width: 0;
    z-index: 1;
    height: 0;
    left: 221px;
    top: 15px;
    border-style: solid;
    border-width: 8px 10px 8px 0;
    display: block;
    border-color: transparent #fff transparent transparent
}

.history-box ul:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 50%;
    background: #0e734f;
    top: -12px;
    border: 4px solid #fff;
    left: 172px
}

.history-box li:after {
    content: '';
    position: absolute;
    left: 219px;
    top: 13px;
    border-style: solid;
    border-width: 10px 12px 10px 0;
    border-color: transparent #eee transparent transparent
}

.history-box li {
    margin-bottom: 30px;
    position: relative;
    padding-left: 230px
}

.history_date-list {
    padding-left: 10px;
    margin-bottom: 30px
}

.history_date-list li {
    border-left: 2px dashed #ccc;
    box-sizing: border-box;
    cursor: pointer;
    padding: 15px 10px 10px 10px;
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 3px
}

.history_date-list .etw_photo {
    padding-left: 15px
}

.history_date-list .etw_photo ul li {
    border: none;
    padding: 0
}

.history_date-list li strong {
    padding: 10px 0 2px 15px;
    font-size: 1.1rem;
    top: 33%;
    display: block;
    line-height: 22px
}

.history_date-list li span.bullet_point {
    background-color: #fff;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 28px;
    left: -8px;
    height: 15px;
    width: 15px;
    transition: all .3s;
    border: 3px solid rgba(0,0,0,.3)
}

.history_date-list li:focus span.bullet_point,.history_date-list li:hover span.bullet_point {
    transform: scale(1.6)
}

.history_date-list li p {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    padding-left: 15px
}

.history_date-list .img_left img {
    margin-left: 15px
}

.history_date-list li span.image_wrap {
    border: 2px solid #193441;
    display: block;
    position: absolute;
    top: -20px;
    left: -155px;
    transition: all .5s
}

.history_date-list li:focus span.image_wrap,.history_date-list li:hover span.image_wrap {
    left: -170px
}

.honour-img span {
    height: 100%;
    display: inline-block;
    width: 0;
    vertical-align: middle
}

@media only screen and (max-width: 991.98px) {
    .history-box ul {
        padding-top:0
    }

    .history-box div>span:after,.history-box div>span:before,.history-box li:after,.history-box li:before,.history-box ul:after,.history-box ul:before {
        display: none
    }

    .history-box ul div {
        padding: 40px 15px 20px;
        margin-bottom: 30px;
        width: auto;
        text-align: left;
        margin-left: 0!important;
        border-bottom: 1px dashed #ddd
    }

    .history-box div p>span {
        font-size: 14px;
        width: 90%
    }

    .history-box div p>b,.history-box li:nth-child(even) div p>b {
        float: left;
        width: auto
    }

    .history-box div>span {
        line-height: normal;
        padding: 3px 15px;
        font-size: 16px
    }

    .history-box li {
        padding-left: 0
    }
}

/*new history*/
.main-timeline {
    position: relative;
}

.main-timeline:after {
    content: '';
    display: block;
    clear: both;
}

.main-timeline:before {
    content: '';
    height: 100%;
    width: 2px;
    border: 2px dashed #999;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 30px;
}

.main-timeline .timeline {
    width: 50%;
    padding: 100px 70px 0 25px;
    margin: 0 50px 2rem 0;
    float: left;
    position: relative;
}

.main-timeline .timeline-content {
    padding: 25px 25px 25px 40px;
    border: 2px solid #0e734f;
    border-radius: 15px 0 15px 15px;
    display: block;
    position: relative;
}

.main-timeline .timeline-content:hover {
    text-decoration: none;
}

.main-timeline .timeline-content:after {
    content: '';
    background-color: #0e734f;
    height: 18px;
    width: 15px;
    position: absolute;
    right: -15px;
    top: -2px;
    clip-path: polygon(100% 0,0 0,0 100%);
}

.main-timeline .timeline-year {
    color: #fff;
    background-color: #0e734f;
    font-size: 32px;
    font-weight: 900;
    text-align: center;
    line-height: 98px;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    position: absolute;
    right: -120px;
    top: -85px;
}

.main-timeline .timeline-year:after {
    content: '';
    height: 130px;
    width: 130px;
    border: 8px solid #0e734f;
    border-left-color: transparent;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(-20deg);
    position: absolute;
    left: 50%;
    top: 50%;
}

.main-timeline .timeline-icon {
    display: none;
    color: #fff;
    background-color: #00A79B;
    font-size: 35px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: -25px;
    transition: all 0.3s;
}

.main-timeline .title {
    color: #222;
    margin: 0 0 10px 0;
}

.main-timeline .description {
    color: #111;
    font-size: 1.1rem;
    line-height: 1.5rem;
    margin: 0;
}

.main-timeline .timeline:nth-child(even) {
    padding: 100px 25px 0 70px;
    margin: 0 0 2rem 50px;
    float: right;
}

.main-timeline .timeline:nth-child(even) .timeline-content {
    padding: 25px 40px 25px 25px;
    border-radius: 0 15px 15px 15px;
    -webkit-border-radius: 0 15px 15px 15px;
    -moz-border-radius: 0 15px 15px 15px;
    -ms-border-radius: 0 15px 15px 15px;
    -o-border-radius: 0 15px 15px 15px;
}

.main-timeline .timeline:nth-child(even) .timeline-content:after {
    transform: rotateY(180deg);
    right: auto;
    left: -15px;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.main-timeline .timeline:nth-child(even) .timeline-year {
    right: auto;
    left: -120px;
}

.main-timeline .timeline:nth-child(even) .timeline-year:after {
    transform: translateX(-50%) translateY(-50%) rotate(200deg);
}

.main-timeline .timeline:nth-child(even) .timeline-icon {
    left: auto;
    right: -25px;
}

.timeline:nth-child(2n) .timeline-content,.timeline:nth-child(2n) .timeline-year:after {
    border-color: #019ac4;
}

.timeline:nth-child(2n) .timeline-year:after {
    border-left-color: transparent;
}

.timeline:nth-child(2n) .timeline-content:after,.timeline:nth-child(2n) .timeline-icon,.timeline:nth-child(2n) .timeline-year {
    background-color: #019ac4;
}

@media screen and (max-width: 767px) {
    .main-timeline:before {
        display:none;
    }

    .main-timeline .timeline {
        width: 100%;
        padding-top: 80px;
        padding-right: 12px;
        margin-bottom: 20px;
    }

    .main-timeline .timeline:nth-child(even) {
        padding-left: 10px;
        padding-top: 80px;
        margin-bottom: 20px;
    }

    .main-timeline .timeline-content,.main-timeline .main-timeline .timeline:nth-child(even) .timeline-content {
        background-color: #fff;
        padding-top: 25px;
    }

    .main-timeline .timeline-content:after {
        display: none;
    }

    .main-timeline .timeline-year {
        font-size: 24px;
        line-height: 70px;
        height: 70px;
        width: 70px;
        right: 0;
        top: -65px;
    }

    .main-timeline .timeline-year:after {
        display: none;
    }

    .main-timeline .timeline:nth-child(even) .timeline-year {
        left: 3px;
    }
}

@media screen and (max-width: 567px) {
    .main-timeline .title {
        font-size:18px;
    }
}

/*news*/
.news_list {
    width: 100%
}

.news_list>ul>li {
    background: #dde2e6;
    width: 100%;
    overflow: hidden;
    padding: 1.2rem;
    border: 1px solid #ddd;
    margin-bottom: 2rem
}

.news_list ul li ol li.product_con {
    width: 68%;
    float: right
}

.news_list ul li ol li.product_con a {
    display: block;
    font-weight: 400;
    font-size: 1.2rem;
    color: #333;
    padding: 0 0 .5rem 0;
    border-bottom: 1px solid #333;
    margin-bottom: 1rem;
    font-family: Oswald
}

.news_list ul li ol li.product_con p {
    color: #333;
    font-size: .85rem
}

.news_list ul li ol li.product_con a:hover {
    color: #999
}

.news_list ul li ol li.product_con span {
    background: #0e734f;
    color: #fff;
    display: block;
    padding: .5rem .5rem .3rem .5rem;
    float: left;
    font-size: .8rem;
    line-height: 1rem
}

.news_list ul li ol li.product_img {
    width: 30%;
    float: left;
    margin-right: 2%
}

.news_list ul li ol li.product_img img {
    transition: .3s all ease-in-out;
    border: 1px solid transparent
}

.news_list ul li ol li.product_img img:hover {
    border: 1px solid #333
}

.news_name {
    text-align: center;
    margin-bottom: 1.5rem
}

@media (max-width: 575.98px) {
    .news_list ul li ol li.product_con,.news_list ul li ol li.product_img {
        width:100%;
        margin-right: 0
    }

    .news_list ul li ol li.product_img {
        margin: 1rem 0
    }
}

/*Theme send inquiry*/
.theme-send-inquiry-box {
    background: #0e734f!important;
    border: none !important;
}

.theme-box-name {
    background: #212121!important;
    border-left: none!important;
    font-family: 'Montserrat'!important;
    text-transform: uppercase !important;
    font-size: 14px !important;
}

.theme-box-i {
    padding: 10px 10px 0 10px!important;
}

/*swiper*/
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.application1 ul li img {
    width: 70%;
}

.application1 ul li img {
    mix-blend-mode: multiply;
}