.product {

    padding: 20px 0;

    background-color: #f7f7f7;

}



/* .product article .tab ul {

    display: flex;

    flex-wrap: wrap;

} */



.section-header {

    text-align: center;

    padding-bottom: 20px;

}



.section-header h2 {

    font-size: 32px;

    font-weight: 600;

    margin-bottom: 20px;

    position: relative;

}



.product article .tab ul li {

    float: left;

    width: 20%;

    padding: 3px;

    margin-top: 5px;

}



.product article .tab ul li a {

    border-radius: 5px;

    display: block;

    background-color: #eaf4fe;

    text-align: center;

    padding: 3px;

}



.product article .tab ul li img {

    max-width: 100%;

}





.product .nav-tabs {

    border: none;

}



.product .nav-tabs>li.active>a,

.product .nav-tabs>li.active>a:hover,

.product .nav-tabs>li.active>a:focus {

    border: none;

    background-color: #5FB878;

}



.product .nav-tabs>li>a {

    display: flex;

    justify-content: center;

    border: none;

    border-radius: 10px;

}



.product_list {

    clear: both;

    padding: 15px 0px 0px 0px;

    margin-right: -15px;

    margin-left: -15px;

}



.product_img:hover img {

    transform: scale(1.05);

}



.product_img {

    padding-left: 0;

    padding-right: 0;

    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);

    border-radius: 3px;

    overflow: hidden;

}



.product_img img {

    margin-right: auto;

    margin-left: auto;

    display: block;

    max-height: 300px;

    max-width: 100%;

    height: auto;

    margin-bottom: 10px;

    padding: 0px 0px 0px 0px;

}



.product_title {

    text-align: center;

    height: 40px;

}



.product_title a {

    text-decoration: none;

}



.product_title a:hover {

    text-decoration: none;

    color: #e9c20c;

}



.product .tab-content .tab-pane a.more{

    display: block;

    text-align: center;

    min-width: 200px;

    padding: 10px 0px;

    font-size: 16px;

    color: #fff;

    text-decoration: none;

    border-radius: 20px;

    background-color: #009688;

    margin-top: 20px;

}



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

    .product article .tab ul li {

        width: 20%;

    }

}





/*首页-优势*/

.advantage {

    padding: 20px 0;

}



.advantage_col {

    margin-top: 20px;

    text-align: center;

    word-break: normal;

    border-radius: 25px;

    padding-bottom: 10px;

}



/* .advantage_col:hover {

	border-radius: 25px;

	background-image: linear-gradient(#fff, #f7f7f7);

} */



.advantage_col {

    background: #ffffff none repeat scroll 0 0;

    border-left: 0 solid #009688;

    /* border-left: 0 solid #f8830f; */

    -moz-box-shadow: 0 0 10px #e4e4e4;

    -webkit-box-shadow: 0 0 10px #e4e4e4;

    -o-box-shadow: 0 0 10px #e4e4e4;

    box-shadow: 0 0 10px #e4e4e4;

    overflow: hidden;

    padding: 30px;

    position: relative;

    z-index: 1;

    border-radius: 2px;

}



.advantage_col img {

    display: block;

    margin: 0 auto;

    max-width: 200px;

    -webkit-transition: -webkit-transform 0.8s ease-out;

    -moz-transition: -moz-transform 0.8s ease-out;

    -o-transition: -o-transform 0.8s ease-out;

    -ms-transition: -ms-transform 0.8s ease-out;

}



.advantage_col img:hover {

    -webkit-transform: rotateZ(360deg);

    -moz-transform: rotateZ(360deg);

    -o-transform: rotateZ(360deg);

    -ms-transform: rotateZ(360deg);

    transform: rotateZ(360deg);

}





.advantage_col::after {

    /* background: #f8830f none repeat scroll 0 0; */

    background: #009688 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: -100%;

    position: absolute;

    top: 0;

    transition: all 0.35s ease-in-out;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    -ms-transition: all 0.35s ease-in-out;

    -o-transition: all 0.35s ease-in-out;

    width: 100%;

    z-index: -1;

}



.advantage_col:hover::after {

    left: 0;

}



.advantage_col:hover img {

    -webkit-filter: brightness(100);

}



.advantage_col a {

    display: block;

    color: #333;

    font-size: 18px;

    padding-top: 20px;

}



.advantage_col p {

    color: #797979;

    text-align: center;

    padding-top: 0px;

    margin-top: 15px;

}



.advantage_col:hover a,

.advantage_col:hover p {

    color: #fff;

}



.advantage_col a:hover {

    color: #e9c20c;

    text-decoration: none;

}







/*首页-公司简介*/

.introduce {

    padding: 20px 0;

    background-color: #f7f7f7;

}



.introduce .about_h3 {

    font-family: Arial;

    color: #e9c20c;

    font-size: 45px;

    font-weight: bold;

    margin: 0px;

}



.introduce .about_p {

    font-size: 16px;

    color: #000;

    padding-bottom: 20px;

    border-bottom: 1px solid #dadada;

}



.introduce .about_content {

    text-indent: 2em;

    line-height: 30px;

    color: #555;

    margin-top: 20px;



}



.introduce .about_btn {

    display: block;

    text-align: center;

    width: 140px;

    padding: 7px 0px;

    color: #fff;

    text-decoration: none;

    border-radius: 20px;

    /* background-color: #e9c20c; */

    background-color: #009688;

    margin-top: 20px;

}



.introduce .about_btn:hover {

    color: #fff;

    text-decoration: none;

    background-color: #5FB878;

    border-radius: 12px;

    width: 160px;

}



.introduce .about_video {

    width: 100%;

}



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

    .introduce .about_video {

        margin-top: 20px;

    }



    .introduce .about_btn {

        width: 100%;

    }



    .introduce .about_p {

        font-size: 15px;

    }

}



/*--------------------------------------------------------------

# 首页-常见问题 faq

--------------------------------------------------------------*/

.faq {

    padding: 20px 0;

}



.faq .panel-default {

    margin-bottom: 20px;

}





.faq .panel-heading {

    background: #fff;

    border: 0;

}



.faq .panel-heading .panel-title {

    border: 0;

    padding: 10px 0;

    border-radius: 0;

}



.faq .panel-heading:last-child {

    margin-bottom: 0;

}



.faq .panel-heading a {

    display: flex;

    position: relative;

    text-decoration: none;

    font-weight: 600;

    border: 0;

    font-size: 18px;

    line-height: 24px;

    color: var(--color-default);

    text-align: left;

    border-radius: 10px;

    width: 100%;

    align-items: center;

}



.faq .panel-heading a span{

    overflow: hidden;

    text-wrap: nowrap;

    margin-right: 40px;

}



.faq .panel-heading a i {

    padding: 3px 6px;

    border-radius: 3px;

    background-color: var(--color-primary);

    color: #fff;

    margin-right: 10px;

}



.faq .panel-heading a:after {

    display: inline-block;

    font: normal normal normal 18px / 1 FontAwesome;

    font-size: 18px;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    content: "\f107";

    position: absolute;

    right: 20px;

    top: 10px;

}



.faq .panel-body p {

    text-indent: 2em;

    word-break: normal;

}





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

    .faq .panel-heading a {

        font-size: 15px;

    }

}



/*--------------------------------------------------------------

# 首页-联系我们 feedback

--------------------------------------------------------------*/

.feedback {

    padding: 20px 0;

    background-color: #f7f7f7;

}



.feedback .captcha {

    display: flex;

    justify-content: space-between;

}



/* .feedback .captcha input {

    width: calc(100% - 131px);

    border-right: none;



} */

.feedback .captcha img {

    background: #fff;

    width: 120px;

    min-width: 100px;

    height: 44.25px;

    margin-left: 1px;

}



.feedback .button {

    position: relative;

    z-index: 2;

    display: inline-block;

    padding: 10px 50px;

    text-align: center;

    font-size: 20px;

    text-transform: capitalize;

    letter-spacing: 0px;

    font-weight: 400;

    border-radius: 0.25rem;

    color: #ffffff;

    background: none;

    cursor: pointer;

    margin-top: 15px;

    overflow: hidden;

    transition: all .3s ease;

    -moz-transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    background-color: #009688;

    /* background-color: #181818; */

}



.feedback .button:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    opacity: .5;

    /* background-color: #c00113; */

    background-color: #5FB878;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    -webkit-transform: scaleY(0);

    -ms-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: left top;

    -ms-transform-origin: left top;

    transform-origin: left top;

}



.feedback .button:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    /* background-color: #c00113; */

    background-color: #5FB878;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    -webkit-transform: scaleY(0);

    -ms-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: left top;

    -ms-transform-origin: left top;

    transform-origin: left top;

}



.feedback .button:hover:before {

    -webkit-transform: scaleY(1);

    -ms-transform: scaleY(1);

    transform: scaleY(1);

}



.feedback .button:hover:after {

    -webkit-transition-delay: 0.2s;

    -o-transition-delay: 0.2s;

    transition-delay: 0.2s;

    -webkit-transform: scaleY(1);

    -ms-transform: scaleY(1);

    transform: scaleY(1);

}



.feedback .single-contact-info-box {

    position: relative;

    z-index: 1;

    padding: 0 10px;

    margin-bottom: 10px;

    display: block;

    border-radius: 3px;

    text-align: left;

    overflow: hidden;

}



.feedback .contact-info {

    position: relative;

    z-index: 1;

}



.feedback .contact-info h6 {

    font-weight: 600;

    font-size: 16px;

    margin-bottom: 5px;

    text-transform: capitalize;

}



.feedback .contact-info h6 i {

    font-weight: 600;

    margin-right: 10px;

}



.feedback .contact-info p {

    padding-left: 20px;

    font-size: 14px;

    font-weight: 500;

    margin: 0;

}



.feedback .contact-info p a {

    text-decoration: none;

}



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

    

}





/*--------------------------------------------------------------

# 首页-How to buy

--------------------------------------------------------------*/

.service {

    padding: 20px 0;

}



.service .section-header p {

    text-align: left;

    text-indent: 2em;

    word-break: normal;

    word-wrap: normal;

}



.service .content .ico {

    width: 80px;

    height: 80px;

    margin: 0 auto;

    background: #585858;

    position: relative;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    border-radius: 8px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.service .content .ico img {

    height: 40px;

}



.service .content p {

    text-align: center;

    word-break: normal;

    word-wrap: normal;

    overflow-wrap: normal;

    margin-top: 18px;

    font-size: 15px;

    color: #333;

    text-transform: lowercase;

}



.service .content i {

    position: absolute;

    top: 20%;

    right: -20px;

    font-size: 20px;

    color: #333;

}





.service_col .ico {

    background: #ffffff none repeat scroll 0 0;

    border-left: 0 solid #5FB878;

    -moz-box-shadow: 0 0 10px #e4e4e4;

    -webkit-box-shadow: 0 0 10px #e4e4e4;

    -o-box-shadow: 0 0 10px #e4e4e4;

    box-shadow: 0 0 10px #e4e4e4;

    overflow: hidden;

    padding: 30px;

    position: relative;

    z-index: 1;

    border-radius: 2px;

}



.service_col .ico img {

    display: block;

    margin: 0 auto;

    max-width: 50px;

    -webkit-transition: -webkit-transform 0.8s ease-out;

    -moz-transition: -moz-transform 0.8s ease-out;

    -o-transition: -o-transform 0.8s ease-out;

    -ms-transition: -ms-transform 0.8s ease-out;

}



.service_col .ico:hover img {

    -webkit-transform: rotateZ(360deg);

    -moz-transform: rotateZ(360deg);

    -o-transform: rotateZ(360deg);

    -ms-transform: rotateZ(360deg);

    transform: rotateZ(360deg);

}





.service_col .ico::after {

    background: #5FB878 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: -100%;

    position: absolute;

    top: 0;

    transition: all 0.35s ease-in-out;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    -ms-transition: all 0.35s ease-in-out;

    -o-transition: all 0.35s ease-in-out;

    width: 100%;

    z-index: -1;

}



.service_col .ico:hover::after {

    left: 0;

}





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

    .service .content .ico {

        width: 40px;

        height: 40px;

    }



    .service .content .ico img {

        height: 22px;

    }



    .service .content i {

        display: none;

        font-size: 16px;

        top: 15px;

        right: -10px;

    }



    .service .content p {

        font-size: 13px;

    }

}





/*--------------------------------------------------------------

# 首页-友情链接 Friend Link

--------------------------------------------------------------*/

.link {

    padding: 20px 0;

}



.link a {

    text-decoration: none;

    float: left;

    background-color: #f2f2f2;

    margin-right: 10px;

    margin-bottom: 8px;

    padding: 0 15px;

    height: 30px;

    line-height: 30px;

    border-radius: 15px;

}