/*
Theme Name: Boyi Theme
Theme URI: http://www.eastdesign.net
Author: Eastern Design Studio Team
Author URI: http://www.eastdesign.net
Version: 1.0
*/
@font-face {
    font-family: 'ShopifySansWeb-Regular';
    src: url('/wp-content/themes/boyi/fonts/ShopifySansWeb-Regular.eot');
    src: url('/wp-content/themes/boyi/fonts/ShopifySansWeb-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/boyi/fonts/ShopifySansWeb-Regular.woff2') format('woff2'),
        url('/wp-content/themes/boyi/fonts/ShopifySansWeb-Regular.woff') format('woff'),
        url('/wp-content/themes/boyi/fonts/ShopifySansWeb-Regular.ttf') format('truetype'),
        url('/wp-content/themes/boyi/fonts/ShopifySansWeb-Regular.svg#NeueEinstellung-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ShopifySansWeb-Medium';
    src: url('/wp-content/themes/boyi/fonts/ShopifySansWeb-Medium.eot');
    src: url('/wp-content/themes/boyi/fonts/ShopifySansWeb-Medium.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/boyi/fonts/ShopifySansWeb-Medium.woff2') format('woff2'),
        url('/wp-content/themes/boyi/fonts/ShopifySansWeb-Medium.woff') format('woff'),
        url('/wp-content/themes/boyi/fonts/ShopifySansWeb-Medium.ttf') format('truetype'),
        url('/wp-content/themes/boyi/fonts/ShopifySansWeb-Medium.svg#NeueEinstellung-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ShopifySansWeb-Bold';
    src: url('/wp-content/themes/boyi/fonts/ShopifySansWeb-Bold.eot');
    src: url('/wp-content/themes/boyi/fonts/ShopifySansWeb-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/boyi/fonts/ShopifySansWeb-Bold.woff2') format('woff2'),
        url('/wp-content/themes/boyi/fonts/ShopifySansWeb-Bold.woff') format('woff'),
        url('/wp-content/themes/boyi/fonts/ShopifySansWeb-Bold.ttf') format('truetype'),
        url('/wp-content/themes/boyi/fonts/ShopifySansWeb-Bold.svg#NeueEinstellung-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica-Narrow-Bold';
    src: url('/wp-content/themes/boyi/fonts/Helvetica-Narrow-Bold.eot');
    src: url('/wp-content/themes/boyi/fonts/Helvetica-Narrow-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/boyi/fonts/Helvetica-Narrow-Bold.woff') format('woff'),
        url('/wp-content/themes/boyi/fonts/Helvetica-Narrow-Bold.ttf') format('truetype'),
        url('/wp-content/themes/boyi/fonts/Helvetica-Narrow-Bold.svg#NeueEinstellung-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-Bold';
    src: url('/wp-content/themes/boyi/fonts/Poppins-Bold.eot');
    src: url('/wp-content/themes/boyi/fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/boyi/fonts/Poppins-Bold.woff2') format('woff2'),
        url('/wp-content/themes/boyi/fonts/Poppins-Bold.woff') format('woff'),
        url('/wp-content/themes/boyi/fonts/Poppins-Bold.ttf') format('truetype'),
        url('/wp-content/themes/boyi/fonts/Poppins-Bold.svg#NeueEinstellung-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/**********************404 or breadcrumbs********************/
.content-area{
	margin:170px auto 70px;
	max-width:1200px;
}
.breadcrumb-left {
    float: right;
}

.breadcrumb-left h1 {
    font-size: 18px;
    margin-top: 0px;
}

.borderline {
    background: #f0f0f0 none repeat scroll 0 0;
    height: 1px;
    margin-top: 8px;
}

.page-404 {
    text-align: center;
}

.content-404 {
    text-align: center;
}

.page-404 h2 {
    border-bottom: 2px solid #333;
    display: block;
    padding-bottom: 33px;
}

.error-message {
    margin-top: 20px;
    color: #F0F0F0;
    font-size: 178px;
    font-weight: bold;
    margin-bottom: 40px;
}

a.a-404 {
    color: #fff;
    padding: 5px 90px;
    display: inline-block;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: bold;
    transition: all 0.5s ease 0s;
    background: #0056a6;
    border: 1px solid #0056a6;
    margin-bottom: 50px;
}

a.a-404:hover {
    border-radius: 30px;
    color: #0056a6;
    background: #fff;
    text-decoration: none;
}
/**********************404********************/
/********************search********************/
.modal-backdrop {
    position: relative!important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background-color: #000;
}
.fade.show {
    opacity: 1;
    background: rgba(51, 51, 51, 0.5);
}
.serch-home .modal-lg {
    width: 100%!important;
    margin-top: 0px!important;
    margin-left: 0px;
    max-width: 100%;
}
.serch-home .modal-content {
    min-height: 260px;
    border-top: 0;
    border-radius: 0px;
    background: #fff;
}
button.close {
    -webkit-appearance: none;
    padding: 15px;
    cursor: pointer;
    background: 0 0;
    border: 0;
    font-size: 31px!important;
    font-weight: 100;
    line-height: 1;
    color: #333;
    text-shadow: 0 1px 0 #333;
    filter: alpha(opacity=20);
    opacity: 1;
}
.serch-home .form-p {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 900;
    padding-right: .625rem;
    padding-left: .625rem;
    padding-top: 3%;
    padding-bottom: 3%;
    color: #333!important;
}
.serch-home form#searchform {
    border: none!important;
    margin: 0!important;
    padding-right: .625rem;
    padding-left: .625rem;
    position: relative;
    color: #333!important;
}
.serch-home input#s {
    color: #333!important;
    background: none;
    border: none;
    border-bottom: 2px solid #333;
    font-weight: 900;
    padding: 6px 0 20px 0;
    height: auto;
    text-transform: lowercase;
    font-size: 30px;
    border-color: #333!important;
    width: 100%;
}
.serch-home button.search-submit.search-btn {
    right: 10px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 40px;
    top: 16px;
    outline: 0;
    background: none!important;
    font-size: 38px;
    padding: 0!important;
    z-index: 4;
    cursor: pointer;
    color: #333;
    overflow: hidden;
    position: absolute;
    border: none;
}
input {
    outline: none;
}
header .span2 a {
    cursor: pointer;
}
.serch-home input::-webkit-input-placeholder{
    color:#333;
}
.serch-home input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#333;
}
.serch-home input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#333;
}
.serch-home input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#333;
}
button.close span {
    color: #333;
}
/* content-none.php */
.page-header h1.page-title{
    font-size: 30px;
    margin:0px;
}
.page-content p{
    font-size:16px;
    color:#333;
}
.page-content input[type='search']{
    -webkit-appearance: none;
    width: 100%;
    height: 47px;
    font-size: 14px;
    padding: 8px 15px;
    color: #aaa9a9;
    border: 1px solid #d2d2d2;
    outline: none;
    border-radius: 50px;
}
.page-content button[type='submit']{
    height: 29px;
    position: absolute;
    right: 12px;
    top: 9px;
    border: none;
    background: none;
    color: #fff;
    line-height: 26px;
    width: 33px;
    outline: none;
    transition: all .4s ease 0s;
    padding: 1px 0px;
}
.page-content span.screen-reader-text{
    color: #333;
    font-weight: normal;
    font-size: 18px;
    padding: 0px;
}
.page-content form.search-form{
    margin-bottom: 5px;
    position: relative;
}
.page-content button.search-submit:hover{
    background: #d9d9d9;
}
.page-content i.fa.fa-search {
    color: #000;
}
/* search.php */
.page-header2 .page-title{
    border-bottom: 1px solid #eee; 
    padding-bottom: 10px;
}
.page-header2 .page-title h1{
    font-size: 30px;
}
.page-temaplate-content {
    margin-bottom: 30px;
}
/* search.php 、content-search.php */
.page-temaplate-content a.post-thumbnail.read-more1 {
    background: #fff;
    padding: 5px 15px;
    color: #333;
    border: 1px solid #d7d7d7;
    border-radius: 30px;
    height:30px;
    width:108px;
    display: block;
    font-family: 'ShopifySansWeb-Regular';
}
.page-temaplate-content a.post-thumbnail.read-more1:hover {
    color: #fff;
    background:#0056a6;
    text-decoration: none;
    -webkit-transition: background 0.5s, color 0.2s;
    -moz-transition: background 0.5s, color 0.2s;
    transition: background 0.5s, color 0.2s;
}
.page-temaplate-content a.post-thumbnail h3{
    margin-top: 10px;
}
.page-temaplate-content a.post-thumbnail{
    text-decoration: none;
    font-family: 'ShopifySansWeb-Regular';
    color: #0056a6;
}
/* content-search.php */
.page-products-content {
    padding: 10px 0;
    border-bottom: 1px dashed #666;
}
.page-products-content .search-text {
    margin-bottom: 10px;
    font-family: 'ShopifySansWeb-Regular';
}
/* wp-pagenavi */
.sidebar.widget-area,.pagination{
    display:none;
}
/********************search********************/
/* 返回顶部 */
.return-top {
    background: #0056a6 none repeat scroll 0 0;
    border: 2px solid #0056a6;
    border-radius: 50%;
    bottom: 50px;
    color: #fff;
    display: inline-block;
    font-size: 33px;
    height: 50px;
    line-height: 45px;
    overflow: hidden;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 50px;
    cursor: pointer;
    transition: all .3s ease 0s;
    margin-bottom: 50px;
    z-index: 99;
}
.return-top:hover {
    background-color: transparent;
    color: #0056a6;
}

*{box-sizing: border-box;}
a:hover{text-decoration: none;}
ul{list-style-type: none;padding:0;margin:0;}
.clearfix{clear: both;}
.row {
    margin: auto;
}

.top-header{width:100%;min-height:140px;position: fixed;top:0px;z-index: 999;height:170px;
}
.top{max-height:40px;background-color: #343741;}
.top .top-box{max-width:1230px;height: 40px;line-height: 40px;}
.top .topbox-left img{display: inline-block;vertical-align: middle;}
.top .topbox-left a{float: left;height: 40px;line-height: 40px;}
.top .topbox-left a img:nth-of-type(2){display:none;}
.top .topbox-left a:hover img:nth-of-type(1){display:none;}
.top .topbox-left a:hover img:nth-of-type(2){display:inline-block;}
.top .topbox-left a:nth-of-type(2) img{margin:0px 19px 0px 21px;}
.top .topbox-left{float: left;width:25%;}
.top .topbox-right{float: right;width:75%;}
.top .topbox-right .nav-top{margin:0 -15px;float: right;display: block;} 
.top .topbox-right .nav-top>li{padding-right: 15px;float: left;position: relative;display: block;height:40px;}
.top .topbox-right .nav-top>li>a{font-size: 14px;font-family: "ShopifySansWeb-Regular";color: #999;display: block;}
.top .topbox-right .line{width: 1px;height: 20px;margin:10px 20px 10px 13px;background-color:#4f4f4f;float: left;}
.top .topbox-right .nav-top>li>a img{margin-right: 10px;}
.top .topbox-right .nav-top>li>a img:nth-of-type(2){display:none;}
.top .topbox-right .nav-top>li>a:hover{color: #fff;}
.top .topbox-right .nav-top>li>a:hover img:nth-of-type(1){display:none;}
.top .topbox-right .nav-top>li>a:hover img:nth-of-type(2){display:inline-block;}
.dropdown-menu{position: absolute;z-index: 10000;top: 100%;left: 0;display: none;float: left;min-width: 132px;margin: 0;list-style: none;
    font-size: 12px;text-align: left;background-color: #fff;-webkit-box-shadow: 0 0px 5px rgba(0,0,0,.175);box-shadow: 0 0px 5px rgba(0,0,0,.175);background-clip: padding-box;
    -webkit-border-radius: 0!important;-moz-border-radius: 0!important;-ms-border-radius: 0!important;-o-border-radius: 0!important;
    border-radius: 0!important;border: none;}
.dropdown-menu>li{height:27px;}
.dropdown-menu>li>a{font-size: 12px;font-family: "ShopifySansWeb-Regular";color: #333;display:block;height:27px;padding:5px 20px;}
.dropdown-menu>li>a:hover{background-color: #343741;color:#fff;}
.dropdown-menu>li>a.active{background-color: #343741;color:#fff;}

.header{height:130px;background-color: #fff;box-shadow: 0px 0px 5px #333;}
.header .header-box{max-width:1230px;height:130px;line-height: 130px;}
.header .header-box .logo{height:130px;line-height: 130px;}
.header .header-box .logo .logo-box{height:130px;line-height: 130px;}
.header .header-box .logo h1{display: inline-block;vertical-align: middle;margin:0;}
.header .header-box .logo img{display: inline-block;vertical-align: middle;}
.header .header-box .navi{height:130px;line-height:130px;text-align: right;}
.header .header-box .navi .nav-box{height:130px;display: inline-block;}
.header .header-box .navi .nav-box ul.nav1{height:130px;line-height: 130px;}
.header .header-box .navi .nav-box ul.nav1>li{height:130px;line-height: 130px;float: left;padding:0 20px;}
.header .header-box .navi .nav-box ul.nav1>li:first-child{padding-left:0px;}
.header .header-box .navi .nav-box ul.nav1>li>a{font-size: 18px;font-family: "ShopifySansWeb-Bold";color: #333;text-transform: uppercase;}
.header .header-box .navi .nav-box ul.nav1>li:nth-of-type(1) img{margin-left: 6px;vertical-align: middle;display: inline-block;}
ul.nav1>li>ul{text-align:left;display:none;padding:20px;position: absolute;top: 130px;z-index: 9999;background-color: #fff;border-top: 3px solid #343741;}
ul.nav1>li>ul>li{height:40px;line-height: 40px;padding:0px 20px;}
ul.nav1>li>ul>li a{font-size: 16px;font-family: "ShopifySansWeb-Regular";color: #333;}
ul.nav1>li>ul>li:hover{background-color: #d3d3d3;transition: 0.6s;}
ul.nav1>li:nth-of-type(1):hover>ul{display: block;}
.header .header-box .navi .getquote{display: inline-block;max-width:140px;
    height: 40px;float: right;line-height: 130px;}
.header .header-box .navi .getquote a{display:inline-block;
    height: 40px;width:140px;
    position: relative;
    line-height:40px;border-radius:20px;
    text-align: center;font-size: 14px;font-family: "ShopifySansWeb-Bold";color: #fff;
    background: -moz-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
    background: -webkit-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
    background: -ms-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);}
.header .header-box .navi .getquote a.request:hover{
    color: #0061ae;line-height:36px;
    border:2px solid #0061ae;
    background:transparent; 
}
a.request::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 110%;
    height: 100%;
    content: '';
    -webkit-transform: skewX(-50deg);
    transform: skewX(-50deg);
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) no-repeat -2em 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) no-repeat -2em 0;
    background-size: 2em 100%;
}
a.request:hover:after {
    -webkit-transition: .7s linear;
    transition: .7s linear;
    background-position: 150% 0;
}

.header .header-box .navi .menu-btn{cursor: pointer;height: 30px;line-height:130px;display: none;float: right;font-size:32px;margin-left:40px;color: #0061ae;}
.menu-list{background-color: #000;opacity:0.8;padding:0;margin:0;}
.menu-list>ul.menu-nav>li{min-height:40px;border-bottom: 1px solid #fff;padding-left: 15px;}
.menu-list>ul.menu-nav>li:last-child{border-bottom: 0px;}
.menu-list>ul.menu-nav>li>a{cursor: pointer;display:block;height:40px;line-height: 40px;font-size: 14px;font-family: "ShopifySansWeb-Bold";color: #fff;text-transform: uppercase;}
.menu-list>ul.menu-nav>li>ul{background-color: #000;opacity:0.8;}
.menu-list>ul.menu-nav>li>ul>li{height:40px;line-height:40px;border-bottom: 1px dashed #fff;padding-left: 25px;}
.menu-list>ul.menu-nav>li>ul>li:last-child{border-bottom: 0px;}
.menu-list>ul.menu-nav>li>ul>li>a{cursor: pointer;font-size: 14px;font-family: "ShopifySansWeb-Bold";color: #fff;text-transform: uppercase;}

@media(max-width: 1250px) and (min-width:1200px){
    .container{width:1200px;}
} 
@media(max-width:1200px){
    .top-header{min-height:140px;height:140px;
    }
    .header{
        height: 100px;
        line-height: 100px;
    }
    .header .header-box{
        height: 100px;
        line-height: 100px;
    }
    .header .header-box .logo {
        height: 100px;
        line-height: 100px;
    }
    .header .header-box .logo .logo-box {
        height: 100px;
        line-height: 100px;
    }
    .header .header-box .navi {
        height: 100px;
        line-height:100px;
        text-align: right;
    }
    .header .header-box .navi .nav-box{
        height:100px;display: inline-block;
    }
    .header .header-box .navi .nav-box ul.nav1{
        height:100px;line-height: 100px;
    }
    .header .header-box .navi .nav-box ul.nav1>li{
        height:100px;line-height: 100px;
    }
    .header .header-box .navi .nav-box ul.nav1>li>ul{
        top: 100px;
    }
    .header .header-box .navi .getquote{
        height: 40px;
        line-height: 100px;
        margin: 0px 0px 0px 10px;
        display: inline-block;
    }
}
@media(max-width:992px){
    .header .header-box .navi {padding-left:0px;}
    .header .header-box .navi .nav-box{height:100px;float:left;}
    .header .header-box .navi .nav-box ul.nav1>li{height:100px;line-height: 100px;float: left;padding:0 10px;}
    .header .header-box .navi .nav-box ul.nav1>li:last-child{height:100px;line-height: 100px;float: left;padding-right:0px;}
    .header .header-box .navi .nav-box ul.nav1>li>a{font-size: 16px;font-family: "ShopifySansWeb-Bold";color: #333;text-transform: uppercase;}
    .header .header-box .navi .nav-box ul.nav1>li:nth-of-type(1) img{margin-left: 3px;vertical-align: middle;display: inline-block;}
    .header .header-box .navi .getquote{display: inline-block;max-width:140px;height: 40px;float: right;line-height: 100px;}
	.header .header-box .navi .getquote a{display:inline-block;
		height: 40px;width:100px;
		position: relative;
		line-height:40px;border-radius:20px;
		text-align: center;font-size: 14px;font-family: "ShopifySansWeb-Bold";color: #fff;
		background: -moz-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
		background: -webkit-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
		background: -ms-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
	}
}
@media(max-width:768px){
    .header .header-box .navi .nav-box{display: none;}
    .header .header-box .navi .menu-btn {
        display: inline-block;
        height: 100px;
        line-height: 100px;
        margin: 0px 0px 0px 20px;
    }
    .header .header-box .navi .getquote a{
		height: 40px;width:140px;
	}
}
@media(max-width:400px){
    .header .header-box .navi .menu-btn {
        margin: 0px 0px 0px 10px;
    }
    .header .header-box .navi {
        padding-left:0px;
    }
    .header .header-box .navi .getquote{
        margin: 0px;
    }
    .header .header-box .navi .getquote a{
        max-width:110px;
    }
    .top .topbox-right .line{
        width: 1px;
        height: 20px;
        margin:10px 10px 10px 10px;
        background-color:#4f4f4f;
        float: left;
    }
    .top .topbox-left a:nth-of-type(2) img{margin: 0px 10px 0px 10px;}
    .top .topbox-right .nav-top>li:first-child{padding-right: 0px;}
}

.banner{max-height: 600px;margin-top: 135px;}
.banner .swiper-slide.banner-box{position: relative;max-height:600px;}
.banner .video-box{filter: brightness(60%);}
.banner .text-box{position: absolute;top:calc((100% + 35px) / 2);z-index: 99;width:100%;transform:translate(0,-50%);}
.banner .text-1 h3{font-size: 64px;-webkit-transition:font-size 0.2s ease-out;
    font-family: "Helvetica-Narrow-Bold";font-weight:bold;color: #fff;line-height: 1.075;margin-top: 0px;}
.banner .text-2 h2{font-size: 28px;-webkit-transition:font-size 0.2s ease-out;
    font-family: "Helvetica-Narrow-Regular";color: #e2e2e2;margin: 28px 0px 0px;}
.banner .text-3 a{
    border-radius: 5px;position:relative;display:inline-block;
    width: 220px;height: 40px;line-height:40px;
    text-align: center;overflow:hidden;
    font-size: 18px;font-family: "ShopifySansWeb-Bold";color: #fff;
 background: -moz-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
 background: -webkit-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
 background: -ms-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%); }
.banner .text-3{
    border-radius: 5px;
    max-width: 220px;height: 40px;line-height:40px;margin:8% auto 0px;}
.banner .text-3 a:hover{
    color: #fff;line-height:36px;
    border:2px solid #fff;background:none!important;}
@media(max-width:1100px){  
    .banner .video-box{margin-bottom: -25px;}
}
@media only screen and (max-width: 1200px) { 
    .banner .text-1 h3{ font-size: 64px; }
    .banner .text-2 h2{ font-size: 28px; }
}
@media only screen and (max-width: 1100px) { 
    .banner .text-1 h3{ font-size: 56px; }
    .banner .text-2 h2{ font-size: 24px; }
}
@media only screen and (max-width: 1000px) { 
    .banner .text-1 h3{ font-size: 48px; }
    .banner .text-2 h2{ font-size: 20px; }
}
@media only screen and (max-width: 900px) { 
    .banner .text-1 h3{ font-size: 40px; }
    .banner .text-2 h2{ font-size: 18px; }
}
@media only screen and (max-width: 800px) { 
    .banner .text-1 h3{ font-size: 32px; }
    .banner .text-2 h2{ font-size: 16px; }
}
@media only screen and (max-width: 700px) { 
    .banner .text-1 h3{ font-size: 24px; }
    .banner .text-2 h2{ font-size: 14px; }
}
@media only screen and (max-width:500px){
    .banner .text-1 h3{font-size: 20px;}
    .banner .text-2 h2{font-size: 12px;margin: 10px 0px 0px;}
    .banner .text-3 a {
        width: 170px;height: 35px;line-height: 35px;
        text-align: center;overflow: hidden;
        font-size: 14px;
    }
    .banner .text-3{
    max-width: 220px;height: 35px;line-height:35px;margin:20px auto 0px;}
}
@media only screen and (max-width:350px){
    .banner .text-1 h3{font-size: 18px;}
    .banner .text-3{margin:10px auto 0px;}
}
.service{margin-top:85px;}
.service .service-title{text-align: center;font-family: "ShopifySansWeb-Bold";color: #333;line-height: 48px;margin-bottom:28px;}
.service .service-box{max-width: 1230px;}  
.service .service-box .service-content{max-width:278px;position: relative;margin:0 auto;}
.service .service-box .service-content img{filter: brightness(80%);transition: 0.6s;display:inline-block;}
.service .service-box .service-content .content-text{position:absolute;top:0px;padding-top:29%;text-align: center;width:100%;}
.service .service-box .service-content .content-text p{font-size: 20px;font-family: "ShopifySansWeb-Bold";color: #fff;line-height: 30px;}
.service .service-box .service-content .content-text p:nth-of-type(2){display:none;}
.service .service-box .service-content .more{position:absolute;bottom: 32.4%;left:50%;margin-left:-42.5px;text-align:center;border-radius: 5px;background-color: #000;opacity: 0.702;width: 85px;height: 32px;line-height: 32px;}
.service .service-box .service-content .more a{font-size: 14px;font-family: "Poppins-Bold";color: #fff;border-radius: 5px;}
.service .service-box .service-content:hover .content-text{padding-top:57px;}
.service .service-box .service-content:hover img{filter: brightness(20%);transition: 0s;}
.service .service-box .service-content:hover .content-text p:nth-of-type(2){display:block;padding:0px 30px;font-size: 14px;font-family: "ShopifySansWeb-Bold";color: #ddd;line-height: 22px;}
.service .service-box .service-content:hover .more{
    opacity: 1;position:absolute;bottom: 50px;
    max-width: 85px;height: 32px;line-height: 32px;transition: 0s;
}
.service .service-box .service-content:hover .more a{
    opacity: 1;position:relative;display: inline-block;overflow: hidden;
    width: 85px;height: 32px;line-height: 32px;transition: 0s;
 background: -webkit-linear-gradient(180deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
 background: -o-linear-gradient(180deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
 background: linear-gradient(180deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);}
.service .service-box .service-content:hover .more a:hover{
    opacity: 1;border:2px solid #fff;background:none!important;
    line-height: 28px;color:#fff;}
 @media(max-width:1200px){
 	.service .service-box .service-boxcontent:nth-of-type(1),.service-boxcontent:nth-of-type(2){margin-bottom: 40px;}
 }
 @media(max-width:500px){
    .service .service-box .service-content .content-text{position:absolute;top:0px;padding-top:25%;text-align: center;width:100%;}
    .service .service-box .service-content .content-text p{font-size: 18px;font-family: "ShopifySansWeb-Bold";color: #fff;line-height:1.5;}
    .service .service-box .service-content .content-text p:nth-of-type(2){display:none;}
    .service .service-box .service-content .more{position:absolute;bottom: 25%;left:50%;margin-left:-42.5px;text-align:center;border-radius: 5px;background-color: #000;opacity: 0.702;width: 85px;height: 32px;line-height: 32px;}
    .service .service-box .service-content .more a{font-size: 14px;font-family: "Poppins-Bold";color: #fff;border-radius: 5px;}
}
 @media(max-width:400px){
    .service .service-box .service-content .content-text{position:absolute;top:0px;padding-top:20%;text-align: center;width:100%;}
    .service .service-box .service-content .content-text p{font-size: 16px;font-family: "ShopifySansWeb-Bold";color: #fff;line-height:1.5;}
    .service .service-box .service-content .content-text p:nth-of-type(2){display:none;}
    .service .service-box .service-content .more{position:absolute;bottom:20%;left:50%;margin-left:-42.5px;text-align:center;border-radius: 5px;background-color: #000;opacity: 0.702;width: 85px;height: 32px;line-height: 32px;}
    .service .service-box .service-content .more a{font-size: 12px;font-family: "Poppins-Bold";color: #fff;border-radius: 5px;}
}
 
.about{margin-top: 120px;}
.swiper-container.about{height:421px;}
.about .about-left{width:50%;height:421px;overflow: hidden;text-align: center;display: flex;
        justify-content: center;
        align-items: center;}
.about .about-left img{display: inline-block;vertical-align: middle;float:right;width:100%;height:auto;}
.about .about-right{height:421px;width:100%;position: absolute;top:0px;z-index:9;}
.about .about-text{height:421px;padding-left: 35px;background: #fafcfc;}
.about .about-text h3{margin-bottom:0px;font-size: 24px;font-family: "ShopifySansWeb-Bold";color: #333;text-transform: uppercase;line-height: 48px;}
.about .about-text p{font-size: 14px;font-family: "ShopifySansWeb-Regular";color: #666;line-height: 22px;}
.about .about-text .more{
    max-width: 140px;height: 40px;line-height: 40px;
    text-align: center;border-radius: 20px;margin-top: 20px;}
.about .about-text .more a{
    width: 140px;height: 40px;line-height: 40px;
    text-align: center;border-radius: 20px;
    position: relative;overflow: hidden;display: inline-block;
    font-size: 14px;font-family: "ShopifySansWeb-Bold";color: #fff;text-transform: uppercase;
 background: -moz-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
 background: -webkit-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
 background: -ms-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);}
.about .about-text .more a:hover{border:2px solid #0061ae;background:none!important;
    line-height: 36px;color:#0061ae;}
.about .swiper-pagination-bullet{background-color: #e7f4ff;opacity: 1;margin-right: 4px;}
.about .swiper-pagination-bullet-active{background-color: #0061ae;}
@media(max-width:768px){
    .swiper-container.about{height:auto;}
    .about .about-left{width:100%;height:auto;text-align: center;}
    .about .about-right{height:auto;width:100%;position:relative;}
    .about .about-right .about-text{height:auto;padding:0px;}
    .about .about-left img{display: inline-block;vertical-align: middle;float:right;height:auto;width:100%;}
    .about .about-text h3{font-size: 24px;font-family: "ShopifySansWeb-Bold";color: #333;text-transform: uppercase;line-height: 48px;margin:10px 0px 0px;}
    .about .about-text p{font-size: 14px;font-family: "ShopifySansWeb-Regular";color: #666;line-height: 22px;}
    .about .about-text .more{max-width: 140px;height: 40px;line-height: 40px;text-align: center;border-radius: 20px;margin-top: 20px; margin-bottom:22px;}
}  

.advantage{margin-top: 120px;min-height:335px;background: url(/wp-content/themes/boyi/images/advantagebg.png) repeat;}
.advantage .advantage-title{text-align: center;font-family: "ShopifySansWeb-Bold";color: #fff;font-weight: bold;text-transform: uppercase;line-height: 48px;padding:37px 0px 31px;}
.advantage .advantage-box{max-width: 1230px;}
.advantage .advantage-box .advantage-list{position: relative;margin-bottom: 59px;}
.advantage .advantage-box .advantage-list div:nth-of-type(1){margin:30px auto 0px;padding-top:42px;max-width: 175px;min-height: 122px;border-radius: 5px;background-color: #f0f0f0;font-size: 16px;font-family: "ShopifySansWeb-Regular";color: #0056a6;line-height: 24px;text-align: center;}
.advantage .advantage-box .advantage-list div:nth-of-type(2){position:absolute;top:0px;left:50%; margin-left:-30px;border-radius: 50%;background-color: #fff;width: 60px;height: 60px;line-height:60px;text-align: center;}
.advantage .advantage-box .advantage-list div:nth-of-type(2) img{display: inline-block;vertical-align: middle;}
@media(max-width:479px){
    .advantage .advantage-box .advantage-list div:nth-of-type(1){min-height: 138px;}
}

.say{margin-top: 97px;min-height:355px;background-color: #f9f9f9;color:#303030;}
.say .say-title{text-align: center;font-family: "ShopifySansWeb-Bold";font-weight: bold;text-transform: uppercase;line-height: 48px;padding:37px 0px 31px;}
.say .say-box{max-width: 1230px;color:#fff;}
.say .say-showbox{height:auto;margin-bottom:57px;}
.say .say-showbox .say-show{min-height:265px;background-color: #464646;color:#fff;padding:50px 50px;}
@media(max-width:1200px){
    .say .say-showbox .say-show{min-height:320px;}
}
@media(max-width:992px){
    .say .say-showbox .say-show{min-height:380px;}
}
@media(max-width:768px){
    .say .say-showbox .say-show{min-height:230px;}
}
.say .say-showbox .p1{margin-bottom:17px;font-size: 20px;font-family: "ShopifySansWeb-Regular";line-height: 1.5;}
.say .say-showbox .quote{margin-bottom:3px;text-align: right;color: #ececec;font-size: 16px;font-family: "ShopifySansWeb-Regular";text-transform: uppercase;line-height: 24px;}
.say .say-showbox .dash{background-color: #ececec;width: 59px;height: 1px;display:inline-block;margin-bottom: 6px;margin-right:16px;}
@media(max-width:992px){
    .say{background-image:none!important;background-color: #f9f9f9;}
}

.blog{margin-top: 115px;margin-bottom: 110px;min-height:374px;}
.blog .blog-box{max-width:1230px;min-height:374px;}
.blog .blog-left .blog-leftbox{width:140px;}
.blog .blog-left h3{margin-top:45px;font-size: 24px;font-family: "ShopifySansWeb-Bold";color: #333;text-transform: uppercase;line-height: 48px;}
.blog .blog-left .blog-btn{margin-top: 55px;margin-bottom: 16px;}
.blog .blog-left .blog-btn .prev{width: 43px;height: 43px;line-height:43px;text-align:center;border-radius: 50%;float: left;cursor: pointer;border: 1px solid #eaeaea;margin-right: 15px;}
.blog .blog-left .blog-btn .next{width: 43px;height: 43px;line-height:43px;text-align:center;border-radius: 50%;float: left;cursor: pointer;border: 1px solid #eaeaea;margin-right: 15px;}
.blog .blog-left .blog-btn .prev img:nth-of-type(1){display: inline-block;vertical-align: middle;}
.blog .blog-left .blog-btn .next img:nth-of-type(1){display: inline-block;vertical-align: middle;}
.blog .blog-left .blog-btn .prev img:nth-of-type(2){display: none;vertical-align: middle;}
.blog .blog-left .blog-btn .next img:nth-of-type(2){display: none;vertical-align: middle;}
.blog .blog-left .blog-btn .prev:hover,.next:hover{background-color: #0061ae;border:0;transition: background-color 1s,border 2s;}
.blog .blog-left .blog-btn .prev:hover img:nth-of-type(1){display:none;}
.blog .blog-left .blog-btn .next:hover img:nth-of-type(1){display:none;}
.blog .blog-left .blog-btn .prev:hover img:nth-of-type(2){display:inline-block;}
.blog .blog-left .blog-btn .next:hover img:nth-of-type(2){display:inline-block;}
.blog .blog-left .knowmore{
    width: 140px;height: 40px;line-height: 40px;
    border-radius: 20px;text-align: center;}
.blog .blog-left .knowmore a{
    width: 140px;height: 40px;line-height: 40px;
    border-radius: 20px;text-align: center;
    position: relative;overflow: hidden;display: inline-block;
    font-size: 14px;font-family: "ShopifySansWeb-Bold";color: #fff;text-transform: uppercase;
    background: -moz-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
    background: -webkit-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
    background: -ms-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
}
.blog .blog-left .knowmore a:hover{
    border:2px solid #0061ae;background:none!important;
    line-height: 36px;color: #0061ae;
}
.blog .blog-right{height:374px;overflow: hidden;padding-left: 6px;}
.blog .blog-right .blog-content{max-width:calc((100% - 60px) / 3);height:374px;float:left;margin-right: 30px;position: relative;}
.blog .blog-right .blog-content:nth-of-type(n+3){margin-right: 0px;}
.blog .blog-right .blog-content img:nth-of-type(1){margin-bottom: 12px;}
.blog .blog-right .blog-content p:nth-of-type(1){font-size: 16px;font-family: "ShopifySansWeb-Medium";color: #333;line-height: 1.5;}
.blog .blog-right .blog-content p:nth-of-type(2){font-size: 14px;font-family: "ShopifySansWeb-Regular";color: #666;line-height: 22px;
background: url(/wp-content/uploads/2019/11/blog_next.png) no-repeat center;background-position:bottom right;}
@media(max-width:768px){
	.blog .blog-left .blog-leftbox{margin:0 auto;}
	.blog .blog-left .knowmore{display: none;}
    .blog .blog-right{padding-left: 0px;}
    .blog .blog-left .blog-btn{margin-top: 10px;margin-bottom: 16px;}
}
@media(max-width:555px){
    .blog .blog-right{height:auto;overflow: hidden;padding-left: 6px;}
    .blog .blog-right .blog-content{max-width:calc((100% - 60px) / 3);height:auto;float:left;margin-right: 30px;position: relative;}
    .blog .blog-right .blog-content p:nth-of-type(1){font-size: 16px;font-family: "ShopifySansWeb-Medium";color: #333;line-height: 1.2;}
    .blog .blog-right .blog-content p:nth-of-type(2){font-size: 14px;font-family: "ShopifySansWeb-Regular";color: #666;line-height: 20px;
    background: url(/wp-content/uploads/2019/11/blog_next.png) no-repeat center;background-position:bottom right;margin:0px;}
}
.footer{min-height:321px;background-color: #464646;}
.footer .footer-newsletter{max-width:1230px;}
.footer .footer-newsletter .newsletter-title{padding-top: 27px;font-size: 40px;font-family: "ShopifySansWeb-Regular";color: #fff;}
.footer .footer-newsletter .newsletter-left .iconImgs{margin-top:21px;}
.footer .footer-newsletter .newsletter-left .iconImgs a{width: 38px;height:38px;line-height: 38px;text-align:center;border-radius: 50%;float: left;margin-right: 15px;}
.footer .footer-newsletter .newsletter-left .iconImgs a:nth-of-type(1){background-color: #3c599b;}
.footer .footer-newsletter .newsletter-left .iconImgs a:nth-of-type(2){background-color: #00aced;}
.footer .footer-newsletter .newsletter-left .iconImgs a:nth-of-type(3){background-color: #0073b1;}
.footer .footer-newsletter .newsletter-left .iconImgs a:hover{margin-top:-5px;}
.footer .footer-newsletter .newsletter-left .iconImgs img{display: inline-block;vertical-align: middle;}
.footer .footer-newsletter .newsletter-right .yourAddress{width:100%;padding-top:24px;padding-bottom: 8px;padding-left:13px;border-bottom: 2px solid #fff;font-family: "ShopifySansWeb-Regular";}
.footer .footer-newsletter .newsletter-right .yourAddress a{font-size: 18px;font-family: "ShopifySansWeb-Regular";color: #fff;} 
.footer .footer-newsletter .newsletter-right .yourAddress img{position:absolute;bottom: 15px;right: 16px;}
.footer .footer-newsletter .newsletter-right .emaillist{padding:24px 0px 8px;border-bottom: 2px solid #fff;font-size: 18px;font-family: "ShopifySansWeb-Regular";color: #fff;font-family: "ShopifySansWeb-Regular";position: relative;}
.footer .footer-newsletter .newsletter-right .emaillist form {}
.footer .footer-newsletter .newsletter-right .emaillist form .es-field-wrap{margin:0px;width:70%;height:25px;}
.footer .footer-newsletter .newsletter-right .emaillist form .es-field-wrap label{margin:0px;padding:0px;width:100%;height:25px;}
.footer .footer-newsletter .newsletter-right .emaillist form .es-field-wrap input.es_required_field.es_txt_email{background:transparent;border:0px;font-size: 18px;font-family: "ShopifySansWeb-Regular";font-weight: normal;width:100%;height:25px;padding:0px 0px 0px 13px;}
.footer .footer-newsletter .newsletter-right .emaillist form input[type="submit"]{background:url(/wp-content/themes/boyi/images/icons/go.png) no-repeat center right;border:0px;position: absolute;top:calc(50% + 8px);right: 0;transform:translate(0,-50%);padding-right:20px;text-indent:-99px;}
.footer .footer-newsletter .newsletter-right .emaillist form .es-field-wrap input.es_required_field.es_txt_email::-webkit-input-placeholder {
    font-size: 18px;font-family: "ShopifySansWeb-Regular";color:#fff;font-weight: normal;background-color: transparent;
}
.footer .footer-newsletter .newsletter-right .emaillist form .es-field-wrap input.es_required_field.es_txt_email:-moz-placeholder {
    font-size: 18px;font-family: "ShopifySansWeb-Regular";color:#fff;font-weight: normal;
}
.footer .line{height:1px;background-color: #666;margin-top: 46px;}
.footer .footer-middle{max-width:1230px;min-height:131px;}
.footer .footer-middle .middle-box{min-height:131px;}
.footer .footer-middle .middle-box:nth-of-type(2){border-left:1px solid #666;border-right:1px solid #666;}
.footer .footer-middle .middle-box img{float:left;margin-right:16px;}
.footer .footer-middle .middle-box .title{float:left;padding-top:20px;font-size: 14px;font-family: "ShopifySansWeb-Regular";color: #eee;line-height: 22px;}
.footer .footer-middle .middle-box .t1{width:calc(100% - 42px);}
.footer .footer-middle .middle-box .title span{font-size: 18px;font-family: "ShopifySansWeb-Regular";color: #fff;}
.footer .footer-middle .middle-box .title a{font-size: 14px;font-family: "ShopifySansWeb-Regular";color: #eee;}
.footer .footer-middle .middle-box .middle-address img{margin-top:15px;}
.footer .footer-middle .middle-box .middle-wechat img{margin-top:19px;}
.footer .footer-middle .middle-box .middle-wechat{float: left;margin-right: 25px;}
.footer .footer-middle .middle-box .middle-telphone{float: left;}
.footer .footer-middle .middle-box .middle-telphone img{margin-top:20px;}
.footer .footer-middle .middle-box .middle-email img{margin-top:22px;}
@media(max-width:768px){
	.footer .footer-middle .middle-box:nth-of-type(2){border:0px;}
}
.copyright{min-height:49px;position:relative;text-align: center;background-color: #363636;font-size: 12px;font-family: "ShopifySansWeb-Regular";color: #eee;padding:10px 0px;}
.copyright .copyright-texts{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:auto;width:100%;}
.copyright p{line-height:1.5;text-align: center;font-size: 12px;font-family: "ShopifySansWeb-Regular";color: #eee;margin:0px;}

.swiper-slide {
  position:relative;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 5.48%;
}
.banner .swiper-pagination-bullet{
	background-color: #fff;
	opacity: 1;
}
.banner .swiper-pagination-bullet-active{
	background-color: #0056a6;
}
.about .swiper-pagination-bullet{
	background-color: #e7f4ff;
	opacity: 1;
}
.about .swiper-pagination-bullet-active{
	background-color: #0061ae;
}

/* service */
.banner.banner-bottom.service-banner{margin-top: 170px;overflow: hidden;}
.post-single .vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding:0px;
    width: 100%;
}
.post-single .what.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding: 0px 15px;
    width: 100%;
}

.banner.banner-bottom.service-banner .banner-box{position: relative;width:100%;max-height:368px;display: flex;
        justify-content: center;
        align-items: center;}
.banner.banner-bottom.service-banner .banner-box img{display:inline-block;vertical-align: middle;width:100%;height:auto;filter: brightness(80%);}

.banner.banner-bottom.service-banner .banner-box .service_banner{ }
.banner.banner-bottom.service-banner .banner-title{
	text-align: left;position:absolute;
	top:50%;
    left:0px;
    transform: translate(0,-50%);
	width:100%; 
}
.banner-title h1{
	font-size: 60px;
    line-height:1;
	font-family: "Helvetica-Narrow-Bold";
	color: #fff;
	margin:0;
  	margin-bottom:15px;
}
.banner-title p{
	font-size: 28px;
	font-family: "ShopifySansWeb-Medium";
	color: #f3f3f3;
	line-height: 1.44;
	margin-bottom:0;text-transform:capitalize;
}
.banner-title a{
    margin-top:15px;
    text-align: center;
	display:inline-block;
	width: 180px;
	height: 40px;
	border-radius: 20px;
	font-size: 14px;
	font-family: "ShopifySansWeb-Bold";
	color: #fff;
	line-height: 40px;position: relative;overflow: hidden;
	background: -moz-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
	background: -webkit-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
	background: -ms-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
}
.banner-title a:hover{
    border:2px solid #fff;
    background:none!important;
    line-height: 36px;
    color: #fff;
}
@media only screen and (max-width: 1200px) { 
    .banner-title h1{ font-size: 64px; }
    .banner-title p{ font-size: 28px; }
}
@media only screen and (max-width: 1100px) { 
    .banner-title h1{ font-size: 60px; }
    .banner-title p{ font-size: 24px; }
}
@media only screen and (max-width: 1000px) { 
    .banner-title h1{ font-size: 56px; }
    .banner-title p{ font-size: 20px; }
}
@media only screen and (max-width: 900px) { 
    .banner-title h1{ font-size: 52px; }
    .banner-title p{ font-size: 16px; }
}
@media only screen and (max-width: 800px) { 
    .banner-title h1{ font-size: 48px; }
    .banner-title p{ font-size: 14px; }
}
@media only screen and (max-width: 700px) { 
    .banner-title h1{ font-size: 44px; }
    .banner-title p{ font-size: 14px; }
    .banner-title img{
        margin: 0 auto;
        margin-top:10px;
        margin-bottom:10px;
        display:block;
    }
}
@media only screen and (max-width: 400px) { 
    .banner-title h1{ font-size: 40px;margin-bottom:8px }
    .banner-title p{ font-size: 14px; }
    .banner-title a{
        margin: 0 auto;
        margin-top:8px;
    }
}
.what{
	margin-top: 52px;
}
.what .what-title{
	text-align: left;
	margin-bottom: 64px;
}
.what .what-title h3{
	font-size: 24px;
	font-family: "ShopifySansWeb-Bold";
	color: #333333;
	line-height: 26px;
	margin:0;
	margin-bottom: 9px;
}
.what .what-title p{
	font-size: 16px;
	font-family: "ShopifySansWeb-Medium";
	color: #444444;
	line-height: 26px;
}
.what .what-title p a{
	color: #0056a6;
}
.what .what-title-1{
    text-align: left;
}
.what .wpb_wrapper .wpb_text_column.wpb_content_element.what-title-1{
    margin-bottom: 0px;
}
.what .what-title-1 h3{
    font-size: 24px;
    font-family: "ShopifySansWeb-Bold";
    color: #333333;
    line-height: 26px;
    margin:0;
    margin-bottom: 9px;
}
.what .what-title-1 p{
    font-size: 16px;
    font-family: "ShopifySansWeb-Medium";
    color: #444444;
    line-height: 26px;
}
.what .what-title-1 p a{
    color: #0056a6;
}
.whatimg {
    margin-bottom:85px;
}
.whatimg img{
  width:600px;height:auto;
}
.cnc-parts .part-left{
    position: relative;
    max-width:585px;max-height:382px;overflow:hidden;
        justify-content: center;
        align-items: center;
}
.cnc-parts .part-left img{
    width:100%;height:auto;
}
.cnc-parts .part-left p{margin:0px;}
@media(max-width:992px){
    .cnc-parts .part-leftbox:nth-of-type(1){margin-bottom: 40px;}
}
.cnc-parts .part-left .part-title{
    width:100%;
    height: 50px;
    padding:0px 30px;
    background-color: rgba(36,36,36,0.78);
    position: absolute;
    left:0;
    bottom: 0;
    text-align: center;
}
.cnc-parts .part-left .part-title h4{
    font-size: 20px;
    font-family: "ShopifySansWeb-Bold";
    color: #fff;
    height: 50px;
    line-height: 50px;
    margin:0px;
    max-width:585px;
}
.cnc-parts .part-left .part-title .part-desc{
    display: none;
}
.cnc-parts .part-left:hover .part-title{
    height:100%;padding:10px 30px;
    background-color: rgba(36,36,36,0.8);
    text-align: center;
}
.cnc-parts .part-left:hover .part-title .part-desc{
    display: block;
    text-align: center;
}
.cnc-parts .part-left .part-title .part-desc p{
    text-align: left;
    font-size: 14px;
    font-family: "ShopifySansWeb-Regular";
    color: #fff;
    line-height: 22px;margin:0px;
}
.cnc-parts .part-left .part-title .part-desc a{
    display:inline-block;margin:0 auto;
    font-size: 14px;
    font-family: "ShopifySansWeb-Bold";
    color: #fff;
    width: 140px;height: 40px;line-height: 40px;
    position: relative;overflow: hidden;
    border-radius: 20px;margin:10px 0px 15px;
    background: -moz-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
    background: -webkit-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
    background: -ms-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
}
.cnc-parts .part-left .part-title .part-desc a:hover{
    border:2px solid #fff;
    background:none!important;
    line-height: 36px;
    color: #fff;
}
.cnc-parts-1 .part-left{
    position: relative;
    max-width:585px;max-height:250px;overflow:hidden;display: flex;
        justify-content: center;
        align-items: center;
}
.cnc-parts-1 .part-left img{
    width:100%;height:auto;
}
.cnc-parts-1 .part-left p{margin:0px;}
@media(max-width:1200px){ 
    .cnc-parts-1 .part-left{
        position: relative;
        max-width:585px;max-height:195px;overflow:hidden;display: flex;
            justify-content: center;
            align-items: center;
    }
}
@media(max-width:992px){
    .cnc-parts-1 .part-left{
        position: relative;
        max-width:100%;max-height:145px;overflow:hidden;display: flex;
            justify-content: center;
            align-items: center;
    }
}

@media(max-width:768px){
    .cnc-parts-1 .part-leftbox:nth-of-type(1){margin-bottom: 30px;}
    .cnc-parts-1 .part-leftbox:nth-of-type(2){margin-bottom: 30px;}
    .cnc-parts-1 .part-left{
        position: relative;
        max-width:100%;max-height:200px;overflow:hidden;display: flex;
            justify-content: center;
            align-items: center;
    }
}

.see{
	margin-top: 61px;
}
.see h3{
	text-align: center;
	font-size: 24px;
	font-family: "ShopifySansWeb-Bold";
	color: #333333;
	line-height: 48px;
	margin:0;
	margin-bottom: 22px;
}
.advantage-cnc{
	margin-top:85px;
	width:100%;
    height:auto;
}
.advantage-cnc .part-left{
	padding-right:0px;
    overflow:hidden;height:400px;
}
.advantage-cnc .part-right{min-height:400px;position: relative;}
.advantage-cnc .part-right .part-title{
    position:absolute;
    top:50%;
    transform:translate(0,-50%);
    padding: 0px 0px 0px 15px;
}
.advantage-cnc .part-right .part-title h3{
	font-size: 24px;
	font-family: "ShopifySansWeb-Bold";
	color: #333333;
	margin:0;
    margin-bottom: 10px;
}
.advantage-cnc .part-right .part-title p{
	font-size: 14px;
	font-family: "ShopifySansWeb-Regular";
	line-height: 18px;
    color: #999;
    margin-bottom: 0px;
}
.advantage-cnc .part-right .part-title .advalist{
	font-size: 16px;
	font-family: "ShopifySansWeb-Medium";
	color: #666666;
	list-style-image: url(/wp-content/themes/boyi/images/icons/liststyle.png);
	padding-left:20px;
}
.advantage-cnc .part-right .part-title .advalist li{
    font-size: 16px;
    font-family: "ShopifySansWeb-Medium";
    color: #666;
    line-height: 2;
    text-indent: 5px;
}
.cnc-machining-quickfacts{
	width:100%;
    height:auto;
}
.cnc-machining-quickfacts .part-left{
    min-height:400px;position:relative;
}
.cnc-machining-quickfacts .part-left .part-title{
	position: absolute;top:50%;transform: translate(0,-50%);
	padding-right: 15px;
}
.cnc-machining-quickfacts .part-left .part-title h3{
	font-size: 24px;
	font-family: "ShopifySansWeb-Bold";
	color: #333333;
	margin:0;
}
.cnc-machining-quickfacts .part-left .part-title p{
	font-size: 16px;
    line-height: 20px;
    font-family: "ShopifySansWeb-Regular";
    color: #666;
    margin: 12px 0px;
}
.cnc-machining-quickfacts .part-right{
    height: 400px;
    padding-left: 0px;
    overflow: hidden;
}
.advantage-cnc .part-left img{
    height:100%;
}
.cnc-machining-quickfacts .part-right img{
    height:100%;
}
.advantage-it{
  margin:64px 0px;
  width:100%;  
    height:auto;
}
.advantage-it .part-right{
  overflow: hidden;text-align: center;padding: 0px 15px;
}
.advantage-it .part-right .adaimgbox{
  width:calc((100% - 30px) / 2);height:auto;overflow: hidden;margin-top:15px;
}
.advantage-it .part-right .adaimgbox1{
  width:100%;height:auto;overflow: hidden;margin-top:15px;height:238px;display: flex;
        justify-content: center;
        align-items: center;
}
.advantage-it .part-right .adaimgbox1 img{
  width:auto;height:100%;
}
.advantage-it .part-right .adaimgbox:nth-of-type(1){
  margin-right:30px;float: left;
}
.advantage-it .part-right .adaimgbox:nth-of-type(2){
  float: right;
}
.advantage-it .part-right .adaimgbox img{
  width:100%;height:auto;
}
.advantage-it .part-left .part-title{
  width: 100%;
  height: auto;
}
.advantage-it .part-left .part-title h3{
  font-size: 24px;
  font-family: "ShopifySansWeb-Bold";
  color: #333333;
  margin:0;
  margin-bottom: 12px;
}
.advantage-it .part-left .part-title p{
  font-size: 14px;
  font-family: "ShopifySansWeb-Regular";
  line-height: 18px;
  color: #999;
  margin-bottom: 0px;
}
.advantage-it .part-left .part-title .advalist{
  font-size: 16px;
  font-family: "ShopifySansWeb-Medium";
  color: #666;
  list-style-image: url(/wp-content/themes/boyi/images/icons/liststyle.png);
  padding-left:20px;
}
.advantage-it .part-left .part-title .advalist li{
  font-size: 16px;
  font-family: "ShopifySansWeb-Medium";
  color: #666;
  line-height: 2;
  text-indent: 5px;
}
.sheet-metal-fabrication{
    width:100%;
  margin:64px 0px;
}
.sheet-metal-fabrication .part-left .part-title{
    width: 100%;
    height: auto;
    padding-right: 15px;
}
.sheet-metal-fabrication .part-left .part-title h3{
    font-size: 24px;
    font-family: "ShopifySansWeb-Bold";
    color: #333333;
    margin:0;
    margin-bottom: 10px;
}
.sheet-metal-fabrication .part-left .part-title p{
    font-size: 16px;
    font-family: "ShopifySansWeb-Regular";
    color: #333;
    margin-bottom: 10px;
}
.sheet-metal-fabrication .part-right{
  text-align: center;
}
.sheet-metal-fabrication .part-right .adaimgbox{
  width:80%;height:auto;overflow: hidden;display: inline-block;
}
.sheet-metal-fabrication .part-right .adaimgbox:nth-of-type(1){
  margin-bottom: 30px;
}
.sheet-metal-fabrication .part-right .adaimgbox img{
  width:100%;height:auto;
}
.pressure-die-casting{
    width:100%;
  margin:64px 0px;
}
.pressure-die-casting .part-left .part-title{
    width: 100%;
    height: auto;
    padding-right: 15px;
}
.pressure-die-casting .part-left .part-title h3{
    font-size: 24px;
    font-family: "ShopifySansWeb-Bold";
    color: #333333;
    margin:0;
    margin-bottom: 10px;
}
.pressure-die-casting .part-left .part-title p{
    font-size: 16px;
    font-family: "ShopifySansWeb-Regular";
    color: #333;
    margin-bottom: 10px;
}
.pressure-die-casting .part-right{
  overflow: hidden;text-align: center;padding: 0px 15px;
}
.pressure-die-casting .part-right .adaimgbox{
  width:calc((100% - 30px) / 2);height:auto;overflow: hidden;
}
.pressure-die-casting .part-right .adaimgbox:nth-of-type(1){
  margin-right:30px;float: left;
}
.pressure-die-casting .part-right .adaimgbox:nth-of-type(2){
  float: right;
}
.pressure-die-casting .part-right .adaimgbox img{
  width:100%;height:auto;
}
@media(min-width:1200px){
    .advantage-cnc{background: linear-gradient(90deg, #f7f7f5 50%, #ffffff 50%);}
    .cnc-machining-quickfacts{background: linear-gradient(-90deg, #f7f7f5 50%, #ffffff 50%);}
}
@media(max-width:1200px){
    .advantage-cnc .part-right .part-title h3{margin-bottom:6px;}
    .advantage-cnc .part-right .part-title .advalist li{
        font-size: 16px;
        line-height: 1.7;
    }
    .cnc-machining-quickfacts .part-left .part-title p{
        margin: 10px 0px;
    }
    .cnc-parts .part-left{margin:0 auto;}
    .cnc-parts .part-right{margin:30px auto 0;}
}
@media(width:992px){
    .advantage-cnc .part-left img{
        max-width:auto;
        height:400px;
    }
    .cnc-machining-quickfacts .part-right{
        padding-left: 0px;
    }
    .advantage-cnc .part-right{min-height:200px;}
    .advantage-cnc .part-right .part-title{
        position:relative;
        top:0;
        transform:translate(0,0);
        padding: 0px 0px 0px 0px;
    }
    .advantage-cnc .part-right .part-title h3{
        margin: 20px 0px 12px;
    }
    .advantage-cnc .part-right .part-title p{
        margin-bottom: 10px;
    }
}
@media(max-width:991px){
    .advantage-cnc .part-left{
        display:block;height:auto;
        padding-right:15px;text-align:center;
    }
    .advantage-cnc .part-left img{
        max-width:100%;min-width:80%;
        height:auto;
    }
    .advantage-cnc .part-right{min-height:200px;}
    .advantage-cnc .part-right .part-title{
        position:relative;
        top:0;
        transform:translate(0,0);
        padding: 0px 0px 0px 0px;
    }
    .advantage-cnc .part-right .part-title h3{
        margin: 20px 0px 10px;
    }
    .advantage-cnc .part-right .part-title p{
        margin-bottom: 10px;
    }
    .advantage-cnc .part-right .part-title{
        padding-left: 0px;
    }
    .cnc-machining-quickfacts .part-right{padding-left:15px;}
    .cnc-machining-quickfacts .part-left {min-height:200px;}
    .cnc-machining-quickfacts .part-left .part-title{
        position: relative;top:0;transform: translate(0,0);
        padding-right: 0px;
    }
    .cnc-machining-quickfacts .part-left .part-title h3{
        margin:20px 0px 10px;
    }
    .cnc-machining-quickfacts .part-left .part-title p{
        font-size: 16px;
        line-height: 20px;
        font-family: "ShopifySansWeb-Regular";
        color: #666;
        margin: 12px 0px;
    }
    .cnc-machining-quickfacts .part-left .part-title h4{
        margin-bottom: 10px;
    }
    .cnc-machining-quickfacts .part-right{
        display:block;height:auto;
        padding-left:15px;
        text-align:center;
    }
    .cnc-machining-quickfacts .part-right img{
        max-width:100%;min-width:80%;
        height:auto;
    }
}
@media(max-width:768px){
    .advantage-it{
      margin:34px 0px 0px;
    }
    .sheet-metal-fabrication{
      margin:64px 0px 0px;
    }
}
@media(max-width:407px){
    .advantage-cnc .part-left{
        padding-right:15px;
        overflow:hidden;
    }
    .advantage-cnc .part-left img{
        max-width:100%;
        height:auto;
    }
    .advantage-cnc .part-right .part-title{
        padding-left: 0px;
    }
    .cnc-machining-quickfacts .part-left .part-title{
        padding-right: 0px;
    }
    .advantage-cnc .part-right .part-title h3{
        font-size: 24px;
        line-height: 1.5;
        font-family: "ShopifySansWeb-Bold";
        color: #333333;
    }
    .cnc-machining-quickfacts .part-left .part-title h4{
        margin-bottom: 5px;
    }
    .advantage-cnc .part-right .part-title .advalist{
        font-size: 16px;
        font-family: "ShopifySansWeb-Medium";
        color: #666666;
        line-height: 1.5;
        list-style-image: url(/wp-content/themes/boyi/images/icons/liststyle.png);
        padding-left:20px;
        text-indent: 5px;
    }
}
@media(max-width:375px){
    .advantage-cnc .part-right .part-title h3{
        font-size: 24px;min-height:36px;
        line-height: 1;
    } 
    .cnc-machining-quickfacts .part-left .part-title{
        padding-right: 0px;
    }
    .cnc-machining-quickfacts .part-left .part-title h3{
        font-size: 24px;min-height:36px;
        line-height: 1;
    }
}
.IM-ul{
    font-family: "ShopifySansWeb-Regular";
}
.IM-ul p{
    font-size: 16px;
}
.service-quote{
	margin-top:93px;
	height:188px;
	background-color: #eef8fd;position:relative;
}
.service-quote .quote-title{
    text-align: center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
} 
.service-quote .quote-title h3{
    font-size: 24px;
    font-family: "ShopifySansWeb-Bold";
    color: #333333;
    margin: 0px 0px 20px;
}
.service-quote .quote-title p{
    height: 40px;
}
.service-quote .quote-title a{
	background: -moz-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
	background: -webkit-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
	background: -ms-linear-gradient( -90deg, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
	width: 287px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	display: inline-block;
	font-size: 16px;
	font-family: "ShopifySansWeb-Bold";
	color: #fff;position: relative;overflow: hidden;
}
.service-quote .quote-title a:hover{
    border:2px solid #0061ae;
    background:none!important;
    line-height: 36px;
    color: #0061ae;
}
.service-quote .quote-title a img{
	margin-left: 18px;
	display: inline-block;
	margin-top: -2px;
}
.service-quote .quote-title a img:nth-of-type(1){ 
    display: inline-block;
}
.service-quote .quote-title a img:nth-of-type(2){
    display:none;
}
.service-quote .quote-title a:hover img:nth-of-type(1){
    display:none;
}
.service-quote .quote-title a:hover img:nth-of-type(2){
    display: inline-block;
}
.post-single{
	overflow:hidden;
}
.post-single .container{
    margin: auto;
    padding:0;
}
@media(max-width:992px){
	.see .seeImg:nth-of-type(4),.seeImg:nth-of-type(5){margin-top:20px;}
}

/* page-service */
.breadcrumbs.breadcrumbs-back{
    margin-top:170px;
    height:auto;
    font-size: 16px;
    font-family: "ShopifySansWeb-Regular";
    color: #333;
}
.breadcrumbs.breadcrumbs-back>div.container{padding:0px;}
.breadcrumbs.breadcrumbs-back .titlebar_breadcrumbs.wow.fadeInUp{
    min-height:60px;line-height:normal;padding:20px 0px;
}
.services-page {
    margin-bottom: 35px;
}
.services-page .services-col{
	margin-bottom: 35px;
}
.services-page .services-col .services-box{
	box-shadow: 0px 0px 2px #999;
	border-radius: 5px;
	padding: 15px;
	min-height:407px;
}
.services-page .services-col .services-box:hover{
    box-shadow: 0px 0px 15px #cdcdcd;
}
@media(max-width: 992px){
	.services-page .services-col .services-box{min-height:475px;}
}
@media(max-width: 768px){
    .services-page .services-col .services-box{
        padding: 30px;
    }
}
.services-page .services-col .services-box a.item_img img{
	width:100%;
}
.services-page .services-col .services-box a.item_title{
	display: inline-block;
	width:100%;
	color:#333;
	font-size: 20px;
	font-family: "ShopifySansWeb-Bold";
	height:40px;
	line-height: 40px;
}
.services-page .services-col .services-box .item_desc{
	font-size: 14px;
	font-family: "ShopifySansWeb-Regular";
	color:#333;width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.services-page .services-col .services-box a.item_more{
	font-size: 14px;
	font-family: "ShopifySansWeb-Medium";
	color:#0056a6;
	display: inline-block;
	width:100%;
	height:20px;
	line-height: 20px;
}
.services-page .services-col .services-box a.item_more img{
	float: right;
	margin: 2px 0;
}
/* page-blog */
.blog-page {
    margin-bottom: 35px;
}
.blog-page .blog-col{
	margin-bottom: 35px;
}
.blog-page .blog-col .blog-box{
	box-shadow: 0px 0px 2px #999;
	padding: 30px;
}
.blog-page .blog-col .blog-box:hover{
    box-shadow: 0px 0px 15px #cdcdcd;
}
.blog-page .blog-col .blog-box a.item_img img{
	width:100%;
}
.blog-page .blog-col .blog-box a.item_title{
	display: inline-block;
	width:100%;
	color:#333;
	font-size: 18px;
	font-family: "ShopifySansWeb-Bold";
	margin:8px 0;
}
.blog-page .blog-col .blog-box a.item_desc{
	font-size: 14px;
	font-family: "ShopifySansWeb-Regular";
	color:#333;
	width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.blog-page .blog-col .blog-box a.item_desc img{
	float: right;
	margin: 2px 0;
}
@media(max-width:1200px) and (min-width:992px){
    .blog-page .blog-col .blog-box{
        min-height: 403.89px;
    }
}
/* pagenav */
.wp-pagenavi{
	text-align: center;
	height:40px;
}
.wp-pagenavi span.current{
	padding:8px 16px;
    border-radius: 50%;
    background-color: #0056a6;
    color: #fff;
    border: 1px solid #0056a6;
    margin: 0 4px;
	font-size: 16px;
	font-family: "ShopifySansWeb-Regular";
	font-weight:normal;
    display: inline-block;
}
.wp-pagenavi a{
	padding:8px 16px;
    color: #333;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
	font-size: 16px;
	border-radius: 50%;
	font-family: "ShopifySansWeb-Regular";
    display: inline-block;
}
.wp-pagenavi a:hover{
	background-color: #0056a6;
    border: 1px solid #0056a6;
    color: #fff;
}

/* page-contact */
.contact-page .vc_column_container>.vc_column-inner{padding:0px;}
.contact-page .wpb_content_element{margin-bottom: 0px;}
.contact-page .contact-text .container{padding:0px;}
.contact-page .contact-text .text-list h3{
    font-size: 24px;
    font-family: 'ShopifySansWeb-Regular';
    color:#333;
}
.contact-page .contact-text .text-list p{
    font-size: 16px;
    font-family: 'ShopifySansWeb-Regular';
    color:#333;
} 
@media(max-width:992px){
    .contact-page .contact-text.text1 .contact-form{
        margin-top:10px;
    }
}
.contact-page .contact-text.text1 .contact-form h3{
    font-size: 24px;
    font-family: 'ShopifySansWeb-Regular';
    color:#333;
}
.contact-page .contact-text.text1 .contact-form .form-title{
    font-weight: bold;
}
.contact-page .contact-text.text1 .contact-form .form-title{
    padding: 15px 0;
    font-size: 16px;
    font-family: "ShopifySansWeb-Regular";
    color:#333;
}
.contact-page .contact-text.text1 .contact-form input[type='email']{
    width:95%;height:50px;
}
.contact-page .contact-text.text1 .contact-form textarea{
    width:95%;
    margin-bottom: 10px;
}
.contact-page .contact-text.text1 .contact-form input[type='submit']{
    margin-bottom: 0px;
    height:40px;padding:0px 20px;
    background: -webkit-linear-gradient(top, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
    background: -o-linear-gradient(top, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
    background: linear-gradient(to bottom, rgb(0,176,233) 0%, rgb(0,86,166) 100%);
    color: #fff;border:0px;
    border-radius:5px;
    font-size: 16px;
    font-family: "ShopifySansWeb-Bold";
}
.contact-page .contact-text.text1 .contact-form input[type='submit']:hover{
    background-color: transparent;
    padding:0px 18px;
    color: #0056a6;border:2px solid #0056a6;
    background: none!important;
}
.contact-page .contact-text.text2{
    background-color: #f6f6f6;
    padding:25px 0px 35px;
    text-align: center;
}
.contact-page .contact-text.text2 h3{
    font-size: 24px;
    font-family: 'ShopifySansWeb-Regular';
    color:#333;
}
.contact-page .contact-text.text2 p{
    font-size: 16px;
    font-family: 'ShopifySansWeb-Regular';
    color:#333;
} 
.contact-page .contact-text.text2 img{
    margin:0 auto;
    display: inline-block;vertical-align: middle;
} 
.contact-page .contact-text.text3 h3{
    font-size: 24px;
    font-family: 'ShopifySansWeb-Regular';
    color:#333;
}
.contact-page .contact-text.text3 .contact-list.list1{
    font-size: 20px;
    font-family: 'ShopifySansWeb-Regular';
    color:#333;
    padding:15px 0;
}
.contact-page .contact-text.text3 .contact-list{
    border-bottom:1px dotted #ddd;
    font-size: 16px;
    font-family: "ShopifySansWeb-Regular";
    color:#333;
}
.contact-page .contact-text.text3 .contact-list.list5{
    border:0;
}
@media(max-width: 992px){
    .contact-page .contact-text.text3 .contact-list.list5.firstlist5{
        border-bottom:1px dotted #ddd;
    }
}
.contact-page .contact-text.text3 .contact-list.list4 a{
    color:#0056a6;
}
.contact-page .contact-text.text3 .contact-list p{
    padding:15px 0;margin:0;display: block;
}
.contact-page .contact-text.text3 .contact-list p:nth-of-type(1){
    width:24%;
    float: left;
}
.contact-page .contact-text.text3 .contact-list p:nth-of-type(2){
    width:75%;
    float: right;
}

/* page-about */
.vc_row.wpb_row.vc_row-fluid{
    margin:auto;
}
.breadcrumbs .titlebar_breadcrumbs{
    text-transform:uppercase;
}
.about-page .about-text.text1 h3{
    text-align: center;
    font-size: 24px;
    font-family: 'ShopifySansWeb-Bold';
    color:#333;margin-bottom: 20px;
}
.about-page .about-text.text1 p{
    font-size: 16px;
    font-family: 'ShopifySansWeb-Regular';
    color:#333;
} 
.about-page .about-text.text1 p a{
    color:#0061ae;
}
.about-page .about-boxcontainer{
    margin-top: 45px;
    width:calc((100% - 50px) / 2);
    float: left;
}
.about-page .about-boxcontainer:nth-of-type(even){
    margin-right: 50px;
}
@media(max-width: 992px){
    .about-page .about-boxcontainer{
        width:100%;
        margin-right: 0px;
    }
}
.about-page .about-boxcontainer a{
    display:inline-block;
    color:#333;
}
.about-page .about-boxcontainer .about-box:hover{
    box-shadow: 0px 0px 15px #cdcdcd;
}
p.left-to-right{position:relative;}
p.left-to-right::after{            
    content:'';            
    display:block;                     
    width:0;            
    height:3px;            
    position:absolute;            
    left:0;            
    bottom:0px;            
    background:#fff;                       
    transition:all 0.5s ease-in-out;        
}        
.about-page .about-boxcontainer .about-box{
    border:1px solid #d3d3d3;position: relative;padding:40px;
}  
.about-page .about-boxcontainer .about-box img{
    filter: brightness(75%);
}
.about-page .about-boxcontainer .about-box a p{
    text-align:center;font-size:36px;font-family: 'ShopifySansWeb-Bold';
    color:#0061ae;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width:calc(100% - 78px);          
    background-color:#fff; margin:0px;  
}
@media(max-width:414px){
    .about-page .about-boxcontainer .about-box a p{
        text-align:center;font-size:30px;font-family: 'ShopifySansWeb-Bold';
        color:#0061ae;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width:calc(100% - 78px);          
        background-color:#fff;line-height:1.5;  
    }
}
.about-page .about-boxcontainer .about-box:hover a p.left-to-right::after{            
    width:100%;        
} 
.about-page .about-boxcontainer .about-box:hover img{
    filter: brightness(0%);
}
.about-page .about-boxcontainer .about-box:hover a p{         
    background-color:transparent;  
    color:#fff;width:70%;   
}
.about-page .about-boxcontainer .about-box a{
    display:inline-block;
    width:100%;
    box-sizing: border-box;
}
.about-page .about-boxcontainer .about-box img{
    width:100%;
}
.about-page .about-text.text2{
    background-color: #f7f7f7;
    padding:25px 0px 45px;
    text-align: center;
    margin-top:70px;
}
.about-page .about-text.text2 h3{
    font-size: 24px;font-size:2.4rem;
    font-family: 'ShopifySansWeb-Medium';
    color:#333;
}
.about-page .about-text.text2 p{
    font-size: 16px;
    font-family: 'ShopifySansWeb-Regular';
    color:#333;
} 
/* about-why-page */
.about-page .vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding: 0;
    width: 100%;
}
.about-page .about-why-top{
    height:380px;
    width:100%;
    overflow: hidden;
    position: relative;
}
.about-page .about-why-top .whybg{
    filter: brightness(60%);width:100%;height:380px;display: flex;
        justify-content: center;
        align-items: center;}
.about-page .about-why-top .whybg img{
    width:100%;
    height:auto;
    display:inline-block;vertical-align: middle;
}
.about-page .about-why-top .whytext{
    position: absolute;
    top:50%;
    width:100%;
    color:#fff;
    transform: translate(0,-50%);
}
.about-page .about-why-top .whytext p{
    font-size: 48px;
    font-family: "ShopifySansWeb-Bold";
}
.about-page .about-why-top .whytext p:nth-of-type(1){
    font-size: 48px;
    font-family: "ShopifySansWeb-Bold";
}
.about-page .about-why-top .whytext p:nth-of-type(2){
    font-size: 28px;
    font-family: "ShopifySansWeb-Bold";
}
@media(max-width:500px){
    .about-page .about-why-top .whytext p:nth-of-type(1){
        font-size: 38px;
    }
    .about-page .about-why-top .whytext p:nth-of-type(2){
        font-size: 24px;
    }
    .about-page .about-text.text2 h3{
        font-size: 20px;
        font-family: 'ShopifySansWeb-Medium';
        color:#333;
    }
}
@media(max-width:350px){
    .about-page .about-why-top .whytext p:nth-of-type(1){
        font-size: 34px;
    }
    .about-page .about-why-top .whytext p:nth-of-type(2){
        font-size: 22px;
    }
}
.about-page .about-page-box{
    margin-top:45px;
    font-size: 16px;
    font-family: "ShopifySansWeb-Regular";
    line-height:28px;
    color:#333333;
}
.about-page .about-page-box a{
    color:#0061ae;
}
.about-page .about-why-middle{
    width:100%;
    min-height:340px;
    background-color: #f7f7f7;color:#293b4b;
    margin-top: 45px;
}
.about-page .about-why-middle .why-middle-title{
    text-align: center;
    font-family: 'ShopifySansWeb-Bold';
    color: #293b4b;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 48px;
    padding:50px 0px 50px;
}
.about-page .about-why-middle .why-middle-title h3{
    margin:0px;font-size: 28px;
}
.about-page .about-why-middle .why-middle-box{max-width: 1200px;}
.about-page .about-why-middle .why-middle-box .why-middle-list{
    margin-bottom: 50px;
}
.about-page .about-why-middle .why-middle-box .why-middle-list div:nth-of-type(1){
    float: left;text-align: center;
    margin:30px auto 0px;width: 80px;
    height: 60px;
}
.about-page .about-why-middle .why-middle-box .why-middle-list div:nth-of-type(2){
    float: right;padding-left: 10px;
    width:calc(100% - 80px);
}
.about-page .about-why-middle .why-middle-box .why-middle-list div:nth-of-type(2) p{
    font-size: 24px;color:#0061ae;line-height: 28px;
    font-family: "ShopifySansWeb-Medium";
    margin:0px;margin-bottom:10px;padding:0px;
}
.about-page .about-why-middle .why-middle-box .why-middle-list div:nth-of-type(2) ul{margin-left:20px;}
.about-page .about-why-middle .why-middle-box .why-middle-list div:nth-of-type(2) ul li{
    font-size:16px;
    font-family: 'ShopifySansWeb-Regular';
    line-height:20px;list-style-type: disc;margin-bottom:8px;
    color:#293b4b;
}
/* about-history-page */
section {
  padding: 50px 0px 0px;
}
.timeline {
  position: relative;
}
.timeline::before {
  content: '';
  background: #C5CAE9;
  width: 5px;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.timeline-item {
  width: 100%;
  margin-bottom: 70px;
}
.timeline-item:last-child{
  margin-bottom: 0px;
}
.timeline-img {
  width: 30px;
  height: 30px;
  background: #0061ae;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-top: 10px;
  margin-left: -15px;
}
.timeline-item:nth-child(even) .timeline-content {
  float: right;
}
.timeline-item:nth-child(even) .timeline-content .date {
  right: auto;
  left: 0;
}
.timeline-item:nth-child(even) .timeline-content::after {
  content: '';
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  top: 15px;
  left: -15px;
  border-width: 10px 15px 10px 0;
  border-color: transparent #C5CAE9 transparent transparent;
}
.timeline-item::after {
  content: '';
  display: block;
  clear: both;
}
.timeline-content {
  position: relative;
  width: 45%;
  border-radius: 4px;
  box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3);
}
.timeline-content::after {
  content: '';
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  top: 15px;
  right: -15px;
  border-width: 10px 0 10px 15px;
  border-color: transparent transparent transparent #C5CAE9;
}
.timeline .timeline-content{
  padding: 0 !important;
}
.timeline-img-header {
  height: auto;
  position: relative;
  margin-bottom: 15px;
}
.timeline-item .timeline-img-header img{
  width:100%;
}
.timeline-img-header h2 {
  color: #FFFFFF;
  position: absolute;
  bottom: 5px;
  left: 30px;height:auto;margin:0px;line-height:1.2;
  font-size:24px;font-family: "ShopifySansWeb-Bold";
}
.timeline .timeline-content p {
  padding: 5px 30px 15px;font-size: 16px;font-family: "ShopifySansWeb-Regular";
}
@media(max-width:440px){
    .timeline-img-header h2 {
      color: #FFFFFF;
      position: absolute;
      bottom: 5px;
      left: 20px;height:auto;margin:0px;line-height:1.2;
      font-size:20px;font-family: "ShopifySansWeb-Bold";
    }
    .timeline .timeline-content p {
      padding: 0px 20px 15px;font-size: 14px;font-family: "ShopifySansWeb-Regular";
    }
}
.date {
  background: #0061ae;
  display: inline-block;
  color: #FFFFFF;
  padding: 10px 40px;
  position: absolute;
  top: 0;
  right: 0;
  font-size:24px;font-family: "ShopifySansWeb-Bold";
}
@media screen and (max-width: 768px) {
  .timeline::before {
    left: 50px;
  }
  .timeline .timeline-img {
    left: 50px;
  }
  .timeline .timeline-content {
    max-width: 100%;
    width: auto;
    margin-left: 70px;
  }
  .timeline .timeline-item:nth-child(even) .timeline-content {
    float: none;
  }
  .timeline .timeline-item:nth-child(odd) .timeline-content::after {
    content: '';
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    top: 15px;
    left: -15px;
    border-width: 10px 15px 10px 0;
    border-color: transparent #C5CAE9 transparent transparent;
  }

    .date:last-child {
      background: #0061ae;
      display: inline-block;
      color: #FFFFFF;
      padding: 10px 40px;
      position: absolute;
      top: 0;
      left: 0;max-width:165px;
      font-size:24px;font-family: "ShopifySansWeb-Bold";
    }
}
/* about-qualitycontrol-page */
.about-qcpage .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px;
}
.about-qcpage{
    margin-top:25px;margin-bottom: 45px;word-spacing: 1px;
}
.about-qcpage .container{
    padding:0px;
}
.about-qcpage .about-qcpage-box1 .qc-list img{
    float: left;width:33%;margin-right:30px;
}
.about-qcpage .about-qcpage-box1 .qc-list .qctext{
    float: left;width:calc(67% - 30px);
}
.about-qcpage .about-qcpage-box1 .qc-list .qctext p{
    font-size:16px;color:#333;
    font-family: 'ShopifySansWeb-Regular';
}
.about-qcpage .about-qcpage-box1 .qc-list .qctext p a{
    font-size:16px;color:#0061ae;
    font-family: 'ShopifySansWeb-Regular';
}
.about-qcpage .about-qcpage-box2 .qc-list p{
    padding:0px 15px;
    text-align:center;
    font-size:16px;color:#333;
    font-family: 'ShopifySansWeb-Regular';margin-bottom: 30px;
}
.about-qcpage .about-qcpage-box2 .qc-list{
    margin-top: 30px;
    min-height:272px;
}
.about-qcpage .about-qcpage-box2 .qc-list:nth-child(odd){
    margin-top: 100px;
}
.about-qcpage .about-qcpage-box2 .qc-list div{
    border:0px solid #fff;
    border-radius: 50%;
    width:100%;padding-top:100%;
    position: relative;
    overflow: hidden;margin-bottom: 25px;
}
.about-qcpage .about-qcpage-box2 .qc-list div img{
    width:auto;height:100%;
    position: absolute;top: 50%;
    left:50%;transform: translate(-50%,-50%);
}
.about-qcpage .about-qcpage-box3 .qc{
    text-align: center;
    align-items: center;
}
.about-qcpage .about-qcpage-box3 .qc img{
    display:inline-block;
}
.about-qcpage .about-qcpage-box4 .qc-left{
  padding:15px;min-height:116px;
  position: relative;
} 
.about-qcpage .about-qcpage-box4 .qc-left .qc-left-text{
  margin: 0;
  position: absolute;top:0;
  left:50%;transform: translate(-50%,0);
} 
.about-qcpage .about-qcpage-box4 .qc-left .qc-left-text::before{
    content: '';
    border-top: 2px solid #0061ae;
    border-left: 2px solid #0061ae;
    display: inline-block;
    width: 60px;
    height: 30px;
    position: absolute;
} 
.about-qcpage .about-qcpage-box4 .qc-left .qc-left-text::after{
    content: '';
    border-bottom: 2px solid #0061ae;
    border-right: 2px solid #0061ae;
    display: inline-block;
    width: 60px;
    height: 30px;
    position: absolute;
    bottom: 0;
    right: 0;
} 
.about-qcpage .about-qcpage-box4 .qc-left h3{
  color:#333;
  font-family: 'ShopifySansWeb-Bold';
  padding: 20px 30px 0;
  margin:0px;
}
.about-qcpage .about-qcpage-box4 .qc-left ul{
  list-style-type: disc;
  margin-left:20px;color:#333;
  font-size: 18px;
  font-family: 'ShopifySansWeb-Regular';
  padding: 0px 20px 20px 30px;
}
.about-qcpage.qcpage1{
    margin:50px 0px;
}
.about-qcpage.qcpage2{
    margin:70px 0px;
}
.about-qcpage.qcpage3{
    margin:70px 0px;
}
.about-qcpage.qcpage4{
    margin:60px 0px 0px;
}
.about-page .wpb_row .wpb_column .wpb_wrapper .wpb_content_element{
    margin-bottom: 0px;
}
.about-qcpage .wpb_row .wpb_column .wpb_wrapper .wpb_content_element{
    margin-bottom: 0px;
}
@media(max-width:992px){
    .about-qcpage .about-qcpage-box1 .qc-list img{
        display: none;
    }
    .about-qcpage .about-qcpage-box1 .qc-list .qctext{
        width:100%;
    }
    .about-qcpage .about-qcpage-box2 .qc-list:nth-child(odd){
        margin-top: 30px;
    }
}
@media(max-width:768px){
    .about-qcpage .about-qcpage-box2 .qc-list p{
        font-size:14px;
    }
}



/* about-detail-page */
.about-page .vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding: 0;
    width: 100%;
}
.about-page .about-page-title h3{
    border-bottom:2px solid #d3d3d3;
    color:#333;font-size: 24px;
    font-family: "ShopifySansWeb-Bold";
    height:48px;
    line-height:48px;
    padding:0px 8px;
    margin:0px 0px;
}
.about-page .about-page-box{
    margin-top:45px;
    font-size: 16px;
    font-family: "ShopifySansWeb-Regular";
    line-height:28px;
    color:#333333;
}
.about-page .about-page-box img{
    width:100%;
    height:auto;
}
.about-page .about-page-box .box-content .company-data-tab tr{
    border-bottom: 1px dotted #ddd;
}
.about-page .about-page-box .box-content .company-data-tab tr:last-child{
    border-bottom: 0px;
}
.about-page .about-page-box p{
    font-size: 16px;color:#333;font-family: 'ShopifySansWeb-Regular';
}
.about-page.services-box-num .about-page-box{
    margin:15px 0px;
}
.about-page.services-box-num:nth-of-type(odd){
    background-color: #f9f9f9;
}
/* about-massion-vision-values */
.about-page .about-fourpage{padding-bottom: 50px;
}  
.about-page .about-fourpage .container.about-fourpage-box{padding:0px;}
.about-page .about-fourpage:last-child{padding-bottom: 0px;}
.about-page .about-fourpage:nth-of-type(even){
  background-color: #f7f7f7;
} 
.about-page .about-fourpage .title h3{
  text-align: center;
  padding: 50px 0px 20px;
  margin:0px;
  font-size:30px;
  font-family:"ShopifySansWeb-Bold";
} 
.about-page .about-fourpage .about-fourpage-box .missiontext{
  font-size:16px;font-family: "ShopifySansWeb-Bold";
}
.about-page .about-fourpage .about-fourpage-box .visiontext{
  font-size:16px;font-family: "ShopifySansWeb-Bold";
}
.about-page .about-fourpage.about-mission{
    color: rgb(0, 98, 190);
}
.about-page .about-fourpage.about-vision{
    color: #303030;
}
.about-page .about-fourpage.about-values .title{
    color: rgb(0,176,233);
}
.about-page .about-fourpage .about-fourpage-box ul.valuesul{
  list-style-type: disc;
  padding: 0px 20px 0px 40px;margin:30px 0px 20px;
}
.about-page .about-fourpage .about-fourpage-box ul.valuesul li{
  width:130px;height:130px;border-radius:50%;background-color: rgb(0,176,233);color:#fff;float: left;margin-left:calc((100% - 650px) / 10);margin-right:calc((100% - 650px) / 10);margin-bottom:50px;
  font-size:16px;font-family: "ShopifySansWeb-Medium";text-align:center;vertical-align: middle;display: flex;padding:20px;
        justify-content: center;
        align-items: center;position:relative;
}
.about-page .about-fourpage .about-fourpage-box ul.valuesul li:before{pointer-events: none;
    position: absolute;
    z-index: 999999;
    content: '';
    top: calc(100% + 10px);
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
@media(max-width:992px){
    .about-page .about-fourpage .about-fourpage-box ul.valuesul li{
        width:130px;height:130px;border-radius:50%;background-color: rgb(0,176,233);color:#fff;float: left;margin-left:calc((100% - 390px) / 6);margin-right:calc((100% - 390px) / 6);margin-bottom:50px;
        font-size:16px;font-family: "ShopifySansWeb-Medium";text-align:center;vertical-align: middle;display: flex;padding:20px;
        justify-content: center;align-items: center;position:relative;
    }
}
@media(max-width:500px){
    .about-page .about-fourpage .about-fourpage-box ul.valuesul li{
        width:130px;height:130px;border-radius:50%;background-color: rgb(0,176,233);color:#fff;float: left;margin-left:calc((100% - 260px) / 4);margin-right:calc((100% - 260px) / 4);margin-bottom:50px;
        font-size:16px;font-family: "ShopifySansWeb-Medium";text-align:center;vertical-align: middle;display: flex;padding:20px;
        justify-content: center;align-items: center;position:relative;
    }
    .about-page .about-fourpage .about-fourpage-box ul.valuesul{
      list-style-type: disc;
      padding: 0px;margin:30px 0px 20px;
    }
}
/* single-blog */
.product-page-blog.blog-single{
    margin-bottom: 110px;
}
.product-page-blog.blog-single .page-event-top h1{
    font-size: 30px;font-family: "ShopifySansWeb-Bold";margin:0px;padding:0px 0px 10px;color:#333;
}
.product-page-blog.blog-single .page-event-top .postview .blog-span .span{
    font-size:14px;font-family: "ShopifySansWeb-Regular";margin:0px 0px 6px;padding:0px 0px 15px;color:#303030;
}
.product-page-blog.blog-single .page-event-top .postview .blog-span .span a{
    font-size:14px;font-family: "ShopifySansWeb-Regular";margin:0px 0px 6px;padding:0px 0px 15px;color:#303030;
}

@media(max-width:1200px){
    .banner{max-height: 600px;margin-top: 105px;}
    .breadcrumbs.breadcrumbs-back{margin-top:140px;}
    .banner.banner-bottom.service-banner{margin-top: 140px;}
}
img {
    max-width: 100%;
    height: auto;
}