/*
* @Author: lin
* @Date:   2021-04-14 09:14:19
* @Last Modified by:   lin
* @Last Modified time: 2021-04-23 14:04:40
*/

/* Base */
body { line-height: 1.7;  font-weight: 400; font-size: 1rem; font-family: "microsoft yahei", simhei, Arial, sans-serif, monospace; }
::-moz-selection { background: #000; color: #fff; }
::selection { background: #000; color: #fff; }
a { -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; }
a:hover { text-decoration: none; }
.text-black { color: #000 !important; }
.bg-black { background: #000 !important; }
.line-height-sm { line-height: 1.3; }
.line-height-xs { line-height: 1; }
.site-wrap:before { -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; background: rgba(0, 0, 0, 0.6); content: ""; position: absolute; z-index: 2000; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; }
.offcanvas-menu .site-wrap { position: absolute; height: 100%; width: 100%; z-index: 2; overflow: hidden; }
.offcanvas-menu .site-wrap:before { opacity: 1; visibility: visible; }
.btn { position: relative; top: 0; }
.btn:hover, .btn:active, .btn:focus { outline: none; -webkit-box-shadow: none !important; box-shadow: none !important; }
.btn.btn-secondary { background-color: #e6e7e9; border-color: #e6e7e9; color: #000; }
.btn.btn-sm { font-size: 0.9rem; }
.btn.btn-primary { color: #fff; }
.btn.btn-outline-primary:hover { color: #fff !important; }
.btn.btn-black { background: #000 !important; color: #fff; }
.btn.btn-black:hover { background: #333333 !important; }
.btn.btn-white.btn-outline-white { border-color: #fff; background: transparent; color: #fff; }
.btn.btn-white.btn-outline-white:hover { background: #fff; color: #000; }
.bg-black { background: #000; }

/* pages */
.carousel { z-index: 0; overflow: hidden;  }
.carousel a span:nth-child(1) { font-size: 30px }
.carousel-item { height: 460px; z-index: 0; background-repeat: no-repeat; background-position: center top; }
.company-information {margin-top: -20px;position: relative;background: #fff;overflow: hidden;border-radius: 10px 10px 10px 10px;box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);z-index: 99999}
.introduce h5 { color: #223A66; font-weight: bold; }
.introduce p { color: #546A75; text-align: justify; font-size: 1em;line-height: 1.8em }

/* title */
.section-title h3 { color: #223A66; font-weight: bold; }
.divider { width: 40px; height: 5px; background: #e12454; }

/* products */
.feature-item { flex-basis: 25%; text-align: center; margin: 0px 10px; padding: 40px 30px; background-color: $light; border-radius: 10px 10px 10px 10px; box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1); }
.feature-item p{text-align: left;}
.feature-icon { background: #EFF8FE; border-radius: 50%; width: 100px; height: 100px; margin: 0 auto; line-height: 100px; }
.feature-icon i { font-size: 50px; }
.feature-icon h4 {  }
.feature-icon p { font-size: 14px;color: #6F8BA4;}
.feature-section.border-top { border-top: 1px solid rgba(0, 0, 0, 0.05) !important; }
.w-hours li { padding: 6px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.05)}
/* tab */

.tabs-class{border:0;}

.tabs-class .nav-item{text-align: center;border-radius: 0;}
.tabs-class  .nav-link{border:0;border-radius: 0;border:1px #E5ECF1 solid;background: #F4F9FC;height: auto;}
.tabs-class .nav-item a{border:1px #E5ECF1 solid;background: #F4F9FC;display: block;height: auto;}

.tabs-class .nav-item .active{background: #e12454;border:0;color:#fff;display: block;height: auto;}
.tabs-class .nav-item .active i{color:#fff;}
.tabs-class .nav-item:hover .active i{color:#fff;}

.tabs-class .nav-item i{font-size: 2.2em;line-height: 50px;color: #98A7AF}
.tabs-class .nav-item:hover i,.tabs-class .nav-item:active i{color:#e12454;}
.tabs-class .nav-item div{display: block;height: auto;}
.case-logo{}

.case-logo a{color:#98A7AF;border:1px #E5ECF1 solid;background:#fff;display: inline-block;width:100%;margin-bottom:20px;}
.case-logo-bg{background-image:url(../images/case-bg.png);background-repeat:no-repeat;height: 80px;background-size:cover ;line-height: 80px;vertical-align: middle}
.case-logo-bg img{width:200px;}
.case-logo a span{line-height: 36px;font-size: 0.8em}

.cooperate-logo{min-width: 100%;}
.cooperate-logo a{border:1px #E5ECF1 solid;background:#F4F9FC;display: inline-block;width:100%;margin-bottom:20px;height: 70px;text-align: center;line-height: 70px;}
.cooperate-logo img{width:80%;}